.toast-title {
    font-weight: bold;
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

    .toast-message a,
    .toast-message label {
        color: #FFF;
    }

        .toast-message a:hover {
            color: #CCC;
            text-decoration: none;
        }


.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;
}

    #toast-container > div {
        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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
    }

.toast {
    background-color: #030303;
}

.toast-success {
    background-color: #51A351;
}

.toast-error {
    background-color: #BD362F;
}

.toast-info {
    background-color: #2F96B4;
}

.toast-warning {
    background-color: #F89406;
}

#toast-container > :hover {
    -moz-box-shadow: 0 0 12px #000000;
    -webkit-box-shadow: 0 0 12px #000000;
    box-shadow: 0 0 12px #000000;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    cursor: pointer;
}

#toast-container > .toast-info {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiByeD0iOCIgZmlsbD0iIzFENEVEOCIvPgo8cGF0aCBkPSJNOC4zIDQuNTE4MThMOC4yMzE4MiA5LjUzNjM2SDcuNDQwOTFMNy4zNzI3MyA0LjUxODE4SDguM1pNNy44MzYzNiAxMS41NTQ1QzcuNjY4MTggMTEuNTU0NSA3LjUyMzg2IDExLjQ5NDMgNy40MDM0MSAxMS4zNzM5QzcuMjgyOTUgMTEuMjUzNCA3LjIyMjczIDExLjEwOTEgNy4yMjI3MyAxMC45NDA5QzcuMjIyNzMgMTAuNzcyNyA3LjI4Mjk1IDEwLjYyODQgNy40MDM0MSAxMC41MDhDNy41MjM4NiAxMC4zODc1IDcuNjY4MTggMTAuMzI3MyA3LjgzNjM2IDEwLjMyNzNDOC4wMDQ1NSAxMC4zMjczIDguMTQ4ODYgMTAuMzg3NSA4LjI2OTMyIDEwLjUwOEM4LjM4OTc3IDEwLjYyODQgOC40NSAxMC43NzI3IDguNDUgMTAuOTQwOUM4LjQ1IDExLjA1MjMgOC40MjE1OSAxMS4xNTQ1IDguMzY0NzcgMTEuMjQ3N0M4LjMxMDIzIDExLjM0MDkgOC4yMzYzNiAxMS40MTU5IDguMTQzMTggMTEuNDcyN0M4LjA1MjI3IDExLjUyNzMgNy45NSAxMS41NTQ1IDcuODM2MzYgMTEuNTU0NVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPg==") !important;
}

#toast-container > .toast-error {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiByeD0iOCIgZmlsbD0iI0I5MUMxQyIvPgo8cGF0aCBkPSJNMTEuNjA3MiA1LjExNDg3TDEwLjg4NDkgNC4zOTI1OEw4LjAyMTM4IDcuMjU2MTJMNS4xNTc4NCA0LjM5MjU4TDQuNDM1NTUgNS4xMTQ4N0w3LjI5OTA5IDcuOTc4NDFMNC40MzU1NSAxMC44NDJMNS4xNTc4NCAxMS41NjQyTDguMDIxMzggOC43MDA3TDEwLjg4NDkgMTEuNTY0MkwxMS42MDcyIDEwLjg0Mkw4Ljc0MzY3IDcuOTc4NDFMMTEuNjA3MiA1LjExNDg3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+") !important;
}

#toast-container > .toast-success {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiByeD0iOCIgZmlsbD0iIzE1ODAzRCIvPgo8cGF0aCBkPSJNMTIuMjQwNyA1LjY3ODRMNi42MTY3MiAxMS4zMDI0TDQuMDM5MDYgOC43MjQ3Mkw0LjY5OTg4IDguMDYzOUw2LjYxNjcyIDkuOTc2MDVMMTEuNTc5OSA1LjAxNzU4TDEyLjI0MDcgNS42Nzg0WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+") !important;
}

#toast-container > .toast-warning {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNyAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE2ODNfODA5OCkiPgo8cGF0aCBkPSJNOC4wMjY0NyAwLjAxNDA5MDhDNy43NzAyNSAwLjA0ODY4MDggNy41MTE0NyAwLjE5NDcyOCA3LjMzOTggMC4zOTk3MDVDNy4yOTExMSAwLjQ1ODYzNyA2Ljc4NjM2IDEuMzE5NTQgNS42OTQ4NSAzLjIxMDQ2QzEuMTQxNzggMTEuMDkzMSAwLjE1NjYwMyAxMi43OTk2IDAuMTExNzY1IDEyLjg4OEMwLjAzMzYxNjcgMTMuMDQzIDAuMDA3OTk0NDYgMTMuMTU4MyAwLjAwNzk5NDQ2IDEzLjM2ODRDMC4wMDY3MTMzNSAxMy41MTU3IDAuMDExODM3OCAxMy41NjU3IDAuMDM0ODk3OCAxMy42NTAyQzAuMTUxNDc5IDE0LjA2OTIgMC40ODMyODcgMTQuMzc2NiAwLjkwNzMzNSAxNC40NTYxQzEuMDAzNDIgMTQuNDc0IDEuNjkzOTQgMTQuNDc2NiA4LjE5ODE0IDE0LjQ3NjZDMTQuNzAyMyAxNC40NzY2IDE1LjM5MjkgMTQuNDc0IDE1LjQ4ODkgMTQuNDU2MUMxNS45MTMgMTQuMzc2NiAxNi4yNDQ4IDE0LjA2OTIgMTYuMzYxNCAxMy42NTAyQzE2LjM4NDQgMTMuNTY1NyAxNi4zODk2IDEzLjUxNTcgMTYuMzg4MyAxMy4zNjg0QzE2LjM4ODMgMTMuMTU4MyAxNi4zNjI3IDEzLjA0MyAxNi4yODQ1IDEyLjg4OEMxNi4yNTc2IDEyLjgzNTUgMTUuMzE2IDExLjIwMDggMTQuMTkyNSA5LjI1NjAzQzEzLjA2ODkgNy4zMTEzIDExLjQ2ODggNC41NDE1NCAxMC42Mzc0IDMuMTAxNTdDOS41OTA3MSAxLjI4NzUyIDkuMTA1MTcgMC40NTg2MzcgOS4wNTY0OSAwLjM5OTcwNUM4LjkxMyAwLjIyODAzNiA4LjcwMTYyIDAuMDkzNTE5OCA4LjQ4NjM5IDAuMDM3MTUwOEM4LjM2NzI1IDAuMDA2NDA0MTUgOC4xNTg0MyAtMC4wMDM4NDQ3NSA4LjAyNjQ3IDAuMDE0MDkwOFoiIGZpbGw9IiNFQTU4MEMiLz4KPHBhdGggZD0iTTguNDk5MjIgNC41MTgxOEw4LjQzMTA0IDkuNTM2MzZINy42NDAxM0w3LjU3MTk1IDQuNTE4MThIOC40OTkyMlpNOC4wMzU1OCAxMS41NTQ1QzcuODY3NCAxMS41NTQ1IDcuNzIzMDggMTEuNDk0MyA3LjYwMjYzIDExLjM3MzlDNy40ODIxNyAxMS4yNTM0IDcuNDIxOTUgMTEuMTA5MSA3LjQyMTk1IDEwLjk0MDlDNy40MjE5NSAxMC43NzI3IDcuNDgyMTcgMTAuNjI4NCA3LjYwMjYzIDEwLjUwOEM3LjcyMzA4IDEwLjM4NzUgNy44Njc0IDEwLjMyNzMgOC4wMzU1OCAxMC4zMjczQzguMjAzNzYgMTAuMzI3MyA4LjM0ODA4IDEwLjM4NzUgOC40Njg1NCAxMC41MDhDOC41ODg5OSAxMC42Mjg0IDguNjQ5MjIgMTAuNzcyNyA4LjY0OTIyIDEwLjk0MDlDOC42NDkyMiAxMS4wNTIzIDguNjIwODEgMTEuMTU0NSA4LjU2Mzk5IDExLjI0NzdDOC41MDk0NSAxMS4zNDA5IDguNDM1NTggMTEuNDE1OSA4LjM0MjQgMTEuNDcyN0M4LjI1MTQ5IDExLjUyNzMgOC4xNDkyMiAxMS41NTQ1IDguMDM1NTggMTEuNTU0NVoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTY4M184MDk4Ij4KPHJlY3Qgd2lkdGg9IjE2LjM5ODIiIGhlaWdodD0iMTQuNDc2NiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4=") !important;
}

/*Responsive Design*/

@media all and (max-width: 240px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 108px;
    }
}

@media all and (min-width: 241px) and (max-width: 320px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 128px;
    }
}

@media all and (min-width: 321px) and (max-width: 480px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 192px;
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 300px;
    }
}

/* overrides */
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
    width: 100%;
    margin: 1px 0 1px 0;
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar{position: absolute; top: 0; right: 0; width: 16px; height: 100%;}
.jspHorizontalBar{position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; }

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

div.wrapperCallFlow .jspHorizontalBar .jspTrack{margin-left:253px;}
div.wrapperCallFlow .jspVerticalBar .jspTrack{}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
/*!
 * 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)
 */
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "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: rgba(0, 0, 0, 0);
}
*/

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}
/*
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  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;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    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: .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: -.25em;
}

sup {
    top: -.5em;
}

/*a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #0056b3;
  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: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "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: 0.75rem;
    padding-bottom: 0.75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom;
}

th {
    text-align: inherit;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

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: .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-weight: 500;
    line-height: 1.2;
}

h1, .h1 {
    font-size: 2.5rem;
}

h2, .h2 {
    font-size: 2rem;
}

h3, .h3 {
    font-size: 1.75rem;
}

h4, .h4 {
    font-size: 1.5rem;
}

h5, .h5 {
    font-size: 1.25rem;
}

h6, .h6 {
    font-size: 1rem;
}

.lead {
    font-size: 1.25rem;
    font-weight: 300;
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
}

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.25rem;
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d;
}

    .blockquote-footer::before {
        content: "\2014\00A0";
    }

.img-fluid {
    max-width: 100%;
    height: auto;
}

.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    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: #e83e8c;
    word-wrap: break-word;
}

a > code {
    color: inherit;
}

kbd {
    padding: 0.2rem 0.4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: 0.2rem;
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700;
    }

pre {
    display: block;
    font-size: 87.5%;
    color: #212529;
}

    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) {
    .container, .container-sm {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container, .container-sm, .container-md {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container, .container-sm, .container-md, .container-lg {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1140px;
    }
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    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;
    }

.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;
    box-sizing: border-box;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.row-cols-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.row-cols-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.row-cols-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.row-cols-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.row-cols-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.row-cols-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.order-first {
    -ms-flex-order: -1;
    order: -1;
}

.order-last {
    -ms-flex-order: 13;
    order: 13;
}

.order-0 {
    -ms-flex-order: 0;
    order: 0;
}

.order-1 {
    -ms-flex-order: 1;
    order: 1;
}

.order-2 {
    -ms-flex-order: 2;
    order: 2;
}

.order-3 {
    -ms-flex-order: 3;
    order: 3;
}

.order-4 {
    -ms-flex-order: 4;
    order: 4;
}

.order-5 {
    -ms-flex-order: 5;
    order: 5;
}

.order-6 {
    -ms-flex-order: 6;
    order: 6;
}

.order-7 {
    -ms-flex-order: 7;
    order: 7;
}

.order-8 {
    -ms-flex-order: 8;
    order: 8;
}

.order-9 {
    -ms-flex-order: 9;
    order: 9;
}

.order-10 {
    -ms-flex-order: 10;
    order: 10;
}

.order-11 {
    -ms-flex-order: 11;
    order: 11;
}

.order-12 {
    -ms-flex-order: 12;
    order: 12;
}

.offset-1 {
    margin-left: 8.333333%;
}

.offset-2 {
    margin-left: 16.666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.333333%;
}

.offset-5 {
    margin-left: 41.666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.333333%;
}

.offset-8 {
    margin-left: 66.666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.333333%;
}

.offset-11 {
    margin-left: 91.666667%;
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-sm-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-sm-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-sm-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .row-cols-sm-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-sm-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-sm-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-sm-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-sm-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0;
    }

    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 8.333333%;
    }

    .offset-sm-2 {
        margin-left: 16.666667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.333333%;
    }

    .offset-sm-5 {
        margin-left: 41.666667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.333333%;
    }

    .offset-sm-8 {
        margin-left: 66.666667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.333333%;
    }

    .offset-sm-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-md-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-md-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-md-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .row-cols-md-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-md-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-md-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-md-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-md-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-md-0 {
        -ms-flex-order: 0;
        order: 0;
    }

    .order-md-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-md-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-md-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-md-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-md-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-md-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-md-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-md-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-md-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-md-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-md-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-md-12 {
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.333333%;
    }

    .offset-md-2 {
        margin-left: 16.666667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.333333%;
    }

    .offset-md-5 {
        margin-left: 41.666667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.333333%;
    }

    .offset-md-8 {
        margin-left: 66.666667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.333333%;
    }

    .offset-md-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-lg-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-lg-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-lg-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .row-cols-lg-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-lg-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-lg-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-lg-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-lg-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0;
    }

    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 8.333333%;
    }

    .offset-lg-2 {
        margin-left: 16.666667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.333333%;
    }

    .offset-lg-5 {
        margin-left: 41.666667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.333333%;
    }

    .offset-lg-8 {
        margin-left: 66.666667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.333333%;
    }

    .offset-lg-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-xl-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-xl-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-xl-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .row-cols-xl-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-xl-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-xl-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xl-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-xl-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0;
    }

    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.333333%;
    }

    .offset-xl-2 {
        margin-left: 16.666667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.333333%;
    }

    .offset-xl-5 {
        margin-left: 41.666667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.333333%;
    }

    .offset-xl-8 {
        margin-left: 66.666667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.333333%;
    }

    .offset-xl-11 {
        margin-left: 91.666667%;
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}

    .table th,
    .table td {
        padding: 0.75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6;
    }

    .table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #dee2e6;
    }

    .table tbody + tbody {
        border-top: 2px solid #dee2e6;
    }

.table-sm th,
.table-sm td {
    padding: 0.3rem;
}

.table-bordered {
    border: 1px solid #dee2e6;
}

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #dee2e6;
    }

    .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: #b8daff;
}

    .table-primary th,
    .table-primary td,
    .table-primary thead th,
    .table-primary tbody + tbody {
        border-color: #7abaff;
    }

.table-hover .table-primary:hover {
    background-color: #9fcdff;
}

    .table-hover .table-primary:hover > td,
    .table-hover .table-primary:hover > th {
        background-color: #9fcdff;
    }

.table-secondary,
.table-secondary > th,
.table-secondary > td {
    background-color: #d6d8db;
}

    .table-secondary th,
    .table-secondary td,
    .table-secondary thead th,
    .table-secondary tbody + tbody {
        border-color: #b3b7bb;
    }

.table-hover .table-secondary:hover {
    background-color: #c8cbcf;
}

    .table-hover .table-secondary:hover > td,
    .table-hover .table-secondary:hover > th {
        background-color: #c8cbcf;
    }

.table-success,
.table-success > th,
.table-success > td {
    background-color: #c3e6cb;
}

    .table-success th,
    .table-success td,
    .table-success thead th,
    .table-success tbody + tbody {
        border-color: #8fd19e;
    }

.table-hover .table-success:hover {
    background-color: #b1dfbb;
}

    .table-hover .table-success:hover > td,
    .table-hover .table-success:hover > th {
        background-color: #b1dfbb;
    }

.table-info,
.table-info > th,
.table-info > td {
    background-color: #bee5eb;
}

    .table-info th,
    .table-info td,
    .table-info thead th,
    .table-info tbody + tbody {
        border-color: #86cfda;
    }

.table-hover .table-info:hover {
    background-color: #abdde5;
}

    .table-hover .table-info:hover > td,
    .table-hover .table-info:hover > th {
        background-color: #abdde5;
    }

.table-warning,
.table-warning > th,
.table-warning > td {
    background-color: #ffeeba;
}

    .table-warning th,
    .table-warning td,
    .table-warning thead th,
    .table-warning tbody + tbody {
        border-color: #ffdf7e;
    }

.table-hover .table-warning:hover {
    background-color: #ffe8a1;
}

    .table-hover .table-warning:hover > td,
    .table-hover .table-warning:hover > th {
        background-color: #ffe8a1;
    }

.table-danger,
.table-danger > th,
.table-danger > td {
    background-color: #f5c6cb;
}

    .table-danger th,
    .table-danger td,
    .table-danger thead th,
    .table-danger tbody + tbody {
        border-color: #ed969e;
    }

.table-hover .table-danger:hover {
    background-color: #f1b0b7;
}

    .table-hover .table-danger:hover > td,
    .table-hover .table-danger:hover > th {
        background-color: #f1b0b7;
    }

.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: #ececf6;
}

    .table-hover .table-light:hover > td,
    .table-hover .table-light:hover > th {
        background-color: #ececf6;
    }

.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: #fff;
    background-color: #343a40;
    border-color: #454d55;
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.table-dark {
    color: #fff;
    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: #fff;
        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.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    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 #495057;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.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: #495057;
    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.5;
}

.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5;
}

.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.875rem;
    line-height: 1.5;
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: 0.375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    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.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    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: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    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: 0.3rem;
    margin-left: -1.25rem;
}

    .form-check-input[disabled] ~ .form-check-label,
    .form-check-input:disabled ~ .form-check-label {
        color: #6c757d;
    }

.form-check-label {
    margin-bottom: 0;
}

.form-check-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    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: #28a745;
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, 0.9);
    border-radius: 0.25rem;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
    display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
    border-color: #28a745;
    padding-right: calc(1.5em + 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='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

    .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
    }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
    border-color: #28a745;
    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='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

    .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
    }

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
    color: #28a745;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.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: #28a745;
}

    .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
        border-color: #28a745;
    }

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57;
}

.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(40, 167, 69, 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: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
    border-color: #28a745;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, 0.9);
    border-radius: 0.25rem;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' 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='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

    .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
    }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
    border-color: #dc3545;
    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='%23dc3545' 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='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

    .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
    }

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
    color: #dc3545;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.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: #dc3545;
}

    .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
        border-color: #dc3545;
    }

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d;
}

.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(220, 53, 69, 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: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
    border-color: #dc3545;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
}

    .form-inline .form-check {
        width: 100%;
    }

@media (min-width: 576px) {
    .form-inline label {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0;
    }

    .form-inline .form-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: center;
        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: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        padding-left: 0;
    }

    .form-inline .form-check-input {
        position: relative;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: 0.25rem;
        margin-left: 0;
    }

    .form-inline .custom-control {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .form-inline .custom-control-label {
        margin-bottom: 0;
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    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, 123, 255, 0.25);
}

.btn.disabled, .btn:disabled {
    opacity: 0.65;
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none;
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc;
    }

    .btn-primary:focus, .btn-primary.focus {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc;
        box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf;
    }

        .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, 143, 255, 0.5);
        }

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62;
    }

    .btn-secondary:focus, .btn-secondary.focus {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62;
        box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
    .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #545b62;
        border-color: #4e555b;
    }

        .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(130, 138, 145, 0.5);
        }

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

    .btn-success:hover {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34;
    }

    .btn-success:focus, .btn-success.focus {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34;
        box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

    .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
    .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #1e7e34;
        border-color: #1c7430;
    }

        .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(72, 180, 97, 0.5);
        }

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

    .btn-info:hover {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b;
    }

    .btn-info:focus, .btn-info.focus {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b;
        box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

    .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
    .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #117a8b;
        border-color: #10707f;
    }

        .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(58, 176, 195, 0.5);
        }

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

    .btn-warning:hover {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00;
    }

    .btn-warning:focus, .btn-warning.focus {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00;
        box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
    }

    .btn-warning.disabled, .btn-warning:disabled {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107;
    }

    .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
    .show > .btn-warning.dropdown-toggle {
        color: #212529;
        background-color: #d39e00;
        border-color: #c69500;
    }

        .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(222, 170, 12, 0.5);
        }

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

    .btn-danger:hover {
        color: #fff;
        background-color: #c82333;
        border-color: #bd2130;
    }

    .btn-danger:focus, .btn-danger.focus {
        color: #fff;
        background-color: #c82333;
        border-color: #bd2130;
        box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
    }

    .btn-danger.disabled, .btn-danger:disabled {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

    .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
    .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #bd2130;
        border-color: #b21f2d;
    }

        .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(225, 83, 97, 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: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

    .btn-dark:hover {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124;
    }

    .btn-dark:focus, .btn-dark.focus {
        color: #fff;
        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: #fff;
        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: #fff;
        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: #007bff;
    border-color: #007bff;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #007bff;
        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: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

        .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, 123, 255, 0.5);
        }

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    .btn-outline-secondary:focus, .btn-outline-secondary.focus {
        box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #6c757d;
        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: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

        .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(108, 117, 125, 0.5);
        }

.btn-outline-success {
    color: #28a745;
    border-color: #28a745;
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

    .btn-outline-success:focus, .btn-outline-success.focus {
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #28a745;
        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: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

        .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(40, 167, 69, 0.5);
        }

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8;
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

    .btn-outline-info:focus, .btn-outline-info.focus {
        box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #17a2b8;
        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: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

        .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(23, 162, 184, 0.5);
        }

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107;
}

    .btn-outline-warning:hover {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107;
    }

    .btn-outline-warning:focus, .btn-outline-warning.focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
    }

    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        color: #ffc107;
        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: #ffc107;
        border-color: #ffc107;
    }

        .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(255, 193, 7, 0.5);
        }

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545;
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

    .btn-outline-danger:focus, .btn-outline-danger.focus {
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
    }

    .btn-outline-danger.disabled, .btn-outline-danger:disabled {
        color: #dc3545;
        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: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

        .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(220, 53, 69, 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: #fff;
        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: #fff;
        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: #007bff;
    text-decoration: none;
}

    .btn-link:hover {
        color: #0056b3;
        text-decoration: underline;
    }

    .btn-link:focus, .btn-link.focus {
        text-decoration: underline;
        box-shadow: none;
    }

    .btn-link:disabled, .btn-link.disabled {
        color: #6c757d;
        pointer-events: none;
    }

.btn-lg, .btn-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    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: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    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: 0.25rem;
}

.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 #e9ecef;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

    .dropdown-item:hover, .dropdown-item:focus {
        color: #16181b;
        text-decoration: none;
        background-color: #f8f9fa;
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #007bff;
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: #6c757d;
        pointer-events: none;
        background-color: transparent;
    }

.dropdown-menu.show {
    display: block;
}

.dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #6c757d;
    white-space: nowrap;
}

.dropdown-item-text {
    display: block;
    padding: 0.25rem 1.5rem;
    color: #212529;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}

    .btn-group > .btn,
    .btn-group-vertical > .btn {
        position: relative;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

        .btn-group > .btn:hover,
        .btn-group-vertical > .btn:hover {
            z-index: 1;
        }

        .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
        .btn-group-vertical > .btn:focus,
        .btn-group-vertical > .btn:active,
        .btn-group-vertical > .btn.active {
            z-index: 1;
        }

.btn-toolbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    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 {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    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 input[type="checkbox"],
    .btn-group-toggle > .btn-group > .btn input[type="radio"],
    .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: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

    .input-group > .form-control,
    .input-group > .form-control-plaintext,
    .input-group > .custom-select,
    .input-group > .custom-file {
        position: relative;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        min-width: 0;
        margin-bottom: 0;
    }

        .input-group > .form-control + .form-control,
        .input-group > .form-control + .custom-select,
        .input-group > .form-control + .custom-file,
        .input-group > .form-control-plaintext + .form-control,
        .input-group > .form-control-plaintext + .custom-select,
        .input-group > .form-control-plaintext + .custom-file,
        .input-group > .custom-select + .form-control,
        .input-group > .custom-select + .custom-select,
        .input-group > .custom-select + .custom-file,
        .input-group > .custom-file + .form-control,
        .input-group > .custom-file + .custom-select,
        .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: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        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: -ms-flexbox;
    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-prepend .btn + .input-group-text,
        .input-group-prepend .input-group-text + .input-group-text,
        .input-group-prepend .input-group-text + .btn,
        .input-group-append .btn + .btn,
        .input-group-append .btn + .input-group-text,
        .input-group-append .input-group-text + .input-group-text,
        .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: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

    .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.25rem;
    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.875rem;
    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: 1.5rem;
    padding-left: 1.5rem;
}

.custom-control-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1rem;
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}

    .custom-control-input:checked ~ .custom-control-label::before {
        color: #fff;
        border-color: #007bff;
        background-color: #007bff;
    }

    .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

    .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
        border-color: #80bdff;
    }

    .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
        color: #fff;
        background-color: #b3d7ff;
        border-color: #b3d7ff;
    }

    .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: 0.25rem;
        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: 0.25rem;
        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: #007bff;
    background-color: #007bff;
}

.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, 123, 255, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 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, 123, 255, 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: calc(0.25rem + 2px);
        left: calc(-2.25rem + 2px);
        width: calc(1rem - 4px);
        height: calc(1rem - 4px);
        background-color: #adb5bd;
        border-radius: 0.5rem;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
        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;
        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, -webkit-transform 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;
    -webkit-transform: translateX(0.75rem);
    transform: translateX(0.75rem);
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    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;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .custom-select:focus {
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

        .custom-select:focus::-ms-value {
            color: #495057;
            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 #495057;
    }

.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.875rem;
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin-bottom: 0;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin: 0;
    opacity: 0;
}

    .custom-file-input:focus ~ .custom-file-label {
        border-color: #80bdff;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

    .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.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

    .custom-file-label::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        display: block;
        height: calc(1.5em + 0.75rem);
        padding: 0.375rem 0.75rem;
        line-height: 1.5;
        color: #495057;
        content: "Browse";
        background-color: #e9ecef;
        border-left: inherit;
        border-radius: 0 0.25rem 0.25rem 0;
    }

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .custom-range:focus {
        outline: none;
    }

        .custom-range:focus::-webkit-slider-thumb {
            box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
        }

        .custom-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
        }

        .custom-range:focus::-ms-thumb {
            box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
        }

    .custom-range::-moz-focus-outer {
        border: 0;
    }

    .custom-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -0.25rem;
        background-color: #007bff;
        border: 0;
        border-radius: 1rem;
        -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        -webkit-appearance: none;
        appearance: none;
    }

@media (prefers-reduced-motion: reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none;
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff;
}

.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: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-appearance: none;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none;
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff;
}

.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: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    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 {
        -ms-transition: none;
        transition: none;
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff;
}

.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: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    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: 1px solid #dee2e6;
}

    .nav-tabs .nav-item {
        margin-bottom: -1px;
    }

    .nav-tabs .nav-link {
        border: 1px 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: #e9ecef #e9ecef #dee2e6;
        }

        .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: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.nav-pills .nav-link {
    border-radius: 0.25rem;
}

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #007bff;
    }

.nav-fill .nav-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}

    .navbar .container,
    .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

.navbar-brand {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

    .navbar-brand:hover, .navbar-brand:focus {
        text-decoration: none;
    }

.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    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 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
}

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    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-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 {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .navbar-expand-sm .navbar-nav {
            -ms-flex-direction: row;
            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,
        .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 {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }

        .navbar-expand-sm .navbar-collapse {
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
        }

        .navbar-expand-sm .navbar-toggler {
            display: none;
        }
}

@media (max-width: 767.98px) {
    .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 {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .navbar-expand-md .navbar-nav {
            -ms-flex-direction: row;
            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,
        .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 {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }

        .navbar-expand-md .navbar-collapse {
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
        }

        .navbar-expand-md .navbar-toggler {
            display: none;
        }
}

@media (max-width: 991.98px) {
    .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 {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .navbar-expand-lg .navbar-nav {
            -ms-flex-direction: row;
            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,
        .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 {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }

        .navbar-expand-lg .navbar-collapse {
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
        }

        .navbar-expand-lg .navbar-toggler {
            display: none;
        }
}

@media (max-width: 1199.98px) {
    .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 {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .navbar-expand-xl .navbar-nav {
            -ms-flex-direction: row;
            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,
        .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 {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }

        .navbar-expand-xl .navbar-collapse {
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
        }

        .navbar-expand-xl .navbar-toggler {
            display: none;
        }
}

.navbar-expand {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .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 {
        -ms-flex-direction: row;
        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,
    .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .navbar-expand .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        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: #fff;
}

    .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
        color: #fff;
    }

.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: #fff;
    }

.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: #fff;
    }

        .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
            color: #fff;
        }

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    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 {
    -ms-flex: 1 1 auto;
    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 {
    -ms-flex-negative: 0;
    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: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

        .card-deck .card {
            -ms-flex: 1 0 0%;
            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: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

        .card-group > .card {
            -ms-flex: 1 0 0%;
            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 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        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: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    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: #6c757d;
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

    .page-link:hover {
        z-index: 2;
        color: #0056b3;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6;
    }

    .page-link:focus {
        z-index: 3;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 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: #007bff;
    border-color: #007bff;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}

.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    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 {
        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: 10rem;
}

.badge-primary {
    color: #fff;
    background-color: #007bff;
}

a.badge-primary:hover, a.badge-primary:focus {
    color: #fff;
    background-color: #0062cc;
}

a.badge-primary:focus, a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d;
}

a.badge-secondary:hover, a.badge-secondary:focus {
    color: #fff;
    background-color: #545b62;
}

a.badge-secondary:focus, a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
    color: #fff;
    background-color: #28a745;
}

a.badge-success:hover, a.badge-success:focus {
    color: #fff;
    background-color: #1e7e34;
}

a.badge-success:focus, a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
    color: #fff;
    background-color: #17a2b8;
}

a.badge-info:hover, a.badge-info:focus {
    color: #fff;
    background-color: #117a8b;
}

a.badge-info:focus, a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
    color: #212529;
    background-color: #ffc107;
}

a.badge-warning:hover, a.badge-warning:focus {
    color: #212529;
    background-color: #d39e00;
}

a.badge-warning:focus, a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

a.badge-danger:hover, a.badge-danger:focus {
    color: #fff;
    background-color: #bd2130;
}

a.badge-danger:focus, a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 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: #fff;
    background-color: #343a40;
}

a.badge-dark:hover, a.badge-dark:focus {
    color: #fff;
    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: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: 0.3rem;
}

@media (min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem;
    }
}

.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: 0.25rem;
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 700;
}

.alert-dismissible {
    padding-right: 4rem;
}

    .alert-dismissible .close {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0.75rem 1.25rem;
        color: inherit;
    }

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

    .alert-primary hr {
        border-top-color: #9fcdff;
    }

    .alert-primary .alert-link {
        color: #002752;
    }

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

    .alert-secondary hr {
        border-top-color: #c8cbcf;
    }

    .alert-secondary .alert-link {
        color: #202326;
    }

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

    .alert-success hr {
        border-top-color: #b1dfbb;
    }

    .alert-success .alert-link {
        color: #0b2e13;
    }

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

    .alert-info hr {
        border-top-color: #abdde5;
    }

    .alert-info .alert-link {
        color: #062c33;
    }

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

    .alert-warning hr {
        border-top-color: #ffe8a1;
    }

    .alert-warning .alert-link {
        color: #533f03;
    }

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

    .alert-danger hr {
        border-top-color: #f1b0b7;
    }

    .alert-danger .alert-link {
        color: #491217;
    }

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

    .alert-light hr {
        border-top-color: #ececf6;
    }

    .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: #040505;
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    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 {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none;
    }
}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.media-body {
    -ms-flex: 1;
    flex: 1;
}

.list-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    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: #f8f9fa;
    }

    .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: 0.25rem;
        border-top-right-radius: 0.25rem;
    }

    .list-group-item:last-child {
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }

    .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: #007bff;
        border-color: #007bff;
    }

    .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 {
    -ms-flex-direction: row;
    flex-direction: row;
}

    .list-group-horizontal .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }

    .list-group-horizontal .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        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 {
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .list-group-horizontal-sm .list-group-item:first-child {
            border-bottom-left-radius: 0.25rem;
            border-top-right-radius: 0;
        }

        .list-group-horizontal-sm .list-group-item:last-child {
            border-top-right-radius: 0.25rem;
            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 {
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .list-group-horizontal-md .list-group-item:first-child {
            border-bottom-left-radius: 0.25rem;
            border-top-right-radius: 0;
        }

        .list-group-horizontal-md .list-group-item:last-child {
            border-top-right-radius: 0.25rem;
            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 {
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .list-group-horizontal-lg .list-group-item:first-child {
            border-bottom-left-radius: 0.25rem;
            border-top-right-radius: 0;
        }

        .list-group-horizontal-lg .list-group-item:last-child {
            border-top-right-radius: 0.25rem;
            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 {
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .list-group-horizontal-xl .list-group-item:first-child {
            border-bottom-left-radius: 0.25rem;
            border-top-right-radius: 0;
        }

        .list-group-horizontal-xl .list-group-item:last-child {
            border-top-right-radius: 0.25rem;
            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: #004085;
    background-color: #b8daff;
}

    .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
        color: #004085;
        background-color: #9fcdff;
    }

    .list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: #004085;
        border-color: #004085;
    }

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db;
}

    .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
        color: #383d41;
        background-color: #c8cbcf;
    }

    .list-group-item-secondary.list-group-item-action.active {
        color: #fff;
        background-color: #383d41;
        border-color: #383d41;
    }

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb;
}

    .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
        color: #155724;
        background-color: #b1dfbb;
    }

    .list-group-item-success.list-group-item-action.active {
        color: #fff;
        background-color: #155724;
        border-color: #155724;
    }

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb;
}

    .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
        color: #0c5460;
        background-color: #abdde5;
    }

    .list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: #0c5460;
        border-color: #0c5460;
    }

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba;
}

    .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
        color: #856404;
        background-color: #ffe8a1;
    }

    .list-group-item-warning.list-group-item-action.active {
        color: #fff;
        background-color: #856404;
        border-color: #856404;
    }

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb;
}

    .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
        color: #721c24;
        background-color: #f1b0b7;
    }

    .list-group-item-danger.list-group-item-action.active {
        color: #fff;
        background-color: #721c24;
        border-color: #721c24;
    }

.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: #ececf6;
    }

    .list-group-item-light.list-group-item-action.active {
        color: #fff;
        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: #fff;
        background-color: #1b1e21;
        border-color: #1b1e21;
    }

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

    .close:hover {
        color: #000;
        text-decoration: none;
    }

    .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
        opacity: .75;
    }

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    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);
    -webkit-backdrop-filter: blur(10px);
    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: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    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: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
}

.modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

.modal-dialog-scrollable {
    display: -ms-flexbox;
    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 {
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto;
    }

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    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 {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        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: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    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: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

    .modal-header .close {
        padding: 1rem 1rem;
        margin: -1rem -1rem -1rem auto;
    }

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    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: 500px;
        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: 800px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    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.875rem;
    word-wrap: break-word;
    opacity: 0;
}

    .tooltip.show {
        opacity: 0.9;
    }

    .tooltip .arrow {
        position: absolute;
        display: block;
        width: 0.8rem;
        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 0.4rem 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: 0.8rem;
    }

        .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
            right: 0;
            border-width: 0.4rem 0.4rem 0.4rem 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 0.4rem 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: 0.8rem;
    }

        .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
            left: 0;
            border-width: 0.4rem 0 0.4rem 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: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    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.875rem;
    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: 1rem;
        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 0.5rem 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 0.5rem 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: 1rem;
        margin: 0.3rem 0;
    }

        .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
            left: 0;
            border-width: 0.5rem 0.5rem 0.5rem 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: 0.5rem 0.5rem 0.5rem 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 0.5rem 0.5rem 0.5rem;
            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 0.5rem 0.5rem 0.5rem;
            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: 1rem;
        margin-left: -0.5rem;
        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: 1rem;
        margin: 0.3rem 0;
    }

        .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
            right: 0;
            border-width: 0.5rem 0 0.5rem 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: 0.5rem 0 0.5rem 0.5rem;
            border-left-color: #fff;
        }

.popover-header {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    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 {
        -ms-touch-action: pan-y;
        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%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-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 {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    .carousel-item-prev:not(.carousel-item-right),
    .active.carousel-item-left {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    -webkit-transform: none;
    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: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: 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-prev:focus,
.carousel-control-next:hover,
.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: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

    .carousel-indicators li {
        box-sizing: content-box;
        -ms-flex: 0 1 auto;
        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: .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;
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        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%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        opacity: 1;
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(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;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .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: #007bff !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #0062cc !important;
}

.bg-secondary {
    background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #545b62 !important;
}

.bg-success {
    background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
    background-color: #1e7e34 !important;
}

.bg-info {
    background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
    background-color: #117a8b !important;
}

.bg-warning {
    background-color: #ffc107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
    background-color: #d39e00 !important;
}

.bg-danger {
    background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #bd2130 !important;
}

.bg-light {
    background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
    background-color: #dae0e5 !important;
}

.bg-dark {
    background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
    background-color: #1d2124 !important;
}

.bg-white {
    background-color: #fff !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: #007bff !important;
}

.border-secondary {
    border-color: #6c757d !important;
}

.border-success {
    border-color: #28a745 !important;
}

.border-info {
    border-color: #17a2b8 !important;
}

.border-warning {
    border-color: #ffc107 !important;
}

.border-danger {
    border-color: #dc3545 !important;
}

.border-light {
    border-color: #f8f9fa !important;
}

.border-dark {
    border-color: #343a40 !important;
}

.border-white {
    border-color: #fff !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: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    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: -ms-flexbox !important;
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        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: -ms-flexbox !important;
        display: flex !important;
    }

    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        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: -ms-flexbox !important;
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        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: -ms-flexbox !important;
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        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: -ms-flexbox !important;
        display: flex !important;
    }

    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        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.857143%;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.embed-responsive-4by3::before {
    padding-top: 75%;
}

.embed-responsive-1by1::before {
    padding-top: 100%;
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}

@media (min-width: 576px) {
    .flex-sm-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-sm-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-sm-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-sm-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-sm-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-sm-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-sm-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-sm-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-sm-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-md-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-md-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-md-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-md-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-md-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-md-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-md-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-md-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-md-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-md-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-lg-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-lg-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-lg-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-lg-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-lg-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-lg-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-lg-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-xl-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-xl-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-xl-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-xl-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-xl-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-xl-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-xl-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        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: -webkit-sticky !important;
    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: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        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-05 {
    margin-right: 2px !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: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "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: #fff !important;
}

.text-primary {
    color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #0056b3 !important;
}

.text-secondary {
    color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
    color: #494f54 !important;
}

.text-success {
    color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
    color: #19692c !important;
}

.text-info {
    color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
    color: #0f6674 !important;
}

.text-warning {
    color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
    color: #ba8b00 !important;
}

.text-danger {
    color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
    color: #a71d2a !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: #6c757d !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 {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

        .table td,
        .table th {
            background-color: #fff !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: #dee2e6;
        }

    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6;
    }
}
/*# sourceMappingURL=bootstrap.css.map

.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }

  .daterangepicker .ranges ul {
    width: 140px;
  }

  .daterangepicker.single .ranges ul {
    width: 100%;
  }

  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }

  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }

  .daterangepicker {
    direction: ltr;
    text-align: left;
  }

  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }

  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }

  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }

  .daterangepicker .ranges {
    float: left;
  }

  .daterangepicker.rtl .ranges {
    float: right;
  }

  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}

/* TRANSITION DEFAULT */
.ts-bgc{transition: background-color 0.2s ease;-webkit-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; transition: background-color 0.2s ease;}

/* COMPONENTES */
.simpleLineDivider{width: 100%; height: 1px; border-top: 1px solid #eaeaea; margin: 17px 0px 22px 0px; float: left;}
.simpleLineDivider.dashed{border-top: 1px dashed #eaeaea;}
.simpleLineDivider.medium{margin: 6px 0 7px 0;}

.sf-separator{width: 100%; position: relative; border-top: 1px solid #d2d2d2; margin: 12px 0 14px 0; display: inline-block;}
.sf-separator.dashed{border-top: 1px dashed #d2d2d2;}
.sf-separator span{background-color: #fff; text-align: center; font-size: 12px; color: #d2d2d2; position: absolute; left: 50%; top: -10px; transform: translateX(-50%); padding: 0px 15px; white-space: pre;}

/* BTN */
.sf-btn{text-align: center; border-radius: 4px; font-size: 14px;cursor: pointer;}

	/* BTNS FILLED COLORS */
	.b-red{background-color: #f1644a!important;color: #fff!important;}
		.b-red:hover{background-color: #da5c45!important;color: #fff!important;}
	.b-blue{background-color: #5078EE!important;color: #fff!important;}
		.b-blue:hover{background-color: #4264ca!important;color: #fff!important;}
	.b-green{background-color: #5EBF71!important;color: #fff!important;}
		.b-green:hover{background-color: #499658!important;color: #fff!important;}
	.b-grey{background-color: #cacaca!important;color: #fff!important;}
		.b-grey:hover{background-color: #cacaca!important;color: #fff!important;}
	.b-darkBlue{background-color: #1a47a6!important;color: #fff!important;}
		.b-darkBlue:hover{background-color: #153579!important;color: #fff!important;}

	/* BTNS BORDER COLORS */
	.border-red{border:1px solid #f75031!important;color: #f75031!important;background-color: #fff!important;}
		.border-red:hover{background-color: #f75031!important;color: #fff!important;}
	.border-blue{border:1px solid #5078EE!important;color: #5078EE!important;background-color: #fff!important;}
		.border-blue:hover{background-color: #5078EE!important;color: #fff!important;}
	.border-green{border:1px solid #5EBF71!important;color: #7b7b7b!important;background-color: #fff!important;}
		.border-green:hover{background-color: #5EBF71!important;color: #fff!important;}
	.border-grey{border:1px solid #cacaca!important;color: #929292!important;background-color: #fff!important;}
		.border-grey:hover{background-color: #cacaca!important;color: #fff!important;}
	.border-darkBlue{border:1px solid #1a47a6!important;color: #1a47a6!important;background-color: #fff!important;}
		.border-darkBlue:hover{background-color: #1a47a6!important;color: #fff!important;}

	/* AVATARS */
	.av-green{background-color: #4BC076!important;}
	.av-orange{background-color: #FCB95B!important;}
	.av-yellow{background-color: #F2CF5B!important;}
	.av-red{background-color: #F88962!important;}
	.av-violet{background-color: #C978D8!important;}
	.av-darkViolet{background-color: #7382DD!important;}
	.av-cyan{background-color: #49C4C9!important;}
	.av-blue{background-color: #4271CB!important;}

	/* TEXT COLORS */
	.c-green{color: #4BC076!important;}
	.c-orange{color: #FCB95B!important;}
	.c-yellow{color: #F2CF5B!important;}
	.c-red{color: #F88962!important;}
	.c-violet{color: #C978D8!important;}
	.c-darkViolet{color: #7382DD!important;}
	.c-cyan{color: #49C4C9!important;}
	.c-blue{color: #5078EE!important;}

	/* COLORS */
	.sfLeadColor{background-color: #F88962!important;}
	.sfContactColor{background-color: #A094ED!important;}
	.sfGuestColor{background-color: #c1c1c1!important;}
	.sfUserColor{background-color: #6fcde2!important;}
	.sfPersonAccountColor, .personAccount{background-color: #A094ED!important;}
	.sfAccountColor{background-color: #8797fd!important;}
	.sfPhoneIQColor{background-color: #5078EE!important;}

	.ctiPhoneDialog{}
	.generalModal.ctiPhoneDialog div.generalSplash{position: absolute;top: calc(50% - 40px); transform: translateY(-50%);}
	.generalModal.ctiPhoneDialog div.generalSplash .btnBlue{height: 36px;}

	.ctiPhoneDialog .sfRecents.slaveContent{top: 47px;height: 100%;}
	.ctiPhoneDialog .sfRecents ul.sfGeneralList{bottom: 0;}
	.ctiPhoneDialog .sfRecents ul.sfGeneralList li.list-item{margin-left: 10px;}

	.ctiPhoneDialog .recentsView .infiniteLoader{bottom: 52px;}

	.ctiPhoneDialog .close{position: absolute;right: 2px; top: 10px;}
	
	.sfClose{position: absolute;right: 19px; top: 10px;width: 30px; height: 30px;cursor: pointer;}
	.sfClose svg{fill: none;}
		.sfClose.red svg{stroke: #ed6666;}
		.sfClose.black svg{stroke: #4a4a4a;}
		.sfClose.blue svg{stroke: #5078ee;}
		.sfClose.white svg{stroke: #fff;}

    /************************************ LEFT CONTENT *******************************************/

/* TABS */
	.ctiPhoneDialog .masterLeft{float: left; width: 355px; border-right: 1px solid #D3D3D3; height: 100%;position: relative;}
	.ctiPhoneDialog .masterLeft .tabs{height: 45px; border-bottom: 2px solid #DDDDDD; font-size: 12px; line-height: 45px; text-align: center;cursor: pointer;}
	.ctiPhoneDialog .masterLeft .tabs .tabLeft, .ctiPhoneDialog .masterLeft .tabs .tabRight{float: left; width: 50%; height: 100%;}
	.ctiPhoneDialog .masterLeft .tabs .tabRight .counter{line-height: initial; background-color: #DE5E46; color: #fff; border-radius: 20px; padding: 2px 6px; margin: 13px 10px 0 0px; position: absolute; top: 0; right: 0; font-size: 10px;}

	.ctiPhoneDialog .masterLeft .tabs .tabLeft.active{border-radius: 4px 0 0 0;}
	.ctiPhoneDialog .masterLeft .tabs .tabLeft.active, .ctiPhoneDialog .masterLeft .tabs .tabRight.active{border-bottom: 2px solid #5078EE;font-weight: 500;}

	.ctiPhoneDialog .masterLeft .tabs .tabLeft:hover, .ctiPhoneDialog .masterLeft .tabs .tabRight:hover{background-color: #ECF0FD;}

/*************************************** ESTADOS ***************************************/
/* DIALPAD */
	/* TOP */
	.ctiPhoneDialog .masterLeft .top{padding: 20px;}
	.ctiPhoneDialog .masterLeft .top .formSelect{/*box-shadow: 0 0 8px 1px #00000017;transition: box-shadow 0.5s ease;-webkit-transition: box-shadow 0.5s ease;*/border: 1px solid #ececec;}
	/*.ctiPhoneDialog .masterLeft .top .formSelect:hover{box-shadow: 0 0 8px 4px #00000014;}*/
	.ctiPhoneDialog .masterLeft .top .formSelect .display{border:none;}
	.ctiPhoneDialog .masterLeft .top .formSelect .generalLoader{right: 26px;}

	.ctiPhoneDialog .masterLeft .top .formSelect.phoneNumber .display .label{display: inline-block;}
	.ctiPhoneDialog .masterLeft .top .formSelect.phoneNumber .display .txt{display: inline-block; font-size: 12px; color: #929292;}
	
	/* MIDDLE */
	.ctiPhoneDialog .masterLeft .middle{position: absolute; /* left: 50%; */ /* top: 50%; */ /* transform: translate(-50%, calc(-50% - 80px)); */ /* background-color: aliceblue; */ width: calc(100% - 44px); height: calc(100vh - 195px); left: 22px; top: 110px;}
	.ctiPhoneDialog .masterLeft .middle.twoButtons{height: calc(100vh - 215px);}
	.ctiPhoneDialog .masterLeft .middle.threeButtons{height: calc(100vh - 215px);}

	/* COMPOSE THIS */
	.ctiPhoneDialog .masterLeft .middle .dial{}
	.dial{width: 100%; float: left;position: absolute; top: 30px;}
	.dial .callTitle{text-align: center;}
	.dial .number{text-align: center; font-size: 13px; margin: 4px 0 6px 0; color: #b7b7b7;}
	.dial .hideDialpad{text-align: center; font-size: 13px; margin: 4px 0 12px 0; color: #5078EE; cursor: pointer;}
	.dial input{width: 100%; border: none; border-bottom: 1px solid #D8D8D8; border-radius: 0; margin: 0 0 10px 0px; font-size: 14px; text-align: center; padding: 10px; box-sizing: border-box; height: 40px;}
	.dial input::placeholder{font-size: 13px;}
	.dial input:focus{border: none!important; border-bottom: 1px solid #5078EE!important;}
	.dial input:focus::-webkit-input-placeholder{color: #fff;}
	.dial .pad{float: left; width: 100%;}
	.dial .pad ul li{transition: box-shadow 0.3s ease;-webkit-transition: box-shadow 0.2s ease;float: left; width: calc(33% - 2px); height: 90px; border-bottom: 1px solid rgb(216, 216, 216); text-align: center; box-sizing: border-box; padding: 10px 0 0 0;}
	.dial .pad ul li:active{box-shadow: inset 0px 20px 17px 0px #00000012;}
	.dial .pad ul li:hover{background-color: #f5f5f5;cursor: pointer;}
	.dial .pad ul li .number{font-size: 30px; color: #656565; font-weight: 300;}
	.dial .pad ul li .txt{color: #cacaca; font-size: 11px;}

	.ctiPhoneDialog .masterLeft .middle .callerInfo{position: absolute; left: 50%; top: calc(50% - 50px); transform: translate(-50%, -50%); width: 100%;}
	.ctiPhoneDialog .masterLeft .middle .callerInfo .callTitle{color: #5078EE; font-weight: 600; margin: 0 0 10px 0;}
	.ctiPhoneDialog .masterLeft .middle .callerInfo .callTitle.top{background-color: #5078ee2e; display: table; margin: 0 auto 12px auto; text-align: center; border-radius: 20px; padding: 3px 8px; font-size: 13px;}
	.ctiPhoneDialog .masterLeft .middle .callerInfo .callTitle.sfPopLink{text-decoration: underline;cursor: pointer;}
	.ctiPhoneDialog .masterLeft .middle .callerInfo .callTitle .nameTxt{margin: 0 auto 10px auto; width: fit-content; border-radius: 4px; position: relative;}
	.ctiPhoneDialog .masterLeft .middle .callerInfo .callTitle .nameTxt .haveTooltip{position: absolute; right: -17px; top: 4px;}
	
	.ctiPhoneDialog .masterLeft .middle .callerInfo .acwCallStatus{}
	.ctiPhoneDialog .masterLeft .middle .callerInfo .acwCallStatus .txt{font-size: 13px; background-color: #5078ee1f; margin: 9px auto 10px auto; text-align: center; width: fit-content; padding: 4px 10px 5px 10px; border-radius: 4px; color: #5078EE; font-weight: 500;}
	.ctiPhoneDialog .masterLeft .middle .callerInfo .acwCallStatus .txt span{text-transform: none; color: #565656; font-weight: 500;}

	.ctiPhoneDialog .masterLeft .middle .callerInfo .txt{position: relative;}
	.ctiPhoneDialog .masterLeft .middle .callerInfo .txt .sfPopLink{}
	.ctiPhoneDialog .masterLeft .middle .callerInfo .txt span{}
	.ctiPhoneDialog .masterLeft .middle .callerInfo .imgProfile{/*width: 100px; height: 100px;*/ margin: 0 auto 8px auto; float: initial;}
/*	.ctiPhoneDialog .masterLeft .middle .callerInfo .imgProfile .initials{line-height: 97px; font-size: 27px;}*/
		/*.ctiPhoneDialog .masterLeft .middle .callerInfo .imgProfile.guest .initials{line-height: 95px; font-size: 43px; font-weight: 300;}*/
		.ctiPhoneDialog .masterLeft .middle .callerInfo .imgProfile.sfContact,
		.ctiPhoneDialog .masterLeft .middle .callerInfo .imgProfile.sfLead,
		.ctiPhoneDialog .masterLeft .middle .callerInfo .imgProfile.personAccount,
		.ctiPhoneDialog .masterLeft .middle .callerInfo .imgProfile.sfAccount{width: 80px; height: 80px;}

		.ctiPhoneDialog .masterLeft .middle .callerInfo .imgProfile.sfLead{background-color: #F88962;}
		.ctiPhoneDialog .masterLeft .middle .callerInfo .imgProfile.sfContact{background-color: #A094ED;}
		.ctiPhoneDialog .masterLeft .middle .callerInfo .imgProfile.sfAccount{background-color: #8577de;}
		.ctiPhoneDialog .masterLeft .middle .callerInfo .imgProfile.sfAccount svg:not(.svg-sfCloud){width: 200px; margin: 10px 0 0 12px;pointer-events: none;}

	.ctiPhoneDialog .masterLeft .middle .callerInfo .imgProfile .sfTag{height: 12px; background-color: #5078EE; border-radius: 30px; position: absolute; bottom: -7px; left: 50%; transform: translateX(-50%); border: 4px solid #FFF; text-transform: uppercase; color: #fff; font-size: 9px; padding: 2px 8px; font-weight: 500; letter-spacing: 0.5px; min-width: 20px; text-align: center; white-space: nowrap;}
	.ctiPhoneDialog .masterLeft .middle .callerInfo .callTitle, .ctiPhoneDialog .masterLeft .middle .callerInfo .name, .ctiPhoneDialog .masterLeft .middle .callerInfo .number, .ctiPhoneDialog .masterLeft .middle .callerInfo .jobTitle, .ctiPhoneDialog .masterLeft .middle .callerInfo .via, .ctiPhoneDialog .masterLeft .middle .callerInfo .queue, .ctiPhoneDialog .masterLeft .middle .callerInfo .timer, .ctiPhoneDialog .masterLeft .middle .callerInfo .calling{text-align: center;}
	.ctiPhoneDialog .masterLeft .middle .callerInfo .callTitle.status{font-size: 13px; background-color: #5078ee1f; margin: 0 auto 10px auto; text-align: center; width: fit-content; padding: 3px 10px; border-radius: 4px;}

.ctiPhoneDialog .masterLeft .middle .callerInfo .name{color: #5078EE; font-weight: 500; margin: 0 0 5px 0; font-size: 20px;}
.ctiPhoneDialog .masterLeft .middle .callerInfo .name.popLink{text-decoration: underline;cursor: pointer;}
.ctiPhoneDialog .masterLeft .middle .callerInfo .number{font-weight: 500;margin:0 0 4px 0;}
.ctiPhoneDialog .masterLeft .middle .callerInfo .jobTitle{font-size: 12px; color: #a9a9a9; margin: 0 0 9px 0;}

.ctiPhoneDialog .masterLeft .middle .callerInfo .contactActions{font-size: 12px; display: table; margin: 5px auto 10px auto; padding: 0 0 0 30px; cursor: pointer;}
.ctiPhoneDialog .masterLeft .middle .callerInfo .contactActions li{float: left; color: #5078ee; margin-right: 9px;}
.ctiPhoneDialog .masterLeft .middle .callerInfo .contactActions li.editContact{margin: 5px 24px 0 0;}
.ctiPhoneDialog .masterLeft .middle .callerInfo .contactActions .addToContactsBtn{border-right: 1px solid #5078ee; padding: 0 9px 0 0;}

.ctiPhoneDialog .masterLeft .middle .callerInfo .via{height: 15px;font-size: 12px; color: #5078EE; margin: 0 0 8px 0;}
.ctiPhoneDialog .masterLeft .middle .callerInfo .via .viaSkel{width: 160px; margin: 0 auto; height: 13px; }
.ctiPhoneDialog .masterLeft .middle .callerInfo .queue{height: 15px;font-size: 12px; color: #5078EE; border-top: 1px solid #5078ee; padding: 7px 20px; width: fit-content; margin: 0 auto 4px auto;}
.ctiPhoneDialog .masterLeft .middle .callerInfo .queue .queueSkel{width: 90px; margin: 0 auto; height: 13px;}
.ctiPhoneDialog .masterLeft .middle .callerInfo .timer{font-size: 32px; color: #5078EE; font-weight: 300;}
.ctiPhoneDialog .masterLeft .middle .callerInfo .calling{font-size: 26px; color: #5078EE; font-weight: 300;}

.ctiPhoneDialog .masterLeft .middle .callerInfo .callerInformation{text-align: center; margin: 0 0 5px 0;}
.ctiPhoneDialog .masterLeft .middle .callerInfo .callerInformation .copyThisToClipboard{position: absolute; top: 5px; right: -18px;}
.ctiPhoneDialog .masterLeft .middle .callerInfo .callerInformation .nameAndTrigger{position: relative; text-align: center; display: inline-block; margin: 3px 0 3px 0; max-width: 250px;}
.ctiPhoneDialog .masterLeft .middle .callerInfo .callerInformation .nameAndTrigger .name{}
.ctiPhoneDialog .masterLeft .middle .callerInfo .callerInformation .nameAndTrigger .matchTrigger{width: 19px; height: 20px; position: absolute; top: 4px; right: -22px; cursor: pointer; transform: scalex(-1);}
.ctiPhoneDialog .masterLeft .middle .callerInfo .callerInformation .nameAndTrigger .matchTrigger.hasCopyToClip{right: -39px;}
.ctiPhoneDialog .masterLeft .middle .callerInfo .callerInformation .nameAndTrigger .matchTrigger .triangle{pointer-events: none; width: 0; height: 0; border-style: solid; border-width: 3px 2px 0 2px; border-color: #ffffff transparent transparent transparent; margin: 6px 0 0 5px;}
.ctiPhoneDialog .masterLeft .middle .callerInfo .callerInformation .nameAndTrigger .matches{border: 1px solid #ccc; background-color: #fefefe; left: 50%; transform: translateX(-50%); margin: 0; max-height: 155px; padding: 0; position: absolute; top: 32px; z-index: 110; box-shadow: 0px 2px 19px -9px; transition: all 0.5s ease; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; border-radius: 4px; width: 200px;visibility: hidden;opacity: 0;}
.ctiPhoneDialog .masterLeft .middle .callerInfo .callerInformation .nameAndTrigger .matches.on{visibility: visible;opacity: 1;}
.ctiPhoneDialog .masterLeft .middle .callerInfo .callerInformation .nameAndTrigger .matches li{border-bottom: 1px solid #e3e3e3; color: #333; cursor: pointer; display: block; font-size: 13px; margin: 0; overflow: hidden; padding: 8px 14px; text-overflow: ellipsis; line-height: 20px!important; min-height: initial!important; margin-bottom: initial!important; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: left;}
.ctiPhoneDialog .masterLeft .middle .callerInfo .callerInformation .nameAndTrigger .matches li:hover{background-color: #EEE;}

	.ctiPhoneDialog .masterLeft .middle .callerInfo .callerInformation .matchText {display: table;font-size: 12px;margin: 0 auto;}
	.ctiPhoneDialog .masterLeft .middle .callerInfo .callerInformation .matchText .ico{width: 18px; height: 18px; border-radius: 50%; background-color: #5078ee; float: left; margin: -2px 5px 0 0;}
	.ctiPhoneDialog .masterLeft .middle .callerInfo .callerInformation .matchText span{float: left; margin: 0 5px 0 0;}
	.ctiPhoneDialog .masterLeft .middle .callerInfo .callerInformation .matchText .txt{float: left;}
	
	/* CONFERENCE CALLS */
	.ctiPhoneDialog .masterLeft .middle .conferenceCall{    position: absolute; top: 15px; left: 0; right: 0; bottom: 0px;}
	.ctiPhoneDialog .masterLeft .middle .conferenceCall .header{float: left; height: 60px; width: 100%; border-bottom: 1px dashed #dcdcdc;}
	.ctiPhoneDialog .masterLeft .middle .conferenceCall .header .icos{}
	.ctiPhoneDialog .masterLeft .middle .conferenceCall .header .icos avatar-new{border: 2px solid white;width: 35px!important; height: 35px!important; float: left; border-radius: 50%; margin: 2px 0px 0px 0;}
	.ctiPhoneDialog .masterLeft .middle .conferenceCall .header .icos avatar-new .imgProfile{width: 35px!important; height: 35px!important;    border: 2px solid white;}
	.ctiPhoneDialog .masterLeft .middle .conferenceCall .header .icos avatar-new .imgProfile .initials{font-size: 12px; padding-top: 9px; text-align: center; color: #fff;}
	.ctiPhoneDialog .masterLeft .middle .conferenceCall .header .icos avatar-new .imgProfile:first-child{}
	.ctiPhoneDialog .masterLeft .middle .conferenceCall .header .icos avatar-new:nth-child(1) .imgProfile{}
	.ctiPhoneDialog .masterLeft .middle .conferenceCall .header .icos avatar-new:nth-child(2) .imgProfile{}
	.ctiPhoneDialog .masterLeft .middle .conferenceCall .header .icos avatar-new:nth-child(3) .imgProfile{}

	.ctiPhoneDialog .masterLeft .middle .conferenceCall .header .icos avatar-new:nth-child(1){}
	.ctiPhoneDialog .masterLeft .middle .conferenceCall .header .icos avatar-new:nth-child(2){margin-left: -20px;}
	.ctiPhoneDialog .masterLeft .middle .conferenceCall .header .icos avatar-new:nth-child(3){margin-left: -20px;}

	.ctiPhoneDialog .masterLeft .middle .conferenceCall .header .title{width: 120px;font-size: 15px; display: inline-block; font-weight: 500; margin: 5px 0 0 10px;}
	.ctiPhoneDialog .masterLeft .middle .conferenceCall .header .subtitle{font-size: 11px; float: left; font-weight: 400; color: #bdbdbd; margin: 1px 0 0 10px;width: calc(100% - 90px );}
	.ctiPhoneDialog .masterLeft .middle .conferenceCall .header .time{position: absolute; right: 0; color: #5078EE; top: 12px;}
	.ctiPhoneDialog .masterLeft .middle .conferenceCall ul.conferenceMembers{position: absolute; top: 70px; left: 0; right: 0; bottom: 0px;}
	.ctiPhoneDialog .masterLeft .middle .conferenceCall ul.conferenceMembers li.member{float: left; width: 100%; position: relative; margin: 0px 0 7px 0; border-bottom: 1px solid #dcdcdc; box-sizing: border-box; padding: 4px 0px 15px 0px;}
	.ctiPhoneDialog .masterLeft .middle .conferenceCall ul.conferenceMembers li.member .imgProfile{width: 35px; height: 35px; float: left; border-radius: 50%; margin: 2px 8px 0px 4px;}
		.ctiPhoneDialog .masterLeft .middle .conferenceCall ul.conferenceMembers li.member .imgProfile.sfAccount svg,
		.ctiPhoneDialog .masterLeft .middle .conferenceCall .header .icos avatar-new .imgProfile.sfAccount svg{width: 100px; margin: 4px 0 0 4px; pointer-events: none;}

	
	.ctiPhoneDialog .masterLeft .middle .conferenceCall ul.conferenceMembers li.member .imgProfile .initials{font-size: 13px; padding-top: 9px; text-align: center; color: #fff;}
	.ctiPhoneDialog .masterLeft .middle .conferenceCall ul.conferenceMembers li.member .nameOrNumber{font-size: 13px;max-width: 160px;}
	.ctiPhoneDialog .masterLeft .middle .conferenceCall ul.conferenceMembers li.member .time{font-size: 12px; color: #5078EE; margin-top: 2px;}
	.ctiPhoneDialog .masterLeft .middle .conferenceCall ul.conferenceMembers li.member .actions{position: absolute; top: 6px; right: 0; width: 117px; height: 25px; display: flex;justify-content: flex-end;}
	.ctiPhoneDialog .masterLeft .middle .conferenceCall ul.conferenceMembers li.member .actions li.action{background-color: #e9ecfd; width: 25px; height: 25px; margin: 0 2px; border-radius: 50%;}
	.ctiPhoneDialog .masterLeft .middle .conferenceCall ul.conferenceMembers li.member .svg-call-pin{position: absolute; width: 16px; left: -14px; top: 15px;fill:#b4b4b4}
		.ctiPhoneDialog .masterLeft .middle .conferenceCall ul.conferenceMembers li.member .actions li.action.pause{background-color: #d4d4d4;}
		.ctiPhoneDialog .masterLeft .middle .conferenceCall ul.conferenceMembers li.member .actions li.action.mute{background-color: #5078EE;}
		.ctiPhoneDialog .masterLeft .middle .conferenceCall ul.conferenceMembers li.member .actions li.action.hangup{background-color: #DE5E46;}
		.ctiPhoneDialog .masterLeft .middle .conferenceCall ul.conferenceMembers li.member .actions li.action.pinMember{background-color: #5078EE;}
		.ctiPhoneDialog .masterLeft .middle .conferenceCall ul.conferenceMembers li.member .actions li.action.pinMember .svg-call-pin{fill: #fff; position: initial; margin: 6px 0 0 6px; width: 13px;}

	.ctiPhoneDialog .masterLeft .middle .conferenceCall ul.conferenceMembers li.member .actions li svg{}
	.ctiPhoneDialog .masterLeft .middle .conferenceCall ul.conferenceMembers li.member .actions li.action.mute svg{fill: white; }

	/* BOTTOM */
	.ctiPhoneDialog .masterLeft .bottom{position: absolute;bottom: 0;width: 100%;padding-bottom: 20px;transition:transform 0.5s ease;-webkit-transition:transform 0.5s ease;}

		.ctiPhoneDialog .masterLeft .bottom .btnHangup .txt{display: block;}
		.ctiPhoneDialog .masterLeft .bottom.onIncomingCall .btnCall{}
		.ctiPhoneDialog .masterLeft .bottom.onIncomingCall .btnHangup{}

		.ctiPhoneDialog .masterLeft .bottom.onIncomingCall .btnCall .txt,
		.ctiPhoneDialog .masterLeft .bottom.onIncomingCall .btnHangup .txt{color: #fff; line-height: 43px; margin: 0 auto; font-size: 14px; width: calc(100% - 70px); text-align: center;}

		.ctiPhoneDialog .masterLeft .bottom.onIncomingCall .btnCall svg,
		.ctiPhoneDialog .masterLeft .bottom.onIncomingCall .btnHangup svg{float: left; margin-left: 12px;}


	.ctiPhoneDialog .masterLeft .bottom .btnCall,
	.ctiPhoneDialog .masterLeft .bottom .btnHangup,
	.ctiPhoneDialog .masterLeft .bottom .btnActions{float: left; width: calc(100% - 40px); height: 45px; margin: 10px 20px 0 20px; border-radius: 4px;cursor: pointer;}
	.ctiPhoneDialog .masterLeft .bottom .btnActions .txt{display: block;}
	.ctiPhoneDialog .masterLeft .bottom .btnActions .ico{fill: #5078EE;}
	.ctiPhoneDialog .masterLeft .bottom .btnActions .ico.on{fill: #fff;background-color: #5078EE;}
	.ctiPhoneDialog .masterLeft .bottom .btnHangup .conferenceCallEndBtn{transition: all 0.2s ease;-webkit-transition: all 0.2s ease;visibility: hidden; opacity: 0; position: absolute; bottom: 50px; width: calc(100% - 42px); padding-bottom: 15px;}
	.ctiPhoneDialog .masterLeft .bottom .btnHangup.isOnConferenceCall:hover .conferenceCallEndBtn{visibility: visible;opacity: 1;bottom:60px;}
	.ctiPhoneDialog .masterLeft .bottom .btnHangup.isOnConferenceCall .conferenceCallEndBtn ul{border: 1px solid #de4a3094; background-color: #f9ddd8; border-radius: 4px;}
	.ctiPhoneDialog .masterLeft .bottom .btnHangup.isOnConferenceCall .conferenceCallEndBtn ul li{font-size: 13px; padding: 10px 0 11px 13px; border-bottom: 1px solid #de4a3094; color: #de4a30;}
	.ctiPhoneDialog .masterLeft .bottom .btnHangup.isOnConferenceCall .conferenceCallEndBtn ul li:hover{background-color: #de4a302e;}
	.ctiPhoneDialog .masterLeft .bottom .btnHangup.isOnConferenceCall .conferenceCallEndBtn ul li:last-child{border:none;}

	.ctiPhoneDialog .masterLeft .bottom .btnActions .slaveTooltip{visibility: hidden; opacity: 0; margin: -20px 0 0 0px; float: initial!important; height: initial!important; border-bottom: 4px!important; position: absolute; width: max-content; top: -35px; transform: translateX(-50%); left: 50%; border-radius: 4px!important;}
	.ctiPhoneDialog .masterLeft .bottom .btnActions div.pauseButton:hover .slaveTooltip{visibility: visible; opacity: 1;}
	.ctiPhoneDialog .masterLeft .bottom .btnActions .slaveTooltip .txt{float: left; margin: 0 5px 0 0;}
	.ctiPhoneDialog .masterLeft .bottom .btnActions .slaveTooltip .time{float: left;}
	.ctiPhoneDialog .masterLeft .bottom .btnActions .slaveTooltip span{top: 30px; transform: rotate(45deg) translateX(-50%); left: 50%;}
	
	.ctiPhoneDialog .masterLeft .bottom .btnActions .haveTooltip{}
	.ctiPhoneDialog .masterLeft .bottom .btnActions .formSelect.moreOptions{}
	.ctiPhoneDialog .masterLeft .bottom .btnActions .formSelect.moreOptions ul{top: initial; bottom: 55px; right: 0; left: initial; width: 160px;}
	.ctiPhoneDialog .masterLeft .bottom .btnActions .formSelect.moreOptions li{padding: 8px 14px 8px 11px;}
	.ctiPhoneDialog .masterLeft .bottom .btnActions .formSelect.moreOptions li i{margin: 0 5px 0px 0;}

	.ctiPhoneDialog .masterLeft .bottom .btnCall{background-color: #5078EE;}
	.ctiPhoneDialog .masterLeft .bottom .btnCall.phoneDisconnected .txt{color: #fff; text-align: center; line-height: 41px; font-size: 14px;}
	.ctiPhoneDialog .masterLeft .bottom .btnCall.phoneDisconnected .svg-phone-call{display: none;}
	.ctiPhoneDialog .masterLeft .bottom .btnCall:hover{background-color: #4063c7;}
		.ctiPhoneDialog .masterLeft .bottom .btnCall .svg-phone-call{width: 30px; margin: 7px auto; display: block; fill: #fff;}

	.ctiPhoneDialog .masterLeft .bottom .btnHoldAndAccept{background-color: #AFAFAF;}	


	.ctiPhoneDialog .masterLeft .bottom .sfBtn{cursor: pointer; width: calc(100% - 30px); height: 35px; margin: 0 auto 7px auto; border-radius: 4px; text-align: center; color: #fff; font-size: 12px; line-height: 34px; position: relative;}
	.ctiPhoneDialog .masterLeft .bottom .sfBtn .btnMsg, .ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-bottom .sfBtn .btnErrorMsg{    margin: -8px 0 0 0;}
	.ctiPhoneDialog .masterLeft .bottom .sfBtn .ico{width: 32px; height: 32px; position: absolute; left: 3px; top: 2px;}


	.ctiPhoneDialog .masterLeft .bottom .btnHangup{background-color: #f75031;}
	.ctiPhoneDialog .masterLeft .bottom .btnHangup:hover{background-color:#de4a2f;}
		.ctiPhoneDialog .masterLeft .bottom .btnHangup .svg-phone-hangup{height: 100%; width: 30px; margin: 0px auto; display: block; fill: #fff;}

	.ctiPhoneDialog .masterLeft .bottom .btnActions{background-color: #ECF0FD;float: initial; display: flex;}
		.ctiPhoneDialog .masterLeft .bottom .btnActions div{position: relative; height: 100%; border-right: 1px solid #5078ed1a; flex: 1; min-width: 20px;}
		.ctiPhoneDialog .masterLeft .bottom .btnActions div:hover{background-color: #dee6fd;}
		.ctiPhoneDialog .masterLeft .bottom .btnActions div:nth-last-child(1){border-right: none;border-radius: 0px 4px 4px 0px;}
		.ctiPhoneDialog .masterLeft .bottom .btnActions div:first-child{border-radius: 4px 0 0 4px;}

			.ctiPhoneDialog .masterLeft .bottom .btnActions div .svg-phone-dial,
			.ctiPhoneDialog .masterLeft .bottom .btnActions div .svg-phone-pause,
			.ctiPhoneDialog .masterLeft .bottom .btnActions div .svg-phone-mute,
			.ctiPhoneDialog .masterLeft .bottom .btnActions div .svg-phone-play,
			.ctiPhoneDialog .masterLeft .bottom .btnActions div .svg-phone-stop,
			.ctiPhoneDialog .masterLeft .bottom .btnActions div .svg-phone-muted,
			.ctiPhoneDialog .masterLeft .bottom .btnActions div .svg-phone-transfer,
			.ctiPhoneDialog .masterLeft .bottom .btnActions div .svg-phone-flip,
			.ctiPhoneDialog .masterLeft .bottom .btnActions div .svg-phone-moreOptions {
				height: 100%;
				margin: 0 auto;
				display: block;
				fill: #5078ee;
				width: 100%;
				pointer-events: none;
			}

		.ctiPhoneDialog .masterLeft .bottom .btnActions div .svg-phone-plus{stroke: #5078ee;pointer-events: none;height: 100%; margin: 0 auto; display: block;width: inherit;}
		.ctiPhoneDialog .masterLeft .bottom .btnActions div.on .svg-phone-plus{stroke: #fff;}

		.ctiPhoneDialog .masterLeft .bottom .btnActions div .svg-phone-pause{stroke: #5078ee;}
		.ctiPhoneDialog .masterLeft .bottom .btnActions div.on .svg-phone-pause{stroke: #fff;}

			.ctiPhoneDialog .masterLeft .bottom .btnActions div.on .svg-phone-dial,
			.ctiPhoneDialog .masterLeft .bottom .btnActions div.on .svg-phone-mute,
			.ctiPhoneDialog .masterLeft .bottom .btnActions div.on .svg-phone-play,
			.ctiPhoneDialog .masterLeft .bottom .btnActions div.on .svg-phone-stop,
			.ctiPhoneDialog .masterLeft .bottom .btnActions div.on .svg-phone-muted,
			.ctiPhoneDialog .masterLeft .bottom .btnActions div.on .svg-phone-transfer,
			.ctiPhoneDialog .masterLeft .bottom .btnActions div.on .svg-phone-flip {
				fill: #fff;
			}

		.ctiPhoneDialog .masterLeft .bottom .btnActions div.on,
		.ctiPhoneDialog .masterLeft .bottom .btnActions div.on,
		.ctiPhoneDialog .masterLeft .bottom .btnActions div.on,
		.ctiPhoneDialog .masterLeft .bottom .btnActions div.on,
		.ctiPhoneDialog .masterLeft .bottom .btnActions div.on{background-color: #5078ee;}
		/* ? */
		
		.ctiPhoneDialog .masterLeft .newParticipantAlert{pointer-events: none; position: absolute; bottom: 40px; background-color: #fff; width: calc(100% - 40px); left: 20px; box-shadow: 0 0 13px 2px #0000001a; padding: 7px 7px 7px 7px; box-sizing: border-box; border-radius: 5px; font-size: 13px; height: 82px; opacity: 0; transform: translateY(-50px); transition: transform 0.5s ease, opacity 0.5s ease; -webkit-transition: transform 0.5s ease, opacity 0.5s ease;}
		.ctiPhoneDialog .masterLeft .newParticipantAlert.on{pointer-events: initial; opacity: 1;visibility: visible;transform: translateY(-109px);}

		.ctiPhoneDialog .masterLeft .newParticipantAlert .title{font-size: 11px; background-color: #5078ee1f; border-radius: 4px; padding: 2px 6px; margin: 0 auto; float: initial; text-align: center;}
		.ctiPhoneDialog .masterLeft .newParticipantAlert .nameOrNumber{max-width: 177px;font-size: 14px; margin: 9px 0 0 4px;}
		.ctiPhoneDialog .masterLeft .newParticipantAlert .nameOrNumber.txt{}
		.ctiPhoneDialog .masterLeft .newParticipantAlert .nameOrNumber.message{display: none;}
		.ctiPhoneDialog .masterLeft .newParticipantAlert .subtitle{font-size: 11px; margin: 2px 0 0 2px; opacity: .5;}
		.ctiPhoneDialog .masterLeft .newParticipantAlert .actions{position: absolute; right: 20px; top: 37px; width: 25px; height: 25px; background-color: #f75031; border-radius: 50%;}
		.ctiPhoneDialog .masterLeft .newParticipantAlert .actions .hangup{padding: 4px;}
		.ctiPhoneDialog .masterLeft .newParticipantAlert .actions .hangup svg{}
		
		.ctiPhoneDialog .masterLeft .participantLeftAlert{pointer-events: none; position: absolute; bottom: 40px; background-color: #5078ee1f; width: calc(100% - 40px); left: 20px; padding: 7px 7px 7px 9px; box-sizing: border-box; border-radius: 5px; font-size: 13px; opacity: 0; transform: translateY(-50px); transition: transform 0.5s ease, opacity 0.5s ease; -webkit-transition: transform 0.5s ease, opacity 0.5s ease;}
		.ctiPhoneDialog .masterLeft .participantLeftAlert.on{opacity: 1;visibility: visible;transform: translateY(-90px);}
		.ctiPhoneDialog .masterLeft .participantLeftAlert .nameOrNumber{float: left; color: #5078EE; margin-right: 3px; font-size: 12px; max-width: 117px; font-weight: 500;}
		.ctiPhoneDialog .masterLeft .participantLeftAlert .subtitle{float: left; color: #5078EE; font-size: 12px;}


/* ESTADO ACTIVE CALLS */
	.ctiPhoneDialog .masterLeft .activeCalls{position: absolute; width: 100%; top: 47px; bottom: 0px;}

	.ctiPhoneDialog .masterLeft .activeCalls .currentCall,
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold{float: left; width: 100%;}

	.ctiPhoneDialog .masterLeft .activeCalls .currentCall .title,
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold .title{width: 100%; font-size: 11px; text-align: center; margin: 15px 0 0 0; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; padding: 5px 0px;}
	
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold .title{margin-top:0;}
	
	.ctiPhoneDialog .masterLeft .activeCalls .currentCall .splash,
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold .splash{width: 100%; height: 105px; float: left; text-align: center; line-height: 95px; font-size: 13px; color: #9a9a9a;}
	
	.ctiPhoneDialog .masterLeft .activeCalls .currentCall ul,
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul{float: left;width: 100%;}
	
	.ctiPhoneDialog .masterLeft .activeCalls .currentCall ul li,
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul li{padding: 17px 15px 17px 15px; float: left; width: 100%; box-sizing: border-box; border-bottom: 1px solid #d4d4d4;}
	
	.ctiPhoneDialog .masterLeft .activeCalls .currentCall ul li:last-child{border-bottom: none;}
	
	.ctiPhoneDialog .masterLeft .activeCalls .currentCall ul li .imgProfile,
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul li .imgProfile{width: 70px; height: 70px; margin: 0 10px 0 0;}

	.ctiPhoneDialog .masterLeft .activeCalls .currentCall ul li .imgProfile.sfAccount svg,
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul li .imgProfile.sfAccount svg{width: 160px; margin: 12px 0 0 14px; pointer-events: none;}

	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul li .imgProfile .initials,
	.ctiPhoneDialog .masterLeft .activeCalls .currentCall ul li .imgProfile .initials{padding-top: 22px;}

	.ctiPhoneDialog .masterLeft .activeCalls .currentCall ul li .info,
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul li .info{float: right; width: calc(100% - 85px);}

	.ctiPhoneDialog .masterLeft .activeCalls .currentCall ul li .info .name,
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul li .info .name{margin: 0 0 3px 0; max-width: 200px;}

	.ctiPhoneDialog .masterLeft .activeCalls .currentCall ul li .info .number,
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul li .info .number{font-size: 13px; color: #a9a9a9; margin: 0 0 3px 0;}

	.ctiPhoneDialog .masterLeft .activeCalls .currentCall ul li .info .time,
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul li .info .time{color: #5078EE; font-size: 20px; font-weight: 300;}

	.ctiPhoneDialog .masterLeft .activeCalls .currentCall ul li .info .actions,
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul li .info .actions{float: right; margin: -22px -2px 0 0;}

	.ctiPhoneDialog .masterLeft .activeCalls .currentCall ul li .info .actions .transfer,
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul li .info .actions .transfer,
	.ctiPhoneDialog .masterLeft .activeCalls .currentCall ul li .info .actions .hangUp, 
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul li .info .actions .hangUp,
	.ctiPhoneDialog .masterLeft .activeCalls .currentCall ul li .info .actions .pause,
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul li .info .actions .resume,
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul li .info .actions .resume .ico{border-bottom:none;width: 22px; height: 22px; float: right;padding: 0; border-radius: 15px; margin-left: 4px;cursor: pointer;}
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul li .info .actions .resume .ico{float: left; margin: 0;}
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul li .info .actions .resume .txt{color: #fff; font-size: 11px; position: absolute; top: 3px; left: 21px; white-space: pre;}

	.ctiPhoneDialog .masterLeft .activeCalls .currentCall ul li .info .actions .transfer, 
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul li .info .actions .transfer{background-color:#5078EE;}
	.ctiPhoneDialog .masterLeft .activeCalls .currentCall ul li .info .actions .hangUp, 
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul li .info .actions .hangUp{background-color:#DE5E46;}

	.ctiPhoneDialog .masterLeft .activeCalls .currentCall ul li .info .actions .pause{background-color:#d4d4d4;}

	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul li .info .actions .resume{background-color:#58C76E;transition:width 0.5s ease;position: relative;overflow: hidden;}
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul li .info .actions .resume:hover{width: 96px;}

	.ctiPhoneDialog .masterLeft .activeCalls .currentCall ul.conference{position: relative;border-bottom: 1px solid #d4d4d4;}

	.ctiPhoneDialog .masterLeft .activeCalls .currentCall ul.conference .conferenceAvatars avatar-new{border: 2px solid white; width: 76px!important; height: 76px!important; float: left; border-radius: 50%; margin: 2px 0px 0px 0;}
	.ctiPhoneDialog .masterLeft .activeCalls .currentCall ul.conference .conferenceAvatars avatar-new .imgProfile{border: 3px solid #fff;}
	.ctiPhoneDialog .masterLeft .activeCalls .currentCall ul.conference .conferenceAvatars avatar-new .imgProfile .sfPopLink{display: none;}
	.ctiPhoneDialog .masterLeft .activeCalls .currentCall ul.conference .conferenceAvatars avatar-new:nth-child(1){z-index: 4;}
	.ctiPhoneDialog .masterLeft .activeCalls .currentCall ul.conference .conferenceAvatars avatar-new:nth-child(2){z-index: 3;margin-left: -62px;}
	.ctiPhoneDialog .masterLeft .activeCalls .currentCall ul.conference .conferenceAvatars avatar-new:nth-child(3){z-index: 2;margin-left: -62px;}

	.ctiPhoneDialog .masterLeft .activeCalls .currentCall ul.conference li .info{float: left; margin: 0 0 0 10px;width: initial;}
	.ctiPhoneDialog .masterLeft .activeCalls .currentCall ul.conference li .info .actions .hangUp{position: absolute; bottom: 30px; right: 22px;}

	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul.conference{position: relative;border-bottom: 1px solid #d4d4d4;}
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul.conference .conferenceAvatars avatar-new{border: 2px solid white; width: 76px!important; height: 76px!important; float: left; border-radius: 50%; margin: 2px 0px 0px 0;}
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul.conference .conferenceAvatars avatar-new .imgProfile{border: 3px solid #fff;}
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul.conference .conferenceAvatars avatar-new .imgProfile .sfPopLink{display: none;}
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul.conference .conferenceAvatars avatar-new:nth-child(1){z-index: 4;}
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul.conference .conferenceAvatars avatar-new:nth-child(2){z-index: 3;margin-left: -62px;}
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul.conference .conferenceAvatars avatar-new:nth-child(3){z-index: 2;margin-left: -62px;}
	
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul.conference .conferenceAvatars avatar-new .imgProfile.sfAccount svg,
	.ctiPhoneDialog .masterLeft .activeCalls .currentCall ul.conference .conferenceAvatars avatar-new .imgProfile.sfAccount svg{width: 160px; margin: 12px 0 0 14px; pointer-events: none;}
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul.conference li .info{float: left; margin: 0 0 0 10px;width: initial;}
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul.conference li .info .actions{position: absolute; right: 30px;}



/*************************************** DIALOGS ***************************************/

/* LEFT DIALOGS */
	/* GENERAL */
	.ctiPhoneDialog .masterLeft .sfLeftDialog{position: absolute!important; width:375px; border-right: 1px solid #D3D3D3; height: 100%; z-index: 99; background-color: #fff;border-radius: 4px 0 0 4px;}

	.ctiPhoneDialog .masterLeft .sfLeftDialog .tabs{height: 45px; border-bottom: 2px solid #5078ee; font-size: 12px; line-height: 45px; text-align: center;cursor: pointer;}
	.ctiPhoneDialog .masterLeft .sfLeftDialog .tabs .tabLeft{cursor:default;float: left; width: 100%; height: 100%;font-weight: 500;color: #5078ee}
	.ctiPhoneDialog .masterLeft .sfLeftDialog .tabs .close{right: 14px; opacity: .5;}

	.ctiPhoneDialog .masterLeft .sfLeftDialog .tabs .tabLeft:hover,
	.ctiPhoneDialog .masterLeft .sfLeftDialog .tabs .tabRight:hover{background-color: initial;}
	
	.ctiPhoneDialog .masterLeft .sfLeftDialog .sfBtnBack{position: absolute; width: 70px; height: 35px; cursor: pointer; top: 55px; left: 10px; z-index: 99;}
	
	/* AJUSTE DE TAMAÑOS */
		.ctiPhoneDialog .masterLeft .sfLeftDialog .dialogStep.noBottom .dialog-middle{height: calc(100vh - 185px);}
		.ctiPhoneDialog .masterLeft .sfLeftDialog .dialogStep.noTop .dialog-middle{top: 47px;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog .dialogStep.oneBtn .dialog-middle{height: calc(100vh - 130px);}
		.ctiPhoneDialog .masterLeft .sfLeftDialog .dialogStep.twoBtn .dialog-middle{height: calc(100vh - 190px);}
		.ctiPhoneDialog .masterLeft .sfLeftDialog .dialogStep.threeBtn .dialog-middle{height: calc(100vh - 240px);}

	/* TOP */
	.ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-top{padding-top: 25px;}
	.ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-top .ico{width: 68px; margin: 0 auto 10px auto;}
	.ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-top .title{text-align: center; float: initial;font-weight: 500;font-size: 20px;}

	/* MIDDLE */
	.ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-middle{width: 100%; position: absolute; height: calc(100vh - 260px); top: 185px;}
	.ctiPhoneDialog .masterLeft .sfLeftDialog.noTopDialog .dialog-middle{height: calc(100vh - 140px);top: 55px;}

	.ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-middle .dialog-content{width: calc(100% - 50px); padding: 5px 25px 20px 25px;}
	.ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-middle .dialog-content li{}
	.ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-middle .dialog-content li.fullWidth{width: 100%; float: left; height: 45px; margin: 8px 0;}
	.ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-middle .dialog-content li input{width: 100%; box-sizing: border-box; height: 41px; padding: 0px 0 1px 13px;}
	.ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-middle .dialog-content li label{}

	/* SUGGESTER LIST */
		.ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-middle .dialog-content{}
		.ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-middle .dialog-content .generalSplash{margin-top: calc(50vh - 200px);}
		.ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-middle .dialog-content .generalSplash svg.svg-placeholder-search{display: block;}

		.ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-middle .dialog-content .suggesterList{margin: 0px 0 0 0; position: absolute; left: 0px; right: 0; top: 70px; width: calc(100% - 27px); bottom: 0; padding: 0 0 0 27px; border-top: 1px solid #eaeaea;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-middle .dialog-content .suggesterList li.item{border-bottom: 1px solid #eaeaea; height: 60px; padding: 11px 0px 0 26px; box-sizing: border-box; cursor: pointer; margin: 0 0 0 -27px; position: relative; width: calc(100% + 30px);}
		.ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-middle .dialog-content .suggesterList li.item:hover{background-color: #5078ee12;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-middle .dialog-content .suggesterList li.item .arrow{display: none; width: 30px; height: 30px; position: absolute; top: 14px; right: 18px;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-middle .dialog-content .suggesterList li.item:hover .arrow{display: block;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-middle .dialog-content .suggesterList li.item .imgProfile{width: 30px; height: 30px; margin: 2px 10px 0 0;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-middle .dialog-content .suggesterList li.item .name{font-size: 14px; margin: 0 0px 2px 0;max-width: 200px;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-middle .dialog-content .suggesterList li.item .number{font-size: 11px; color: #adadad;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-middle .dialog-content .suggesterList li.item .svg-tic{position: absolute; right: 20px; top: 12px; width: 29px;}

		.ctiPhoneDialog .masterLeft .sfLeftDialog.contactMatchDialog .dialog-middle .dialog-content .suggesterList{bottom: 60px;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.contactMatchDialog .dialog-middle .dialog-content.mergeButtonIsHidden .suggesterList{bottom: 0px;}

	/* BOTTOM */
		.ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-bottom{width: calc(100% - 40px); position: absolute; bottom: 0; padding: 0 20px 10px 20px; background-color: #fff;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-bottom .sfBtn{cursor: pointer; width: 100%; height: 45px; margin: 0 0 10px 0; border-radius: 4px; text-align: center; color: #fff; font-size: 14px; line-height: 43px;position: relative;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-bottom .sfBtn .btnMsg, .ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-bottom .sfBtn .btnErrorMsg{margin: -8px 0 0 0;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-bottom .sfBtn .ico{width: 40px; height: 40px; position: absolute; left: 3px; top: 2px;}
	
	/* GENERAL STYLES FOR SPECIFIC DIALOGS */
	.ctiPhoneDialog .masterLeft .sfLeftDialog.newContactDialog,
	.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog,
	.ctiPhoneDialog .masterLeft .sfLeftDialog.voicemailDropDialog,
	.ctiPhoneDialog .masterLeft .sfLeftDialog.mergeContactDialog,
	.ctiPhoneDialog .masterLeft .sfLeftDialog.mergeCallDialog{position: absolute; width: 100%; top: 0; bottom: 0;}
	
	.ctiPhoneDialog .masterLeft .sfLeftDialog.addParticipantDialog{opacity: 0;position: absolute; width: 100%; top: 0; bottom: 0;transition: transform 0.4s ease, opacity 0.1s linear; transform: translateY(100vh);}
	.ctiPhoneDialog .masterLeft .sfLeftDialog.addParticipantDialog.on{transform: translateY(0vh);opacity: 1;}
	
	
	/* SPECIFIC STYLES FOR SPECIFIC DIALOGS */
	/* ADD PARTICIPANT */
		.ctiPhoneDialog .masterLeft .sfLeftDialog.addParticipantDialog .wrapperSuggester.inputAnim label{margin: 10px 10px 10px 17px;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.addParticipantDialog input-suggester-piq .inputSuggesterPiq .results ul.noResultsFound{margin-top: 40px;text-align: center;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.addParticipantDialog input-suggester-piq.typeList .inputSuggesterPiq .results{transform: translateY(-3px);}

	/* TRANSFER: transferDialog */
		.ctiPhoneDialog .masterLeft .sfLeftDialog.voicemailDropDialog{}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.voicemailDropDialog .dialog-middle .dialog-content .suggesterList li.item .imgProfile{width: 40px; margin: 0 3px 0 0;height: 40px;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.voicemailDropDialog .dialog-middle .dialog-content .suggesterList li.item .imgProfile .initials{padding-top: 10px; font-size: 13px;text-transform: uppercase;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.voicemailDropDialog .wrapperSuggester{padding:0;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.voicemailDropDialog .dialog-top .ico{width: 165px; margin: -5px auto 3px auto;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.voicemailDropDialog .dialog-middle .dialog-content .generalSplash{margin-top: calc(50vh - 230px);}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.voicemailDropDialog .generalSplash .newSplash{width: 190px;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.voicemailDropDialog .generalSplash .txt{margin: 0px auto 15px auto;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.voicemailDropDialog .dialog-middle .dialog-content .generalSplash{margin-top: 30px;}

		.ctiPhoneDialog .masterLeft .sfLeftDialog.contactMatchDialog .dialog-middle .dialog-content .suggesterList li.item .imgProfile{width: 35px; margin: 0 9px 0 0; height: 35px;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.contactMatchDialog .dialog-middle .dialog-content .suggesterList li.item .imgProfile .initials{padding-top: 9px;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.contactMatchDialog .dialog-middle .dialog-content .suggesterList li.item .imgProfile svg{width: 27px; margin: 4px 0px 0 4px;}
	
	/* DIALOG: merge conference calls */
		.ctiPhoneDialog .masterLeft .sfLeftDialog.mergeCallDialog{}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.mergeCallDialog .dialog-top{border-bottom: 1px solid #eaeaea; padding: 10px 0 22px 0; margin: 10px 20px 0px 20px;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.mergeCallDialog .dialog-top .ico{width: 22px; margin:0 7px 0 0;float: left;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.mergeCallDialog .dialog-top .title{color: #EA9A29; text-align: left; font-weight: 500; font-size: 15px;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.mergeCallDialog .dialog-middle{width: 100%; position: absolute; height: calc(100vh - 185px); top: 108px;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.mergeCallDialog .dialog-middle .dialog-content{}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.mergeCallDialog .dialog-middle .dialog-content .suggesterList{top: 0;}


	/* TRANSFER: transferDialog */
		.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog{}
		
		.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .dialog-middle .inputSuggesterPiq {margin-top: 10px;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .dialog-middle .inputSuggesterPiq .results{width: calc(100% - 40px);left: 20px;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .dialog-middle .inputSuggesterPiq .generalLoader{right: 35px;}

			/* CHOOSE TRANSFER */
			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepTwo{}
			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepTwo .dialog-content{position: absolute; top: 50%; transform: translateY(-50%);}
			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepTwo .arrow,
			.ctiPhoneDialog .masterLeft .sfLeftDialog.contactMatchDialog .stepTwo .arrow{width: 30px; margin: 10px auto 15px auto;}

		.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepTwo .transferFrom .name,
		.ctiPhoneDialog .masterLeft .sfLeftDialog.contactMatchDialog .stepTwo .transferFrom .name,
		.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepTwo .transferFrom .number,
		.ctiPhoneDialog .masterLeft .sfLeftDialog.contactMatchDialog .stepTwo .transferFrom .number,
		.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepTwo .transferTo .name,
		.ctiPhoneDialog .masterLeft .sfLeftDialog.contactMatchDialog .stepTwo .transferTo .name,
		.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepTwo .transferTo .number,
		.ctiPhoneDialog .masterLeft .sfLeftDialog.contactMatchDialog .stepTwo .transferTo .number{text-align: center;font-size: 14px;}
		
		.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepTwo .transferFrom .name{font-weight: 600; color: #5078ee;}
		
		.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepTwo .transferFrom .imgProfile{margin: 0 auto 5px auto;float: initial;}
			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepTwo .transferFrom .imgProfile .initials{}

			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepTwo .transferTo .imgProfile{margin: 0 auto 5px auto;float: initial;}
				.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepTwo .transferTo .imgProfile .initials{}
				.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepTwo .transferFrom .imgProfile.sfAccount svg{width: 155px; margin: 7px 0 0 6px; pointer-events: none;}
				.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepTwo .transferTo .imgProfile.sfAccount svg{width: 120px; margin: 7px 0 0 6px; pointer-events: none;}
				
			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepTwo .transferTo .name{font-size: 18px; color: #5078EE; font-weight: 500;}

			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepTwo .transferFrom .imgProfile.sfAccount svg:not(.svg-sfCloud) { width: 150px; margin: 7px 0 0 7px; pointer-events: none; }
			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepTwo .transferTo .imgProfile.sfAccount svg:not(.svg-sfCloud) {	width: 120px; margin: 7px 0 0 7px; pointer-events: none; }
			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepTwo .transferTo .imgProfile.sfAccount .sfPopLink,
			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepThree .transferTo .imgProfile.sfAccount .sfPopLink  { display: none }

			/* STEP THREE */
			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepThree{}
			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepThree .dialog-content{position: absolute; top: 54%; transform: translateY(-50%);}
			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepThree .transferring{}
			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepThree .transferring .imgProfile{margin: 0 auto 5px auto; float: initial;}

			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepThree .transferring .name,
			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepThree .transferring .number,
			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepThree .transferring .calling,
			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepThree .transferring .jobTitle,
			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepThree .transferring .timer{text-align: center;}

			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepThree .transferring .name{font-size: 18px; color: #5078EE; font-weight: 500;}
			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepThree .transferring .number{}
			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepThree .transferring .calling{font-size: 23px; color: #5078EE; font-weight: 300; margin: 10px 0 0 0;}
			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepThree .transferring .timer{font-size: 28px; color: #5078EE; font-weight: 300; margin: 10px 0 0 0;}
			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepThree .transferring .callerInformation .copyThisToClipboard {display: none;}
			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepThree .transferFrom .imgProfile.sfAccount svg:not(.svg-sfCloud),
			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepThree .transferTo .imgProfile.sfAccount svg:not(.svg-sfCloud) {	width: 150px; margin: 7px 0 0 7px; pointer-events: none; }
			
			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepFour .dialog-content{position: absolute; top: 47%; transform: translateY(-50%);}
			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepFour .success .ico{width: 85px; margin: 0px auto 15px auto;}
			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepFour .success .title{font-size: 16px; color: #8A8A8F; float: initial;}
			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepFour .success .transferredTo{margin: 10px 0 5px 0; font-weight: 500;}
			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepFour .success .number{font-size: 14px; color: #8A8A8F;}

			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepFour .success .title,
			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepFour .success .transferredTo,
			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .stepFour .success .number{text-align: center;}

			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .wrapperSuggester label{left: 13px!important; margin: 8px 0 0 4px;}
			.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .wrapperSuggester .suggesterContactSearch li label{white-space: initial; margin: 5px 0 0 6px;}

	/* Merge Contact: mergeContactDialog */
		.ctiPhoneDialog .masterLeft .sfLeftDialog.mergeContactDialog{}
		.ctiPhoneDialog .masterLeft .sfLeftDialog .wrapperSuggester{padding: 0 15px; box-sizing: border-box; margin: 10px 0 0 0;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog .wrapperSuggester input{width: calc(100% - 12px); height: 35px; padding: 0px 0px 1px 10px;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog .wrapperSuggester ul.suggesterContactSearch{width: calc(100% - 32px); top: 45px;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog .wrapperSuggester label{left: 14px!important;}

		.ctiPhoneDialog .masterLeft .sfLeftDialog.mergeContactDialog .stepTwo{}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.mergeContactDialog .stepTwo .dialog-content{position: absolute; top: 50%; transform: translateY(-50%);}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.mergeContactDialog .stepTwo .mergeTo{}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.mergeContactDialog .stepTwo .mergeTo .imgProfile{margin: 0 auto 5px auto; float: initial;}
		
		.ctiPhoneDialog .masterLeft .sfLeftDialog.mergeContactDialog .stepTwo .mergeTo .name{font-size: 20px; color: #5078EE; font-weight: 500;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.mergeContactDialog .stepTwo .mergeTo .to{font-size: 40px; font-weight: 500; margin: 0 0 10px 0;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.mergeContactDialog .stepTwo .mergeTo .number{font-size: 20px; color: #5078EE; font-weight: 500;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.mergeContactDialog .stepTwo .mergeTo .subtitle{font-size: 14px; margin: 10px 0 10px 0; color: #A4A4A4;}
		
		.ctiPhoneDialog .masterLeft .sfLeftDialog.mergeContactDialog .stepTwo .mergeTo .name,
		.ctiPhoneDialog .masterLeft .sfLeftDialog.mergeContactDialog .stepTwo .mergeTo .to,
		.ctiPhoneDialog .masterLeft .sfLeftDialog.mergeContactDialog .stepTwo .mergeTo .number,
		.ctiPhoneDialog .masterLeft .sfLeftDialog.mergeContactDialog .stepTwo .mergeTo .subtitle{text-align: center;}
		
		.ctiPhoneDialog .masterLeft .sfLeftDialog.mergeContactDialog .stepThree .dialog-content{position: absolute; top: 43%; transform: translateY(-50%);}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.mergeContactDialog .stepThree .success .ico{width: 100px; margin: 0 auto 5px auto;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.mergeContactDialog .stepThree .success .subtitle{text-align: center; color: #a5a5a5; font-size: 15px; margin: 0 0 5px 0;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.mergeContactDialog .stepThree .success .name{text-align: center; font-size: 16px; font-weight: 500; margin: 0 0 5px 0;}


    /*********************************** RIGHT CONTENT ***********************************/
	.ctiPhoneDialog .masterRight{float: left; width: calc(100% - 357px); height: 100%;position: relative;}
	.ctiPhoneDialog .masterRight .phoneRightContent{height: 100vh;}
	.ctiPhoneDialog .masterRight .tabs{background-color: #fff;height: 45px; border-bottom: 2px solid #DDDDDD; font-size: 12px; line-height: 45px; text-align: center;}
	.ctiPhoneDialog .masterRight .tabs .tabLeft,
	.ctiPhoneDialog .masterRight .tabs .tabRight{float: left; width: 130px; height: 100%;cursor: pointer;}

	.ctiPhoneDialog .masterRight .tabs .tabLeft.fullWidth,
	.ctiPhoneDialog .masterRight .tabs .tabRight.fullWidth{width: 100%;}

	.ctiPhoneDialog .masterRight .tabs .tabLeft.active,
	.ctiPhoneDialog .masterRight .tabs .tabRight.active{border-bottom: 2px solid #5078EE;font-weight: 500;}

	.ctiPhoneDialog .masterRight .tabs .tabLeft:hover,
	.ctiPhoneDialog .masterRight .tabs .tabRight:hover{background-color: #ECF0FD;}
	.ctiPhoneDialog .masterRight .tabs .tabLeft.fullWidth:hover{background-color: initial;}

/* SALESFORCE ACTIONS, ACTIVITY & RECENTS */
.sfActions{position: relative; height: 100%;}

.sfActivity, .sfCallLists, .sfRecents, .sfAfterCallWork, .sfInteralCall{padding-top: 8px;position: relative; height: calc(100% - 50px);}
.sfMessages{}

	.sfActionsContainer{height: calc(100vh - 47px);}

	.sfActivity, .sfActions{padding-top: 3px;}
	
	.sfActions ul.listOfActions{height: 100%;}

	.sfActions ul li.list-item,
	.sfActivity ul li.list-item{height: 47px;position: relative;transition: margin-left 0.5s ease; border-bottom: 1px solid #eaeaea; margin-left: 20px; padding-left: 0px; height: 50px;}
	.sfActions ul li.list-item:hover,
	.sfActivity ul li.list-item:hover{cursor:pointer;}
	
	.sfActions ul li.list-item .ico,
	.sfActivity ul li.list-item .ico{transition: transform 0.5s ease; width: 27px; height: 27px; border-radius: 3px; float: left; margin: 10px 10px 0 0px;}
		
	.sfActions ul li.list-item .txt,
	.sfActivity ul li.list-item .txt{transition: transform 0.5s ease; font-size: 14px; margin-top: 14px; float: left;width: calc(100% - 110px);}

	.sfActions ul li.list-item .arrow,
	.sfActivity ul li.list-item .arrow{}

	.sfActions ul li.list-item:hover .txt, 
	.sfActions ul li.list-item:hover .ico{transform:translateX(10px);cursor: pointer;}
	.sfActivity ul li.list-item:hover{background-color: #e8effeba;}


	.sfInteralCall .sfPlaceholder{}
	.sfPlaceholder{position: absolute; top: calc(50% - 50px); left: 50%; transform: translate(-50%, -50%);}
	.sfPlaceholder .ico{width: 230px;margin: 0 auto;}
	.sfPlaceholder .txt{text-align: center; font-size: 14px; line-height: 17px; margin: 4px 0 0 0; color: #717171;}

	/* SF ACTIONS COLORS */
		.sfActions ul li.list-item .ico.addComment, .sfActivity ul li.list-item .ico.addComment{background-color: #6296F8;}
		.sfActions ul li.list-item .ico.addTags, .sfActivity ul li.list-item .ico.addTags{background-color: #C978D8;}
		.sfActions ul li.list-item .ico.assignToCase, .sfActivity ul li.list-item .ico.assignToCase{background-color: #f2cf5b;}
		.sfActions ul li.list-item .ico.assignToWorkOrder, .sfActivity ul li.list-item .ico.assignToWorkOrder{background-color: #52E1C2;}
		.sfActions ul li.list-item .ico.assignToOpp, .sfActivity ul li.list-item .ico.assignToOpp{background-color: #FCB051;}
		
		.sfActions ul li.list-item .ico.relateToObj, .sfActivity ul li.list-item .ico.relateToObj{background-color: #60aeff;}

		.sfActions ul li.list-item .ico.assignToAcc, .sfActivity ul li.list-item .ico.assignToAcc{background-color: #7382DD;}
		.sfActions ul li.list-item .ico.createTask, .sfActivity ul li.list-item .ico.createTask{background-color: #4BC076;}
		.sfActions ul li.list-item .ico.createEvent, .sfActivity ul li.list-item .ico.createEvent{background-color: #EB7092;}
		.sfActions ul li.list-item .ico.assignCall, .sfActivity ul li.list-item .ico.assignCall{background-color: #5EBF71;}
		.sfActions ul li.list-item .ico.voicemailDrop, .sfActivity ul li.list-item .ico.voicemailDrop{background-color: #00A1E0;}
		.sfActions ul li.list-item .ico.callMade, .sfActivity ul li.list-item .ico.callMade{background-color: #48C3CC;}

	/* SPECIFIC STYLES SFACTIONS & SF ACTIVITY */
		.sfActivity ul li.list-item.twoLines .txt{margin-top: 7px;}
		.sfActivity ul li.list-item .txt span{color: #5078EE;font-size: 12px;}
		.sfActivity ul li.list-item .secondLine{float: left; font-size: 11px; color: #a7a7a7; margin: 2px 0 0 0;width: calc(100% - 62px);}
		.sfActivity ul li.list-item .secondLine span{color: #5078EE;}
		.sfActivity ul li.list-item .date{position: absolute; right: 15px; top: 14px; font-size: 13px; color: #5078EE;}
		.sfActivity ul li.list-item .txt{font-size:13px;}
		
		.sfActivity ul li.list-item .ico svg{display: none;}
		.sfActivity ul li.list-item .ico.newTask{background-color: #4BC076;}
			.sfActivity ul li.list-item .ico.newTask svg.svg-sfTask{display: block;}
		.sfActivity ul li.list-item .ico.newEvent{background-color: #EB7092;}
			.sfActivity ul li.list-item .ico.newEvent svg.svg-sfEvent{display: block;}
		.sfActivity ul li.list-item .ico.loggedCall{background-color: #48C3CC;}
			.sfActivity ul li.list-item .ico.loggedCall svg.svg-sfCall{display: block;}
		.sfActivity ul li.list-item .ico.emailEvent{background-color: #95aec5;}
			.sfActivity ul li.list-item .ico.emailEvent svg.svg-sfEmailEvent{display: block;}
		.sfActivity ul li.list-item .ico.defaultIcon{background-color: #32a8e6;}
			.sfActivity ul li.list-item .ico.defaultIcon svg.svg-sfCloud-white{display: block;}

	.sfActions .sfActionsDialog, .sfCallListsDialog, .sfRecentsDialog, .sfAfterCallWorkDialog{transform: translateX(100%);-webkit-transform: translateX(100%);position: absolute; width: 60%; right: 0; top: 0;bottom: 0px; background-color: #fff; box-shadow: 0px 5px 13px 1px #00000029;transition: transform 0.5s ease, box-shadow 0.5s ease;-webkit-transition: transform 0.5s ease, box-shadow 0.5s ease;padding: 8px 20px 0 20px;box-sizing: border-box;z-index: 1000;}
	.sfActions .sfActionsDialog.on, .sfCallListsDialog.on, .sfRecentsDialog.on{transform: translateX(0);-webkit-transform: translateX(0);}
	.sfAfterCallWorkDialog{width: 100%;box-shadow: initial;top: 0;transform: translateX(0);-webkit-transform: translateX(0);}

	/* COMPONENTEAR */
	ul.sfGeneralList li.list-item{position: relative;transition: margin-left 0.5s ease; border-bottom: 1px solid #eaeaea; margin-left: 20px; padding-left: 0px; height: 50px;}
	ul.sfGeneralList li.list-item.twoLines .txt{margin-top: 7px;}
	ul.sfGeneralList li.list-item .ico{transition: transform 0.5s ease; width: 27px; height: 27px; border-radius: 3px; float: left; margin: 10px 5px 0 0px;}
	ul.sfGeneralList li.list-item .imgProfile{margin: 10px 8px 0 0; width: 28px; height: 28px;}
	ul.sfGeneralList li.list-item .imgProfile .initials{padding-top: 7px;}
	ul.sfGeneralList li.list-item avatar-piq .newAvatar{margin: 10px 8px 0 0;}
	ul.sfGeneralList li.list-item .txt{transition: transform 0.5s ease; font-size: 14px; margin-top: 14px; float: left; display: inline-block; padding-right: 20px; position: relative;}
	ul.sfGeneralList li.list-item .txt .nameOrNumber{max-width: 230px;}
	ul.sfGeneralList li.list-item .txt .copyThisToClipboard{display: none; position: absolute; right: 2px; top: 0;}
	ul.sfGeneralList li.list-item .txt span{color: #5078EE;font-size: 12px;}
	
	ul.sfGeneralList li.list-item .txt .secondLine{}

	ul.sfGeneralList li.list-item .txt .secondLine{position: relative;transition: transform 0.5s ease;float: left; font-size: 11px; color: #a7a7a7; margin: 2px 0 0 0;}
	ul.sfGeneralList li.list-item .txt .secondLine .number{}
	ul.sfGeneralList li.list-item .txt .secondLine .fromQueue{width: 8px; height: 8px; position: absolute; right: -12px; bottom: 4px; background-color: #5078eeba; border-radius: 8px;}
	ul.sfGeneralList li.list-item .txt .secondLine span{color: #5078EE;}
	ul.sfGeneralList li.list-item .date{position: absolute; right: 15px; top: 14px; font-size: 14px; color: #5078EE;}
	
	.sfActivity ul li.list-item .ico svg{display: none;}
	.sfActivity ul li.list-item .ico.newTask{background-color: #4BC076;}
		.sfActivity ul li.list-item .ico.newTask svg.svg-sfTask{display: block;}
	.sfActivity ul li.list-item .ico.newEvent{background-color: #EB7092;}
		.sfActivity ul li.list-item .ico.newEvent svg.svg-sfEvent{display: block;}
	.sfActivity ul li.list-item .ico.loggedCall{background-color: #48C3CC;}
		.sfActivity ul li.list-item .ico.loggedCall svg.svg-sfCall{display: block;}
	.sfActivity ul li.list-item .ico.emailEvent{background-color: #95aec5;}
		.sfActivity ul li.list-item .ico.emailEvent svg.svg-sfEmailEvent{display: block;}
	.sfActivity ul li.list-item .ico.defaultIcon{background-color: #32a8e6;}
		.sfActivity ul li.list-item .ico.defaultIcon svg.svg-sfCloud-white{display: block;}

.sfActions .sfActionsDialog, .sfCallListsDialog, .sfRecentsDialog, .sfAfterCallWorkDialog{transform: translateX(100%);-webkit-transform: translateX(100%);position: absolute; width: 60%; right: 0; top: 0;bottom: 0px; background-color: #fff; box-shadow: 0px 5px 13px 1px #00000029;transition: transform 0.5s ease, box-shadow 0.5s ease;-webkit-transition: transform 0.5s ease, box-shadow 0.5s ease;padding: 8px 20px 0 20px;box-sizing: border-box;z-index: 1000;}
.sfActions .sfActionsDialog.on, .sfCallListsDialog.on, .sfRecentsDialog.on{transform: translateX(0);-webkit-transform: translateX(0);}
.sfAfterCallWorkDialog{width: 100%;box-shadow: initial;top: 0;transform: translateX(0);-webkit-transform: translateX(0);}

.sfRightDialog.sfCallListsDialog .sfContent.stepThree span{font-size: 13px; margin: 0 0 15px 4px; display: block; color: #5078ee; font-weight: 400;}
.sfRightDialog.sfCallListsDialog .sfContent.stepThree .mdi{margin: 0 4px 0 2px;}

/* COMPONENTEAR */
ul.sfGeneralList li.list-item{position: relative;transition: margin-left 0.5s ease; border-bottom: 1px solid #eaeaea; margin-left: 20px; padding-left: 0px; height: 50px;}
ul.sfGeneralList li.list-item.twoLines .txt{margin-top: 7px;}
ul.sfGeneralList li.list-item .ico{transition: transform 0.5s ease; width: 27px; height: 27px; border-radius: 3px; float: left; margin: 10px 5px 0 0px;}
ul.sfGeneralList li.list-item .imgProfile{margin: 10px 8px 0 0; width: 28px; height: 28px;}
ul.sfGeneralList li.list-item avatar-piq .newAvatar{margin: 10px 8px 0 0;}
ul.sfGeneralList li.list-item .imgProfile .initials{padding-top: 7px;}
ul.sfGeneralList li.list-item .txt{transition: transform 0.5s ease; font-size: 14px; margin-top: 14px; float: left; display: inline-block; padding-right: 20px; position: relative;}
ul.sfGeneralList li.list-item .txt .nameOrNumber{max-width: 160px;}
ul.sfGeneralList li.list-item .txt .copyThisToClipboard{display: none; position: absolute; right: 2px; top: 0;}
ul.sfGeneralList li.list-item .txt span{color: #5078EE;font-size: 12px;}

ul.sfGeneralList li.list-item .txt .secondLine{}

ul.sfGeneralList li.list-item .txt .secondLine{position: relative;transition: transform 0.5s ease;float: left; font-size: 11px; color: #a7a7a7; margin: 2px 0 0 0;}
ul.sfGeneralList li.list-item .txt .secondLine .number{}
ul.sfGeneralList li.list-item .txt .secondLine .fromQueue{width: 8px; height: 8px; position: absolute; right: -12px; bottom: 4px; background-color: #5078eeba; border-radius: 8px;}
ul.sfGeneralList li.list-item .txt .secondLine span{color: #5078EE;}
ul.sfGeneralList li.list-item .date{position: absolute; right: 15px; top: 14px; font-size: 14px; color: #5078EE;}

ul.sfGeneralList li.list-item:hover .copyThisToClipboard{display: inline-block;}

	/* SF VOICEMAILS */
	.sfVoicemail ul.sfGeneralList li.list-item .duration{position: absolute; right: 355px; top: 14px; font-size: 14px;}
	.sfVoicemail ul.sfGeneralList li.list-item .date{right: 150px;}
	.sfVoicemail ul.sfGeneralList li.list-item .actions{}
	.sfVoicemail ul.sfGeneralList li.list-item .ico{width: 23px; height: 23px; margin: 11px 8px 0 7px;}

/* SF RECENTS */
.sfRecents ul.sfGeneralList{position: absolute; top: 0px; bottom: 30px; left: 0; right: 0;z-index: 999;}
	.sfRecents ul.sfGeneralList li.list-item{margin-left: 25px; padding-left: 4px;position: relative;}
	.sfRecents ul.sfGeneralList li.list-item .date{right: 265px; font-size: 13px;color: #454545;}
	.sfRecents ul.sfGeneralList li.list-item .duration{position: absolute; right: 165px; top: 14px; font-size: 13px;color: #454545;}
	.sfRecents ul.sfGeneralList li.list-item .newCallIndicator,
	.sfVoicemail ul.sfGeneralList li.list-item .newCallIndicator{position: absolute; width: 7px; height: 7px; background-color: #5078EE; bottom: 15px; border-radius: 50%; left: 5px;}
	.sfRecents ul.sfGeneralList li.list-item .ico .svg-inbound{fill: #9a9a9a;}
	.sfRecents ul.sfGeneralList li.list-item .ico .svg-outbound{fill: #9a9a9a;}
	.sfRecents ul.sfGeneralList.gotNewCalls{top: 40px;}
	
	.ctiPhoneDialog .sfRecents ul.sfGeneralList li.list-item .txt{margin-top:7px;}

	.sfRecents ul.sfGeneralList li.list-item .ico svg{display: none;}
	.sfRecents ul.sfGeneralList li.list-item.inbound .ico svg.svg-inbound{display: block;}
	.sfRecents ul.sfGeneralList li.list-item.outbound .ico svg.svg-outbound{display: block;}
	.sfRecents ul.sfGeneralList li.list-item.missed .ico svg.svg-missed{display: block;}

.sfRecents ul.sfGeneralList li.list-item .actions,
.sfVoicemail ul.sfGeneralList li.list-item .actions{transition: opacity 0.5s ease;-moz-transition: opacity 0.5s ease;-webkit-transition: opacity 0.5s ease; visibility: hidden; opacity: 0; height: 27px; position: absolute; right: 12px; top: 10px;}

.sfRecents ul.sfGeneralList li.list-item .actions .actionCall,
.sfVoicemail ul.sfGeneralList li.list-item .actions .actionCall,
.sfRecents ul.sfGeneralList li.list-item .actions .actionAddContact,
.sfVoicemail ul.sfGeneralList li.list-item .actions .actionAddContact,
.sfRecents ul.sfGeneralList li.list-item .actions .actionACW,
.sfVoicemail ul.sfGeneralList li.list-item .actions .actionACW,
.sfRecents ul.sfGeneralList li.list-item .actions .actionPlay,
.sfVoicemail ul.sfGeneralList li.list-item .actions .actionPlay,
.sfVoicemail ul.sfGeneralList li.list-item .actions .moreActions{position: relative;float: right; width: 27px; height: 27px; background-color: #5078EE; border-radius: 50%; margin: 0px 0 0 7px;cursor: pointer;}

.sfVoicemail ul.sfGeneralList li.list-item .actions .moreActions{background-color: initial; margin: 2px 0 0 8px;}

.sfVoicemail ul.sfGeneralList li.list-item .actions .moreActions .ico{height: 20px; width: 20px; margin: 2px 0px 0px 0px; background-color: initial; padding: 0; cursor: pointer; background-position: -38px -177px; opacity: .5; transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: all 0.5s ease;}
.sfVoicemail ul.sfGeneralList li.list-item .actions .moreActions .actionsList{visibility: hidden;opacity: 0;top: -6px; right: 30px;}
.sfVoicemail ul.sfGeneralList li.list-item .actions .moreActions.on .actionsList{visibility: visible;opacity: 1;;}

.sfRecents ul.sfGeneralList li.list-item .actions .actionACW,
.sfVoicemail ul.sfGeneralList li.list-item .actions .actionACW{background-color: #fff; border: 1px solid #5078EE;}
.sfRecents ul.sfGeneralList li.list-item .actions .actionPlay,
.sfVoicemail ul.sfGeneralList li.list-item .actions .actionPlay{background-color: #fff;}

.sfRecents ul.sfGeneralList li.list-item .actions .actionACW .newACW{display: none;}
.sfRecents ul.sfGeneralList li.list-item .actions .actionACW.emptyList .newACW{display: block; width: 8px; height: 8px; position: absolute; background-color: #ff2f00; top: -3px; right: -4px; border-radius: 50%; border: 3px solid #fff;}


.sfRecents ul.sfGeneralList li.list-item:hover .actions,
.sfVoicemail ul.sfGeneralList li.list-item:hover .actions{visibility: visible;opacity: 1;}
	.sfRecents ul.sfGeneralList li.list-item.missed .txt{color: #E3553A;}

	/* SF RECENTS DIALOG */
	.sfRightDialog.sfRecentsDialog .sfHeader{height: 60px;}
	.sfRightDialog.sfRecentsDialog .sfContent{top: 69px;padding: 5px 10px 20px 0;}
	.sfRightDialog.sfRecentsDialog .sfHeader .ico{width: 35px; height: 35px; background-color: #5078EE; border-radius: 50%; margin: 5px 10px 0 1px;}
		
		.sfRightDialog.sfRecentsDialog .sfHeader .ico .svg-inbound{fill: #fff!important; width: 23px; margin: 5px 0 0 6px;}

		.sfRightDialog.sfRecentsDialog .sfHeader .ico .svg-outbound{}
		.sfRightDialog.sfRecentsDialog .sfHeader .ico .svg-missed{}
	
	.sfRightDialog.sfRecentsDialog .sfHeader .title{line-height: initial;}
	.sfRightDialog.sfRecentsDialog .sfHeader .title .txt{color: #4A4A4A; margin: 4px 0 2px 0;}
	.sfRightDialog.sfRecentsDialog .sfHeader .title .txtBottom{font-size: 13px; font-weight: 300;}
	
	.sfRightDialog.sfRecentsDialog .sfContent .moreCallInfo{width: calc(50% - 10px); float: left; font-size: 12px; padding: 0 5px;margin: -3px 0 0 0;}
	.sfRightDialog.sfRecentsDialog .sfContent .moreCallInfo .block{}
	.sfRightDialog.sfRecentsDialog .sfContent .moreCallInfo .block .txt{float: left; clear: both;margin: 6px 4px 0px 0;}
	.sfRightDialog.sfRecentsDialog .sfContent .moreCallInfo .block .secondLine{float: left;color:#5078ee;margin: 6px 4px 0px 0;}
	
	.sfRightDialog.sfRecentsDialog .sfContent .moreCallInfo .block.right .secondLine{float: right;clear: both;}
	.sfRightDialog.sfRecentsDialog .sfContent .moreCallInfo .block.right .txt{float: right;clear: initial;}
	
	.sfRightDialog.sfRecentsDialog .sfContent .moreCallInfo .block .secondLine.via{max-width: calc(100% - 35px);}
	.sfRightDialog.sfRecentsDialog .sfContent .moreCallInfo .block .secondLine.queue{max-width: calc(100% - 48px);}
	.sfRightDialog.sfRecentsDialog .sfContent .moreCallInfo .block .secondLine.date{}
	
	.sfRightDialog.sfRecentsDialog .sfContent audio{margin-top: 12px;}


/* CALL LISTS */
	.sfCallLists{padding: 4px 0 0 20px;}
	.sfCallLists .newCallList{height: 50px; border-bottom: 1px dashed #cacaca;cursor: pointer;}

	.sfCallLists .newCallList .ico{float: left; width: 25px; height: 25px; border: 1px solid #5078EE; border-radius: 4px; margin: 8px 10px 0 0;}
	.sfCallLists .newCallList .txt{float: left; font-size: 14px; line-height: 43px;}

	.sfCallLists .newCallList .ico .svg-squaredPlus{transition: transform 0.5s ease;}
	.sfCallLists .newCallList:hover .ico .svg-squaredPlus{transform: rotate(90deg);}

	.sfCallLists ul.listOfCallLists{position: absolute; top: 59px; bottom: 0; width: 100%;z-index: 999;}
	.sfCallLists ul.listOfCallLists li.list-item{padding-left: 10px;border-bottom: 1px solid #eaeaea; padding-left: 0px; height: 57px;cursor: pointer;box-shadow: rgba(0,0,0,0) 0px 16px 32px 0px;transition: transform 0.5s ease, box-shadow 0.5s ease;-webkit-transition: transform 0.5s ease, box-shadow 0.5s ease;position: relative;}
	.sfCallLists ul.listOfCallLists li.list-item.twoLines{height: 60px;}
		.sfCallLists ul.listOfCallLists li.list-item .ico.tagColor_A{background-color: #4BC076;}
		.sfCallLists ul.listOfCallLists li.list-item .ico.tagColor_B{background-color: #FCB95B;}
		.sfCallLists ul.listOfCallLists li.list-item .ico.tagColor_C{background-color: #F88962;}
		.sfCallLists ul.listOfCallLists li.list-item .ico.tagColor_D{background-color: #C978D8;}
		.sfCallLists ul.listOfCallLists li.list-item .ico.tagColor_E{background-color: #5078EE;}
		.sfCallLists ul.listOfCallLists li.list-item .ico.tagColor_F{background-color: #5bc1fc;}
		.sfCallLists ul.listOfCallLists div.ballsLoader{padding-top: 0;}
		
		.sfCallLists ul.listOfCallLists li.ui-sortable-helper{background-color: #fff; transform: scale(0.95) rotate(1deg);-webkit-transform: scale(0.95) rotate(1deg);box-shadow: rgba(0,0,0,0.2) 0px 16px 32px 0px;}
		.sfCallLists ul.listOfCallLists li.list-item:last-child .actionsList{top: -66px;}
		.sfCallLists ul.listOfCallLists li.list-item:first-child .actionsList{top:2px;}

	.sfCallLists ul.listOfCallLists li.list-item .ico{float: left; width: 8px; height: 33px; border-radius: 10px; margin: 11px 10px 0 0px;}
	.sfCallLists ul.listOfCallLists li.list-item .txt{font-size: 14px; margin: 10px 0 0 0; float: left; width: calc(100% - 20px); max-width: 100%; padding-right: 90px; box-sizing: border-box;}
	.sfCallLists ul.listOfCallLists li.list-item .txt.noJob{margin: 18px 0 0 0;}
	.sfCallLists ul.listOfCallLists li.list-item .txt.oneLine{margin:17px 0 0 0;}
	.sfCallLists ul.listOfCallLists li.list-item .txt.twoLines{}
	.sfCallLists ul.listOfCallLists li.list-item .number{font-size: 13px; color: #acacac; float: left;}

	.sfCallLists ul.listOfCallLists li.list-item .ico,
	.sfCallLists ul.listOfCallLists li.list-item .txt,
	.sfCallLists ul.listOfCallLists li.list-item .number{transition: transform 0.5s ease;}

/*	.sfCallLists ul.listOfCallLists li.list-item:hover .ico,
	.sfCallLists ul.listOfCallLists li.list-item:hover .txt,
	.sfCallLists ul.listOfCallLists li.list-item:hover .number{transform: translateX(10px);}*/

	.sfCallLists ul.listOfCallLists li.list-item .actions{position: absolute; right: 30px; top: 5px; height: 45px; /*opacity: 0; visibility: hidden;*/transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
	.sfCallLists ul.listOfCallLists li.list-item .actions .ico{width: 30px; height: 30px; background-color: initial; border-radius: initial; margin: 6px 0 0 0;}
	.sfCallLists ul.listOfCallLists li.list-item:hover .actions{opacity: 1; visibility: visible;}
	.sfCallLists ul.listOfCallLists li.list-item .actions.on{opacity: 1; visibility: visible;}
	.sfCallLists ul.listOfCallLists li.list-item .actions.on .ico{opacity: 1; visibility: visible;}
	.sfCallLists ul.listOfCallLists li.list-item .actions.on ul{opacity: 1; visibility: visible;right: 30px;}



/* sfRecentsDialog sf RECENTS*/
	.sfRecentsDialog{padding: 8px 0 0 20px;}

/* SF AFTER CALL WORK ACW DIALOG */
	.sfRightDialog.sfAfterCallWorkDialog .sfContent{top: 0px;}
	.sfRightDialog.sfAfterCallWorkDialog .sfContent select-simple-piq .newSelect .selectList .selectListItem{width: 100%;}
	/* .sfRightDialog.sfAfterCallWorkDialog .sfContent select-simple-piq .newSelect .selectList .selectListItem{padding: 0; width: 100%;} */

	.sfRightDialog.sfAfterCallWorkDialog .sfContent .newSplash{height: 65px; width: 140px;}
	body.powerDialerOn .sfRightDialog.sfAfterCallWorkDialog .sfContent .newSplash{display: none;}

/* GENERAL DIALOGS: RIGHT SIDE */
.sfRightDialog .sfHeader{height: 50px; border-bottom: 1px dashed #cacaca;position: fixed; width: calc(100% - 40px);}
.sfRightDialog .sfHeader .ico{float: left; width: 25px; height: 25px; border: 1px solid #5078EE; border-radius: 3px; margin: 8px 10px 0 0;}
.sfRightDialog .sfHeader .back{width: 20px; float: left; margin: 0 3px 0 -2px; box-sizing: border-box; padding: 8px 0px 0 0; cursor: pointer;}
.sfRightDialog .sfHeader .title{float: left; font-size: 16px; line-height: 43px; font-weight: 500;}
.sfRightDialog .sfHeader .title .txt{max-width: 180px;font-weight: 400;}
	.sfRightDialog .sfContent{list-style: none; padding: 10px 10px 20px 0; position: absolute; left: 20px; right: 20px; bottom: 85px; top: 59px; width: calc(100% - 40px);    display: flex; flex-flow: row wrap; align-content: flex-start; justify-content: space-between;}
	.sfRightDialog .sfContent li.content-item{width: calc(50% - 5px);height: 45px; margin: 7px 0; position: relative;}
		.sfRightDialog .sfContent li.content-item audio{width: 100%; height: 40px;}
		.sfRightDialog .sfContent li.content-item.fullWidth{width: 100%;}
		.sfRightDialog .sfContent li.content-item.heightAuto{height: auto;}
		.sfRightDialog .sfContent li.content-item.withTextarea{height: 120px;}
		.sfRightDialog .sfContent li.content-item .alert{font-size: 12px; padding: 0.65rem 1.25rem 0.75rem 0.65rem;}

		.sfRightDialog .sfContent li.content-item input{width: 100%; height: 43px; box-sizing: border-box;}

	.sfRightDialog .sfContent li.content-item.withLabel{margin: 10px 0;}
	.sfRightDialog .sfContent li.content-item .checkSelect{}

	.sfRightDialog .sfContent li.content-item textarea{resize: none;border: 1px solid #D8D8D8; border-radius: 3px; width: 100%; padding: 12px 20px 10px 14px; box-sizing: border-box; height: 120px;font-size: 13px;}
	/* .sfRightDialog .sfContent li.content-item textarea{font-size: 13px;resize: none;border: 1px solid #D8D8D8; border-radius: 3px; width: 100%; padding: 12px 20px 10px 14px; box-sizing: border-box; height: 120px;} */

	/* resolve little visual bug */
	.sfRightDialog .sfContent li.content-item .fixLabelWidth {width: min-content !important;}

/* MEMBER ASIGNADO LUEGO DE INPUT CON SUGGESTER */
	.sfRightDialog .sfContent li.content-item.assigned{background-color: #ECF0FD; border-radius: 3px;}
	.sfRightDialog .sfContent li.content-item.assigned .imgProfile{background-color: #A094ED; width: 25px; height: 25px; margin: 9px 6px 0 10px;}
	.sfRightDialog .sfContent li.content-item.assigned label{font-size: 13px; margin: 5px 0 0 0;max-width: calc(100% - 110px);}
	.sfRightDialog .sfContent li.content-item.assigned .delete{position: absolute; top: 7px; right: 7px; width: 28px; height: 28px;cursor: pointer;}

.sfRightDialog .sfContent .formSelect{height: 43px;margin: 0;min-width: initial;}
.sfRightDialog .sfContent .formSelect.on ul{top: 50px;}
.sfRightDialog .sfContent .formSelect div.title{font-size: 13px; color: #333; margin: 0 5px 0 0; font-weight: 500;}
.sfRightDialog .sfContent .formSelect div.display{padding: 12px 24px 7px 15px; height: 43px;background-position: right 12px bottom 18px;overflow: initial;}

.sfRightDialog .sfContent .formSelect div.display .txt{float: left;width: 100%;}
.sfRightDialog .sfContent .formSelect label{font-size: 11px!important; background-color: #fff; color: #ccc!important; position: absolute; top: -7px; line-height: initial; left: 9px; z-index: 99; padding: 0 7px;}

.masterLeft .formSelect div.display{overflow: initial!important;}
.masterLeft .formSelect label{font-size: 11px!important; background-color: #fff; color: #ccc!important; position: absolute; top: -7px; line-height: initial; left: 9px; z-index: 99; padding: 0 7px;}


.sfRightDialog .sfBottom{position: absolute; bottom: 0; width: 100%; padding-bottom: 10px; background-color: #fff; z-index: 999;}
.sfRightDialog .sfBottom .btnSaveChanges, 
.sfRightDialog .sfBottom .btnSkip,
.sfRightDialog .sfBottom .btnRetry,
.sfRightDialog .sfBottom .goBackBtn{transition: initial;border: 1px solid #5078EE;float: left; width: calc(100% - 40px); height: 45px; margin: 0 0 10px 0px; border-radius: 4px; cursor: pointer; background-color: #5078EE; text-align: center; color: #fff; line-height: 43px; font-size: 14px; padding: 0;position: relative;box-sizing: initial;}
.sfRightDialog .sfBottom .btnSaveChanges:hover{background-color: #4063c7;}
.sfRightDialog .sfBottom .btnRed{background: initial; border: solid 1px #e43d34; color: #e43d34; text-align: center; font-size: 13px; width: calc(100% - 40px); margin: 0 0 12px 0px; height: 38px;}
.sfRightDialog .sfBottom .btnRed:hover{color: #fff;background-color: #e43d34;}
	.sfRightDialog.sfAfterCallWorkDialog .sfBottom .btnSaveChanges.btnFeedbackError{border:1px solid #EB3636!important;} 
	.sfRightDialog.sfAfterCallWorkDialog .sfBottom .btnSaveChanges.btnFeedbackSaving{border:1px solid #1a47a6!important;} 


.sfRightDialog .sfBottom .btnSkip{border: 1px solid #f75031; background-color: initial; color: #f75031;}
.sfRightDialog .sfBottom .btnSkip:hover{background-color: #f75031;color: #fff;}
	.sfRightDialog .sfBottom.twoBtns{width: calc(100% - 40px);}
	.sfRightDialog .sfBottom.twoBtns .btnSaveChanges{width: calc(55% - -25px); border: 1px solid #5078EE;}
	.sfRightDialog .sfBottom.twoBtns .btnSkip,
	.sfRightDialog .sfBottom.twoBtns .goBackBtn{width: calc(45% - 40px); margin-right: 10px;}
	.sfRightDialog .sfBottom.oneBtn .btnSaveChanges{width: 100%;}
	
	.sfRightDialog .sfBottom.threeBtns{width: calc(100% - 40px);}
	.sfRightDialog .sfBottom.threeBtns .btnSaveChanges{width: calc(34% - -15px);}
	.sfRightDialog .sfBottom.threeBtns .btnSkip{width: calc(35% - 40px); margin-right: 10px;}
	.sfRightDialog .sfBottom.threeBtns .btnRetry{border: 1px solid #2a54af;width: 28%; min-width: 100px; margin: 0 0 0 10px; background-color: #2a54af;height: 45px;}
	.sfRightDialog .sfBottom.threeBtns .btnRetry .display{color:#fff; border: none;padding: 0; height: 100%;line-height: 42px; text-align: center; background-position: right 16px top 19px;}
	.sfRightDialog .sfBottom.threeBtns .btnRetry ul{left: initial; text-align: left;}


/* SPECIFIC DIALOGS */
/* sfNewCallListDialog */
.sfRightDialog .sfNewCallListDialog .sfContent ul.colours{display: flex; align-items: stretch; justify-content: space-between; width: 100%; margin: 5px 0 10px 0; padding: 0;}
.sfRightDialog .sfNewCallListDialog .sfContent ul.colours li{-webkit-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; cursor: pointer; display: block; flex: 0 1 auto; list-style-type: none; width: 14%; height: 20px; border-radius: 3px;}
.sfRightDialog .sfNewCallListDialog .sfContent ul.colours li .svg-tic-white{display: none;width: 21px; margin-left: calc(50% - 10px);}
		.sfRightDialog .sfNewCallListDialog .sfContent ul.colours li.tagColor_A{background-color: #4BC076;}
		.sfRightDialog .sfNewCallListDialog .sfContent ul.colours li.tagColor_B{background-color: #FCB95B;}
		.sfRightDialog .sfNewCallListDialog .sfContent ul.colours li.tagColor_C{background-color: #F88962;}
		.sfRightDialog .sfNewCallListDialog .sfContent ul.colours li.tagColor_D{background-color: #C978D8;}
		.sfRightDialog .sfNewCallListDialog .sfContent ul.colours li.tagColor_E{background-color: #5078EE;}
		.sfRightDialog .sfNewCallListDialog .sfContent ul.colours li.tagColor_F{background-color: #5bc1fc;}

		.sfRightDialog .sfNewCallListDialog .sfContent ul.colours li.tagColor_Green{background-color: #4BC076;}
		.sfRightDialog .sfNewCallListDialog .sfContent ul.colours li.tagColor_Orange{background-color: #FCB95B;}
		.sfRightDialog .sfNewCallListDialog .sfContent ul.colours li.tagColor_Red{background-color: #F88962;}
		.sfRightDialog .sfNewCallListDialog .sfContent ul.colours li.tagColor_Purple{background-color: #C978D8;}
		.sfRightDialog .sfNewCallListDialog .sfContent ul.colours li.tagColor_Blue{background-color: #5078EE;}
		.sfRightDialog .sfNewCallListDialog .sfContent ul.colours li.tagColor_Teal{background-color: #5bc1fc;}

		.sfRightDialog .sfNewCallListDialog .sfContent ul.colours li.tagColor_Green.on .svg-tic-white{display: block;}
		.sfRightDialog .sfNewCallListDialog .sfContent ul.colours li.tagColor_Orange.on .svg-tic-white{display: block;}
		.sfRightDialog .sfNewCallListDialog .sfContent ul.colours li.tagColor_Red.on .svg-tic-white{display: block;}
		.sfRightDialog .sfNewCallListDialog .sfContent ul.colours li.tagColor_Purple.on .svg-tic-white{display: block;}
		.sfRightDialog .sfNewCallListDialog .sfContent ul.colours li.tagColor_Blue.on .svg-tic-white{display: block;}
		.sfRightDialog .sfNewCallListDialog .sfContent ul.colours li.tagColor_Teal.on .svg-tic-white{display: block;}

.sfRightDialog .sfNewCallListDialog .sfContent ul.colours:hover li{opacity:0.5;}
.sfRightDialog .sfNewCallListDialog .sfContent ul.colours li:hover{opacity:1;}

/*.sfRightDialog .sfNewCallListDialog .sfContent ul.colours li{opacity:0.5;}*/
.sfRightDialog .sfNewCallListDialog .sfContent ul.colours li.on{opacity:1;}
.sfRightDialog .sfNewCallListDialog .sfContent ul.colours li.on .svg-tic-white{display: block;}

.sfRightDialog .sfNewCallListDialog .sfContent .importCallLists{width: 100%;display: contents;}
.sfRightDialog .sfNewCallListDialog .sfContent .importCallLists .formSelect{margin-bottom: 15px;}

/* sfCallListDialog */
.sfCallLists .sfRightDialog .sfCallListDialog div.generalSplash{top:55%;}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists{position: initial;}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists li{width: calc(100% - 10px);}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists li .imgProfile{width: 30px; height: 30px; border-radius: 50%; margin: 13px 10px 0 0;}

.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists.powerDialerList li .imgProfile .powerDialerStatus{display: none;width: 26px; height: 26px; border-radius: 50%; position: absolute; border: 2px dashed #5078EE;}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists.powerDialerList li.list-item{padding-left: 8px; box-sizing: border-box;height: 60px;}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists.powerDialerList li.list-item.twoLines{height: 78px;}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists.powerDialerList li.list-item.noJob{}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists.powerDialerList li.twoLines .number.powerDialerStatusTxt.oneLine{}


.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists.powerDialerList li.type{}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists.powerDialerList li.number{}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists.powerDialerList li.type span{}

.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists li .number.powerDialerStatusTxt{color: #5078EE; margin: 4px 0 0 41px; font-weight: 400;}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists li .number.powerDialerStatusTxt .tagPD{background-color: #5078ee38; border-radius: 3px; padding: 3px 8px; position: absolute; right: 82px; top: 17px; font-weight: 500;}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists li .number.powerDialerStatusTxt .tagPD span{font-weight: 400;}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists li .number.powerDialerStatusTxt .transcript{}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists li .number.powerDialerStatusTxt .transcript span{}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists li .number.powerDialerStatusTxt.oneLine{margin: initial;max-width: calc(100% - 220px);}

.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists.powerDialerList li .connectOverlay{position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; color: #5078ee; font-weight: 500; visibility: hidden; transition: all 0.5s ease;opacity: 0; gap: 20px; display: flex; justify-content: center; align-items: center;}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists.powerDialerList li .connectOverlay .text{color: #fff; margin: 0; display: flex; padding: 8px 12px 8px 12px; border-radius: 5px; gap: 5px; align-items: center;}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists.powerDialerList li .connectOverlay .text.blueBtn{background-color: #5078ee;}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists.powerDialerList li .connectOverlay .text.redBtn{background-color: #ef4444;}

.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists li:hover .connectOverlay{backdrop-filter: blur(4px);visibility: visible;opacity: 1;}

.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists.powerDialerList li.statusCalling{background-color: #5078ee1a;}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists.powerDialerList li.statusCalling{background-color: #5078ee1a;}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists.powerDialerList li.statusMachine{background-color: #ff2f002b;}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists.powerDialerList li.statusHuman{background-color: #dcfce7;}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists.powerDialerList li.statusIVR{background-color: #ecfccb;}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists.powerDialerList li.statusMachine .number.powerDialerStatusTxt .transcript span{color: #ff0000;}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists.powerDialerList li.statusHangup{background-color: #ff2f002b;}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists.powerDialerList li.statusHangup .number.powerDialerStatusTxt .transcript span{color: #ff0000;}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists.powerDialerList li.statusFailed{background-color:#bbbbbb2b;}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists.powerDialerList li.statusFailed .number.powerDialerStatusTxt .transcript span{color: #222222;}

.powerDialerStatus{-webkit-animation: three60 3s infinite linear; animation: three60 3s infinite linear;}
@-webkit-keyframes three60{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes three60{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

/*.type { display: inline-flex; }
.type span { word-break: break-all; height: 1.2em; width: 0%; overflow: hidden; animation: t 2s linear infinite alternate; font-size: 13px; color: #adadad; }
.type span:before { content: " "; display: inline-block; }
@keyframes t { 90%, 100% { width: 100%; } }*/

.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists li .imgProfile svg{display: none;}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists li .imgProfile.sfLead svg.svg-sfLead{display: block;}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists li .imgProfile.sfContact svg.svg-sfContact{display: block;}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists li .imgProfile.sfPersonAccount svg.svg-sfPersonAccount{display: block;}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists li .imgProfile.sfAccount svg.svg-sfAccount{display: block;width: initial; margin: initial;}


.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists li .txt{width: calc(100% - 130px); padding-right: 0;}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists li .number{width: calc(100% - 130px);}

.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists li .fixFullNameWidth.txt{width: calc(100% - 185px); padding-right: 0;}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists li .fixCompanyNameAndJobTitleWidth.number{width: calc(100% - 180px);}
/*.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists li .delete{width: 30px; height: 30px; position: absolute; right: 10px; top: 14px;}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists li .deleteConfirmation{position: absolute; right: 0; height: 100%; background-color: #ED6666; width: 0px; text-align: center; line-height: 53px; font-size: 14px; color: #fff;transition: width 0.5s ease;overflow: hidden;}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists li .deleteConfirmation .txtDelete{margin: 1px 0 0 0;}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists li.isDeleting{}
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists li.isDeleting .deleteConfirmation{width: 80px;}
*/
.sfCallLists .sfRightDialog .sfCallListDialog .sfHeader .ico{border: none;float: left; width: 8px; height: 33px; border-radius: 10px; margin: 4px 10px 0 0px;}
	.sfCallLists .sfRightDialog .sfCallListDialog .sfHeader .ico.tagColor_A{background-color: #4BC076;}
	.sfCallLists .sfRightDialog .sfCallListDialog .sfHeader .ico.tagColor_B{background-color: #FCB95B;}
	.sfCallLists .sfRightDialog .sfCallListDialog .sfHeader .ico.tagColor_C{background-color: #F88962;}
	.sfCallLists .sfRightDialog .sfCallListDialog .sfHeader .ico.tagColor_D{background-color: #C978D8;}
	.sfCallLists .sfRightDialog .sfCallListDialog .sfHeader .ico.tagColor_E{background-color: #5078EE;}
	.sfCallLists .sfRightDialog .sfCallListDialog .sfHeader .ico.tagColor_F{background-color: #5bc1fc;}

.sfCallLists .sfRightDialog .sfCallListDialog .sfHeader .title{max-width: calc(100% - 230px);color: #454545; font-weight: 400; font-size: 15px; line-height: initial; margin: 3px 0 0 0;}
.sfCallLists .sfRightDialog .sfCallListDialog .sfHeader .title .txtBottom{font-size: 13px; color: #bdbdbd;}
.sfCallLists .sfRightDialog .sfCallListDialog .sfHeader .editThisList{position: absolute; right: 39px; top: 8px; cursor: pointer; color: #5078EE; font-size: 14px; border-radius: 4px; padding: 4px 10px; background-color: #5078ee26;}
.sfCallLists .sfRightDialog .sfCallListDialog .sfHeader .editThisList.noRefresh{right: 70px;}
.sfCallLists .sfRightDialog .sfCallListDialog .sfHeader .refreshList{position: absolute; right: 30px; top: 4px; width: 34px; height: 34px; cursor: pointer;}
.sfCallLists .sfRightDialog .sfCallListDialog .sfHeader .sfClose{top: 6px;right: 0;}
.sfCallLists .sfRightDialog .sfCallListDialog .sfHeader .refreshList.refreshing{animation: generalLoader .9s infinite linear;}
.sfCallLists .sfRightDialog .sfCallListDialog .sfHeader .refreshList svg{padding: 7px 0 0 7px;}
.sfCallLists .sfRightDialog .sfCallListDialog .sfHeader .callListActions{position: absolute; right: 40px; height: 31px; width: 165px; top: 4px; background-color: #5078ee24; border-radius: 5px;}
.sfCallLists .sfRightDialog .sfCallListDialog .sfHeader .callListActions li{transition: opacity 0.5s ease; float: left; width: 22px; height: 20px; margin: 5px -1px 0px 10px; border-right: 1px solid #5078ee24; padding: 0 9px 0 0;}
.sfCallLists .sfRightDialog .sfCallListDialog .sfHeader .callListActions li:last-child{border-right: none;}
.sfCallLists .sfRightDialog .sfCallListDialog .sfHeader .callListActions li svg.refreshing{animation: generalLoader .9s infinite linear;}

.sfCallLists .sfRightDialog .sfCallListDialog .sfHeader .callListStats{border: 1px solid #5078EE; width: 100%; margin: 10px 0 0 0; border-radius: 5px; background-color: #5078ee17;position: absolute;top: 40px;}
.sfCallLists .sfRightDialog .sfCallListDialog .sfHeader .callListStats .title{display: block; width: 100%; text-align: center; font-size: 12px; font-weight: 500; padding: 3px 0 5px 0; border-bottom: 1px solid #5078EE; background-color: #5078EE; color: #fff; margin: 0;}
.sfCallLists .sfRightDialog .sfCallListDialog .sfHeader .callListStats ul{}
.sfCallLists .sfRightDialog .sfCallListDialog .sfHeader .callListStats ul li{font-size: 12px; padding: 3px 15px;}
.sfCallLists .sfRightDialog .sfCallListDialog .sfHeader .callListStats ul li span{float: right; font-weight: 500; color: #5078EE;}
.sfCallLists .sfRightDialog .sfCallListDialog .sfHeader .callListStats ul li:first-child{    padding-top: 33px;}
.sfCallLists .sfRightDialog .sfCallListDialog .sfHeader .callListStats ul li:last-child{    padding-bottom: 12px;}
.sfCallLists .sfRightDialog .sfCallListDialog.showingStats .sfHeader{height: 186px;}
.sfCallLists .sfRightDialog .sfCallListDialog.showingStats .sfHeader .callListStats{}
.sfCallLists .sfRightDialog .sfCallListDialog.showingStats .sfContent{top: 195px;}



.sfCallLists .sfRightDialog .sfCallListDialog .sfContent .addToList{width: 100%; height: 50px;}
.sfCallLists .sfRightDialog .sfCallListDialog .sfContent .addToList input{height: 40px; width: 100%;}

.sfCallLists .sfRightDialog .sfCallListDialog .sfContent .addToList .imgProfile svg{display: none;}
.sfCallLists .sfRightDialog .sfCallListDialog .sfContent .addToList .imgProfile.sfLead svg.svg-sfLead{display: block;}
.sfCallLists .sfRightDialog .sfCallListDialog .sfContent .addToList .imgProfile.sfContact svg.svg-sfContact{display: block;}
.sfCallLists .sfRightDialog .sfCallListDialog .sfContent .addToList .imgProfile.sfPersonAccount svg.svg-sfPersonAccount{display: block;}
.sfCallLists .sfRightDialog .sfCallListDialog .sfContent .addToList .imgProfile.sfAccount svg.svg-sfAccount{display: block;}

.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists li:hover .ico, 
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists li:hover .txt, 
.sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists li:hover .number{transform:initial;}

.sfCallLists .sfRightDialog .sfCallListDialog .sfBottom.twoBtns{width: calc(100% - 40px);}
.sfCallLists .sfRightDialog .sfCallListDialog .sfBottom.twoBtns .btnSaveChanges{width: calc(60% - -25px); border: 1px solid #5078EE;}
.sfCallLists .sfRightDialog .sfCallListDialog .sfBottom.twoBtns .btnSaveChanges.btnBlue div{color: inherit;}
.sfCallLists .sfRightDialog .sfCallListDialog .sfBottom.twoBtns .btnSaveChanges.btnBlue div.txt{text-indent: -28px;}
.sfCallLists .sfRightDialog .sfCallListDialog .sfBottom.twoBtns .btnSaveChanges.btnBlue .ballsLoader{padding-top: 0; top: -1px; border-radius: 2px;}
.sfCallLists .sfRightDialog .sfCallListDialog .sfBottom.twoBtns .btnSaveChanges.savingOrder{background-color: #5078EE!important;color:#fff!important;}
.sfCallLists .sfRightDialog .sfCallListDialog .sfBottom.twoBtns .btnSkip{width: calc(40% - 40px); margin-right: 10px;}
.sfCallLists .sfRightDialog .sfCallListDialog .sfBottom.twoBtns .tryOtherNumbers{background-color: #3657b7!important; width: 40px; min-width: initial; position: absolute; top: 0; right: 0; height: 100%; border-radius: 0;}
.sfCallLists .sfRightDialog .sfCallListDialog .sfBottom.twoBtns .tryOtherNumbers ul{top: initial; bottom: 60px; right: 0; left: initial; width: 200px;}
.sfCallLists .sfRightDialog .sfCallListDialog .sfBottom.twoBtns .tryOtherNumbers ul li{text-align: left;}
.sfCallLists .sfRightDialog .sfCallListDialog .sfBottom.twoBtns .tryOtherNumbers .cssTriangle{border-width: 6px 4px 0 4px; border-color: #ffffff transparent transparent transparent; position: absolute; right: 14px; top: 18px;}
.sfCallLists .sfRightDialog .sfCallListDialog .sfBottom.twoBtns .isDisabledMessage{display: block; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); padding: 6px 13px 11px 13px; border-radius: 4px; background-color: #ffe1e1; border: 1px solid red; z-index: 1;}
.sfCallLists .sfRightDialog .sfCallListDialog .sfBottom.twoBtns .isDisabledMessage .txt{font-size: 12px; color: #af0000;}
.sfCallLists .sfRightDialog .sfCallListDialog .sfBottom.twoBtns .isDisabled{ filter: blur(1px); -webkit-filter: blur(1px); pointer-events: none;}

.sfCallLists .sfRightDialog .sfCallListDialog .duplicated-record{transition: transform 0.5s ease;position: absolute; width: calc(100% - 80px); bottom: -85px; z-index: 999;transform: translateY(0);}
.sfCallLists .sfRightDialog .sfCallListDialog .duplicated-record.on{transform: translateY(-130px);}

/* SALESFORCE ACTIONS */
	/* EVERY DIALOG ICO */
	.sfRightDialog.sfActionsDialog .sfAddComment .ico{background-color: #6296F8;border: none;}
	.sfRightDialog.sfActionsDialog .sfAddTags .ico{background-color: #C978D8;border: none;}
	.sfRightDialog.sfActionsDialog .sfAssignToCase .ico{background-color: #f2cf5b;border: none;}
	.sfRightDialog.sfActionsDialog .sfAssignToWorkOrder .ico{background-color: #52E1C2;border: none;}
	.sfRightDialog.sfActionsDialog .sfAssignToOpportunity .ico{background-color: #FCB051;border: none;}
	.sfRightDialog.sfActionsDialog .sfAssignToAccount .ico{background-color: #7382DD;border: none;}
	.sfRightDialog.sfActionsDialog .sfRelateToObject .ico{background-color: #60aeff;border: none;}
	.sfRightDialog.sfActionsDialog .sfCreateTask .ico{background-color: #4BC076;border: none;}
	.sfRightDialog.sfActionsDialog .sfCreateTask .inputWithIco .formSelect .display .ico{background-color: #A094ED;}

	.sfRightDialog.sfActionsDialog .sfCreateEvent .ico{background-color: #EB7092;border: none;}
	.sfRightDialog.sfActionsDialog .sfCreateEvent .inputWithIco .formSelect .display .ico{background-color: #A094ED;}
	.sfRightDialog.sfActionsDialog .sfAssignCall .ico{background-color: #4BC076;border: none;}
	.sfRightDialog.sfActionsDialog .sfVoicemailDrop .ico{background-color: #00A1E0;border: none;}
	
	/* EVERY DIALOG PLACEHOLDER */
	.sfRightDialog.sfActionsDialog .sfAddComment .generalSplash{}
	.sfRightDialog.sfActionsDialog .sfAddTags .generalSplash{}
	.sfRightDialog.sfActionsDialog .sfAssignToCase .generalSplash{}
	.sfRightDialog.sfActionsDialog .sfAssignToOpportunity .generalSplash{}
	.sfRightDialog.sfActionsDialog .sfAssignToAccount .generalSplash{}
	.sfRightDialog.sfActionsDialog .sfCreateTask .generalSplash{}
	.sfRightDialog.sfActionsDialog .sfCreateEvent .generalSplash{}
	.sfRightDialog.sfActionsDialog .sfAssignCall .generalSplash{}
	.sfRightDialog.sfActionsDialog .sfVoicemailDrop .generalSplash{}
	
	/* ADD TAGS */
	.listOfTags{display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-end; align-content: flex-end; justify-content: space-between;}
	
	.listOfTags .tag{position: relative;cursor: pointer; height: 40px; width: 100px; background-color: #D5D5D5; margin: 0 0 7px 0; flex-basis: calc(50% - 4px); border-radius: 3px;}
	.listOfTags.fullWidth .tag{flex-basis: 100%;}
	.listOfTags .tag .aniTag{height: 40px; width: calc(100% - 40px); border-radius: 3px; background-color: #BABABA;transition:width 0.5s ease, background-color 0.7s ease;-webkit-transition:width 0.5s ease, background-color 0.7s ease;}
	.listOfTags .tag:hover .aniTag{width: 100%;}
	.listOfTags .tag .aniTag .txt{max-width: calc(100% - 50px);color: #fff; font-size: 13px; line-height: 37px; padding: 0 0 0 10px;}


	.listOfTags .tag.tagColor_A.on .aniTag{background-color: #4BC076;}
	.listOfTags .tag.tagColor_B.on .aniTag{background-color: #F2CF5B;}
	.listOfTags .tag.tagColor_C.on .aniTag{background-color: #FCB95B;}
	.listOfTags .tag.tagColor_D.on .aniTag{background-color: #C978D8;}
	.listOfTags .tag.tagColor_E.on .aniTag{background-color: #4271CB;}
	.listOfTags .tag.tagColor_F.on .aniTag{background-color: #49C4C9;}
	.listOfTags .tag.tagColor_G.on .aniTag{background-color: #F88962;}

	.listOfTags .tag.on .aniTag{width: 100%;}

	.listOfTags .tag.green.on .aniTag{background-color:#4BC076; }
	.listOfTags .tag.orange.on .aniTag{background-color:#FCB95B; }
	.listOfTags .tag.yellow.on .aniTag{background-color:#F2CF5B; }
	.listOfTags .tag.red.on .aniTag{background-color:#F88962; }
	.listOfTags .tag.violet.on .aniTag{background-color:#C978D8; }
	.listOfTags .tag.cyan.on .aniTag{background-color:#49C4C9; }
	.listOfTags .tag.blue.on .aniTag{background-color:#4271CB; }
	
	/* ASSIGN TO CASE & OPPORTUNITY */
	.sfRightDialog.sfActionsDialog .sfAssignToCase .sfContent .switchAssign, 
	.sfRightDialog.sfActionsDialog .sfAssignToWorkOrder .sfContent .switchAssign, 
	.sfRightDialog.sfActionsDialog .sfRelateToObject .sfContent .switchAssign, 
	.sfRightDialog.sfActionsDialog .sfAssignToOpportunity .sfContent .switchAssign{width: 100%;display: flex; flex-flow: row wrap; align-content: flex-start; justify-content: space-between;}
	
	.sfRightDialog.sfActionsDialog .sfAssignToCase .sfContent li.content-item.create, 
	.sfRightDialog.sfActionsDialog .sfAssignToWorkOrder .sfContent li.content-item.create, 
	.sfRightDialog.sfActionsDialog .sfRelateToObject .sfContent li.content-item.create, 
	.sfRightDialog.sfActionsDialog .sfAssignToOpportunity .sfContent li.content-item.create{height: 35px; margin: 4px 0 10px 0;}
	
	.sfRightDialog.sfActionsDialog .sfAssignToCase .sfContent li.content-item .sf-btn, 
	.sfRightDialog.sfActionsDialog .sfAssignToWorkOrder .sfContent li.content-item .sf-btn, 
	.sfRightDialog.sfActionsDialog .sfRelateToObject .sfContent li.content-item .sf-btn, 
	.sfRightDialog.sfActionsDialog .sfAssignToOpportunity .sfContent li.content-item .sf-btn{height: 100%; line-height: 33px;}
	
	.sfRightDialog.sfActionsDialog .sfAssignToCase .sfContent .generalSplash .txtNoResults, 
	.sfRightDialog.sfActionsDialog .sfAssignToWorkOrder .sfContent .generalSplash .txtNoResults, 
	.sfRightDialog.sfActionsDialog .sfRelateToObject .sfContent .generalSplash .txtNoResults, 
	.sfRightDialog.sfActionsDialog .sfAssignToOpportunity .sfContent .generalSplash .txtNoResults{text-align: center; font-size: 14px; color: #7b7b7b; height: 0; line-height: 45px;}
	
	.sfRightDialog.sfActionsDialog .sfAssignToCase .sfContent .suggesterList, 
	.sfRightDialog.sfActionsDialog .sfAssignToWorkOrder .sfContent .suggesterList, 
	.sfRightDialog.sfActionsDialog .sfAssignToAccount .sfContent .suggesterList, 
	.sfRightDialog.sfActionsDialog .sfRelateToObject .sfContent .suggesterList, 
	.sfRightDialog.sfActionsDialog .sfAssignToOpportunity .sfContent .suggesterList{margin: -10px 0 0 0; position: absolute; left: 0px; right: 0; top: 150px; width: 100%; bottom: 0; padding: 0;}
	.sfRightDialog.sfActionsDialog .sfAssignToWorkOrder .sfContent .suggesterList{top: 80px;} 
	
	.sfRightDialog.sfActionsDialog .sfAssignToCase .sfContent .suggesterList li.item, 
	.sfRightDialog.sfActionsDialog .sfAssignToWorkOrder .sfContent .suggesterList li.item, 
	.sfRightDialog.sfActionsDialog .sfAssignToAccount .sfContent .suggesterList li.item, 
	.sfRightDialog.sfActionsDialog .sfRelateToObject .sfContent .suggesterList li.item, 
	.sfRightDialog.sfActionsDialog .sfAssignToOpportunity .sfContent .suggesterList li.item{border-bottom: 1px solid #eaeaea; padding: 10px 0px 10px 5px; box-sizing: border-box; cursor: pointer; margin: 0 0 0 0; position: relative; width: calc(100% - 10px);}
	.sfRightDialog.sfActionsDialog .sfAssignToOpportunity .sfContent .suggesterList li.item,
	.sfRightDialog.sfActionsDialog .sfRelateToObject .sfContent .suggesterList li.item{padding: 15px 0px 15px 5px;}
	
	.sfRightDialog.sfActionsDialog .sfAssignToCase .sfContent .suggesterList li.item.selected, 
	.sfRightDialog.sfActionsDialog .sfAssignToWorkOrder .sfContent .suggesterList li.item.selected, 
	.sfRightDialog.sfActionsDialog .sfAssignToAccount .sfContent .suggesterList li.item.selected, 
	.sfRightDialog.sfActionsDialog .sfRelateToObject .sfContent .suggesterList li.item.selected, 
	.sfRightDialog.sfActionsDialog .sfAssignToOpportunity .sfContent .suggesterList li.item.selected{background-color: #5078ee1f;padding: 15px 0px 15px 12px;}
	
	.sfRightDialog.sfActionsDialog .sfAssignToWorkOrder .sfContent .suggesterList li.item:hover, 
	.sfRightDialog.sfActionsDialog .sfAssignToCase .sfContent .suggesterList li.item:hover, 
	.sfRightDialog.sfActionsDialog .sfAssignToAccount .sfContent .suggesterList li.item:hover, 
	.sfRightDialog.sfActionsDialog .sfAssignToOpportunity .sfContent .suggesterList li.item:hover{background-color: #5078ee12;}
	
	.sfRightDialog.sfActionsDialog .sfAssignToWorkOrder .sfContent .suggesterList li.item .ico, 
	.sfRightDialog.sfActionsDialog .sfAssignToCase .sfContent .suggesterList li.item .ico, 
	.sfRightDialog.sfActionsDialog .sfAssignToAccount .sfContent .suggesterList li.item .ico, 
	.sfRightDialog.sfActionsDialog .sfAssignToOpportunity .sfContent .suggesterList li.item .ico{float: left; width: 9px; height: 9px; border-radius: 50%; margin: 4px 10px 0 3px;}
	
	.sfRightDialog.sfActionsDialog .sfAssignToWorkOrder .sfContent .suggesterList li.item .txt, 
	.sfRightDialog.sfActionsDialog .sfAssignToCase .sfContent .suggesterList li.item .txt, 
	.sfRightDialog.sfActionsDialog .sfAssignToAccount .sfContent .suggesterList li.item .txt, 
	.sfRightDialog.sfActionsDialog .sfAssignToOpportunity .sfContent .suggesterList li.item .txt,
	.sfRightDialog.sfActionsDialog .sfRelateToObject .sfContent .suggesterList li.item .txt{font-size: 14px; max-width: calc(100% - 90px);margin: -2px 0 0 0;}
	
	.sfRightDialog.sfActionsDialog .sfAssignToWorkOrder .sfContent .suggesterList li.item .caseNumber, 
	.sfRightDialog.sfActionsDialog .sfAssignToCase .sfContent .suggesterList li.item .caseNumber, .sfRightDialog.sfActionsDialog .sfAssignToAccount .sfContent .suggesterList li.item .caseNumber, .sfRightDialog.sfActionsDialog .sfAssignToOpportunity .sfContent .suggesterList li.item .caseNumber{font-size: 13px; max-width: calc(100% - 90px); color: #ababab; margin: 0 0 0 21px;}

	.sfRightDialog.sfActionsDialog .sfAssignToCase .sfContent li .imgProfile svg,
	.sfRightDialog.sfActionsDialog .sfAssignToWorkOrder .sfContent li .imgProfile svg,
	.sfRightDialog.sfActionsDialog .sfRelateToObject .sfContent li .imgProfile svg,
	.sfRightDialog.sfActionsDialog .sfAssignToOpportunity .sfContent li .imgProfile svg{display: none;}
	.sfRightDialog.sfActionsDialog .sfAssignToOpportunity .sfContent li .imgProfile svg{display: none;}
	.sfRightDialog.sfActionsDialog .sfAssignToCase .sfContent li .imgProfile.sfLead svg.svg-sfLead,
	.sfRightDialog.sfActionsDialog .sfAssignToWorkOrder .sfContent li .imgProfile.sfLead svg.svg-sfLead,
	.sfRightDialog.sfActionsDialog .sfRelateToObject .sfContent li .imgProfile.sfLead svg.svg-sfLead,
	.sfRightDialog.sfActionsDialog .sfAssignToOpportunity .sfContent li .imgProfile.sfLead svg.svg-sfLead{display: block;}
	.sfRightDialog.sfActionsDialog .sfAssignToCase .sfContent li .imgProfile.sfContact svg.svg-sfContact,
	.sfRightDialog.sfActionsDialog .sfRelateToObject .sfContent li .imgProfile.sfContact svg.svg-sfContact,
	.sfRightDialog.sfActionsDialog .sfAssignToOpportunity .sfContent li .imgProfile.sfContact svg.svg-sfContact{display: block;}
	.sfRightDialog.sfActionsDialog .sfAssignToCase .sfContent li .imgProfile.sfPersonAccount svg.svg-sfPersonAccount,
	.sfRightDialog.sfActionsDialog .sfRelateToObject .sfContent li .imgProfile.sfPersonAccount svg.svg-sfPersonAccount,
	.sfRightDialog.sfActionsDialog .sfAssignToOpportunity .sfContent li .imgProfile.sfPersonAccount svg.svg-sfPersonAccount{display: block;}


	.sfRightDialog.sfActionsDialog .sfAssignToCase .sfContent .suggesterList .svg-tic, 
	.sfRightDialog.sfActionsDialog .sfAssignToWorkOrder .sfContent .suggesterList .svg-tic, 
	.sfRightDialog.sfActionsDialog .sfRelateToObject .sfContent .suggesterList .svg-tic, 
	.sfRightDialog.sfActionsDialog .sfAssignToOpportunity .sfContent .suggesterList .svg-tic{width: 30px; position: absolute; top: 9px; right: 35px;}

		.sfRightDialog.sfActionsDialog .sfAssignToWorkOrder .sfContent .assignCaseStatus .generalSplash{top: 50%;}
		.sfRightDialog.sfActionsDialog .sfAssignToCase .sfContent .assignCaseStatus .suggesterList{}
		.sfRightDialog.sfActionsDialog .sfAssignToCase .sfContent .assignCaseStatus .suggesterList li.item{}
		.sfRightDialog.sfActionsDialog .sfAssignToCase .sfContent .assignCaseStatus .suggesterList li.item .txt{}

	.sfRightDialog.sfActionsDialog .sfAssignToCase .sfContent .assignedCaseOrOpp, 
	.sfRightDialog.sfActionsDialog .sfAssignToWorkOrder .sfContent .assignedCaseOrOpp, 
	.sfRightDialog.sfActionsDialog .sfRelateToObject .sfContent .assignedCaseOrOpp, 
	.sfRightDialog.sfActionsDialog .sfAssignToOpportunity .sfContent .assignedCaseOrOpp{width: 100%;}

	.sfRightDialog.sfActionsDialog .sfAssignToCase .sfContent .assignedCaseOrOpp .ico, 
	.sfRightDialog.sfActionsDialog .sfAssignToWorkOrder .sfContent .assignedCaseOrOpp .ico, 
	.sfRightDialog.sfActionsDialog .sfRelateToObject .sfContent .assignedCaseOrOpp .ico, 
	.sfRightDialog.sfActionsDialog .sfAssignToOpportunity .sfContent .assignedCaseOrOpp .ico{width: 80px; height: 80px; margin: 0 auto 10px auto; border-radius: 50%; background-color: initial; border: 2px solid cornflowerblue; }

	.sfRightDialog.sfActionsDialog .sfAssignToCase .sfContent .assignedCaseOrOpp .title, 
	.sfRightDialog.sfActionsDialog .sfAssignToWorkOrder .sfContent .assignedCaseOrOpp .title, 
	.sfRightDialog.sfActionsDialog .sfRelateToObject .sfContent .assignedCaseOrOpp .title, 
	.sfRightDialog.sfActionsDialog .sfAssignToOpportunity .sfContent .assignedCaseOrOpp .title{float: initial; width: 320px; font-size: 18px;}

	.sfRightDialog.sfActionsDialog .sfAssignToCase .sfContent .assignedCaseOrOpp .subtitle,
	.sfRightDialog.sfActionsDialog .sfAssignToWorkOrder .sfContent .assignedCaseOrOpp .subtitle,
	.sfRightDialog.sfActionsDialog .sfRelateToObject .sfContent .assignedCaseOrOpp .subtitle,
	.sfRightDialog.sfActionsDialog .sfAssignToOpportunity .sfContent .assignedCaseOrOpp .subtitle{float: initial; color: #929292; margin: 4px 0 0 0; font-size: 14px;}

	.sfRightDialog.sfActionsDialog .sfAssignToCase .sfContent .assignedCaseOrOpp .assigned, 
	.sfRightDialog.sfActionsDialog .sfAssignToWorkOrder .sfContent .assignedCaseOrOpp .assigned, 
	.sfRightDialog.sfActionsDialog .sfRelateToObject .sfContent .assignedCaseOrOpp .assigned, 
	.sfRightDialog.sfActionsDialog .sfAssignToOpportunity .sfContent .assignedCaseOrOpp .assigned{padding: 2px 0 2px 0;background-color: initial; border-bottom: 1px solid #eaeaea; border-radius: initial;}

	.sfRightDialog.sfActionsDialog .sfAssignToCase .sfContent .assignedCaseOrOpp .viewInSf, 
	.sfRightDialog.sfActionsDialog .sfAssignToWorkOrder .sfContent .assignedCaseOrOpp .viewInSf, 
	.sfRightDialog.sfActionsDialog .sfRelateToObject .sfContent .assignedCaseOrOpp .viewInSf, 
	.sfRightDialog.sfActionsDialog .sfAssignToOpportunity .sfContent .assignedCaseOrOpp .viewInSf{height: 26px;padding: 2px 0 2px 0;background-color: initial; border-bottom: 1px solid #eaeaea; border-radius: initial;}

	.sfRightDialog.sfActionsDialog .sfAssignToCase .sfContent .assignedCaseOrOpp .viewInSf .sfPopLink, 
	.sfRightDialog.sfActionsDialog .sfAssignToWorkOrder .sfContent .assignedCaseOrOpp .viewInSf .sfPopLink, 
	.sfRightDialog.sfActionsDialog .sfRelateToObject .sfContent .assignedCaseOrOpp .viewInSf .sfPopLink, 
	.sfRightDialog.sfActionsDialog .sfAssignToOpportunity .sfContent .assignedCaseOrOpp .viewInSf .sfPopLink{width: 31px; float: right; margin: -9px 9px 0px 0px;}

	.sfRightDialog.sfActionsDialog .sfAssignToCase .sfContent .assignedCaseOrOpp .secondTitle, 
	.sfRightDialog.sfActionsDialog .sfAssignToWorkOrder .sfContent .assignedCaseOrOpp .secondTitle, 
	.sfRightDialog.sfActionsDialog .sfRelateToObject .sfContent .assignedCaseOrOpp .secondTitle, 
	.sfRightDialog.sfActionsDialog .sfAssignToOpportunity .sfContent .assignedCaseOrOpp .assigned .secondTitle{font-weight: 500; font-size: 14px;}

	.sfRightDialog.sfActionsDialog .sfAssignToCase .sfContent .assignedCaseOrOpp .secondSub, 
	.sfRightDialog.sfActionsDialog .sfAssignToWorkOrder .sfContent .assignedCaseOrOpp .secondSub, 
	.sfRightDialog.sfActionsDialog .sfRelateToObject .sfContent .assignedCaseOrOpp .secondSub, 
	.sfRightDialog.sfActionsDialog .sfAssignToOpportunity .sfContent .assignedCaseOrOpp .assigned .secondSub{font-size: 14px; color: #adadad; margin: 1px 0 0 0;}

	
	.sfRightDialog.sfActionsDialog .sfAssignToCase .sfContent .suggesterList li.item .sfPopLink,
	.sfRightDialog.sfActionsDialog .sfAssignToWorkOrder .sfContent .suggesterList li.item .sfPopLink,
	.sfRightDialog.sfActionsDialog .sfAssignToAccount .sfContent .suggesterList li.item .sfPopLink,
	.sfRightDialog.sfActionsDialog .sfAssignToOpportunity .sfContent .suggesterList li.item .sfPopLink,
	.sfRightDialog.sfActionsDialog .sfRelateToObject .sfContent .suggesterList li.item .sfPopLink,
	.sfRightDialog .sfCallListDialog .listOfCallLists li .sfPopLink{cursor: pointer; position: absolute; width: 25px; height: 25px; right: 10px; top: 9px; transition: transform 0.5s ease; -webkit-transition: transform 0.5s ease; }

	.sfRightDialog .sfCallListDialog .listOfCallLists li .sfPopLink{right: 44px; top: 14px;}
	.sfRightDialog .sfCallListDialog .listOfCallLists.singleList li.list-item .actions{right: 0; top: 6px;}

	.sfRightDialog.sfActionsDialog .sfAssignToCase .sfContent .suggesterList li.item .tic, 
	.sfRightDialog.sfActionsDialog .sfAssignToWorkOrder .sfContent .suggesterList li.item .tic, 
	.sfRightDialog.sfActionsDialog .sfRelateToObject .sfContent .suggesterList li.item .tic, 
	.sfRightDialog.sfActionsDialog .sfAssignToOpportunity .sfContent .suggesterList li.item .tic{display: none; position: absolute; width: 30px; right: 36px; top: 9px;}

	.sfRightDialog.sfActionsDialog .sfAssignToCase .sfContent .suggesterList li.item.assigned .tic, 
	.sfRightDialog.sfActionsDialog .sfAssignToWorkOrder .sfContent .suggesterList li.item.assigned .tic, 
	.sfRightDialog.sfActionsDialog .sfRelateToObject .sfContent .suggesterList li.item.assigned .tic, 
	.sfRightDialog.sfActionsDialog .sfAssignToOpportunity .sfContent .suggesterList li.item.assigned .tic{display: block;}
	
	.sfRightDialog.sfActionsDialog .sfAssignToCase .sfContent .suggesterList li.item.assigned, 
	.sfRightDialog.sfActionsDialog .sfAssignToWorkOrder .sfContent .suggesterList li.item.assigned, 
	.sfRightDialog.sfActionsDialog .sfRelateToObject .sfContent .suggesterList li.item.assigned, 
	.sfRightDialog.sfActionsDialog .sfAssignToOpportunity .sfContent .suggesterList li.item.assigned{background-color: #5078ee21;}


	/* SPECIFIC COMPONENT STYLES */
	.sfRightDialog.sfActionsDialog .sfRelateToObject select-simple #selectSimple{position: relative;height: 40px;margin:0;border-radius: 4px;width: 100%;}
	.sfRightDialog.sfActionsDialog .sfRelateToObject select-simple #selectSimple .display{height: 100%; width: 100%; border-radius: 4px; border: solid 1px #cfd4d7; background: url(/Content/imgs/fs-selecter-arrow.png) no-repeat scroll 96% center / 7px; cursor: pointer;}
	.sfRightDialog.sfActionsDialog .sfRelateToObject select-simple #selectSimple .display label{white-space: pre; position: absolute; top: -17px; left: 7px; font-size: 13px; padding: 0 8px 0 10px; color: #afafaf; pointer-events: none; background-color: #fff; max-width: 80%;}
	.sfRightDialog.sfActionsDialog .sfRelateToObject select-simple #selectSimple .display .txt{font-size: 13px; position: absolute; top: 12px; left: 15px;pointer-events: none;width: calc(100% - 40px);}
	.sfRightDialog.sfActionsDialog .sfRelateToObject select-simple #selectSimple .selectList{opacity: 0; visibility: hidden; width: 100%; max-height: 162px; background-color: #fff; border: solid 1px #cfd4d7; border-radius: 4px; position: absolute; top: 30px;z-index: 999;}
	.sfRightDialog.sfActionsDialog .sfRelateToObject select-simple #selectSimple .selectList .selectListItem{height: 40px; border-bottom: solid 1px #cfd4d7;cursor: pointer;transition: background-color 0.3s ease;-webkit-transition: background-color 0.3s ease;padding: 0; width: 100%;}
	.sfRightDialog.sfActionsDialog .sfRelateToObject select-simple #selectSimple .selectList .selectListItem:hover{background-color: #EBF0FF;}
	.sfRightDialog.sfActionsDialog .sfRelateToObject select-simple #selectSimple .selectList .selectListItem:last-child{border-bottom:none;}
	.sfRightDialog.sfActionsDialog .sfRelateToObject select-simple #selectSimple .selectList .selectListItem .txt{height: 100%; line-height: 38px; font-size: 13px; padding: 0 20px 0 13px;}
	.sfRightDialog.sfActionsDialog .sfRelateToObject select-simple #selectSimple .searchable{opacity: 0; visibility: hidden;top:50px;position: absolute; width: calc(100% + 2px);z-index: 999;background-color: #fff;}
	.sfRightDialog.sfActionsDialog .sfRelateToObject select-simple #selectSimple .searchable input{border-radius: 4px 4px 0 0;}
	.sfRightDialog.sfActionsDialog .sfRelateToObject select-simple #selectSimple .searchable input:focus{border: 1px solid #D8D8D8!important;}
	.sfRightDialog.sfActionsDialog .sfRelateToObject select-simple #selectSimple .selectList.withSearch{top: 90px; border-radius: 0 0 4px 4px;opacity: 0; visibility: hidden;}
	.sfRightDialog.sfActionsDialog .sfRelateToObject select-simple #selectSimple .selectList.withSearch.noResultsFound{font-size: 13px; color: #cacaca;}
	.sfRightDialog.sfActionsDialog .sfRelateToObject select-simple #selectSimple.on .selectList{opacity: 1; visibility: visible;top: 50px;}
	.sfRightDialog.sfActionsDialog .sfRelateToObject select-simple #selectSimple.on .selectList.withSearch{opacity: 1; visibility: visible;top:90px;}
	.sfRightDialog.sfActionsDialog .sfRelateToObject select-simple #selectSimple.on .selectList.noResultsFound .selectListItem{cursor: default; pointer-events: none;}
	.sfRightDialog.sfActionsDialog .sfRelateToObject select-simple #selectSimple.on .selectList.noResultsFound .selectListItem .txt{font-size: 13px; color: #cacaca; cursor: default; pointer-events: none;}
	.sfRightDialog.sfActionsDialog .sfRelateToObject select-simple #selectSimple.on .searchable{opacity: 1; visibility: visible;top:51px;}
	.sfRightDialog.sfActionsDialog .sfRelateToObject .generalSplash{margin: 20px auto 0 auto; position: initial; transform: initial; float: initial!important; top: initial;}
	.sfRightDialog.sfActionsDialog .sfRelateToObject .generalSplash .txtNoResults{line-height: 20px!important;}

	/* ASSIGN TO ACCOUNT */
	.sfRightDialog.sfActionsDialog .sfAssignToAccount .sfContent .suggesterList{top: 75px;}
	/* ASSIGN TO OBJECT */
	.sfRightDialog.sfActionsDialog .sfRelateToObject .sfContent .suggesterList{top: 260px;}

	/* AFTER CALL WORK ACW */
	.ctiPhoneDialog.inACW .masterLeft .bottom{transform: translateY(180px);-webkit-transform: translateY(180px);}

	.sfAfterCallWork{position: absolute; top: 47px; left: 0; right: 0; bottom: 0; z-index: 6665646546; padding-top: 0; height: calc(100% - 47px); transform: translateY(100vh); -webkit-transform: translateY(100vh); transition: transform 0.5s ease; -webkit-transition: transform 0.5s ease;}
	.ctiPhoneDialog.inACW .masterRight .sfAfterCallWork{transform: translateY(0);-webkit-transform: translateY(0);}
	.sfAfterCallWork .sfBottom.twoBtns .btnSaveChanges .generalLoader{left: initial;margin: 0; width: 12px; height: 12px; position: absolute; right: 17px; top: 12px; border-top: 2px solid #5078EE; border-right: 2px solid #fff; border-bottom: 2px solid #fff; border-left: 2px solid #fff;}
	.sfAfterCallWork .sfRightDialog .generalSplash{}
	.sfAfterCallWork .sfRightDialog .generalSplash .newSplash{height: 108px; width: 230px;}
	.sfAfterCallWork .sfRightDialog .generalSplash .title{text-align: center; float: initial;}
	.sfAfterCallWork .sfRightDialog .generalSplash .subtitle{text-align: center; float: initial; margin: 3px 0 0 0; color: #929292; font-size: 14px;}

	.sfAfterCallWork .sfRightDialog select-simple-piq .newSelect .display{background: initial;}
	.sfAfterCallWork .sfRightDialog select-simple-piq .newSelect .display .txt{margin: 0;}

	/* CALL LIST BADGE */
	.sfAfterCallWork .callListBadge{background-color: #ECF0FD; border-radius: 6px; padding: 10px 12px; margin-bottom: 10px !important;}
	.sfAfterCallWork .callListBadge .callListLabel{display: flex; align-items: center; margin-bottom: 4px;}
	.sfAfterCallWork .callListBadge .callListLabel .svg-list-phone{width: 14px; height: 14px; fill: #5078ee; margin-right: 6px;}
	.sfAfterCallWork .callListBadge .callListLabel .labelTxt{font-size: 11px; color: #5078ee; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px;}
	.sfAfterCallWork .callListBadge .callListName{font-size: 14px; color: #333; font-weight: 500; line-height: 1.3;}


/* ////////////// COMPONENTES ////////////////// */
/* CALLER MOOD */
.callerMood{width: 100%; border-radius: 4px; overflow: hidden; margin: 0 auto 6px auto;}
.callerMood.eWrong{box-shadow: 0 4px 0px -3px #EB3636;}
.callerMood .header{text-align: center; width: 100%; background-color: #5078ee; color: #fff; font-size: 11px; padding: 4px 0px;}
.callerMood .content{border: 1px solid #ececec; border-radius: 0 0 3px 3px; padding: 12px 0 14px 0; }
.callerMood .content ul.moods{display: table; text-align: center; margin: 0px auto 0 auto;}
.callerMood .content ul.moods li.mood{opacity: .5;float: left; width: 35px; height: 35px; margin: 0 8px; border-radius: 10px;transition:opacity 0.5s ease;}
.callerMood .content ul.moods li.mood.active{background-color: #ececec;opacity: 1;}

	.callerMood .content ul.moods:hover li{opacity:0.25;}
	.callerMood .content ul.moods li.mood:hover{opacity:1;cursor:pointer;}

/* inputWithIco */
.inputWithIco{border: 1px solid #D8D8D8; border-radius: 3px;}
.inputWithIco:focus-within{border: 1px solid #5078EE;}
.inputWithIco .formSelect{width: 50px!important; min-width: 50px!important;float: right!important;}
.inputWithIco .formSelect .display{border: none; padding: 0!important;background-position: right 12px bottom 29px!important;}
.inputWithIco .formSelect .display .ico{width: 20px; height: 20px; margin: 11px 0 0 0; border-radius: 2px;pointer-events: none;}
.inputWithIco .formSelect .display .txt{display: none;}
.inputWithIco .formSelect ul{}
.inputWithIco .formSelect ul li{padding: 9px 14px 9px 13px;}
.inputWithIco .formSelect ul li .ico{width: 20px; height: 20px; border-radius: 2px; margin: 0;}

.inputWithIco .inputFullWidth{}

.inputWithIco .suggesterContactSearch{width: calc(100% + 50px);margin: 5px 0 0 -1px;}

.inputWithIco .suggesterIcoSearch{width: 170px; left: initial;}
.inputWithIco .suggesterIcoSearch li{}
.inputWithIco .suggesterIcoSearch li .ico{float: left;}
.inputWithIco .suggesterIcoSearch li .txt{float: left; margin: 0 0 0 7px;font-size: 12px;}


.inputWithIco .inputAnim{width: calc(100% - 50px)!important;}
.inputWithIco .inputAnim input{border: none;    padding: 2px 10px 1px 10px;}
.inputWithIco .inputAnim input:focus{border: initial!important;}
.inputWithIco .inputAnim label{}

/* PULSO DE LLAMADA */
.pulse-button{position: relative; width: 100px; height: 100px; border: none; border-radius: 50%; background-size:cover; background-repeat: no-repeat; cursor: pointer; }
.pulse-button.sfContact{box-shadow: 0 0 0 0 rgba(160, 148, 237, 1);-webkit-animation: pulse 2.25s infinite cubic-bezier(0.66, 0, 0, 1); -moz-animation: pulse 2.25s infinite cubic-bezier(0.66, 0, 0, 1); -ms-animation: pulse 2.25s infinite cubic-bezier(0.66, 0, 0, 1); animation: pulse 2.25s infinite cubic-bezier(0.66, 0, 0, 1); }
.pulse-button.sfLead{box-shadow: 0 0 0 0 rgba(248, 137, 98, 1);-webkit-animation: pulseLead 2.25s infinite cubic-bezier(0.66, 0, 0, 1); -moz-animation: pulseLead 2.25s infinite cubic-bezier(0.66, 0, 0, 1); -ms-animation: pulseLead 2.25s infinite cubic-bezier(0.66, 0, 0, 1); animation: pulseLead 2.25s infinite cubic-bezier(0.66, 0, 0, 1); }
.pulse-button:hover {-webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none; }

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(160, 148, 237, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(160, 148, 237, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(160, 148, 237, 0);}}

@-webkit-keyframes pulseLead {to {box-shadow: 0 0 0 45px rgba(248, 137, 98, 0);}}
@-moz-keyframes pulseLead {to {box-shadow: 0 0 0 45px rgba(248, 137, 98, 0);}}
@keyframes pulseLead {to {box-shadow: 0 0 0 45px rgba(248, 137, 98, 0);}}

/* ANIMACION FLECHA */
.plusAnim{position: absolute; width: 30px; height: 30px; z-index: 99; top: 5px; right: 7px;}
.plusAnim .leftTick{height: 16px; width: 2px; background-color: #fff; position: absolute; left: 14px; transform: rotate(0deg); transition: all 0.2s linear; top: 6px; -webkit-transition: all 0.2s linear; }
.plusAnim .rightTick{height: 16px; width: 2px; background-color: #fff; position: absolute; left: 14px; top: 6px; transform: rotate(90deg); transition: all 0.2s linear; -webkit-transition: all 0.2s linear;}

.listOfTags .tag.on .plusAnim .leftTick{height: 17px; left: 19px; transform: rotate(40deg); top: 5px;}
.listOfTags .tag.on .plusAnim .rightTick{height: 7px; left: 12px; top: 14px; transform: rotate(127deg);}

.inputSuggesterList{}
.inputSuggesterList input.suggester{width: 100%; height: 40px; margin: 5px 0 0 0; padding: 1px 62px 0px 10px; box-sizing: border-box;}
.inputSuggesterList .generalLoader{right: 39px; top: 21px;}
.inputSuggesterList .generalLoader.loaderWithIcos{right: 82px; top: 21px;}
.inputSuggesterList .imgProfile{margin: 0 8px 0 0;}
.inputSuggesterList .searchResults{height: 24px; font-size: 11px; text-align: center; margin: 7px 0 0 0; padding: 3px 0 0 0; color: #5078EE; position: absolute; left: 0; right: 0; z-index: 5; border-bottom: 1px solid #eaeaea;}
.inputSuggesterList .suggesterList{top: 84px!important;}
.inputSuggesterList .inputWithIco{position: absolute; top: 9px; right: 23px; border: none;}
.inputSuggesterList .inputWithIco .formSelect{height: 36px;}
.inputSuggesterList .inputWithIco .formSelect .display{background-position: right 14px bottom 16px!important; height: 40px; float: right;}
.inputSuggesterList .inputWithIco .formSelect .suggesterIcoSearch{max-height: 200px!important;}



/*
***********************************************************************************************
**************** GENERALS STYLES
**********************************************************************************************
*/

@font-face {font-family: 'MarkPro'; src: url('/Content/fonts/mark/MarkPro-Light.eot'); src: local('☺'), url('/Content/fonts/mark/MarkPro-Light.woff') format('woff'), url('/Content/fonts/mark/MarkPro-Light.ttf') format('truetype'), url('/Content/fonts/mark/MarkPro-Light.svg') format('svg'); font-weight:300;font-style:normal; }
@font-face {font-family: 'MarkPro'; src: url('/Content/fonts/mark/MarkPro-Regular.eot'); src: local('☺'), url('/Content/fonts/mark/MarkPro-Regular.woff') format('woff'), url('/Content/fonts/mark/MarkPro-Regular.ttf') format('truetype'), url('/Content/fonts/mark/MarkPro-Regular.svg') format('svg'); font-weight:400;font-style:normal; }
@font-face {font-family: 'MarkPro'; src: url('/Content/fonts/mark/MarkPro-Medium.eot'); src: local('☺'), url('/Content/fonts/mark/MarkPro-Medium.woff') format('woff'), url('/Content/fonts/mark/MarkPro-Medium.ttf') format('truetype'), url('/Content/fonts/mark/MarkPro-Medium.svg') format('svg'); font-weight:500;font-style:normal; }
@font-face {font-family: 'MarkPro'; src: url('/Content/fonts/mark/MarkPro-Bold.eot'); src: local('☺'), url('/Content/fonts/mark/MarkPro-Bold.woff') format('woff'), url('/Content/fonts/mark/MarkPro-Bold.ttf') format('truetype'), url('/Content/fonts/mark/MarkPro-Bold.svg') format('svg'); font-weight:600;font-style:normal; }

/*@font-face {font-family: 'Avenir'; src: url('fonts/avenir/AvenirNextLTPro-Regular.eot'); src: local('☺'), url('fonts/avenir/AvenirNextLTPro-Regular.woff') format('woff'), url('fonts/avenir/AvenirNextLTPro-Regular.ttf') format('truetype'); font-weight: 400; }
@font-face {font-family: 'Avenir'; src: url('fonts/avenir/AvenirNextLTPro-Demi.eot'); src: local('☺'), url('fonts/avenir/AvenirNextLTPro-Demi.woff') format('woff'), url('fonts/avenir/AvenirNextLTPro-Demi.ttf') format('truetype'); font-weight: 500; }
@font-face {font-family: 'Avenir'; src: url('fonts/avenir/AvenirNextLTPro-Medium.eot'); src: local('☺'), url('fonts/avenir/AvenirNextLTPro-Medium.woff') format('woff'), url('fonts/avenir/AvenirNextLTPro-Medium.ttf') format('truetype'); font-weight: 600; }
@font-face {font-family: 'Avenir'; src: url('fonts/avenir/AvenirNextLTPro-Bold.eot'); src: local('☺'), url('fonts/avenir/AvenirNextLTPro-Bold.woff') format('woff'), url('fonts/avenir/AvenirNextLTPro-Bold.ttf') format('truetype'); font-weight: 700; }
*/

@font-face {font-family: 'Circular'; src: url('/Content/fonts/circular/circular-light.eot'); src: local('☺'), url('/Content/fonts/circular/circular-light.woff') format('woff'), url('/Content/fonts/circular/circular-light.ttf') format('truetype'); font-weight: 300; font-style: normal; }
@font-face {font-family: 'Circular'; src: url('/Content/fonts/circular/circular-book.eot'); src: local('☺'), url('/Content/fonts/circular/circular-book.woff') format('woff'), url('/Content/fonts/circular/circular-book.ttf') format('truetype'); font-weight: 400; font-style: normal; }
@font-face {font-family: 'Circular'; src: url('/Content/fonts/circular/circular-medium.eot'); src: local('☺'), url('/Content/fonts/circular/circular-medium.woff') format('woff'), url('/Content/fonts/circular/circular-medium.ttf') format('truetype'); font-weight: 500; font-style: bold; }
@font-face {font-family: 'Circular'; src: url('/Content/fonts/circular/circular-bold.eot'); src: local('☺'), url('/Content/fonts/circular/circular-bold.woff') format('woff'), url('/Content/fonts/circular/circular-bold.ttf') format('truetype'); font-weight: 600; font-style: bold; }


html{overflow: hidden!important;}
body{color:#454545;overflow:hidden;}
*{font-family: 'Circular', sans-serif;font-weight: 300; margin: 0; padding: 0; outline: 0; -webkit-user-select: none; -moz-user-select: none; text-rendering: optimizeLegibility !important; /*letter-spacing: -0.1px;*/}
.daleLimiter, .msgName *, .msgName, .message *, .userSelectable{-webkit-user-select: text; -moz-user-select: text;}
.selectThisText{-webkit-user-select: all!important; -webkit-user-select: all!important; -moz-user-select: all!important; -ms-user-select: all!important; user-select: all!important;}

div.jspPane{width:100%!important; /*transition: .3s;*/}



/* DARK */
/*body.dark-mode *{
    filter: invert(100%);
}

body.dark-mode img {
    filter: invert(100%);
}*/

a{color: #5078EE;text-decoration: none;}
ul{list-style-type:none;}

h1{font-size: 18px;line-height: 50px;margin-left: 30px;display: inline;font-weight: 600;}
h1 span.light{color:#323232;}
h1#name{font-size: 15px;margin-left: 12px; cursor: pointer; transition: color 0.5s ease; -webkit-transition: color 0.5s ease; -moz-transition: color 0.5s ease; line-height: 42px; font-weight: 600;}
h1#name.isGroup{line-height: 29px;}
h1#name:hover{color: #5078EE;}
h1 span.subtitle{font-size:16px;}
.relative{position:relative;}
span.forceLink{color: #5078EE; cursor: pointer;}

.disabledDiv{opacity: .5; cursor: default!important;}
.disabledDiv:active{pointer-events: none;}
.disabledDiv:hover{pointer-events: none;}
.disabledClick{pointer-events: none;}
.disabledOpacity{opacity: .5;cursor: default!important;}
.cursorPointer{cursor: pointer!important;}

input.disabledInput{border-color: #e4e4e4!important; color: #ccc; pointer-events: none;}

.hideElement{display:none!important;}
.verticalCenterAlign{position: absolute!important; top: 50%!important; transform: translateY(-50%)!important;}

input.pressEnter:focus{background: url(/Content/sfImgs/pressEnter.png); background-repeat: no-repeat; background-size: 21px;background-position: right 10px bottom 10px;}

/* input placeholder animation */
.inputAnim input[type=text], .inputAnim input[type=password]{/*width: 100%; padding: 20px; border: 1px solid white; font-size: 20px;*/}
.inputAnim input[type=text]:focus {outline: none; }
.inputAnim input[type=text]:focus + label{color: #5078EE!important}
.inputAnim input[type=password]:focus + label{color: #5078EE!important}
/*.inputAnim input[type=password]:focus + label{color: #5078EE!important}*/
.inputAnim textarea:focus + label{color: #5078EE!important}


/* REVISAR ESTO */
.inputAnim{position: relative;}
.inputAnim label{white-space: pre;position: absolute; top: 1px; left: 0; font-size: 13px; margin: 10px 10px 10px 4px; padding: 0 10px; -webkit-transition: top .2s ease-in-out, font-size .2s ease-in-out; transition: top .2s ease-in-out, font-size .2s ease-in-out; line-height: 19px; color: #ccc!important; pointer-events: none; background-color: #fff; width: calc(100% - 90px)!important;}

.inputAnim.small label{top: -3px;}


/*.inputAnim label.active{width:initial!important;top: -20px; font-size: 11px!important;color:#ccc!important; background-color: #fff;}*/
/*.inputAnim input[type=text]:focus {outline: none; } .inputAnim input[type=text]:focus + label{color: #5078EE!important} .inputAnim input[type=password]:focus + label{color: #5078EE!important} .inputAnim textarea:focus + label{color: #5078EE!important}*/

.inputAnim input[type=text]:focus + label,
.inputAnim input[type=text]:valid + label{width:initial!important;top: -20px; font-size: 11px!important; background-color: #fff;}

.inputAnim input[type=password]:focus + label,
.inputAnim input[type=password]:valid + label{width:initial!important;top: -20px; font-size: 11px!important;background-color: #fff;}
/*.inputAnim input[type=password]:focus + label{color:#5078ee!important; }*/

.inputAnim textarea:focus + label,
.inputAnim textarea:valid + label{width:initial!important;top: -20px; font-size: 11px!important; background-color: #fff;}

.inputAnim textarea:focus + label{color:#5078ee!important;}

.inputAnim.eWrong textarea:focus + label,
.inputAnim.eWrong input[type=text]:focus + label{color:#EB3636!important}
.inputAnim.eWrong input[type=password]:focus + label{color:#EB3636!important}

.inputAnim.eWrong label{color:#EB3636!important}
.inputAnim.eWrong .suggesterContactSearch label{color: #333!important;}

.eWrong .inputWithIco .inputAnim label{color: #EB3636!important;}
.eWrong .inputWithIco .inputAnim .suggesterContactSearch li label{color: #333!important;}

.eWrong .inputWithIco textarea:focus + label,
.eWrong .inputWithIco input[type=text]:focus + label{color:#EB3636!important}
.eWrong .inputWithIco input[type=password]:focus + label{color:#EB3636!important}

/* ########################### POWER DIALER ########################### */
.sfPowerDialer{/*transition:transform 0.5s linear, height 0.5s ease;-webkit-transition:transform 0.5s linear, height 0.5s ease;transform: translateY(-50px);*/-webkit-transform: translateY(-50px);width: 100%; height: 50px; position: absolute; background-color: #fff; z-index: 9999999; right: 0; left: 69px; top: 0px;}
	.sfPowerDialer.on{height: 360px;box-shadow: 10px 0 9px 4px #00000045;}

.sfPowerDialerOverlay{transition:opacity 0.5s ease;-webkit-transition:opacity 0.5s ease; z-index: 9999998; position: absolute; left: 69px; right: 0; top: 0; bottom: 0; background-color: #000; opacity: 0;visibility: hidden;}
.sfPowerDialerOverlay.on{opacity: .5;visibility: visible;}

.sfPowerDialer .header{height: 50px;width: 100%;background-color: #5078EE;} 
.sfPowerDialer .header .ico{float: left; width: 35px; margin: 6px 10px 0 6px; height: 35px;}
.sfPowerDialer .header .text{float: left; margin: 6px 0 0 0; color: #fff; border-right: 1px solid #ffffff6b; padding: 0 15px 0 0px; position: relative;}
.sfPowerDialer .header .text .firstLine{font-size: 15px;max-width: 180px;cursor: pointer;}
.sfPowerDialer .header .text .secondLine{font-size: 12px; opacity: .6;}

.sfPowerDialer .header .text.noBorder{padding: 0 15px 0 10px; width: 100px;}
.sfPowerDialer .header .text.noBorder.paused{width: initial;}

.sfPowerDialer .header ul.actions{float: right; display: table; margin:8px 80px 0 0;}
.sfPowerDialer .header ul.actions li.leavePD,
.sfPowerDialer .header ul.actions li.pausePD,
.sfPowerDialer .header .nextCall{position: relative;cursor: pointer;width: 30px; height: 30px; float: left; background-color: #274DBE; border-radius: 50%; margin: 0 0 0 5px;}
.sfPowerDialer .header .nextCall{float: initial;position: absolute; right: 10px; top: 2px;}

.sfPowerDialer .header ul.actions li.pausePD ul.moreOptions,
.sfPowerDialer .header ul.actions li.leavePD ul.moreOptions{opacity: 0; visibility: hidden; width: 210px; max-height: 162px; transition: all 0.3s ease; background-color: #fff; border: solid 1px #cfd4d7; border-radius: 4px; position: absolute; top: 34px; right: 6px; z-index: 999;}

.sfPowerDialer .header ul.actions li.pausePD ul.moreOptions li,
.sfPowerDialer .header ul.actions li.leavePD ul.moreOptions li{height: 38px; border-bottom: solid 1px #cfd4d7; cursor: pointer; transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; position: relative; padding: 10px 10px 0 12px; box-sizing: border-box;}
.sfPowerDialer .header ul.actions li.pausePD ul.moreOptions li:last-child,
.sfPowerDialer .header ul.actions li.leavePD ul.moreOptions li:last-child{border-bottom: none;}

.sfPowerDialer .header ul.actions li.pausePD ul.moreOptions li:hover,
.sfPowerDialer .header ul.actions li.leavePD ul.moreOptions li:hover{background-color: #EBF0FF;}

.sfPowerDialer .header ul.actions li.pausePD:hover ul.moreOptions,
.sfPowerDialer .header ul.actions li.leavePD:hover ul.moreOptions{visibility: visible;opacity: 1; visibility: visible; top: 32px; margin-top: 6px;}

body.powerDialerOn{}
/*body.powerDialerOn .masterContent{top: 50px;}
body.powerDialerOn .modalHost{top: 50px;}*/

body.powerDialerOn .modalHost{top: 50px!important;}
body.powerDialerOn .modalHost.smDialog{top: 50%!important;}
body.powerDialerOn .generalModal:not(.small){height: calc(100vh - 50px);}
/*body.powerDialerOn .generalModal.recentPostCallWork{height: initial;}*/
/*body.powerDialerOn .generalModal.small{transform: translate(0px, 50px) scale(1);}*/
body.powerDialerOn .generalModal.recentPostCallWork.small {transform: translate(0px, 30px) scale(1);}

body.powerDialerOn .masterPage .masterContent{height: calc(100vh - 50px);border-radius: 0;}
body.powerDialerOn .masterPage .sfPowerDialer{}
body.powerDialerOn .masterPage .sfPowerDialer{transform: translateY(0px);-webkit-transform: translateY(0px);}

body.powerDialerOn .sfActionsContainer{height: calc(100vh - 97px); }

body.powerDialerOn .ctiPhoneDialog .masterRight .phoneRightContent{height: calc(100vh - 52px); }

body.powerDialerOn .sfCallLists .sfRightDialog .sfContent{bottom: 0px;}
/*validate form errors*/
input.eWrong, .display.eWrong{border-color: #EB3636!important;}
.eWrong input{border-color: #EB3636!important;}
input.eWrong:focus{border-color: #EB3636!important;}

.validationHelper.eWrong{border: 1px solid #EB3636!important;}

input:required {
    border: 1px solid #cfd4d7!important;
}

.tWrong{color:red;}

.errorMsg.withLabel{top: 39px;}
.errorMsg{position: absolute; right: 10px; top: 9px; background: #EB3636; display: none!important; width: 20px; height: 20px; border-radius: 50%; background-position: -779px -253px!important;z-index: 65;}
.eWrong .errorMsg{display:initial!important;}
.eWrong .formSelect .display{border-color: #EB3636!important;}

.bigComponents .errorMsg{right: 10px; top: 12px;}

/*log filter in table list*/
.logFilterInList{transform: translate(-25px, 0px);transition:transform 0.5s ease;-webkit-transition:transform 0.5s ease; background: #0A548C; text-align: center; color: #fff; padding: 15px 0px; position: absolute; width: 100%; bottom: -55px;z-index: 9999;}
.logFilterInList span{background: #fff; color: #0A548C; display: inline-block; float: right; margin: -3px 18px 0px 0; padding: 5px 17px; cursor: pointer; border-radius: 14px; font-size: 14px;} 

.logFilterInList.on{transform: translate(-25px, -55px);}


.clearAllNotificationsList{background-color: #5078EE; color: #fff; margin: 0 0 0 25px; padding: 8px 20px 9px 13px; font-size: 12px; border-radius: 5px 0 0 5px;}
	.ctiPhoneDialog	.clearAllNotificationsList{margin: 0 0 0 10px; position: absolute; width: calc(100% - 24px); top: 8px; left: -10px; border-radius: 0;}

.clearAllNotificationsList span{display:inline-block} 
.clearAllNotificationsList .left{float:left; margin-right: 4px; display: inline-block;} 
.clearAllNotificationsList .right{float:right; cursor: pointer;} 
.clearAllNotificationsList .ico{ display: inline-block; width: 14px; height: 12px; background-position: -45px -204px; margin: 0px 3px -4px 5px;} 

div.masterContent .hideThisIn_recentView{display:none!important;}

/*validate form errors*/
input.eWrong, .display.eWrong{border-color: #EB3636!important;}

li.eWrong input, li.eWrong textarea, .display.eWrong, .inputAnim.eWrong input, .inputAnim.eWrong textarea, .eWrong select-simple-piq .newSelect .display, .eWrong select-multiple .display{border-color: #EB3636!important;}

input.eWrong:focus{border-color: #EB3636!important;}

.tWrong{color:red;}

.errorMsg.withLabel{top: 39px;}
.errorMsg{position: absolute; top: 9px; background: #EB3636; display: none!important; width: 20px; height: 20px; border-radius: 50%; background-position: -779px -253px!important;z-index: 65;}
.ctiPhoneDialog .errorMsg{top: 10px;}

.eWrong .errorMsg{display:initial!important;}
.eWrong .formSelect .display{border-color: #EB3636!important;}
.eWrong .inputWithIco{border-color: #EB3636!important;}
.inputWithIco .errorMsg{right: 62px; top: 11px;}

.bigComponents .errorMsg{right: 10px; top: 12px;}


/* generalLoader */
.generalLoader{margin:6em auto;font-size:10px;position:relative;text-indent:-9999em;border-top:2px solid #fff;border-right:2px solid #5078EE;border-bottom:2px solid #5078EE;border-left:2px solid #5078EE;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:generalLoader .4s infinite linear;animation:generalLoader .4s infinite linear;}
.generalLoader, .generalLoader:after{border-radius:50%;width:3em;height:3em}
@-webkit-keyframes generalLoader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes generalLoader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

.generalLoader.forInput{width: 13px; height: 13px; position: absolute; right: 15px; top: 12px; margin: 0;}
.generalLoader.forInput.forSaving{width: 13px; height: 13px; position: absolute; right: 15px; top: 12px; margin: 0;}
.generalLoader.inButton{margin: 0; width: 15px; height: 15px; position: absolute; left: calc(50% - 5px); top: 51px;}
.eWrong .generalLoader.forInput{right: 40px;}
.generalLoader.forBtn{width: 13px; height: 13px; position: absolute; right: 15px; top: 12px; margin: 0;display: none;}
.loaderSavingBox{position: absolute;bottom: -8px; right: 11px; background-color: #c2f7c6; border-radius: 3px; z-index: 99; padding: 3px 25px 3px 10px;}
.loaderSavingBox .txt{font-size: 11px; color: #18a018; text-align: left;font-weight: 500;}
.loaderSavingBox .generalLoader{width: 6px; height: 6px; right: 10px; top: 5px; border-top: 2px solid #c2f7c6; border-right: 2px solid #18a018; border-bottom: 2px solid #18a018; border-left: 2px solid #18a018;}

/* generalLoader */
.generalLoaderConf{width: 50px; height: 50px; position: absolute; margin: 0px; left: calc(50% - 155px); top: calc(50% - 65px); z-index: 9999;}
.generalLoaderConf div{background: rgba(0, 0, 0, .9); position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: -1;} 

.loaderComponent{position: absolute; top: calc(50% - 9px);margin: 0; width: 15px; height: 15px; border: 2px solid #5078EE; border-radius: 50%; font-size: 10px; text-indent: -9999em; border-top: 2px solid #fff; border-right: 2px solid #5078EE; border-bottom: 2px solid #5078EE; border-left: 2px solid #5078EE; -webkit-animation: generalLoader .4s infinite linear; animation: generalLoader .5s infinite linear; }

li.haveLoaderInInput div.generalLoader{width: 10px; height: 10px; position: absolute; right: 11px; top: 35px; left: initial;}

/* newGeneralLoader */
.newGeneralLoader {margin: 0 auto; width: 50px; height: 50px; position: absolute; top: 48%; left: 50%; transform: translate(-50%, -50%); }
.circular{animation: newRotate 2s linear infinite; height: 100%; transform-origin: center center; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.path{stroke-dasharray: 1, 200; stroke-dashoffset: 0; animation: newDash 1.5s ease-in-out infinite; stroke-linecap: round; stroke: #5078EE; }

@keyframes newRotate {100% {transform: rotate(360deg); } }
@keyframes newDash {0% {stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% {stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% {stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } }

/* ballsLoader */
div.ballsLoader{display: none; overflow: hidden; background: #5078EE; text-align: center; border-radius:4px; z-index: 1; position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding-top: 6px; cursor: default;}
div.ballsLoader.saving{display: block;}
div.ballsLoader div{width: 5px; height: 5px; border-radius: 50%; background-color: #FFF; margin: 0 1px; display: inline-block;}
div.ballsLoader.saving div{-webkit-animation: load .3s linear alternate infinite;}
div.ballsLoader div.left{float: none!important;}
div.ballsLoader div.center{-webkit-animation-delay:.1s;}
div.ballsLoader div.right{-webkit-animation-delay:.2s;}

@keyframes load{ from{opacity: 0;} to{opacity: 1;} }
@-moz-keyframes load{ from{opacity: 0;} to{opacity: 1;} }
@-webkit-keyframes load{ from{opacity: 0;} to{opacity: 1;} }
@-ms-keyframes load{ from{opacity: 0;} to{opacity: 1;} }


.rotation60s{
	-webkit-animation: rotation 60s infinite linear;
	transform-origin: center;
}

.rotation120s{
	-webkit-animation: rotation 120s infinite linear;
	transform-origin: center;
}

@-webkit-keyframes rotation {from {-webkit-transform: rotate(0deg); } to {-webkit-transform: rotate(359deg); } }





/*spriteImage*/
.spriteMpUser{background-image: url("/Content/SfImgs/spriteMpUser.png?v=%VERSION_RELEASE%");background-repeat: no-repeat; background-position: -1000px -1000px;}

/*fonts*/
.light300{font-weight: 300; }
.light300_Italic{font-weight: 300; font-style:italic;}
.normal400{font-weight: 400; }
.normal400_Italic{font-weight: 400; font-style:italic;}
.bold700{font-weight: 700; }
.bold700_Italic{font-weight: 700; font-style:italic;}
.ultraBold900{font-weight: 900; }
.ultraBold900_Italic{font-weight: 900; font-style:italic;}

/*colors*/
.colorBlue{color:#5078EE;}
.colorDarkBlue{color:#0e67b0;}
.colorBlack{color:#585858;}
.colorGreen{color:#1cb91f;}
.colorRed{color:#E24040;}

/*nativeScroll*/
.nativeScrollVertical{overflow-x: hidden!important; overflow-y: scroll!important;}
.nativeScrollVerticalYAuto{overflow-x: hidden!important; overflow-y: auto!important;}
.nativeScrollHorizontal{}

/*fixzIndex*/
.nativeScrollVerticalYAuto.fixzIndex{ z-index: 50;}

/* scroll */
.jspVerticalBar{width:7px; opacity: 0; z-index: 49;}
.jspTrack{background:none; right: 5px;}
.jspDrag{background-color:#999;border-radius:5px;opacity:.4;transition:opacity ease .3s;-webkit-transition:opacity ease .3s;-moz-transition:opacity ease .3s;width: 6px;}
.jspHorizontalBar .jspDrag{height: 6px;}
.jspDrag:hover{opacity:1}
.jspDrag:active{opacity:1;}

/* generalLoading */
.generalLoading{position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: center; padding-top: 160px; color: white; font-size: 130px;}
.generalLoading .loaderBtnModal{display: inline-block;}
.generalLoading .loaderBtnModal div{background-color:#5078EE;}

/*generalStatus*/
.online{background-color:#1abf09 !important}
.away{background-color:#f0a118 !important}
.busy{background-color:#db413c !important}
.offline{background-color:#dbdbdb !important}
.idel{background-color:#f0a118 !important}

/* image profiles & avatars */
.imgProfile{border-radius: 50%;position: relative;float: left;}
.imgProfile .sfPopLink{position: absolute; top: 0; right: 2px; width: 22px; height: 22px; background-color: #fff; border-radius: 50%; padding: 0px 3px 4px 2px;cursor: pointer;}
.imgProfile.medium .sfPopLink{top: -5px; right: -8px;}
.imgProfile.smallMedium .sfPopLink{top: -4px; right: -7px; width: 18px; height: 18px;}


.imgProfile img{width: 100%;height: 100%;border-radius: 50%;overflow: hidden;}
.imgProfile.noRadius img{border-radius: initial; overflow: initial;}
.imgProfile .initials{color: #fff;text-align: center;}
.imgProfile .status{width:25%;height:25%;border-radius: 50%;position: absolute;}

.imgProfile .overlay{width:100%;height:100%;border-radius: 50%;opacity: 0;position: absolute;top:0;left:0;transition:opacity 0.5s ease;background: rgba(0, 0, 0, 0.7);cursor: pointer;}
.imgProfile .overlay span{text-align: center;color:#fff;display: block;font-family: sans-serif;padding-top: 42%;font-size: 12px;}
.imgProfile:hover .overlay{opacity: 1;}

.imgProfile.icons{background-image: url("/content/SfImgs/mpAdmin/spriteMpAdmin.png"); background-repeat: no-repeat;}
.imgProfile.departments{background-position:-44px -26px;}
.imgProfile.branchPhones{background-position:-44px -49px;}
.imgProfile.callGroups{background-position:-44px -74px;}
.imgProfile.contact{background-position:-44px -105px;}
.imgProfile.callQueues{background-position:-45px -74px;}
.imgProfile.callFlows{background-position:-45px -135px;}
.imgProfile.account{background-position:-655px -317px;}
.imgProfile.mini.account{background-position: -656px -317px;}

.imgProfile.mini .fixAvatar{ background-color: #A094ED!important; border-radius: 50%; width: 27px; height: 27px;}

.imgProfile.color_1{background-color:#F95B5B; } .imgProfile.color_2{background-color:#e8ad3c; } .imgProfile.color_3{background-color:#3caac8; } .imgProfile.color_4{background-color:#6ca94d; } .imgProfile.color_5{background-color:#5078EE; } .imgProfile.color_6{background-color:#e75e23; } .imgProfile.color_7{background-color:#ac629d; } .imgProfile.color_8{background-color:#e00052; } .imgProfile.color_9{background-color:#98bd29; } .imgProfile.color_10{background-color:#00577c; } .imgProfile.color_11{background-color:#20cd80; } .imgProfile.color_12{background-color:#f46e9a; } .imgProfile.color_13{background-color:#ae7e19; } .imgProfile.color_14{background-color:#eaba7c; } .imgProfile.color_15{background-color:#c4acce; } .imgProfile.color_16{background-color:#b08a7b; } .imgProfile.color_17{background-color:#c3c6aa; } .imgProfile.color_18{background-color:#87dadf; } .imgProfile.color_19{background-color:#4760b4; } .imgProfile.color_20{background-color:#8a3e47; } .imgProfile.color_21{background-color:#bb2255; } .imgProfile.color_22{background-color:#7382DD; }
.imgProfile.gcolor_1{background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa126), color-stop(100%, #ff6031)); background: transparent linear-gradient(to bottom, #ffa126 0%, #ff6031 100%) repeat scroll 0px 0px;} .imgProfile.gcolor_2{background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#002991), color-stop(100%, #00d8e7)); background: transparent linear-gradient(to bottom, #002991 0%, #00d8e7 100%) repeat scroll 0px 0px;} .imgProfile.gcolor_3{background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6753df), color-stop(100%,#dd43fe)); background: transparent linear-gradient(to bottom, #6753df 0%, #dd43fe 100%) repeat scroll 0px 0px;} .imgProfile.gcolor_4{background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#92ba06), color-stop(100%,#e1d900)); background: transparent linear-gradient(to bottom, #92ba06 0%, #e1d900 100%) repeat scroll 0px 0px;} .imgProfile.gcolor_5{background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c46c8), color-stop(100%,#3caac8)); background: transparent linear-gradient(to bottom, #3c46c8 0%, #3caac8 100%) repeat scroll 0px 0px;} .imgProfile.gcolor_6{background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6961c), color-stop(100%,#ffdb30)); background: transparent linear-gradient(to bottom, #b6961c 0%, #ffdb30 100%) repeat scroll 0px 0px;} .imgProfile.gcolor_7{background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a6003c), color-stop(100%,#cda24f)); background: transparent linear-gradient(to bottom, #a6003c 0%, #cda24f 100%) repeat scroll 0px 0px;} .imgProfile.gcolor_8{background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e66c7), color-stop(100%,#84db7e)); background: transparent linear-gradient(to bottom, #2e66c7 0%, #84db7e 100%) repeat scroll 0px 0px;} .imgProfile.gcolor_9{background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f3139), color-stop(100%,#f3759f)); background: transparent linear-gradient(to bottom, #6f3139 0%, #f3759f 100%) repeat scroll 0px 0px;} .imgProfile.gcolor_10{background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#167d08), color-stop(100%,#15da3a)); background: transparent linear-gradient(to bottom, #167d08 0%, #15da3a 100%) repeat scroll 0px 0px;} .imgProfile.gcolor_11{background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f502d), color-stop(100%,#eaba7c)); background: transparent linear-gradient(to bottom, #6f502d 0%, #eaba7c 100%) repeat scroll 0px 0px;} .imgProfile.gcolor_12{background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6e1a7d), color-stop(100%,#ff2956)); background: transparent linear-gradient(to bottom, #6e1a7d 0%, #ff2956 100%) repeat scroll 0px 0px;} .imgProfile.gcolor_13{background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00acdf), color-stop(100%,#e6e756)); background: transparent linear-gradient(to bottom, #00acdf 0%, #e6e756 100%) repeat scroll 0px 0px;} .imgProfile.gcolor_14{background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec7e25), color-stop(100%,#a651b2)); background: transparent linear-gradient(to bottom, #ec7e25 0%, #a651b2 100%) repeat scroll 0px 0px;} .imgProfile.gcolor_15{background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#04afd4), color-stop(100%,#a8bb86)); background: transparent linear-gradient(to bottom, #04afd4 0%, #a8bb86 100%) repeat scroll 0px 0px;} .imgProfile.gcolor_16{background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f1e2d), color-stop(100%,#d71e42)); background: transparent linear-gradient(to bottom, #6f1e2d 0%, #d71e42 100%) repeat scroll 0px 0px;} .imgProfile.gcolor_17{background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e5bc5), color-stop(100%,#21c273)); background: transparent linear-gradient(to bottom, #2e5bc5 0%, #21c273 100%) repeat scroll 0px 0px;} .imgProfile.gcolor_18{background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#43b4b9), color-stop(100%,#bd7dc5)); background: transparent linear-gradient(to bottom, #43b4b9 0%, #bd7dc5 100%) repeat scroll 0px 0px;} .imgProfile.gcolor_19{background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b95c26), color-stop(100%,#f9d631)); background: transparent linear-gradient(to bottom, #b95c26 0%, #f9d631 100%) repeat scroll 0px 0px;} .imgProfile.gcolor_20{background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005c33), color-stop(100%,#37c529)); background: transparent linear-gradient(to bottom, #005c33 0%, #37c529 100%) repeat scroll 0px 0px;} .imgProfile.gcolor_21{background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c43e13), color-stop(100%,#faaf24)); background: transparent linear-gradient(to bottom, #c43e13 0%, #faaf24 100%) repeat scroll 0px 0px;}

.imgProfile.guest{background-color:#C0C0C0;}
.imgProfile.isSfContact{background-color:#A094ED; background-position:-373px -1026px;}
.imgProfile.isSfLead{background-color: #F88962; background-position: -236px -1026px;}
.imgProfile.isSfPerson{background-color: #7f8de1; background-position: -446px -1028px;}
.imgProfile.isSfAccount{background-color: #A094ED; background-position: -304px -1026px;}
.imgProfile.mini.guest{background-position: -553px -91px;}
.imgProfile.extraSmall.guest{background-position: -551px -89px;}
.imgProfile.small.guest{background-position: -579px -85px;}
.imgProfile.large.guest{background-position: -309px -577px;}
.imgProfile.extraLarge.guest{background-position: -299px -568px;}
.imgProfile.noRadius.guest{background-position: -289px -557px;}

.imgProfile.dashed{border: 1px dashed #5078EE;}
.imgProfile.dashed.withAvatar{border:1px solid #000;}
.imgProfile.dashed.withImg{border-color:transparent;}
.imgProfile.dashed.withAvatar .initials{color:#000;}
.imgProfile.dashed .initials{text-transform: lowercase;}
.imgProfile.dashed .initials:first-letter{text-transform: uppercase;}

    /* image profiles sizes & uses */
    /* mini: lists & callflows & miniCalendar & conferencesHeader & modales */
    .imgProfile.mini{width: 27px;height:27px;}
    .imgProfile.mini .initials{padding-top: 7px;font-size: 10px;font-weight: 400;}
    .imgProfile.mini .status{width:30%;height:30%;border: 2px solid white;bottom: -4px;right: -2px;}

    /* extraSmall: sidebar & chatConferences */
    .imgProfile.extraSmall{width: 32px;height:32px;}
    .imgProfile.extraSmall .initials{padding-top: 9px;font-size: 11px;font-weight: 400;}
    .imgProfile.extraSmall .status{border: 2px solid white;bottom: -3px;right: -2px;}

    /* small: chat & masterheader & modalScheduledMeeting */
    .imgProfile.small{width: 36px;height:36px;}
    .imgProfile.small .initials{padding-top: 9px;font-size: 14px;font-weight: 400;}
    .imgProfile.small .status{border: 2px solid white;bottom: -3px;right: -2px;}

    /* small: masterNav */
    .imgProfile.smallMedium{    width: 46px; height: 46px;}
    .imgProfile.smallMedium .initials{padding-top: 13px; font-size: 15px; font-weight: 400;}

    /* medium: slaveheader */
    .imgProfile.medium{width: 56px;height:56px;}
    .imgProfile.medium .initials{padding-top: 16px;font-size: 18px;font-weight: 400;}
    .imgProfile.medium .status{border: 3px solid white;bottom: -4px;right: 0;}

    /* medium: slaveheader */
    .imgProfile.mediumLarge{width: 80px;height:80px;}
    .imgProfile.mediumLarge .initials{padding-top: 28px;font-size: 19px;font-weight: 400;}
    .imgProfile.mediumLarge .status{border: 3px solid white;bottom: -4px;right: 0;}

    /* large: lobby & conferences & modalScheduledMeeting */
    .imgProfile.large{width: 100px;height:100px;}
    .imgProfile.large .initials{padding-top: 34px;font-size: 26px;font-weight: 300;}
    .imgProfile.large .status{border: 3px solid white;bottom: -3px;right: 3px;width: 20px;height: 20px;}

    /* extraLarge: profile & settings */
    .imgProfile.extraLarge{width: 120px;height:120px;}
    .imgProfile.extraLarge .initials{padding-top: 40px;font-size: 32px;font-weight: 300;}
    .imgProfile.extraLarge .status{width: 25px;height: 25px;border: 4px solid white;bottom: -4px;right: 2px;}

    /* extraLarge: confs */
    .imgProfile.xxLarge{width: 140px;height:140px;}
    .imgProfile.xxLarge .initials{padding-top: 40px;font-size: 35px;}
    .imgProfile.xxLarge .status{width:30px;height:30px;border: 4px solid white;bottom: -4px;right: 2px;}

/* SF STYLES */
.recentsView .imgProfile svg, .customerPage .imgProfile svg{display: none;}
.customerPage .imgProfile.sfAccount svg.svg-sfAccount{margin: 2px 0 0 2px; width: initial;}

.imgProfile.sfContact{background-color: #A094ED; }
	.imgProfile.sfContact svg.svg-sfContact{display: block!important;}

.imgProfile.sfLead{background-color: #F88962; }
	.imgProfile.sfLead svg.svg-sfLead{display: block!important;}

.imgProfile.sfAccount{background-color: #8577de; }
	.imgProfile.sfAccount svg.svg-sfAccount{display: block!important; pointer-events: none; margin: 3px 0 0 2px; width: 80px;}

.imgProfile.sfPersonAccount{background-color: #A094ED; }
	.imgProfile.sfPersonAccount svg.svg-sfPersonAccount{display: block!important;}


/*.imgProfile svg{display: none;}
.imgProfile.sfLead svg.svg-sfLead{display: block;}
.imgProfile.sfContact svg.svg-sfContact{display: block;}
.imgProfile.sfPersonAccount svg.svg-sfPersonAccount{display: block;}*/

/* hoverDefaultTransition */
.hoverDefaultTransition{transition:background-color .1s linear, opacity .1s linear, color .1s linear;-webkit-transition:background-color .1s linear, opacity .1s linear, color .1s linear;-moz-transition:background-color .1s linear, opacity .1s linear, color .1s linear;}

/* generalSplash */
div.generalSplash {position: absolute; top: 35px; right: 0; left: 0; z-index: 1;}
div.generalSplash .img{width: 140px; height: 140px; position: relative; margin: 0 auto; border-radius: 50%; border: 3px solid #5078EE;}
div.generalSplash .txt{color:#6F6F6F; text-align: center; margin: 15px auto;}
div.generalSplash .txt.search{display:none;}

div.generalSplash .btnBlue{text-align: center; width: 220px; margin: 0 auto; padding-bottom: 9px;}
div.generalSplash .btnBlue.start{margin-bottom:6px;}

div.generalSplash .img.imgMessages{background-position:-694px 3px;}
div.generalSplash .img.imgMembers{background-position:-293px -723px;}
div.generalSplash .img.imgPhone{background-position:2px -721px;}
div.generalSplash .img.imgVoicemail{background-position:-148px -721px;}
div.generalSplash .img.imgDevices{background-position:-2242px 3px;}
div.generalSplash .img.imgContacts{background-position:-293px -724px;}
div.generalSplash .img.sandClock{background-position:-437px -558px;}
div.generalSplash .img.thumbsUp{background-position:-145px -562px;}
div.generalSplash .img.disconnected{background-position:-144px -434px;}
div.generalSplash .img.imgLists{background-position:-1538px 0px;}
div.generalSplash .img.imgTasks{background-position:-1678px 0px;}
div.generalSplash .img.imgCalendar{background-position:-439px -721px;}
div.generalSplash .img.imgVoiceRoom{background-position:-584px -721px;}
div.generalSplash .img.imgVideoRoom{background-position:-1px -866px;}
div.generalSplash .img.imgEmptyRoomVoice{background-position: -2658px 3px;}
div.generalSplash .img.imgEmptyRoomVideo{background-position: -2805px 3px;}
div.generalSplash .img.imgBook{background-position:-1117px 1px;}
div.generalSplash .img.imgComputer{background-position:-836px 1px;}
div.generalSplash .img.imgSchedule{background-position:-148px -865px;}
div.generalSplash .img.imgHistory{background-position:-293px -865px;}
div.generalSplash .img.noRecentActivity{background-position: -498px -299px;}

/* SF */
div.generalSplash .img.SFAgent{background-position: 2px -1075px;}

div.generalSplash .img.imgPhoneModal{background-position:5px -505px;}
div.generalSplash .img.search{background-position:-410px -609px;}

div.generalSplash.searching .img{background-position:-584px -867px;}
div.generalSplash svg.svg-placeholder-search{display: none;}
div.generalSplash.searching svg{display: none;}
div.generalSplash.searching svg.svg-placeholder-search{display: block;}
div.generalSplash.searching .txt{display:none;}
div.generalSplash.searching .txt.search{display:block;}

div.generalSplash.bgBlack .txt{color: #c5c5c5;}
div.generalSplash.bgBlack .img{}

/* splash confs */
div.generalSplash.infoEndConference .txt{font-size: 30px; color: #fff; font-weight: 400;}
div.generalSplash.infoEndConference .subtitle{text-align: center; font-size: 20px; color: #bdbdbd; margin: 13px 0 10px 0;}
div.generalSplash.infoEndConference .conferenceParticipants{display: table; margin: 0 auto 30px auto;}
div.generalSplash.infoEndConference .conferenceParticipants li.imgProfile{margin-right: 10px;background-color: #5078EE;float: left;}

/*
***********************************************************************************************
**************** FORMS & BUTTONS
***********************************************************************************************
*/

/* nativeforms */
input{font-size: 13px; -webkit-user-select: text; -moz-user-select: text; border-radius: 3px; border: 1px solid #D8D8D8; padding:2px 0px 1px 10px;height: 28px;line-height: 28px;cursor: text;}
input:focus, textarea:focus{border:1px solid #5078EE!important; outline:0!important; box-shadow:none!important; -webkit-boxshadow:none!important; -moz-boxshadow:none!important;}
input:disabled{background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-color:transparent !important; color: #000000; font-size: 14px;}
input:disabled:hover{cursor:text;}
label{font-size: 14px; display: inline; float: left; line-height: 33px;}

/* customRadio */
.roundSelect{cursor: pointer; width: 16px; height: 16px; border: solid 1px #0080cc; border-radius: 18px; display: inline-block; margin-top: 4px; padding: 2px 0px 0px 2px;}
.roundSelect .inner{display: inline; width: 14px; height: 14px; background-color: #0080cc; margin: 0; border-radius: 14px;}
.roundSelect .inner.on{display:block;}

/* customCheck */
.checkContainer{    background-color: #EBF0FF; width: 100%; height: 43px; float: left; border-radius: 2px; cursor: pointer; }
.checkContainer *{cursor: pointer;}
.checkContainer .checkSelect{margin: 12px 9px 0 11px;}
.checkContainer label{line-height: 40px; color: #333!important; font-size: 13px;}
.checkSelect{float:left;cursor: pointer; width: 15px; height: 15px; border: solid 1px #5078EE; display: inline-block; margin-top: 6px; border-radius: 2px;}
.checkSelect .inner{display: inline; width: 15px; height: 15px; background-color: #5078EE; margin: 0;background-position: -983px -589px;}
.checkSelect .inner svg{display: none;}
.checkSelect.on .inner{display:block;}
.checkSelect.on .inner svg{display:block;}

/*FIX COMPONENTE*/
checkbox-container .checkboxContainer .checkSelect{margin: 12px 0px 0 11px!important;}
checkbox-container .checkboxContainer label{margin: 10px 10px 10px 0px!important;}

/* customSelect */
.formSelect{display: block; position: relative; min-width: 150px; margin-left: 10px; height: 40px; border-radius: 3px;}
.formSelect.blue .display {background-color: #3555B4;}
.formSelect.disabled{opacity:.4; cursor:initial;}
.formSelect.disabled ul{display:none!important;}
.formSelect div.display{width: 150px; background: url(/Content/SfImgs/fs-selecter-arrow.png) no-repeat scroll 94% center / 7px; color: #333; cursor: pointer; display: block; font-size: 12px; margin: 0; overflow: hidden; padding: 11px 24px 7px 12px; position: relative; text-overflow: clip; z-index: 49; transition: background-color .1s linear, opacity .1s linear, color .1s linear; -webkit-transition: background-color .1s linear, opacity .1s linear, color .1s linear; -moz-transition: background-color .1s linear, opacity .1s linear, color .1s linear; -ms-transition: background-color .1s linear, opacity .1s linear, color .1s linear; text-overflow: ellipsis; white-space: nowrap; height: 40px; border-radius: 3px; box-sizing: border-box; border: solid 1px #e0e0e0; background-position: right 12px bottom 15px;}
.formSelect input.display{border: 1px solid #BFBFBF;width:150px;display: block; font-size: 12px; margin: 0; overflow: hidden; padding: 8px 24px 7px 15px; position: relative; text-overflow: clip; z-index: 49; transition: background-color .1s linear, opacity .1s linear, color .1s linear; -webkit-transition: background-color .1s linear, opacity .1s linear, color .1s linear; -moz-transition: background-color .1s linear, opacity .1s linear, color .1s linear; -ms-transition: background-color .1s linear, opacity .1s linear, color .1s linear; text-overflow: ellipsis; white-space: nowrap; height: 32px; border-radius: 5px; box-sizing: border-box;}
.formSelect div.display span{pointer-events: none;}

.formSelect ul{display: none; border: 1px solid #ccc; background-color: #fefefe; left: 0px; right: 0px; margin: 0; max-height: 155px; padding: 0; position: absolute; top: 20px; z-index: 1001; box-shadow: 0px 2px 19px -9px; opacity: 0; transition: all 0.5s ease; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease;}
.formSelect.on ul{display: block; top: 45px;opacity: 1;}
.formSelect.last ul{bottom:28px;top:initial;}
.last .formSelect ul{bottom:28px;top:initial;}
.formSelect ul li{border-bottom: 1px solid #e3e3e3; color: #333; cursor: pointer; display: block; font-size: 13px; margin: 0; overflow: hidden; padding:8px 14px; text-overflow: ellipsis; line-height: 20px!important; min-height: initial!important; margin-bottom: initial!important;transition:background-color .1s linear, opacity .1s linear, color .1s linear;-webkit-transition:background-color .1s linear, opacity .1s linear, color .1s linear;-moz-transition:background-color .1s linear, opacity .1s linear, color .1s linear;-ms-transition:background-color .1s linear, opacity .1s linear, color .1s linear;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.formSelect ul li:last-child{border-bottom:none;}
.formSelect ul li:hover{background-color:#EEE; cursor: pointer;}

.formSelect .dateSelector{width: 480px; left: -312px; max-height: initial; padding: 5px 0px 5px 0px;}
.formSelect .dateSelector .chartsTooltip:hover{background-color: initial;}
.formSelect .dateSelector .chartsTooltip ul.dateRanges{position: initial; overflow: hidden; border: none; box-shadow: initial; border-bottom: 1px dotted #ccc; border-radius: initial;padding-bottom: 15px; margin-bottom: 5px;}
.formSelect .dateSelector .chartsTooltip ul.dateRanges li{float: left; width: calc(50% - 40px); border-bottom: none; border-radius: 5px; margin: 7px 7px 7px 5px;}
.formSelect .dateSelector .chartsTooltip ul.dateRanges li.active{background-color: #5078EE; color: #fff;}
.formSelect .dateSelector .chartsTooltip #datepickerFrom{width: 50%; float: left;}
.formSelect .dateSelector .chartsTooltip #datepickerTo{width: 50%; float: right;}
.formSelect .dateSelector .chartsTooltip div.ui-datepicker.ui-widget{border:none;}

.formSelect.phoneNumber{min-width: 185px;}
.formSelect.phoneNumber .display{width: 185px;}
.formSelect.phoneNumber .display li{font-size:12px}
.formSelect.phoneNumber .display .flag{margin-right: 10px;}
.formSelect.phoneNumber ul .label{margin: 0; height: 18px;}
.formSelect.phoneNumber ul .txt{font-size: 11px; color: #929292; margin: 0px 0 0 17px;}
.formSelect.phoneNumber ul .flag{margin: 3px 9px 0 -4px;}
.formSelect.phoneNumber li{font-size: 12px; padding: 8px 14px 9px 14px;}

.formSelect.withTitle div.display{overflow: initial!important;}
.formSelect.withTitle div.display .txt{float: left;width: calc(100% - 20px);}
.formSelect.withTitle label{margin-left: 0px!important;width: initial!important;font-size: 11px!important; background-color: #fff; color: #ccc!important; position: absolute; top: -7px; line-height: initial; left: 5px; z-index: 99; padding: 0 7px;}

.formSelect.searchable .searchTroughList{display: none; width: calc(100% - 2px); position: absolute; border: 1px solid #ccc; background-color: #fff; top: 50px; z-index: 9999; height: 40px; border-radius: 4px 4px 0 0;}
	.formSelect.on.searchable .searchTroughList{display: block;}
.formSelect.searchable .searchTroughList input{border: none; width: calc(100% - 10px);padding: 6px 0px 1px 12px; box-sizing: border-box;height: initial!important;font-size: 12px;}
.formSelect.searchable .searchTroughList input:focus{border: none!important;}
.formSelect.searchable ul{top: 90px!important; border-radius: 0 0px 4px 4px; border-top: none;}
.formSelect.searchable ul.noResultsFound li{pointer-events: none; width: calc(100% - 30px); color: #b1b1b1;}

.formSelect.multiple .labelFormSelectMultiple{font-size: 11px; position: absolute; top: -8px; z-index: 99; background-color: #fff; left: 11px; padding: 0 5px; border-radius: 2px;}

/* buttons */
.btnBlue{position:relative; background:none repeat scroll 0 0 #5078EE;color:#fff;font-size:13px; padding:7px 28px 0px 28px;transition:background-color .1s ease, opacity .1s ease, color .1s ease;-webkit-transition:background-color .1s ease, opacity .1s ease, color .1s ease;-moz-transition:background-color .1s ease, opacity .1s ease, color .1s ease; border-radius: 4px;height: 32px;box-sizing: border-box;white-space: nowrap;}
.btnBlue:hover{cursor:pointer;background-color:#3C5DBC;}
.btnBlue:active{background-color:#036}
.btnBlue.off{background-color:#777}
.btnBlue div {color:#fff;}
button.btnBlue {border: 0; padding-top: 1px!important;}
.btnBlue.darkBlue{background-color:#3D5496;transition:background-color .1s ease, opacity .1s linear, color .1s ease;-webkit-transition:background-color .1s linear, opacity .1s ease, color .1s ease;-moz-transition:background-color .1s ease, opacity .1s ease, color .1s ease;}
.btnBlue.darkBlue:hover{background-color:#084979;}

.btnBlue .loaderBtnModal {display: none; overflow: hidden; background-color: #5078EE; text-align: center; z-index: 1; position: absolute; border-radius: 4px; left: 0; right: 0; top: 0px; bottom: 0; padding-top: 6px; cursor: default; border-radius: 4px;}
.btnBlue .loaderBtnModal .ballsLoader {}
.btnBlue .loaderBtnModal.saving{display:block;}

.btnBlue.noBack{background: initial; border: solid 1px #5078EE; color: #5078EE; text-align: center; font-size: 13px;}
.btnBlue.noBack div{color: #5078EE;}

.btnBlue{transition: all 0.5s ease;}
.btnBlue.btnFeedback{pointer-events: none; background-color: #4BC076!important; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px;pointer-events: none;}
.btnBlue.btnFeedbackError{pointer-events: none; background-color: #DE5E46!important; animation: shakeIt 5s ease .6s; -webkit-animation: shakeIt .6s ease; animation-iteration-count: 1;}
.btnBlue.btnFeedbackSaving{pointer-events: none; background-color: #1a47a6!important;}
.btnBlue.btnFeedbackSaving .generalLoader.forBtn{display: block;}
@keyframes shakeIt {10%, 90% {transform: translate3d(-1px, 0, 0); } 20%, 80% {transform: translate3d(2px, 0, 0); } 30%, 50%, 70% {transform: translate3d(-4px, 0, 0); } 40%, 60% {transform: translate3d(4px, 0, 0); } }

.btnGrey{background:#777;color:#fff;font-size:13px;margin:0 10px;padding:10px;transition:background-color .1s linear, opacity .1s linear, color .1s linear;-webkit-transition:background-color .1s linear, opacity .1s linear, color .1s linear;-moz-transition:background-color .1s linear, opacity .1s linear, color .1s linear; border-radius: 4px;}
.btnGrey:active{background-color:#444 !important}

.btnGrey.noBack{background: initial; border: solid 1px #777; color: #777; text-align: center; font-size: 13px; padding: 4px 12px 6px 12px!important;}
.btnGrey:hover{background-color:#525252!important; cursor: pointer;}
.btnGrey:active{background-color:#525252!important; }
.btnGrey.noBack div{color: #777;}

.btnGreen{background:none repeat scroll 0 0 #5aa475;float:right;height:29px;margin:5px;width:29px;transition:background-color .1s linear, opacity .1s linear, color .1s linear;-webkit-transition:background-color .1s linear, opacity .1s linear, color .1s linear;-moz-transition:background-color .1s linear, opacity .1s linear, color .1s linear; border-radius: 4px;}
.btnGreen.full{border-radius:0;color:#fff;float:none;font-size:18px;height:40px;line-height:40px;margin:0;opacity:.5;text-align:center;width:100%}
.btnGreen:hover{cursor:pointer;opacity:1}
.btnGreen.on{opacity:1}
.btnGreen.on:hover{cursor:pointer;background-color:#357748}

.btnRed{background:none repeat scroll 0 0 #b73730;color:#fff;font-size:13px;padding:7px 28px 0px 28px;min-width: 28px;transition:background-color .1s linear, opacity .1s linear, color .1s linear;-webkit-transition:background-color .1s linear, opacity .1s linear, color .1s linear;-moz-transition:background-color .1s linear, opacity .1s linear, color .1s linear; border-radius: 4px; height: 32px; box-sizing: border-box;}
.btnRed.full{border-radius:0;color:#fff;float:none;font-size:18px;height:40px;line-height:40px;margin:0;opacity:.5;text-align:center;width:100%;padding:0;}
.btnRed:hover{opacity:1;background-color:#852621;cursor:pointer}

.btnRed.noBack{background: initial; border: solid 1px #b73730; color: #b73730; text-align: center; font-size: 13px;}
.btnRed.noBack div{color: #b73730;}

.btnWord{color:#777;font-size:13px;padding:10px;}
.btnWord:hover{text-decoration: underline;}

.checkOut{opacity:1;width: 13px; height: 13px; display: inline-block;float: right; margin-right: 5px;border: 1px solid #8C8C8C;cursor: pointer;margin-top: 2px;}
.checkIn{width: 13px; height: 13px;margin-top: 2px; margin-left: 2px;display: none;background-position: -100px -19px;}
.checkOut.selected .checkIn{display: block;}

.radioButtonOut{float: left; width: 10px; height: 10px; border: 1px solid #7d7d7d; border-radius: 50%; margin-left: 12px; cursor: pointer;}
.radioButtonOut:hover .radioButtonIn{display: block;opacity: .5;}
.radioButtonOut.on .radioButtonIn{display: block;opacity: 1;}
.radioButtonIn{width: 6px; height: 6px; border-radius: 50%; background-color: #7d7d7d; margin: 2px 0 0 2px; display: none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease;}

/* tooltips */
.haveTooltip{}
.haveTooltip:hover{cursor:pointer;}
.haveTooltipDefault{width:15px;height:15px;display:inline-block;content:"";border-radius:50%;border:1px solid;transform:translate(5px,-2px);-webkit-transform:translate(5px,-2px);-moz-transform:translate(5px,-2px);font-size:10px;line-height:16px;text-align:center;}

/* Copy to clipboard */
.copyThisToClipboard{width: 16px; height: 15px; display: inline-block; margin: 0 0 0 2px; padding: 0; background-position: -982px -216px; cursor: pointer;}

/* checkbox switcher */
.checkboxSwitcher{float:left;cursor:pointer; width: 40px; height: 20px; border: 1px solid rgba(0,0,0,.4); border-radius: 15px; background-color: rgba(0, 0, 0, 0.1); -webkit-transition-duration: .4s; -webkit-transition-property: background-color, box-shadow; box-shadow: inset 0 0 0 0px rgba(0,0,0,0.4);}
.checkboxSwitcher div{float: left; width: 18px; height: 18px; border-radius: inherit; background: #ffffff; -webkit-transition: 0.4s ease; -webkit-transition-property: margin, transform, background-color, box-shadow; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(0, 0, 0, 0.4); margin-top: 1px;}
.checkboxSwitcher.selected{background-color: #5078EE; border: 1px solid #0e62cd; box-shadow: inset 0 0 0 10px rgba(59,137,259,1); }
.checkboxSwitcher.selected div{margin-left: 22px;background-color: #ffffff; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(8, 80, 172,1); }

.checkboxSwitcher.mini{width: 30px; height: 15px;}
.checkboxSwitcher.mini div{width: 13px; height: 13px;}
.checkboxSwitcher.mini.selected div{margin-left: 16px;}

.formSelect.areaCode{min-width: initial; float: left; margin-bottom: 0; border-right: none;}
.formSelect.areaCode .display{border-radius: 4px 0px 0px 4px; font-size: 11px; height: 33px; padding: 9px 22px 7px 19px; width: initial;}
.formSelect.areaCode ul{width: 252px;}
.formSelect.areaCode ul.ulSearch{width: 219px; border-radius: 4px 4px 0 0; margin: -3px 0px 0 -1px;}
.formSelect.areaCode ul.ulSearch .search input{font-size: 13px; border: 0; width: 178px; border-radius: 0;}
.formSelect.areaCode ul.ulSearch .search input:focus{border:0!important;}
.formSelect.areaCode ul.ulSearch.list{border-radius: 0px 0px 4px 4px; margin: 0px 0 0 -2px;}
input.numberAreaCode {margin-left: 0px; margin-top: 0; float: left;border-radius: 0px 4px 4px 0px;}
.formSelect.areaCode div.search {padding: 6px;}
.formSelect.areaCode div.flag {float: left; background-image:url('imgs/flags.jpg'); background-repeat:no-repeat; width: 18px; height: 18px;}
.formSelect.areaCode .display div.flag {margin: -3px 0px 0px -6px;}
.formSelect.areaCode .display div.txt {margin: -2px 0 0px 7px; float: left; font-size: 13px;}
.formSelect.areaCode .ulSearch .startWith > li:last-child{border-bottom: 3px solid #c7c7c7;}
.formSelect.areaCode .ulSearch div.flag {margin: 0px 6px 0px -3px;}
.formSelect.areaCode .ulSearch div.txt {float: left; margin-bottom: -2px;width: calc(100% - 25px);}
.formSelect.areaCode .ulSearch.nativeScrollVertical {margin-top: 14px; margin-left: 2px; margin-bottom: 14px;}
/*.formSelect .flag.afghanistan{background-position:0 0}.formSelect .flag.aland{background-position:-18px 0}.formSelect .flag.albania{background-position:-36px 0}.formSelect .flag.algeria{background-position:-54px 0}.formSelect .flag.americanSamoa{background-position:-72px 0}.formSelect .flag.andorra{background-position:-90px 0}.formSelect .flag.angola{background-position:-108px 0}.formSelect .flag.anguilla{background-position:-126px 0}.formSelect .flag.antartica{background-position:-144px 0}.formSelect .flag.antiguaBarbuda{background-position:-162px 0}.formSelect .flag.arabEmirates{background-position:-180px 0}.formSelect .flag.argentina{background-position:-198px 0}.formSelect .flag.armenia{background-position:-216px 0}.formSelect .flag.aruba{background-position:-234px 0}.formSelect .flag.australia{background-position:-252px 0}.formSelect .flag.austria{background-position:-270px 0}.formSelect .flag.azerbaijan{background-position:-288px 0}.formSelect .flag.bahamas{background-position:-306px 0}.formSelect .flag.bahrian{background-position:-324px 0}.formSelect .flag.bangladesh{background-position:-342px 0}.formSelect .flag.barbados{background-position:-360px 0}.formSelect .flag.belarus{background-position:-378px 0}.formSelect .flag.belgium{background-position:-396px 0}.formSelect .flag.belize{background-position:-414px 0}.formSelect .flag.benin{background-position:-432px 0}.formSelect .flag.bermuda{background-position:-450px 0}.formSelect .flag.buhtan{background-position:-468px 0}.formSelect .flag.bolivia{background-position:-486px 0}.formSelect .flag.bosnia{background-position:-504px 0}.formSelect .flag.botswana{background-position:-522px 0}.formSelect .flag.brazil{background-position:-540px 0}.formSelect .flag.britishIndian{background-position:-558px 0}.formSelect .flag.brunei{background-position:-576px 0}.formSelect .flag.bulgaria{background-position:-594px 0}.formSelect .flag.burkina{background-position:-612px 0}.formSelect .flag.burma{background-position:-630px 0}.formSelect .flag.burundi{background-position:-648px 0}.formSelect .flag.cambodia{background-position:-666px 0}.formSelect .flag.cameroon{background-position:-684px 0}.formSelect .flag.canada{background-position:-702px 0}.formSelect .flag.cape{background-position:-720px 0}.formSelect .flag.caymanIslands{background-position:-738px 0}.formSelect .flag.central{background-position:-756px 0}.formSelect .flag.chad{background-position:-774px 0}.formSelect .flag.chile{background-position:-792px 0}.formSelect .flag.china{background-position:-810px 0}.formSelect .flag.christmasIsland{background-position:-828px 0}.formSelect .flag.colombia{background-position:-846px 0}.formSelect .flag.comoros{background-position:-864px 0}.formSelect .flag.congo{background-position:-882px 0}.formSelect .flag.cookIslands{background-position:-900px 0}.formSelect .flag.costaRica{background-position:-918px 0}.formSelect .flag.cotedivoire{background-position:-936px 0}.formSelect .flag.croatia{background-position:-954px 0}.formSelect .flag.cuba{background-position:-972px 0}.formSelect .flag.curacao{background-position:-990px 0}.formSelect .flag.cyprus{background-position:-1008px 0}.formSelect .flag.czechRepublic{background-position:-1026px 0}.formSelect .flag.denmark{background-position:-1044px 0}.formSelect .flag.dibouti{background-position:-1062px 0}.formSelect .flag.dominica{background-position:-1080px 0}.formSelect .flag.dominicanRepublic{background-position:-1098px 0}.formSelect .flag.eastTimor{background-position:-1116px 0}.formSelect .flag.ecuador{background-position:-1134px 0}.formSelect .flag.egypt{background-position:-1152px 0}.formSelect .flag.elSalvador{background-position:-1170px 0}.formSelect .flag.equatorialGuinea{background-position:-1188px 0}.formSelect .flag.eritrea{background-position:-1206px 0}.formSelect .flag.estonia{background-position:-1224px 0}.formSelect .flag.ethiopia{background-position:-1242px 0}.formSelect .flag.falklandIslands{background-position:-1260px 0}.formSelect .flag.faroeIslands{background-position:-1278px 0}.formSelect .flag.fiji{background-position:-1296px 0}.formSelect .flag.finland{background-position:-1314px 0}.formSelect .flag.france{background-position:-1332px 0}.formSelect .flag.freenland{background-position:-1350px 0}.formSelect .flag.frenchPolynesia{background-position:-1368px 0}.formSelect .flag.gabon{background-position:-1386px 0}.formSelect .flag.gambia{background-position:-1404px 0}.formSelect .flag.greatBritain{background-position:-1422px 0}.formSelect .flag.georgia{background-position:-1440px 0}.formSelect .flag.germany{background-position:-1458px 0}.formSelect .flag.ghana{background-position:-1476px 0}.formSelect .flag.gibraltar{background-position:-1494px 0}.formSelect .flag.greece{background-position:-1512px 0}.formSelect .flag.grenada{background-position:-1530px 0}.formSelect .flag.guam{background-position:-1548px 0}.formSelect .flag.guatemala{background-position:-1566px 0}.formSelect .flag.guernsey{background-position:-4068px 0}.formSelect .flag.guineaBissau{background-position:-1584px 0}.formSelect .flag.guinea{background-position:-1602px 0}.formSelect .flag.guyana{background-position:-1620px 0}.formSelect .flag.haiti{background-position:-1692px 0}.formSelect .flag.honduras{background-position:-1656px 0}.formSelect .flag.hongKong{background-position:-1674px 0}.formSelect .flag.hungary{background-position:-1728px 0}.formSelect .flag.iceland{background-position:-1710px 0}.formSelect .flag.india{background-position:-1764px 0}.formSelect .flag.indonesia{background-position:-1746px 0}.formSelect .flag.iran{background-position:-1764px 0}.formSelect .flag.iraq{background-position:-1782px 0}.formSelect .flag.ireland{background-position:-1800px 0}.formSelect .flag.isleOfMan{background-position:-1818px 0}.formSelect .flag.israel{background-position:-1836px 0}.formSelect .flag.italy{background-position:-1854px 0}.formSelect .flag.jamaica{background-position:-1872px 0}.formSelect .flag.japan{background-position:-1890px 0}.formSelect .flag.jersey{background-position:-1908px 0}.formSelect .flag.jordan{background-position:-1926px 0}.formSelect .flag.kazakhstan{background-position:-1944px 0}.formSelect .flag.kenya{background-position:-1962px 0}.formSelect .flag.kiribati{background-position:-1980px 0}.formSelect .flag.koreaNorth{background-position:-2016px 0}.formSelect .flag.koreaSouth,.formSelect .flag.kuwait{background-position:-2034px 0}.formSelect .flag.kyrgyztan{background-position:-2052px 0}.formSelect .flag.laos{background-position:-2070px 0}.formSelect .flag.latvia{background-position:-2088px 0}.formSelect .flag.Lebanon{background-position:-2106px 0}.formSelect .flag.lesotho{background-position:-2124px 0}.formSelect .flag.Liberia{background-position:-2142px 0}.formSelect .flag.Libya{background-position:-2160px 0}.formSelect .flag.Liechtenstein{background-position:-2178px 0}.formSelect .flag.Lithuania{background-position:-2196px 0}.formSelect .flag.Luxembourg{background-position:-2214px 0}.formSelect .flag.macau{background-position:-2232px 0}.formSelect .flag.macedonia{background-position:-2250px 0}.formSelect .flag.madagascar{background-position:-2268px 0}.formSelect .flag.malawi{background-position:-2286px 0}.formSelect .flag.malaysia{background-position:-2304px 0}.formSelect .flag.maldives{background-position:-2322px 0}.formSelect .flag.mali{background-position:-2340px 0}.formSelect .flag.malta{background-position:-2358px 0}.formSelect .flag.marshallIslands{background-position:-2376px 0}.formSelect .flag.mauritania{background-position:-2394px 0}.formSelect .flag.mauritius{background-position:-2412px 0}.formSelect .flag.mexico{background-position:-2430px 0}.formSelect .flag.micronesia{background-position:-2448px 0}.formSelect .flag.moldova{background-position:-2466px 0}.formSelect .flag.mongolia{background-position:-2484px 0}.formSelect .flag.montenegro{background-position:-2502px 0}.formSelect .flag.montserrat{background-position:-2520px 0}.formSelect .flag.morocco{background-position:-2538px 0}.formSelect .flag.mozambique{background-position:-2556px 0}.formSelect .flag.namibia{background-position:-2574px 0}.formSelect .flag.nauru{background-position:-2592px 0}.formSelect .flag.nepal{background-position:-2610px 0}.formSelect .flag.netherlands{background-position:-2628px 0}.formSelect .flag.newZealand{background-position:-2646px 0}.formSelect .flag.nicaragua{background-position:-2664px 0}.formSelect .flag.niger{background-position:-2682px 0}.formSelect .flag.nigeria{background-position:-2700px 0}.formSelect .flag.niue{background-position:-2718px 0}.formSelect .flag.norfolk{background-position:-2736px 0}.formSelect .flag.northernMarianaIslands{background-position:-2754px 0}.formSelect .flag.norway{background-position:-2772px 0}.formSelect .flag.oman{background-position:-2790px 0}.formSelect .flag.pakistan{background-position:-2808px 0}.formSelect .flag.palau{background-position:-2826px 0}.formSelect .flag.palestine{background-position:-2844px 0}.formSelect .flag.panama{background-position:-2862px 0}.formSelect .flag.papuaNewGuinea{background-position:-2880px 0}.formSelect .flag.paraguay{background-position:-2898px 0}.formSelect .flag.peru{background-position:-2916px 0}.formSelect .flag.philippines{background-position:-2934px 0}.formSelect .flag.pitcairnIslands{background-position:-2952px 0}.formSelect .flag.poland{background-position:-2970px 0}.formSelect .flag.portugal{background-position:-2988px 0}.formSelect .flag.puertoRico{background-position:-3006px 0}.formSelect .flag.qatar{background-position:-3024px 0}.formSelect .flag.romania{background-position:-3042px 0}.formSelect .flag.russia{background-position:-3060px 0}.formSelect .flag.rwanda{background-position:-3078px 0}.formSelect .flag.saintkittsandnevis{background-position:-3096px 0}.formSelect .flag.saintHelena{background-position:-3114px 0}.formSelect .flag.saintLucia{background-position:-3132px 0}.formSelect .flag.saintMartin{background-position:-3150px 0}.formSelect .flag.saintVincent{background-position:-3168px 0}.formSelect .flag.samoa{background-position:-3186px 0}.formSelect .flag.sanMarino{background-position:-3204px 0}.formSelect .flag.saoTome{background-position:-3222px 0}.formSelect .flag.saudiArabia{background-position:-3240px 0}.formSelect .flag.senegal{background-position:-3258px 0}.formSelect .flag.serbiaMontenegro{background-position:-3276px 0}.formSelect .flag.seychelles{background-position:-3294px 0}.formSelect .flag.sierraLeone{background-position:-3312px 0}.formSelect .flag.singapore{background-position:-3330px 0}.formSelect .flag.slovak{background-position:-3348px 0}.formSelect .flag.slovenia{background-position:-3366px 0}.formSelect .flag.solomonIslands{background-position:-3384px 0}.formSelect .flag.somalia{background-position:-3402px 0}.formSelect .flag.southgeorgia{background-position:-3420px 0}.formSelect .flag.southAfrica{background-position:-3438px 0}.formSelect .flag.southSudan{background-position:-3456px 0}.formSelect .flag.spain{background-position:-3474px 0}.formSelect .flag.sriLanka{background-position:-3492px 0}.formSelect .flag.sudan{background-position:-3510px 0}.formSelect .flag.suriname{background-position:-3528px 0}.formSelect .flag.swaziland{background-position:-3546px 0}.formSelect .flag.sweden{background-position:-3564px 0}.formSelect .flag.switzerland{background-position:-3582px 0}.formSelect .flag.syria{background-position:-3600px 0}.formSelect .flag.taiwan{background-position:-3618px 0}.formSelect .flag.tajikistan{background-position:-3636px 0}.formSelect .flag.tanzania{background-position:-3654px 0}.formSelect .flag.thailand{background-position:-3672px 0}.formSelect .flag.togo{background-position:-3690px 0}.formSelect .flag.tonga{background-position:-3708px 0}.formSelect .flag.trinidadTobago{background-position:-3726px 0}.formSelect .flag.tunisia{background-position:-3744px 0}.formSelect .flag.turkey{background-position:-3762px 0}.formSelect .flag.turkmenistan{background-position:-3780px 0}.formSelect .flag.turksandCaicosIslands{background-position:-3798px 0}.formSelect .flag.tuvalu{background-position:-3816px 0}.formSelect .flag.uganda{background-position:-3834px 0}.formSelect .flag.ukraine{background-position:-3852px 0}.formSelect .flag.unitedStates{background-position:-3870px 0}.formSelect .flag.uruguay{background-position:-3888px 0}.formSelect .flag.uzbekistan{background-position:-3906px 0}.formSelect .flag.vanuatu{background-position:-3924px 0}.formSelect .flag.vatican{background-position:-3942px 0}.formSelect .flag.venezuela{background-position:-3960px 0}.formSelect .flag.vietnam{background-position:-3978px 0}.formSelect .flag.virginIslands{background-position:-3996px 0}.formSelect .flag.yemen{background-position:-4014px 0}.formSelect .flag.zambia{background-position:-4032px 0}.formSelect .flag.zimbabwe{background-position:-4050px 0}*/

.formSelect.areaCode.displayUp ul.ulSearch.displayUp{bottom: 34px; top: initial; border: initial;width: 211px;}
.formSelect.areaCode.displayUp ul.ulSearch.displayUp ul.ulSearch{border-radius: 5px 5px 0 0; bottom: 40px; top: initial; width: 210px;}
.formSelect.areaCode.displayUp ul.ulSearch.displayUp div.search{border: 1px solid #ccc; border-radius: 0px 0px 5px 5px; border-top: none; margin-left: -1px;}

/* NEW FLAGS */
.flag{background-image: url('/Content/sfImgs/newFlags.png'); background-repeat: no-repeat; display: block;float: left;border-radius: 50%;}
.flag.extraMini{width: 15px; height: 15px;background-size: 322%;}
.flag.mini{width: 15px; height: 15px;background-size: 322%;}
.flag.medium{width: 30px; height: 30px;background-size: 330%;}
.flag.big{width: 43px; height: 43px;}
.flag.customSizeLocations{width: 37px; height: 37px;background-size: 318%;}
.flag.andorra{background-position: 14% 0.02%; } .flag.arabEmirates{background-position: 14% 0.44%; } .flag.afghanistan {background-position: 14% 0.852%; } .flag.antiguaBarbuda{background-position: 14% 1.27% } .flag.anguilla{background-position: 14% 1.69%; } .flag.albania {background-position: 14% 2.11%; } .flag.armenia{background-position: 14% 2.525%; } .flag.angola{background-position: 14% 3.37%; } .flag.antartica {background-position: 14% 3.78%; } .flag.antille{background-position: 14% 2.95%;} .flag.argentina {background-position: 14% 4.198%; } .flag.americanSamoa {background-position:  14% 4.62%;} .flag.austria {background-position: 14% 5.034%; } .flag.australia {background-position: 14% 5.445%; } .flag.africanUnion {background-position: 14% 5.87%; } .flag.aruba {background-position: 14% 6.289%; } .flag.aland {background-position: 14% 6.7%; } .flag.azerbaijan {background-position: 14% 7.13%; } .flag.bosnia {background-position: 14% 7.54%; } .flag.barbados {background-position: 14% 7.957%; } .flag.bangladesh {background-position: 14% 8.3785%; } .flag.belgium {background-position: 14% 8.8%; } .flag.burkina {background-position: 14% 9.22%; } .flag.bulgaria {background-position: 14% 9.634%; } .flag.bahrian {background-position: 14% 10.06%; } .flag.burundi {background-position: 14% 10.475%; } .flag.algeria{background-position: 14% 25.11%; } .flag.brunei {background-position: 14% 11.73%; } .flag.britishIndian {background-position: 14% 48.52%; } .flag.benin {background-position: 25% 10.89%; } .flag.bermuda {background-position: 65% 11.3%; } .flag.bolivia {background-position: 14% 12.14%; } .flag.brazil {background-position: 14% 12.564%; } .flag.bahamas {background-position: 9% 12.977%; } .flag.buhtan {background-position: 14% 13.4%; } .flag.botswana {background-position: 14% 13.82%; } .flag.belarus {background-position: 14% 14.233%; } .flag.belize {background-position: 14% 14.65%; } .flag.canada{background-position: 14% 15.07%; } .flag.cocosIsland{background-position: 91% 15.49%; } .flag.congo {background-position: 51% 15.91%; } .flag.chad{background-position: 14% 82.81%; } .flag.central {background-position: 14% 16.33%; } .flag.congoRepublic {background-position: 27% 16.75%; } .flag.switzerland {background-position: 14% 17.16%; } .flag.cotedivoire {background-position: 14% 17.56%; } .flag.cookIslands {background-position: 14% 17.99%; } .flag.chile {background-position: 8% 18.41%; } .flag.china {background-position: 8% 19.25%; } .flag.colombia {background-position: 8% 19.67%; } .flag.costaRica {background-position: 8% 20.094%; } .flag.cuba {background-position: 8% 20.504%; } .flag.cape {background-position: 38% 20.93%; } .flag.curacao {background-position: 32% 21.344%; } .flag.christmasIsland {background-position: 91% 21.764%; } .flag.cyprus {background-position: 58% 22.17%; } .flag.czechRepublic {background-position: 58% 22.6%; } .flag.caymanIslands{background-position: 14% 29.28%; } .flag.cameroon {background-position: 14% 18.83%; } .flag.croatia {background-position: 14% 38.49%; } .flag.cambodia {background-position: 14% 46.02%; } .flag.comoros {background-position: 10% 46.85%; } .flag.dibouti {background-position: 10% 23.435%; } .flag.denmark {background-position: 30% 23.85%; } .flag.dominica {background-position: 14% 24.27%; } .flag.dominicanRepublic {background-position: 14% 24.69%; } .flag.falklandIslands{background-position: 30% 96.61%;} .flag.Libya{background-position: 14% 97.03%;} .flag.norfolk{background-position: 14% 97.45%;} .flag.northernMarianaIslands{background-position: 49% 97.87%;} .flag.papuaNewGuinea{background-position: 80% 98.28%;} .flag.saintMartin{background-position: 14% 98.69%;} .flag.southgeorgia{background-position: 40% 99.13%;} .flag.southSudan{background-position: 14% 99.54%;} .flag.grenada{background-position: 14% 99.96%;} .flag.spain {background-position: 10% 27.62%; } .flag.finland {background-position: 14% 28.455%; } .flag.fiji {background-position: 14% 28.867%; } .flag.micronesia {background-position: 14% 29.703%; } .flag.france {background-position: 14% 30.53%; } .flag.gabon {background-position: 14% 30.96%; } .flag.kuwait {background-position: 10% 31.377%; } .flag.georgia {background-position: 14% 31.795%; } .flag.guernsey {background-position: 14% 32.22%; } .flag.ghana {background-position: 14% 32.64%; } .flag.gibraltar {background-position: 14% 33.05%; } .flag.freenland {background-position: 21% 33.48%; } .flag.gambia {background-position: 21% 33.884%; } .flag.guinea {background-position: 14% 34.3%; } .flag.greece {background-position: 11% 35.56%; } .flag.guatemala {background-position: 14% 35.97%; } .flag.guam {background-position: 14% 36.395%; } .flag.guineaBissau {background-position: 13% 36.82%; } .flag.guyana {background-position: 10% 37.23%; } .flag.hongKong {background-position: 14% 37.655%; } .flag.honduras {background-position: 14% 38.07%; } .flag.haiti {background-position: 14% 38.903%; } .flag.hungary {background-position: 14% 39.33%; } .flag.iran {background-position: 14% 42.25%; } .flag.indonesia {background-position: 52% 54.389%; } .flag.ireland {background-position: 14% 40.17%; } .flag.israel {background-position: 14% 40.58%; } .flag.isleOfMan {background-position: 14% 40.997%; } .flag.india {background-position: 14% 41.417%; } .flag.iraq {background-position: 14% 41.836%; } .flag.iceland{background-position: 40% 42.67%; } .flag.italy {background-position: 14% 43.1%; } .flag.jersey {background-position: 14% 43.48%; } .flag.jamaica {background-position: 14% 43.923%; } .flag.jordan {background-position: 10% 44.344%; } .flag.japan {background-position: 14% 44.762%; } .flag.kenya {background-position: 14% 45.18%; } .flag.kyrgyztan {background-position: 14% 45.598%; } .flag.kiribati {background-position: 14% 46.43%; } .flag.saintkittsandnevis {background-position: 14% 47.27%; } .flag.koreaNorth {background-position: 15% 47.688%; } .flag.koreaSouth {background-position: 14% 48.11%; } .flag.germany {background-position: 14% 23.02%; } .flag.kazakhstan {background-position: 63% 48.94%; } .flag.laos {background-position: 14% 49.36%; } .flag.Lebanon {background-position: 14% 49.78%; } .flag.saintLucia {background-position: 14% 50.20%; } .flag.Liechtenstein {background-position: 10% 50.614%; } .flag.sriLanka {background-position: 90% 51.025%; } .flag.Liberia {background-position: 6% 51.455%; } .flag.lesotho {background-position: 52% 51.87%; } .flag.Lithuania {background-position: 52% 52.288%; } .flag.Luxembourg {background-position: 52% 52.699%; } .flag.latvia {background-position: 52% 53.12%; } .flag.morocco {background-position: 52% 53.96%; } .flag.moldova {background-position: 52% 54.8%; } .flag.montenegro {background-position: 52% 55.21%; } .flag.madagascar {background-position: 6% 55.63%; } .flag.marshallIslands {background-position: 10% 56.05%; } .flag.macedonia {background-position: 14% 56.48%; } .flag.mali {background-position: 14% 56.88%; } .flag.mongolia {background-position: 14% 57.72%; } .flag.macau {background-position: 14% 58.14%; } .flag.mauritania {background-position: 14% 58.975%; } .flag.montserrat {background-position: 14% 59.39%; } .flag.malta {background-position: 14% 59.799%; } .flag.mauritius {background-position: 14% 60.23%; } .flag.maldives {background-position: 14% 60.65%; } .flag.malawi {background-position: 14% 61.06%; } .flag.mexico {background-position: 14% 61.48%; } .flag.malaysia {background-position: 10% 61.9% } .flag.mozambique {background-position: 9% 62.33%; } .flag.namibia {background-position: 9% 62.74%; } .flag.niger {background-position: 14% 63.16%; } .flag.nigeria {background-position: 14% 63.56%; } .flag.nicaragua {background-position: 14% 63.996%; } .flag.netherlands {background-position: 14% 64.41% } .flag.norway {background-position: 30% 64.84%; } .flag.nepal {background-position: 10% 65.24%; } .flag.nauru {background-position: 14% 65.67%; } .flag.niue {background-position: 14% 66.06%; } .flag.newZealand {background-position: 14% 66.498%; } .flag.oman {background-position: 14% 66.92%; } .flag.panama {background-position: 14% 67.34%; } .flag.peru {background-position: 14% 67.74%; } .flag.frenchPolynesia {background-position: 14% 68.17%; } .flag.philippines {background-position: 10% 68.59%; } .flag.pakistan {background-position: 81% 69.013%; } .flag.poland {background-position: 14% 69.43%; } .flag.pitcairnIslands {background-position: 61% 69.85%; } .flag.puertoRico {background-position: 10% 70.27%; } .flag.palestine {background-position: 10% 70.686%; } .flag.portugal {background-position: 5% 71.1%; } .flag.palau {background-position: 35% 71.52%; } .flag.paraguay {background-position: 14% 71.94%; } .flag.qatar {background-position: 0% 72.36%; } .flag.romania {background-position: 14% 73.199%; } .flag.serbiaMontenegro {background-position: 14% 73.61%; } .flag.russia {background-position: 14% 74.035%; } .flag.rwanda {background-position: 84% 74.445%; } .flag.saudiArabia {background-position: 14% 74.87%; } .flag.solomonIslands {background-position: 20% 75.286%; } .flag.seychelles {background-position: 20% 75.8%; } .flag.sudan {background-position: 10% 76.121%; } .flag.sweden {background-position: 40% 76.539%; } .flag.singapore {background-position: 11% 76.96%; } .flag.saintHelena {background-position: 61% 77.37%; } .flag.slovenia {background-position: 31% 77.78%; } .flag.slovak {background-position: 20% 78.2%; } .flag.sierraLeone {background-position: 20% 78.63%; } .flag.sanMarino {background-position: 49% 79.05%; } .flag.senegal {background-position: 49% 79.46%; } .flag.somalia {background-position: 14% 79.89%; } .flag.suriname {background-position: 14% 80.3%; } .flag.saoTome {background-position: 14% 80.72%; } .flag.elSalvador {background-position: 14% 81.14%; } .flag.syria {background-position: 14% 81.56%; } .flag.swaziland {background-position: 14% 81.978%; } .flag.turksandCaicosIslands {background-position: 14% 82.39%; } .flag.togo {background-position: 12% 83.23%; } .flag.thailand {background-position: 14% 83.65%; } .flag.tajikistan {background-position: 14% 84.07%; } .flag.turkmenistan {background-position: 10% 84.48%; } .flag.tunisia {background-position: 49% 84.9%; } .flag.tonga {background-position: 30% 85.32%; } .flag.eastTimor {background-position: 10% 85.74%; } .flag.turkey {background-position: 21% 86.16%; } .flag.trinidadTobago {background-position: 53% 86.575%; } .flag.tuvalu {background-position: 53% 86.99%; } .flag.taiwan {background-position: 10% 57.3%; } .flag.tanzania {background-position: 14% 87.83%; } .flag.ukraine {background-position: 14% 88.25%; } .flag.uganda {background-position: 14% 88.67%; } .flag.greatBritain {background-position: 14% 89.08%; } .flag.unitedStates {background-position: 14% 89.49%; } .flag.uruguay {background-position: 10% 89.9%; } .flag.uzbekistan {background-position: 0% 90.34%; } .flag.vatican {background-position: 14% 90.76%; } .flag.saintVincent {background-position: 14% 91.17%; } .flag.venezuela {background-position: 14% 91.59%; } .flag.virginIslands {background-position: 14% 92.01%; } .flag.vietnam {background-position: 14% 92.43%; } .flag.vanuatu {background-position: 8% 92.85%; } .flag.samoa {background-position: 14% 93.68%; } .flag.yemen {background-position: 14% 94.52%; } .flag.southAfrica {background-position: 30% 94.94%; } .flag.zambia {background-position: 89% 95.36%; } .flag.zimbabwe {background-position: 19% 95.77%; } .flag.myanmar {background-position: 14% 96.19%; } .flag.kosovo{background-position: 14% 94.1%; } .flag.ecuador {background-position: 14% 25.526%; } .flag.estonia {background-position: 14% 25.95%; } .flag.ethiopia {background-position: 14% 28.03%; } .flag.faroeIslands {background-position: 30% 30.13%; } .flag.equatorialGuinea {background-position: 31% 35.14%; } .flag.egypt {background-position: 14% 26.364%; } .flag.westernSahara {background-position: 18% 26.784%; } .flag.eritrea{background-position: 10% 27.195%;} .flag.other{background-position: 85% 0.02%;}

/*
***********************************************************************************************
**************** STRUCTURE WRAPPER & CHILDREN ****************
***********************************************************************************************
*/

/* MASTER PAGE */
div.masterPage{position:absolute; top:0; right:0; bottom:0; left:0;overflow:hidden;}

/* MASTER CONTENT */
    .masterContent{/*transition: transform 0.5s linear, height 0.5s linear;
    -webkit-transition: transform 0.5s linear, height 0.5s linear;*/
    position: absolute;
    bottom: 0;
    right: 0px;
    left: 69px;
    padding: 0px 0 0 25px;
    background-color: #fff;
    border-radius: 6px 0 0 6px;
    box-shadow: 0px 0 8px 2px #0000003b;
    z-index: 2;
    height: 100vh;}
    /*div.masterNav:hover + .masterContent{transform: translateX(100px);}*/
    

    .lineTxtCrop{text-overflow: ellipsis!important; overflow: hidden!important; white-space: nowrap!important;}

/* SLAVE CONTENT */
    .slaveContent{margin: 0 0 0 0px; position: absolute; bottom: 0; top: 110px; right: 0; left: 0px;}
    .slaveContent.noSlaveHeader{top: 57px;}
    .slaveContent .generalSplash{top: 50%;transform: translateY(-57%) scale(0.9);}
    .slaveContent .generalSplash.haveBtn{transform: translateY(-60%) scale(0.9);}
    .slaveContent .generalLoader{position: absolute; margin: 0px; left: calc(50% - 2em); top: calc(50% - 44px);}

	.newSplash{margin: 0 auto; height: 120px; width: 230px;}

	/* infiniteLoader */
    .infiniteLoader{position: absolute; bottom: 0px; width: 100%; background-color: #fff; height: 35px; z-index: 999;}
    .recentsView .infiniteLoader{bottom: 68px;}
    .infiniteLoader .newGeneralLoader{width: 20px;}
    .infiniteLoader .newGeneralLoader .path{stroke-width: 6px;}
    .infiniteLoader .generalLoader{width: 15px; height: 15px; top: 6px; text-indent: -9999em; border-top: 2px solid #fff; border-right: 2px solid #5078EE; border-bottom: 2px solid #5078EE; border-left: 2px solid #5078EE;}

	/* load more items to list */
	/* listWithLoadMore */
	.listWithLoadMore{position: absolute; top: 55px; bottom: 0; width: 100%; z-index: 98; left: 0; right: 0;}
	.listWithLoadMore.fromSalesforce{top: 0;}
	.loadMoreItemsToList{margin: 16px 0 7px 0px; width: calc(100% - 10px); cursor: pointer; padding: 10px 10px; background-color: #5078ee26; box-sizing: border-box; height: 38px; border-radius: 4px;}
	.loadMoreItemsToList .txt{color: #5078EE; font-size: 14px; text-align: center;}
	.loadMoreItemsToList .generalLoader{margin: 0 auto; width: 14px; height: 14px; border-top: 2px solid #5078ee26;}


/* MASTER HEADER */
    div.masterHeader {display: none; width:100%;height:50px;background-color:#FBFBFB;position:fixed;top:0;right:0;z-index:100;border-bottom: 1px solid #EAEAEA;}

    div.masterHeader .xentricLogo{width: 37px; height: 31px; background-position: -932px -2px; left: calc(50% - 22px); top: 9px; position: absolute;}

    div.masterHeader ul.actions li.btnDial{width: 30px;height: 30px;background-position: -67px 1px; margin-top: 10px;cursor: pointer;}
    div.masterHeader ul.actions li.status{margin-left:0;}
    div.masterHeader ul.actions li.userInfo .name{}
    div.masterHeader ul.actions li.userInfo.userAgent .name{line-height: 23px; margin-top: initial; display: initial; float: left; margin-right: 5px; color: #4a4a4a;}
    div.masterHeader ul.actions li.userInfo.userAgent .ext{float: left; color: #4a4a4a;}
    div.masterHeader ul.actions li.userInfo .mainUserNumber{margin: -6px 0 0 2px; float: left; clear: both; font-size: 11px; cursor:pointer;}
    div.masterHeader ul.actions li.userInfo .copyThisToClipboard{visibility: hidden; margin: 4px 0 -1px 0; opacity: 0;}
    div.masterHeader ul.actions li.userInfo:hover .copyThisToClipboard{visibility: visible; opacity: 1;}
    
    div.masterHeader ul.actions li.userInfo .sipStatus{font-size: 12px; line-height: initial; text-transform: capitalize; float: left; margin: 5px 3px 0 0;}
    div.masterHeader ul.actions li.userInfo .sipStatus .ico{width: 10px; height: 10px; float: left; margin: 3px 0px 0 0;}
    div.masterHeader ul.actions li.userInfo .sipStatus.connected{color:#00CC64;}
    div.masterHeader ul.actions li.userInfo .sipStatus.disconnected{color:#EB3636;}
    div.masterHeader ul.actions li.userInfo .sipStatus.connecting{color:#CE8E10;}

    div.masterHeader ul.actions li.userInfo .sipStatus.connected .ico{background-position: -987px -169px;}
    div.masterHeader ul.actions li.userInfo .sipStatus.disconnected .ico{background-position: -987px -199px;}
    div.masterHeader ul.actions li.userInfo .sipStatus.connecting .ico{background-position:-987px -185px}

    div.masterHeader .logoutArrow{width: 26px; height: 30px; float: right; margin: 13px 12px 0px 9px; background-position: -448px -26px; cursor: pointer;}

    div.masterHeader li.btnConference{background-image:url('/Content/SfImgs/conference@2x.png');background-position:13px center;background-repeat:no-repeat;background-size:60px}
    div.masterHeader li.btnConference.pressed{background-position:-27px center}
    div.masterHeader li.btnConference:active{background-position:-27px center}

    div.masterHeader li.btnGlobalNotifications{background-image:url('/Content/SfImgs/globalNotifications@2x.png');background-position:13px center;background-repeat:no-repeat;background-size:60px;position:relative}
    div.masterHeader li.btnGlobalNotifications.pressed{background-position:-27px center}
    div.masterHeader li.btnGlobalNotifications:active{background-position:-27px center}
    div.masterHeader li.btnGlobalNotifications .counter{background-color:#e82a32;border-radius:20px;bottom:12px;color:#fff;font-size:9px;left:23px;line-height:7px;opacity:1 !important;padding:3px 4px;position:absolute}

    /*toaster*/
    div.masterHeader .toaster .btnToaster{width:20px;height:inherit;display:table;}
    div.masterHeader .toaster:hover .btnToaster{cursor:pointer;background-color:#000;}
    div.masterHeader .toaster .btnToaster .actualStatus{width:7px;height:7px;border-radius:10px;margin-top:19px;margin-left:6px;margin-bottom:19px;}
    div.masterHeader .toaster .btnToaster .imgLoading{background:url('/Content/SfImgs/imgLoadingHeader.png') no-repeat;width:15px;height:15px;color:#fff;padding:0;position:absolute;top:15px;margin-left:2px;background-position:center top; animation:rotate 1s linear infinite; -webkit-animation:rotate 1s linear infinite; -moz-animation:rotate 1s linear infinite;}

    div.masterHeader .toaster.on .btnToaster{background-color:#000;}

    div.masterHeader .btnSettingsHeader img{width: 8px;margin: 18px 0px 19px 6px;display: table;}

    div.masterHeader ul{list-style:none;float:right;width:auto;color:#888;font-size:14px;margin-right:5px;position: relative; z-index: 2;}
    div.masterHeader ul li{float:left;margin-left:8px;margin-top: 8px;margin-right: 3px;}
    div.masterHeader ul li.userInfo{line-height: 24px;margin-top: 13px;margin-left: 9px;}
    div.masterHeader ul li.userInfo.hasTelephoneNumber{margin-top: 2px;}
    div.masterHeader ul li.credits{font-size:14px;color:#19d660;}
    div.masterHeader ul li.credits p{display:inline;}
    div.masterHeader ul li.credits span{}
    div.masterHeader li .status{width:8px;height:8px;border-radius:10px;margin-top:11px;margin-left:6px}

    /*helpCenter*/
    div.masterHeader .toaster .btnToaster.btnHelpCenter{background-image:url('/Content/SfImgs/helpCenterBtn@2x.png');background-repeat:no-repeat;background-position:center center;background-size:60%;width:30px;height:45px;opacity:.3;}
    div.masterHeader .menuHelpCenter{background-color:#FFF;width:160px;border:1px solid #acacac;border-top:0;padding:20px 20px 15px;margin:0;}
    div.masterHeader .menuHelpCenter li{line-height:30px;width:calc(100% - 10px);}
    div.masterHeader .menuHelpCenter li:hover{color:#5078EE;transition:all .2s ease;cursor:pointer;}
    div.masterHeader .menuHelpCenter li.title{font-size:18px;color:#5078EE;line-height:20px;margin-bottom:10px;cursor: default;}
    div.masterHeader .menuHelpCenter li a{color:#888;display:block;}
    div.masterHeader .menuHelpCenter li a:hover{text-decoration:none;color:#5078EE;transition:all .2s ease;}

    /*supportCenter*/
    div.masterHeader .menuHelpCenter li.supportCenter{position:relative;}
    div.masterHeader .menuHelpCenter li.supportCenter span{display:block;position:absolute;width:10px;height:10px;background:url('/Content/SfImgs/externalLink.png');opacity:0;transition:all .2s ease; top:9px;right:40px;background-size:100%;background-repeat:no-repeat;}
    div.masterHeader .menuHelpCenter li.supportCenter:hover span{opacity:.4;}

    /*statusConnection*/
    div.statusConnection{position:absolute; -webkit-transition: opacity .3s, margin .3s; -webkit-transition-timing-function: ease; opacity:0; color: #ffffff; float: left; padding: 0 11px; line-height: 34px; margin: -13px 0px 0px -70px;z-index: -1;}
    div.statusConnection.on{margin: 13px 0px 0px -70px; opacity:initial;z-index: 1;}
    div.statusConnection .arrow{width: 8px; height: 8px; margin: -3px 0 -7px 0; -webkit-transform: rotate(45deg);}
    div.statusConnection.connected, div.statusConnection.connected .arrow {background-color:#00c049;}
    div.statusConnection.reconnecting, div.statusConnection.reconnecting .arrow {background-color:#f0343c;}

    div.masterHeader ul.selectConference{border-radius:0 0 10px 10px;position:absolute;font-size:12px !important;background-color:#fff;top:48px;right:234px;padding-right:10px;z-index:500;border:1px solid #acacac;border-top:0;color:#000 !important;width:auto !important;display:none}
    div.masterHeader ul.selectConference li{float:none !important;line-height:30px}
    div.masterHeader ul.selectConference li:hover{color:#5078EE;cursor:pointer}

    div.masterHeader ul.menuGlobalNotifications{border-radius:0 0 10px 10px;position:absolute;font-size:12px !important;background-color:#fff;right:189px;top:48px;width:240px !important;padding-right:10px;z-index:500;border:1px solid #acacac;border-top:0;color:#000 !important;display:none;height:200px}
    div.masterHeader ul.menuGlobalNotifications li{float:none !important;line-height:30px}

    div.masterHeader ul.actions .userPresence{width: 12px; height: 12px; background-color: #1DBF21; position: absolute; top: 20px; left: 21px; border-radius: 50%; border: 2px solid white; cursor: pointer;}
    div.masterHeader ul.actions .userPresence .dropdownArrow{width: 0;height: 0; border-style: solid; border-width: 3px 2px 0 2px; border-color: #fff transparent transparent transparent; margin: 5px 0px 0px 4px;}
    div.masterHeader ul.menuStatusPersonal{font-size: 12px !important; background-color: #fff; right: -64px; color: #000 !important; width: 133px; padding: 0px 3px 11px 0; border-radius: 5px; border: 1px solid #ccc; background-color: #fefefe; position: absolute; z-index: 50; box-shadow: 0px 2px 19px -9px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease;}
    div.masterHeader ul.menuStatusPersonal li{float:none !important;line-height:20px !important;}
    div.masterHeader ul.menuStatusPersonal li:hover{color:#5078EE;cursor:pointer}
    div.masterHeader ul.menuStatusPersonal .status{float:left;margin-right:6px;margin-top: 0;position: relative;}

    div.masterHeader ul.menuLogout{opacity: 0; visibility: hidden; font-size: 12px !important; background-color: #fff; right: 3px; top: 40px; color: #000 !important; width: 158px; border-radius: 5px; border: 1px solid #ccc; background-color: #fefefe; position: absolute; z-index: 50; box-shadow: 0px 2px 19px -9px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease;}
    div.masterHeader ul.menuLogout .ico{width: 11px; height: 11px;float: left; margin: 3px 6px 0 4px;}
    div.masterHeader ul.menuLogout .ico.logout{background-position: -99px -4px;}
    div.masterHeader ul.menuLogout .ico.gotoAdmin{background-position: -47px -5px;}
    div.masterHeader ul.menuLogout{}
    div.masterHeader ul.menuLogout .changeToAdminConsoleButton{float: left;}
    div.masterHeader div.logoutArrow ul.menuLogout li{box-sizing: border-box; margin: 0; padding: 10px 10px 12px 10px; width: 100%;}
    div.masterHeader div.logoutArrow ul.menuLogout li:hover{background-color: #e0e0e0;}
    div.masterHeader div.logoutArrow.on ul.menuLogout{opacity: 1; visibility: visible; top: 58px; right: 3px;}

    div.masterHeader ul.menuSettingsHeader li:hover{color:#5078EE;cursor:pointer}
    div.masterHeader ul.menuSettingsHeader{position:absolute;font-size:12px !important;background-color:#fff;padding:3px;z-index:500;border:1px solid #acacac;border-top:0;color:#000 !important;width:auto !important;margin-right:0;}
    div.masterHeader ul.menuSettingsHeader li{float:none !important;line-height:30px;margin-right:10px;}
    div.masterHeader ul.menuSettingsHeader li#changeToAdminConsoleButton{width:90px;}
    div.masterHeader ul.menuSettingsHeader li p{font-weight:bold;margin-left:10px;float:right;width:23px;}
    div.masterHeader ul.menuSettingsHeader li p.notificationsOn{color:#5078EE:}
    div.masterHeader ul.menuSettingsHeader li p.notificationsOff{color:#e82a32;}
    div.masterHeader ul.menuSettingsHeader li.logout{width: 43px;}

    div.masterHeader div.inputPersonalMessage{border-radius:0 0 10px 10px;position:absolute;font-size:12px !important;background-color:#fff;top:48px;right:112px;padding:10px;z-index:500;border:1px solid #acacac;border-top:0;color:#000 !important;width:400px !important;display:none}
    div.masterHeader div.inputPersonalMessage textarea{border:1px solid #acacac;border-radius:3px;height:50px;padding:5px;resize:none;width:97%;font-size:12px}
    div.masterHeader div.inputPersonalMessage p{float:right;margin-right:25px;margin-top:10px;width:310px}

    div.masterHeader .userOffline{opacity:.5}

    div.masterHeader .status.phone{background:url('/Content/SfImgs/statusGoMobile@2x.png') no-repeat !important;background-position:center center;background-size:100% !important;width:10px !important;height:15px !important;margin-top:7px !important;margin-left:5px !important}
    div.masterHeader .status.dayOff{background:url('/Content/SfImgs/statusDayOff@2x.png') no-repeat !important;background-position:center center;background-size:100% !important;width:10px !important;height:12px !important;margin-top:9px !important;margin-left:5px !important}

    div.masterHeader .submitPersonalMessage{float:right;margin:10px 0 0}

    div.masterHeader .logoHeader {width: 92%; height: 35px; position: fixed; top: 5px;}
    div.masterHeader .logoHeader img {width: 70px; display: block; margin: 0 auto;}

    /* helpCenter */
    div.masterPage div.helpCenter .overlay{background-color:rgba(0,0,0,.6);position:fixed;top:0;bottom:0;left:0;right:0;display:none;z-index:101;}
    div.masterPage div.helpCenter .helpCenterWrapper{position:fixed;top:0;bottom:0;right:-400px;background-color:#FFF;padding:50px;width:300px;z-index:102;transition:all .4s ease;}
    div.masterPage div.helpCenter .helpCenterWrapper .btnClose{background-image:url('/Content/SfImgs/close.png');background-repeat:no-repeat;background-size:auto 15px;background-position:center left;height:15px;width:15px;position:absolute;top:50px;right:50px;opacity:.5;transition:all .3s ease;}
    div.masterPage div.helpCenter .helpCenterWrapper .btnClose:hover{opacity:1;cursor:pointer;}
    div.masterPage div.helpCenter .helpCenterWrapper .content{display:none;}
    div.masterPage div.helpCenter .helpCenterWrapper .content h4{font-size:24px;line-height:20px;color:#5078EE;margin-bottom:20px;}
    div.masterPage div.helpCenter .helpCenterWrapper .content ul li{padding:12px;transition:all .3s ease;font-size:14px;}
    div.masterPage div.helpCenter .helpCenterWrapper .content ul li:hover{background-color:#eee;cursor:pointer;}

    div.masterPage div.helpCenter.on .helpCenterWrapper{right:0;}
    div.masterPage div.helpCenter.on.showWalkthroughs .helpCenterWrapper .content.walkthroughs{display:block;}
    div.masterPage div.helpCenter.on.showTutorials .helpCenterWrapper .content.tutorials{display:block;}

    /* headerNotification */
    div.headerNotification{overflow: hidden; background-color: #5078EE; height: 48px; position: absolute; padding-top: 2px; margin-top: -61px; color: #fff; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; right: 0; z-index: 3;}
    div.headerNotification .ico{float: left; width: 20px; height: 20px; background-image: url('/content/SfImgs/icoHeaderNotifications.png'); margin: 14px 0 0 20px; background-position: 2px 0px; background-repeat: no-repeat;}
    div.headerNotification .txt{float: left; margin: 15px 20px 0 10px; font-weight: normal; font-size: 14px;}
    div.headerNotification .bold{font-weight: bold;}
    div.headerNotification.on{margin-top: 0;}
    
    /* ESTILOS DE LAS NUEVAS NOTIFICACIONES ACA */
    /*div.headerNotification{overflow: hidden; background-color: #fff; height: 55px; position: absolute; padding-top: 6px; margin-top: 709px; color: #454545; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; width: 250px; right: 0; margin-right: 40px; z-index: 3; border-radius: 10px; border: 2px solid #5078EE; }*/

/* SLAVE HEADER */
    div.slaveHeader{height: 53px; border-bottom: 1px solid #EAEAEA; padding: 5px 0 0 0; box-sizing: border-box;}
    div.slaveHeader .imgProfile{margin-left: 225px; cursor: pointer; margin-top: 3px;}
    div.slaveHeader .imgProfile .initials{text-transform: capitalize;}
    div.slaveHeader .light:hover{cursor:pointer;color:#5078EE;}
    div.slaveHeader .light:nth-last-of-type(1):hover{cursor:default;color:#777;}
    div.slaveHeader p{float:left;font-size:12px;color:#5078EE;margin-right:10px}
    div.slaveHeader p:hover{text-decoration:underline;cursor:pointer}
    div.slaveHeader span.alertError{color:red;font-size:13px;line-height:42px;margin-left:30px}

    div.slaveHeader .addFavorite{width: 15px; height: 15px; background: url('/Content/SfImgs/favorite@2x.png'); background-repeat: no-repeat; background-size: 200%; background-position: center left; margin: 0px 0 0 3px; opacity: .4; display: inline-block;}
    div.slaveHeader .addFavorite.on{background-position:-15px center;opacity:1}
    div.slaveHeader .addFavorite:hover{background-position:-15px center;cursor:pointer}
    div.slaveHeader .addFavorite:active{opacity:1}

    div.slaveHeader.chatGroup h1{line-height: 30px;}
    div.slaveHeader.chatGroup h1:hover{color:#5078EE; cursor:pointer;}
    div.slaveHeader.chatGroup div.valueMebers{display: block!important; float: left; clear: both; font-size: 11px; margin-left: 272px; margin-top: -14px; color: #5078EE; cursor: pointer;}
    div.slaveHeader.chatGroup div.membersIcon{float: left; width: 13px; height: 13px; margin-left: 240px; margin-top: -13px; background-position: -448px -7px; cursor: pointer;display: none;}
    
    div.slaveHeader .btnAction{width: 68px; height: 32px; margin-left: 8px; cursor: pointer;}
    div.slaveHeader .icoSettings{background-position: -653px -171px;}
    
    /* wrapperBtn */
    ul.wrapperBtn{float:right;margin:5px 10px;list-style:none}
    ul.wrapperBtn li.btnActionsChat{background-size: 652px auto;float:left;height:24px;margin-left:10px;opacity:1;position:relative;width:30px; margin-top: 9px;}
    ul.wrapperBtn li.btnActionsChat .msgCounter{font-size: 8px; background-color:#DD3329; display: inline-block; padding: 3px 5px; border-radius: 10px; color: #fff; position: absolute; top: -5px; right: -5px; padding-top: 4px;}

    ul.wrapperBtn li.btnActionsChat.icoCall{background-position:-144px -9px}
    ul.wrapperBtn li.btnActionsChat.icoDropbox{background-position:-579px -9px;}
    ul.wrapperBtn li.btnActionsChat.icoDropbox:active, ul.wrapperBtn li.btnActionsChat.icoDropbox.active, ul.wrapperBtn li.btnActionsChat.icoDropbox:hover{background-position:-609px -9px;}

    .btnActionsChat:hover{background-position:-178px -9px}
    ul.wrapperBtn li:hover{cursor:pointer;}
    ul.wrapperBtn.wrapperActionsBtnsRadius{height: 32px; margin: 7px 14px 0px 0px; display: inline-flex; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; width: 100%; float: left; margin: 0 0 0 10px;}
    
    ul.wrapperBtn.wrapperActionsCombo input{width: -webkit-fill-available;}
	ul.wrapperBtn.wrapperActionsCombo .formSelect{height: 33px;}
	ul.wrapperBtn.wrapperActionsCombo .formSelect .display{height: 33px; line-height: 10px; background-position: right 12px bottom 12px;}
    ul.wrapperBtn.wrapperActionsCombo{height: 32px; display: inline-flex; width: calc(100% - 10px); float: left; margin: 5px 0 0 0; padding: 0; box-sizing: border-box;}
    ul.wrapperBtn.wrapperActionsCombo.right{float: right; width: initial; margin-right: 8px;}
    ul.wrapperBtn span.subtitle{line-height: 35px;}
    ul.wrapperBtn .btnBlue{margin-left:10px;}
    ul.wrapperBtn .btnGrey{padding: 7px 28px 0px 28px}
    ul.wrapperBtn .generalBtnCall{float: left; margin: 0 5px; position: relative; width: 28px; height: 28px; border-radius: 38px; max-width: initial; min-width: initial;}
    ul.wrapperBtn .generalBtnCall:nth-child(1){background-color: #5078EE; background-position: -470px -133px;}
    ul.wrapperBtn .generalBtnCall:nth-child(2){background-color: #0063AF; background-position: -494px -133px;}
    ul.wrapperBtn .generalBtnCall:nth-child(3){background-color: #00B4EA; background-position: -520px -132px; margin-right: 10px;}
    ul.wrapperBtn .generalBtnCall:hover{background-color: #00477E;}

    ul.wrapperBtn .generalBtnCall .slaveTooltip{top: 60px; right: -11px; width: 135px;}
    ul.wrapperBtn .generalBtnCall .slaveTooltip span{top: 0; transform: rotate(45deg); right: 15px;}
    ul.wrapperBtn .generalBtnCall .slaveTooltip p{color: #fff;}
    ul.wrapperBtn .generalBtnCall .slaveTooltip .newGeneralLoader{right: -62px; width: 20px;}
    ul.wrapperBtn .generalBtnCall .slaveTooltip .newGeneralLoader .path{stroke: #fff;}

    .generalBtnCall{margin: 10px;float: left;margin: 0 5px;position: relative;min-width: 133px;}
    .generalBtnCall .call{float: right; font-size: 14px; border-radius: 5px 0px 0px 5px; background-color: #5078EE; display: inline-block; height: 32px; padding: 7px 25px 10px 27px; color: #fff; transition: background-color 0.5s ease; cursor: pointer; box-sizing: border-box;}
    .generalBtnCall .call:hover{background-color:#0E67B0;}
    .generalBtnCall .call.onlyAction{padding: 7px 12px 10px 5px; border-radius: 50%; width: 32px; height: 32px;}
    .generalBtnCall .moreActionsBtn{float: right; background-color: #0B528D; margin-left: -1px; height: 32px; width: 35px; border-radius: 0px 5px 5px 0px; box-sizing: border-box; cursor: pointer;}
    .generalBtnCall .moreActionsBtn.formSelect{min-width: initial;}
    .generalBtnCall .moreActions{visibility: hidden;opacity: 0;position: absolute;width: 100%; top: 20px; left: 0px; padding: 0; list-style: none; z-index: 1; border-radius: 5px; border: 1px solid #ccc; overflow: hidden; background-color:#fff; min-width: 125px;transition:all 0.5s ease;-webkit-transition:all 0.35s ease;-moz-transition:all 0.35s ease;-ms-transition:all 0.35s ease;}
    .generalBtnCall .moreActionsBtn.on .moreActions{visibility: visible; top: 37px;opacity: 1;}
    .generalBtnCall .moreActions li{padding: 11px 14px; font-size: 13px; border-bottom: 1px solid #e3e3e3; cursor: pointer;color: #454545;}
    .generalBtnCall .moreActions li:hover{background-color: #EEE;}
    .generalBtnCall .moreActions li:last-child{border-bottom: none;}
    
    .generalBtnCall.onlyAction .moreActionsBtn{display: none;}
    .generalBtnCall.onlyAction .call{border-radius: 50%; width: 27px; height: 27px; padding: 5px 0 0 3px;}

    /* generalBtnCall */
    table.genaralList tbody tr .generalBtnCall .ico, .generalBtnCall .ico{float: left;width: 14px;height: 12px;margin: 3px 5px 2px 3px;}
    table.genaralList tbody tr .generalBtnCall .ico.phone, .generalBtnCall .ico.phone{background-position: -476px -141px;}
    table.genaralList tbody tr .generalBtnCall .ico.video, .generalBtnCall .ico.video{background-position: -67px -74px;}
    table.genaralList tbody tr .generalBtnCall .txt, .generalBtnCall .txt{color:#ffffff;}
    .generalBtnCall .dropdownArrow{width: 0;height: 0; border-style: solid; border-width: 6px 4px 0 4px; border-color: rgba(255, 255, 255, 0.9) transparent transparent transparent; margin: 14px 0px 0px 12px;}
    .generalBtnCall.darkButton .call{background-color:#0E67B0;}
    .generalBtnCall.darkButton .call:hover{background-color: #073F69;}

    /* newGeneralButtonsSlaveHeader */
    ul.generalBtnSlaveHeader li.reWrite{float: left; height: 24px; margin-left: 10px; position: relative; width: 30px;}

    /*arrowLeft*/
    ul.generalBtnSlaveHeader li.reWrite.arrowLeft{background-position: -6px -9px;}
    ul.generalBtnSlaveHeader li.reWrite.arrowLeft:active, ul.generalBtnSlaveHeader li.reWrite.arrowLeft:hover{background-position: -39px -9px;}

    /*arrowRight*/
    ul.generalBtnSlaveHeader li.reWrite.arrowRight{background-position:-73px -9px;}
    ul.generalBtnSlaveHeader li.reWrite.arrowRight:active, ul.generalBtnSlaveHeader li.reWrite.arrowRight:hover{background-position:-106px -9px;}

    ul.comboBtnActions{background-color:#fff;border:1px solid #ccc;top:30px;font-size:12px;right:-7px;list-style:none outside none;padding: 0; position:absolute;text-align:right;z-index:100;}
    ul.comboBtnActions li{margin-bottom:5px;text-align:left}
    ul.comboBtnActions li:hover{cursor:pointer;color:#5078EE}

    .generalBtnSlaveHeader .icoFilter{background-position: -488px -9px!important; margin-left: 0!important;}
    .generalBtnSlaveHeader .icoFilter:hover, .generalBtnSlaveHeader .icoFilter.on{background-position: -521px -9px!important;}
    .generalBtnSlaveHeader .icoChat{background-position: -367px -9px;}
    .generalBtnSlaveHeader .icoChat:active, .generalBtnSlaveHeader .icoChat:hover {background-position:-404px -9px;}
    .generalBtnSlaveHeader .icoChat.on{background-position:-404px -9px;}
    .generalBtnSlaveHeader .icoDropbox{background-position: -575px -9px;}
    .generalBtnSlaveHeader .icoDropbox:active, .generalBtnSlaveHeader .icoDropbox:hover {background-position: -605px -9px;}

/* MASTER NAV */
    div.masterNav{width: 175px; position: fixed; top: 0; bottom: 0; left: -5px; background-color: #1a47a6; z-index: 1;}
    div.masterNav .opacity{opacity:.5}
    div.masterNav ul.appNavigation{left:0;list-style:none outside none;position:absolute;right:0;top:0px;}
    div.masterNav ul.appNavigation li{height:42px;padding:7px 10px;position:relative;width: 44px;}
    div.masterNav ul.appNavigation li:first-child{padding-top: 13px;}
    div.masterNav ul.appNavigation li .txt{transition:transform 0.5s ease;-webkit-transition:transform 0.5s ease; color: #fff; font-size: 13px; text-align: left; width: 100%; position: absolute; top: 16px; left: 75px;}
    /*div.masterNav:hover ul.appNavigation li .txt{transform: translateX(-15px);}*/

    div.masterNav ul.appNavigation li .appIcon{width: 33px; height: 33px; margin: 3px 0 3px 12px; border-radius: 3px; background-color: rgba(255, 255, 255, 0.4);}
    div.masterNav ul.appNavigation li .appIcon .ico{fill: #fff;}
    div.masterNav ul.appNavigation li.selected .appIcon .ico{fill: #1a47a6;}
    div.masterNav ul.appNavigation li.selected{opacity:1;}
    div.masterNav ul.appNavigation li:hover{cursor:pointer;opacity:1;}
    div.masterNav ul.appNavigation li .counter{background-color: #e82a32; border-radius: 20px; color: #fff; font-size: 12px; padding: 2px 6px; position: absolute; bottom: 32px; right: 0; opacity: 1 !important;}
    
    div.masterNav ul.appNavigation li.selected .appIcon{background-color: rgba(255, 255, 255, 1);}
    
    div.masterNav ul.appNavigation li.phoneTrigger{}
    div.masterNav ul.appNavigation li.phoneTrigger.on{}
    div.masterNav ul.appNavigation li.phoneTrigger.on .openDial{visibility: hidden;opacity: 0;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);}
    div.masterNav ul.appNavigation li.phoneTrigger.on .closeDial{visibility: visible;opacity: 1;transform: rotate(0deg);-webkit-transform: rotate(0deg);}
    div.masterNav ul.appNavigation li.phoneTrigger .openDial{opacity: 1;background-color: initial; background-position: -572px -172px; visibility: visible;}
    div.masterNav ul.appNavigation li.phoneTrigger .closeDial{transform: rotate(90deg);-webkit-transform: rotate(90deg);opacity: 0;background-position: -608px -172px; background-color: initial; position: absolute; top: 13px; left: 11px;visibility: hidden;}
    div.masterNav ul.appNavigation span.phoneDivider{width: 20px; height: 2px; background-color: #fff; margin: 10px 0 6px 28px; display: block;}

    div.masterNav ul.appNavigation li.selected .appIcon.messenger{background-position: 8px -140px;}
    div.masterNav ul.appNavigation li.selected .appIcon.phone{background-position: 8px -112px;}
    div.masterNav ul.appNavigation li.selected .appIcon.queue{background-position:-5px -412px;}
    div.masterNav ul.appNavigation li.selected .appIcon.contacts{background-position:8px -167px;}
    div.masterNav ul.appNavigation li.selected .appIcon.calendar{background-position:-5px -109px;}
    div.masterNav ul.appNavigation li.selected .appIcon.meetings{background-position:8px -196px;}
    div.masterNav ul.appNavigation li.selected .appIcon.settings{background-position:8px -83px;}

    div.masterNav ul.appNavigation .queueStatus{min-width: initial; height: 23px; margin:0 0 0 15px;}
    div.masterNav ul.appNavigation .queueStatus div.display{width: 50px; background-color: #ffffff21; color: #fff; font-size: 10px; padding: 3px 0; margin: -3px 0 0 -1px; height: 15px; background-image: none; text-align: center; border-radius: 4px;}
    div.masterNav ul.appNavigation .queueStatus div.display.disconnected{cursor:pointer;animation: haha 2s infinite;-webkit-animation: haha 2s infinite;}

	@keyframes haha {0% 100% {background-color: #ffffff21; } 50% {background-color: #cc4747; } }


    div.masterNav ul.appNavigation .queueStatus ul{width: 105px; top: 28px; left: -2px;}
    div.masterNav ul.appNavigation .queueStatus ul li{height: 23px; font-size: 12px; padding: 6px 10px;}
    div.masterNav ul.appNavigation .queueStatus ul li:first-child{padding-top: 7px;}

    div.masterNav ul.actions{position: absolute; left: 5px;bottom: 12px; width: 66px;}
    div.masterNav ul.actions li.helpCenter, div.masterNav ul.actions li.audioSettings{width: 26px;height: 25px;margin: 17px auto;}
    div.masterNav ul.actions li.helpCenter:hover{cursor: pointer;}
    div.masterNav ul.actions li.helpCenter{background-position: -975px -2px;}
    div.masterNav ul.actions li.helpCenter.on{background-position:-975px -29px;}
    div.masterNav ul.actions li.audioSettings{background-position: -9px -456px;opacity: .4;cursor: pointer;}
    div.masterNav ul.actions li.audioSettings:hover{opacity: .8;}
/*  div.masterNav ul.actions li.logout{background-position: -41px -30px;}*/
    div.masterNav ul.actions li.settingsTrigger{width: 30px; height: 30px; background-position: -222px -62px; margin: 0 auto; cursor: pointer;}

    div.masterNav ul.actions .imgProfile{margin-left: 10px;}
    div.masterNav ul.actions .imgProfile .settingsTrigger{position: absolute; width: 21px; height: 21px; background-color: #1a47a6; bottom: -4px; right: -2px; border-radius: 21px; background-position: -640px -26px;cursor:pointer;}

    div.masterNav li .appIcon.messenger{background-position: 8px -25px;}
    div.masterNav li .appIcon.phone{background-position:8px 3px;}
    div.masterNav li .appIcon.queue{background-position:-5px -412px;}
    div.masterNav li .appIcon.contacts{background-position:8px -54px;}
    div.masterNav li .appIcon.calendar{background-position:-5px -109px;}
    div.masterNav li .appIcon.meetings{background-position:8px -83px;}
    div.masterNav li .appIcon.settings{background-position:8px -83px;}

    div.masterNav ul.actions li.helpCenter.on ul.menuHelpCenter{visibility: visible;opacity: 1;bottom: 52px}
    div.masterNav ul.actions li.helpCenter ul.menuHelpCenter{position: absolute;padding: 0;list-style: none;border-radius: 5px;font-size: 12px;background-color: #fff;border: 1px solid #ccc;box-shadow: 0px 2px 16px -9px;overflow: hidden;visibility: hidden;bottom: 30px;left: 16px;opacity: 0;}
    div.masterNav ul.actions li.helpCenter ul.menuHelpCenter li{padding: 14px 22px 14px 20px;white-space: nowrap;}
    div.masterNav ul.actions li.helpCenter ul.menuHelpCenter li:hover{background-color: #F3F2F2;}
    div.masterNav ul.actions li.helpCenter ul.menuHelpCenter li a{text-decoration: none;color: initial;}

/* SLAVE NAV */
div.slaveNav{display: block; width: 100%; margin: -1px 0 0 -1px;}
div.slaveNav .btnMenuLeftTop{font-size: 14px; padding: 15px 0; text-align: center;}
div.slaveNav .btnMenuLeftTop:hover{color:#004b7f;cursor:pointer}
div.slaveNav .btnMenuLeftTop:active{color:#000}
div.slaveNav p.dividers .msgCounter{margin-right: 10px; background: transparent; color: #5078EE; display: inline-block; float: none; margin-left: 4px; padding-left: 0; font-size: 13px; line-height: initial; font-weight: initial;}

/*
***********************************************************************************************
***************************** EXTERNAL GADGET & CUSTOM
***********************************************************************************************
*/

/* soundPlayer for voicemails and general audio */
.soundPlayer{display: block; width: 250px; height: 28px;margin-top: 10px;}
.soundPlayer .action{float: left; width: 26px; height: 26px; background-position: -480px -25px;cursor: pointer;}
.soundPlayer .action.on{background-position: -507px -25px;}

.soundPlayer .soundBar{float: left; width: 190px; height: 3px; border-radius: 35px; background-color: #eaeaea; margin: 11px 0 0 10px; position: relative;}
.soundPlayer .soundBar .audioPosition{width: 9px; height: 9px; position: absolute; border-radius: 50%; background-color: #5078EE; left: 0%; top: -3px;}
.soundPlayer .soundBar .time{position: absolute; right: 0; bottom: -20px; font-size: 12px; color: #929292;}

.copyURLtoClip{float: left; font-size: 14px; margin: -6px 0 0 0;}

/* jquery Tooltips */
div.tooltip {}
div.tooltip div.tooltip-arrow{}
div.tooltip div.tooltip-inner{font-size: 12px; border-radius: 3px;}

/* Hide ToastTooltip MSG */
/*div.toast.toast-info{display:none!important;}
div.toast.toast-warning{display:none!important;}
*/
/* Slider jQuery ----------------------------------*/
.ui-slider{position:relative;text-align:left}
.ui-slider .ui-slider-handle{border-radius: 12px; cursor: pointer; height: 12px; position: absolute; width: 12px; z-index: 2;}
.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}
.ui-slider-horizontal{height:5px;border-radius:5px}
.ui-slider-horizontal .ui-slider-handle{margin-left:-6px;top:-4px;}
.ui-slider-horizontal a.ui-slider-handle.ui-state-default{padding:0!important;}
.ui-slider-horizontal a.ui-slider-handle.ui-state-default:hover{background-color:#f2f2f2!important;}
.ui-slider-horizontal .ui-slider-range{top:0;height:100%}
.ui-slider-horizontal .ui-slider-range-min{left:0}
.ui-widget-content{background:none repeat scroll 0 0 #333}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{background: none repeat scroll 0 0 #f2f2f2!important;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;}
.ui-state-focus{border:none!important; outline:none!important;}
.ui-state-default:hover{background:rgba(0,130,200,.6)!important;color:#fff;}

/* tooltips */
/*.masterTooltip{background-color:#000;font-size:14px;line-height:21px;padding:10px;position:absolute; z-index:99999; max-width:200px; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); transition:transform .3s ease; -webkit-transition:-webkit-transform .3s ease; -moz-transition:-moz-transform .3s ease;}
.masterTooltip p{color: #fff;}
.masterTooltip.left{transform-origin:top left; -webkit-transform-origin:top left; -moz-transform-origin:top left;}
.masterTooltip.right{transform-origin:top right; -webkit-transform-origin:top right; -moz-transform-origin:top right;}
.masterTooltip.on{transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.masterTooltip.on.delay{transition-delay:.5s; -webkit-transition-delay:.5s; -moz-transition-delay:.5s;}
.masterTooltip span{height:20px;width:20px;background-color:#000;position:absolute;top:0;z-index:-1;}
.masterTooltip.on.right span{right:5px;transform:skewX(-45deg);-webkit-transform:skewX(-45deg);-moz-transform:skewX(-45deg);}
.masterTooltip.on.left span{left:5px;top:0;transform:skewX(45deg); -webkit-transform:skewX(45deg); -moz-transform:skewX(45deg);}
*/

/* tooltips */
.masterTooltip, .slaveTooltip{background-color: #000; font-size: 14px; line-height: 21px; padding: 10px 17px; position: absolute; z-index: 99999999; max-width: 200px; opacity: 0; visibility: hidden; transition: margin 0.3s ease, visibility 0.3s ease, opacity 0.3s ease; -webkit-transition: margin 0.3s ease, visibility 0.3s ease, opacity 0.3s ease; -moz-transition: margin 0.3s ease, visibility 0.3s ease, opacity 0.3s ease; -ms-transition: margin 0.3s ease, visibility 0.3s ease, opacity 0.3s ease; margin: -30px 0px 0 0px;border-radius: 5px;cursor: default;pointer-events: none;}
.masterTooltip p, .slaveTooltip p{color: #fff;}
.masterTooltip.left, .slaveTooltip.left{transform-origin:top left; -webkit-transform-origin:top left; -moz-transform-origin:top left;}
.masterTooltip.right, .slaveTooltip.right{transform-origin:top right; -webkit-transform-origin:top right; -moz-transform-origin:top right;}
.masterTooltip.on, .slaveTooltip.on{visibility: visible; opacity: 1;margin:-20px 0 0 0px;}



.masterTooltip span, .slaveTooltip span{height:20px;width:20px;background-color:#000;position:absolute;top:0;z-index:-1;}
.masterTooltip.right span, .masterTooltip.left span, .slaveTooltip.right span, .slaveTooltip.left span{top: 10px; transform: rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
.masterTooltip.right span, .slaveTooltip.right span{right:-3px;}
.masterTooltip.left span, .slaveTooltip.left span{left: -3px;}

.masterTooltip.feedback, .slaveTooltip.feedback{background-color: #43C461;}
.masterTooltip.feedback span, .slaveTooltip.feedback span{background-color: #43C461;}

.masterTooltip.blueFeedback, .slaveTooltip.blueFeedback{background-color: #5078EE;}
.masterTooltip.blueFeedback span, .slaveTooltip.blueFeedback span{background-color: #5078EE;}

.masterTooltip.redFeedback, .slaveTooltip.redFeedback{background-color: #f75031;}
.masterTooltip.redFeedback span, .slaveTooltip.redFeedback span{background-color: #f75031;}

/* datepicker */
#ui-datepicker-div{/*visibility: hidden;*/ z-index: 9999!important;display: none;}

div.ui-datepicker.ui-widget{background-color: #fff; border: solid 1px #ccc; padding: 16px; border-radius: 4px; margin-top: 8px;}
div.ui-datepicker.ui-widget .ui-datepicker-header{overflow:hidden:}
div.ui-datepicker.ui-widget .ui-datepicker-header div.ui-datepicker-title{text-align: center; font-size: 14px; margin-bottom: 6px;color: #5078EE;font-weight: 600;}

.ui-datepicker-calendar{width: 100%;border-spacing: 0;}
.ui-datepicker-calendar td{text-align: center;background-color: #E6F3FA;}
.ui-datepicker-calendar thead tr{height: 35px;}
.ui-datepicker-calendar thead tr th{border-bottom: 2px solid #5078EE;}
.ui-datepicker-calendar td.ui-datepicker-other-month{background-color: transparent;}

div.ui-datepicker.ui-widget .ui-datepicker-header a.ui-datepicker-prev span, .ui-datepicker-header a.ui-datepicker-next span{background: url("/content/SfImgs/buttonNextPrevMiniCalendar.png"); text-indent: 9999px; overflow: hidden; display: inline-block; width: 15px; height: 15px; opacity: .7; cursor:pointer;}
div.ui-datepicker.ui-widget .ui-datepicker-header a.ui-datepicker-prev span:hover, div.ui-datepicker-header a.ui-datepicker-next span:hover{opacity: initial;}

div.ui-datepicker.ui-widget .ui-datepicker-header a.ui-datepicker-prev{float: left; display: inline-block;}
div.ui-datepicker.ui-widget .ui-datepicker-header a.ui-datepicker-prev span{float: left; background-position: -1px -7px;}
div.ui-datepicker.ui-widget .ui-datepicker-header a.ui-datepicker-next{float: right; display: inline-block;}
div.ui-datepicker.ui-widget .ui-datepicker-header a.ui-datepicker-next span{float: right; background-position: 18px -7px;}

div.ui-datepicker.ui-widget .ui-datepicker-calendar thead tr th span{font-size: 13px; margin: 4px; color:#2a2a2a;}
div.ui-datepicker.ui-widget .ui-datepicker-calendar tbody tr td a.ui-state-default{background: none!important;text-decoration: initial; color: #2a2a2a; font-size: 13px; border: none!important; display: inline-block; padding: 7px 0px 7px 0px; text-align: center; width: 100%; height: 100%;}
div.ui-datepicker.ui-widget .ui-datepicker-calendar tbody tr td a.ui-state-default:hover{background:rgba(0,130,200,.6)!important;color:#fff;}
 
div.ui-datepicker.ui-widget .ui-datepicker-calendar tbody tr td a.ui-state-default{background: none!important;text-decoration: initial; color: #2a2a2a; font-size: 13px; border: none!important; display: inline-block; padding: 7px 0px 7px 0px; text-align: center; width: 100%; height: 100%;}

div.ui-datepicker.ui-widget .ui-datepicker-unselectable.ui-state-disabled{cursor: not-allowed;}
div.ui-datepicker.ui-widget .ui-datepicker-unselectable.ui-state-disabled span{text-decoration: initial; color: #2a2a2a; font-size: 13px; border: none!important; display: inline-block; padding: 7px 0px 7px 0px; text-align: center; width: 100%; height: 100%; opacity: .3;}
div.ui-datepicker.ui-widget .ui-datepicker-unselectable.ui-state-disabled span:hover{background:initial!important;}

div.ui-datepicker.ui-widget .ui-datepicker-calendar tbody tr td a.ui-state-default.ui-state-default.ui-state-active{background-color:#5078EE!important;color: #fff;}
div.ui-datepicker.ui-widget .ui-datepicker-calendar tbody tr td a.ui-state-default.ui-state-active{background-color:#5078EE!important;}

/* datepickerRange */
table.ui-datepicker-calendar tbody td.ui-state-highlight {background-color:#5078EE;}
table.ui-datepicker-calendar tbody td.ui-state-highlight a.ui-state-default, table.ui-datepicker-calendar tbody td.ui-state-highlight a.ui-state-active {color:#fff!important;}

.ui-datepicker-group.ui-datepicker-group-first, .ui-datepicker-group.ui-datepicker-group-last {width: calc(50% - 8px); float: left;}
.ui-datepicker-group.ui-datepicker-group-first{margin-right:16px;}
.ui-datepicker-multi-2{overflow:hidden;}

.comiseo-daterangepicker .btnBlue{background: none repeat scroll 0 0 #5078EE!important; transition:background-color .1s ease, opacity .1s ease, color .1s ease;-webkit-transition:background-color .1s ease, opacity .1s ease, color .1s ease;-moz-transition:background-color .1s ease, opacity .1s ease, color .1s ease;}
.comiseo-daterangepicker .btnBlue:hover{cursor:pointer; background-color:#3C5DBC!important;}
.comiseo-daterangepicker .btnBlue:active{background-color:#036!important;}

.comiseo-daterangepicker .btnBlue{width: 160px; margin-left: 21px; margin-bottom: 13px;}

.comiseo-daterangepicker .ui-menu {width: 190px;}
.comiseo-daterangepicker .ui-menu-item {border-bottom: solid 1px #e8e8e8; padding: 5px 0px 8px 5px; margin: 0 10px; width: calc(100% - 20px);}
.comiseo-daterangepicker .ui-menu-item a{color:#454545; font-size: 14px;}

.comiseo-daterangepicker { background: #fff; border: solid 1px #c1c1c1; border-radius: 6px; box-shadow: 0px 0px 5px #c3bdbd; }
.comiseo-daterangepicker div.ui-datepicker.ui-widget {display: block; width: 34em; border: initial; border-left: dotted 2px #d2d2d2; border-radius: initial;}
.comiseo-daterangepicker .ui-widget-content{background: transparent;}
.comiseo-daterangepicker-calendar.ui-widget-content.hasDatepicker{background: transparent;}

ul.ui-menu.ui-widget.ui-widget-content.ui-corner-all li.selected{background:#5078EE; color:#fff;}

/**/
.comiseo-daterangepicker-triggerbutton.comiseo-daterangepicker-bottom{width: 60px; height: 35px;}

/* toaster */
.toaster{position:relative;width:100%;height:100%;}
.toaster.on .menuToaster{visibility: visible;opacity: 1;top: 23px;}

.toaster .btnToaster{display:table;width:100%;height:100%;transition:background-color .1s linear, opacity .1s linear, color .1s linear;-webkit-transition:background-color .1s linear, opacity .1s linear, color .1s linear;-moz-transition:background-color .1s linear, opacity .1s linear, color .1s linear;}
.toaster:hover .btnToaster{cursor:pointer;}
.toasterFilter .btnToaster{display:table;width:100%;height:100%;transition:background-color .1s linear, opacity .1s linear, color .1s linear;-webkit-transition:background-color .1s linear, opacity .1s linear, color .1s linear;-moz-transition:background-color .1s linear, opacity .1s linear, color .1s linear;}
.toasterFilter:hover .btnToaster{cursor:pointer;}

.toaster .menuToaster{position:absolute;visibility: hidden;opacity: 0;top: 10px;}
.toaster .menuToaster li{transition:background-color .1s linear, opacity .1s linear, color .1s linear;-webkit-transition:background-color .1s linear, opacity .1s linear, color .1s linear;-moz-transition:background-color .1s linear, opacity .1s linear, color .1s linear;}
.toaster.left .menuToaster{left:0;}
.toaster.right .menuToaster{right:0;}

.toasterFilter{position:relative;width:100%;height:100%;}

.toasterFilter .menuToaster{position:absolute;display:none;}
.toasterFilter .menuToaster li{transition:background-color .1s linear, opacity .1s linear, color .1s linear;-webkit-transition:background-color .1s linear, opacity .1s linear, color .1s linear;-moz-transition:background-color .1s linear, opacity .1s linear, color .1s linear;}
.toasterFilter.left .menuToaster{left:0;}
.toasterFilter.right .menuToaster{right:0;}

/* toasterNotifications old
.toast-error{background-color: #fff;border: 2px solid #c32500;}
.toast-bottom-right{right: -400px; bottom: 32px;-webkit-animation:toastr .7s cubic-bezier(0.25, 0.1, 0, 1); -moz-animation:toastr .7s cubic-bezier(0.25, 0.1, 0, 1);-webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards;}
#toast-container > .toast-error{background-image: url('/Content/SfImgs/mpAdmin/spriteMpAdmin@2x.png')!important;background-repeat:no-repeat;background-size:1000px 1000px!important;background-position: -952px -779px;}
#toast-container > div{margin: 0 0 6px; padding: 19px 6px 24px 61px; width: 300px; border-radius: 10px; color: #454545; opacity: 1;box-shadow: 0 0 0 #999999;}
#toast-container > :hover{box-shadow: 0 0 0 #000000; cursor: pointer;}
.toast-message{padding-right: 20px;}

@keyframes toastr{ 0{right:-400px}100%{right:22px} }
@-webkit-keyframes toastr{ 0{right:-400px}100%{right:22px} }
@-moz-keyframes toastr{ 0{right:-400px}100%{right:22px} }

*/

/* toasterNotifications */
/*.toast-error{background-color: #fff;border: 2px solid #c32500;}*/
.toast-bottom-right{bottom: -300px;-webkit-animation:toastr .7s cubic-bezier(0.25, 0.1, 0, 1); -moz-animation:toastr .7s cubic-bezier(0.25, 0.1, 0, 1);-webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards;}
/*#toast-container > div{margin: 0 0 6px; padding: 19px 6px 24px 61px; width: 300px; border-radius: 10px; color: #454545; opacity: 1;box-shadow: 0 0 0 #999999;}*/
#toast-container > :hover{box-shadow: 0 0 0 #000000; cursor: pointer;}
.toast-message{padding-right: 20px;}

#toast-container{position: fixed; z-index: 999999; position: absolute; left: 50%; transform: translateX(-50%);}
#toast-container > div {margin: 0 auto; padding: 20px 20px 20px 30px; width: 380px; border-radius: 5px; color: #fff; opacity: 1; box-shadow: 0 0 0 #999999; }
.toast-error {background-color: #fca5a5; text-align: center; border: 1.5px solid #7f1d1d; color: #7f1d1d !important;}
.toast-warning {background-color: #fdba74; text-align: center; border: 1.5px solid #7c2d12; color: #7c2d12 !important;} 
.toast-success{background-color: #bbf7d0; text-align: center; border: 1.5px solid #14532d; color: #14532d !important;}
.toast-info {background-color: #bfdbfe; text-align: center; border: 1.5px solid #1e3a8a; color: #1e3a8a !important;}
#toast-container > div {margin: 0 auto; padding: 15px 15px 17px 50px; width: 400px; -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; box-shadow: none; color: #FFFFFF; }

@keyframes toastr{ 0{bottom:-300px}100%{bottom:40px} }
@-webkit-keyframes toastr{ 0{bottom:-300px}100%{bottom:40px} }
@-moz-keyframes toastr{ 0{bottom:-300px}100%{bottom:40px} }

/* addedMemberGroupList */
ul.addedMemberGroupList {overflow: hidden; float: left;width: 100%; margin: 0;}
ul.addedMemberGroupList li{margin: 0!important; float: none!important; padding: 5px 10px 5px 5px; width: calc(100% - 20px)!important; overflow: hidden; border-radius: 4px;}
ul.addedMemberGroupList li:hover{background-color:#EBF0FF; cursor:pointer;}
ul.addedMemberGroupList label{font-size: 12px!important; width: calc(100% - 52px)!important; margin-left: 8px;color: #4a4a4a!important;}
ul.addedMemberGroupList .delete{margin-left: -5px; float: right; width: 21px; height: 21px; cursor: pointer; background-position: -426px -27px; opacity: 0.4; margin-top: 7px;}
ul.addedMemberGroupList .delete:hover{opacity: initial;}
ul.addedMemberGroupList .imgProfile{margin-top: 3px;}

/*
***********************************************************************************************
***************************** MODULES & TEMPLATES
***********************************************************************************************
*/

/* LIST TABLES */

.sfNewList{position: absolute; top: 0; left: 0; right: 0; bottom: 0px; padding-bottom: 80px;}
.sfNewList.voicemails{padding-bottom: 0px;}

.slaveContent.sharedContacts .sfNewList .newAvatar{margin: -4px 0 -2px -3px;}

table.genaralList{border-spacing: 0; width: calc(100% - 25px); border-collapse: collapse; margin-left: 0; position: absolute; left: 25px; right: 0; top: 0; bottom: 0px;display: block;}
	table.genaralList.clearAllNot{top: 27px;}
	table.genaralList.withFiltersApplied{bottom: 55px;}

table.genaralList .face{width: 27px; padding-right: 0; padding-left: 10px;}
table.genaralList .rec{width: 11px; padding: 0 25px 0 0;}
table.genaralList .number{width: 20px; padding: 0 5px 0 30px;}
table.genaralList .btnCall{width:60px; padding:0;}
table.genaralList thead th.ico, table.genaralList tbody td.ico{width:38px; padding:0;}
table.genaralList thead th.ico.rec, table.genaralList tbody td.rec{width:50px;; padding:0;}
table.genaralList thead th.ico.haveTitle, table.genaralList tbody td.ico.haveTitle{width:100px; padding:0;}
table.genaralList .actions{width:20px; padding:0;padding-right: 10px;}
table.genaralList .radioBtn{width:50px; padding:0; text-align: center;}
table.genaralList .permissions{color: #5078EE; font-size: 10px; border: 1px solid #5078EE; padding: 3px 8px; margin-left: 4px; border-radius: 3px;}
table.genaralList tr{border-bottom: 1px solid #EFEFEF;}
table.genaralList.hasNewRow tr{border-left: solid 4px transparent;}
table.genaralList tr.new{border-left: solid 4px #5078EE;}
table.genaralList tr:hover{background-color:transparent;cursor: default;}
table.genaralList.hasClick tr:hover{background-color:#F5F5F6;cursor: pointer;}
table.genaralList thead tr:hover{background-color:transparent!important;cursor: default!important;}
table.genaralList td{padding: 14px 10px 15px 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: #656565;font-size: 14px;}
table.genaralList td.actions{text-overflow: initial; overflow: initial; white-space: initial;}
table.genaralList td.listDuration{width: 90px;}
table.genaralList td.listDate{width: 132px;}
table.genaralList td.deleteTrash{width: 40px; padding: 0;}
table.genaralList td.deleteTrash .ico{width: 20px; opacity: .8;}
table.genaralList td.deleteTrash .ico:hover{opacity: 1;}
table.genaralList td.deleteTrash .ico svg{fill: #a7a7a7;transition: fill 0.3s ease;-webkit-transition: fill 0.3s ease;-moz-transition: fill 0.3s ease;-ms-transition: fill 0.3s ease;}
table.genaralList td.deleteTrash .ico svg:hover{fill: #f74331;}
table.genaralList th {color: #5078EE; padding: 8px 15px; text-align: left; font-size: 14px; font-weight: 400;}

table.genaralList tbody {/* height:200px;  define durandal */display:block;overflow-x: hidden!important;overflow-y: scroll!important;}
table.genaralList thead, table.genaralList tbody tr {display:table; width:100%; table-layout:fixed;}
table.genaralList thead{width: calc( 100% - 1em ); border-bottom: solid 1px #e6e6e6;}

table.genaralList tbody tr.lost{color: #EC4A3D;}
table.genaralList tbody tr.lost td{color: #EC4A3D;}
table.genaralList tbody tr.lost td span{color: #EC4A3D!important;}

table.genaralList table.genaralList tbody td.actions div{color:red;}
.tableDivider{width: 100%; height: 1px; margin: 5px 0 25px 0; float: left; border-bottom: 1px dashed #ccc;}

table.genaralList span.name, table.genaralList span.date{display:block; font-size:13px}
table.genaralList span.name{margin-top: 0px; color: #404040; margin-top: -2px;}
table.genaralList span.date{margin-top: 0px; margin-bottom: -7px; color: #9a9a9a; font-size: 11px;}
table.genaralList .copyThisToClipboard{display: none;height: 13px; background-position: -982px -217px;}
table.genaralList tr:hover .copyThisToClipboard{display: inline-block;}


table.genaralList .oneLine span.name{margin-top: -8px;}

/* table td acctions */
table.genaralList td.actions{position: relative;}
table.genaralList td.actions .ico{display: none; height: 23px; width: 18px; margin: 2px 0px 0px 0px; padding: 0; float: right; list-style: none; cursor: pointer; padding: 4px 0px 4px 4px; background-position: -38px -173px; opacity: .5; transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: all 0.5s ease;}
table.genaralList td.actions .ico:hover{opacity: 1;}
table.genaralList tr:hover td.actions .ico{display: block;}
table.genaralList td.actions ul.actionsList,
ul.actionsList{transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; opacity: 0; visibility: hidden; z-index: 1; width: 185px; position: absolute; top: 2px; right: 10px; border-radius: 5px; border: 1px solid #ccc; overflow: hidden; background-color: #fff;}

table.genaralList tr:hover td.actions.on ul.actionsList{visibility: visible;opacity: 1;right: 47px;}

table.genaralList td.actions ul.actionsList li, 
ul.actionsList li{padding: 11px 14px; font-size: 13px; border-bottom: 1px solid #e3e3e3; cursor: pointer; color: #454545;}

table.genaralList td.actions ul.actionsList li:last-child,
ul.actionsList li:last-child{border-bottom: none;}
table.genaralList td.actions ul.actionsList li:hover,
ul.actionsList li:hover{background-color:#EEE;}
table.genaralList td.actions ul.actionsList li.delete,
ul.actionsList li.delete{color:#FC5145;}

table.genaralList tr .generalBtnCall{opacity:0;transition:opacity 0.1s ease;-webkit-transition:opacity 0.1s ease;-moz-transition:opacity 0.1s ease;}
table.genaralList tr .generalBtnCall.mini{min-width: initial; margin: 0;}
table.genaralList tr:hover .generalBtnCall{opacity: 1;}
table.genaralList .generalBtnCall .ico{width: 15px;}

table.genaralList td.actionCombo{padding: 0; overflow: initial;width: 153px;}
table.genaralList td.actionCombo.mini{width: 40px;}
table.genaralList .imgProfile.mini {margin-top: -7px; margin-bottom: -7px;}

table.genaralList td.sfListActions{padding: 0 10px 0 0px; width: 80px;}
table.genaralList td.sfListActions .ico{opacity: 0; width: 28px; height: 28px; background-color: #5078EE; float: right; margin-right: 10px; border-radius: 50%;}
table.genaralList tr:hover .sfListActions .ico{opacity: 1;}


/* general icon in tables */
table.genaralList tbody td.ico.icoCall{width:36px; padding:0;}
table.genaralList tbody td.ico.icoRecents{width: 25px; padding: 0;}
table.genaralList tbody td.ico.recived{background-position:-68px -147px;}
table.genaralList tbody td.ico.send{background-position:-68px -189px;}
table.genaralList tbody td.ico.lost{background-position:-68px -105px;}
table.genaralList tbody td.ico.video{background-position:-657px 15px;}
table.genaralList tbody td.ico.voice{background-position:-705px 10px;}

table.genaralList tbody td.ico .loggedCall{background-position: -253px -314px; background-color:#48C3CC;}
table.genaralList tbody td.ico .newTask{background-position:-492px -314px; background-color:#4BC076;}
table.genaralList tbody td.ico .newEvent{background-position:-412px -314px; background-color:#EB7092;}
table.genaralList tbody td.ico .mailSent{background-position: -734px -314px; background-color: #B188D5;}

table.genaralList tbody td.ico.refresh{background-position:-857px -169px;}
table.genaralList tbody td.ico.icoPrecenseGreen{background-position:-31px -213px;}

table.genaralList tbody td.ico.play{background-position: -963px -510px;cursor: pointer;}
table.genaralList tbody td.ico .playRight{background-position: -703px -173px; cursor: pointer; width: 28px; height: 30px;}

table.genaralList tbody td.ico .emptyList{background-position: -754px -173px; cursor: pointer; width: 28px; height: 30px;}
table.genaralList tbody td.ico .emptyListNew{background-position: -805px -173px; cursor: pointer; width: 28px; height: 30px;}
table.genaralList tbody td.ico .emptyListNew.acwInProgress{opacity: .5;pointer-events:none;}

table.genaralList tbody td .play{width: 20px; height: 20px; background-position: -698px -7px; border-radius: 50%; border: 1px solid #5078EE;cursor: pointer;}
table.genaralList tbody td .archivedRec{opacity: .3; cursor: default;}

/* login */
div.loginModal{position: fixed; background-position: -90px 0; background-size: cover; top: 0; bottom: 0; left: 0; z-index: 1; right: 0;background-color: #fff;}
div.loginModal.loginAdmin{background-image: url('/Content/SfImgs/login-background-admin.jpg');background-position: -90px 0; background-size: cover;}
div.loginModal.public{background-image: url('/Content/SfImgs/login-background-public.jpg');background-position: -90px 0; background-size: cover;}
div.loginModal.public .modalContent{top:calc(50% - 270px);}

div.loginModal .modalContent{position: fixed; top: 45%; padding: 0; width: 52%; left: 0; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}
div.loginModal .modalContent form .logoZero{width: 195px; height: 39px; background-position: -753px -38px; margin: 12px auto 14px auto;}
div.loginModal .modalContent form{width: 321px; margin: 0 auto;}
div.loginModal .modalContent.logging{opacity: 0.6; transform: translateY(-50%) scale(0.94); -webkit-transform: translateY(-50%) scale(0.94); -moz-transform: translateY(-50%) scale(0.94); -ms-transform: translateY(-50%) scale(0.94);}

div.loginModal .modalContent.logging fieldset{pointer-events: none;}

div.loginModal .rightBackground{position: fixed; top: 0; bottom: 0; width: 48%; right: 0; /*background-image: url(/Content/SfImgs/login-phoneiq.jpg);*/ background-size: cover; background-repeat: no-repeat;}
div.loginModal .rightBackground .sfLoginPage{}

div.loginModal .rightBackground .sfLoginPage .design{height: 100vh; width: 100%;background-color: #00135E; float: right; overflow: hidden; position: relative;}
div.loginModal .rightBackground .sfLoginPage .design .designelements{position: absolute;pointer-events: none;     -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;}
div.loginModal .rightBackground .sfLoginPage .design .designelements svg{width:100%;}
div.loginModal .rightBackground .sfLoginPage .design .designelementsrotate{}
div.loginModal .rightBackground .sfLoginPage .blue2{top: 80%; left: 44%; width: 36%;-webkit-animation: rotation 100s infinite linear;}
div.loginModal .rightBackground .sfLoginPage .blue{bottom: 76%; right: 67%; width: 39%;-webkit-animation: rotation2 100s infinite linear;}
div.loginModal .rightBackground .sfLoginPage .circle{    top: 54%; left: -14%; width: 40%;}
div.loginModal .rightBackground .sfLoginPage .greencamera{top: 74%; right: 7%; width: 9%;-webkit-animation: rotation 150s infinite linear;}
div.loginModal .rightBackground .sfLoginPage .tripink{top: 32%; right: -6%; width: 34%;-webkit-animation: rotation2 100s infinite linear;}
div.loginModal .rightBackground .sfLoginPage .violetchat{top: 51%; right: 47%; width: 11%;-webkit-animation: rotation 150s infinite linear;}
div.loginModal .rightBackground .sfLoginPage .triviolet{    top: 5%; right: 28%; width: 20%;-webkit-animation: rotation2 100s infinite linear;}
div.loginModal .rightBackground .sfLoginPage .bluecall{top: 8%; right: 9%; width: 9%;-webkit-animation: rotation 120s infinite linear;}
div.loginModal .rightBackground .sfLoginPage .pinkvoicemail{    top: 35%; right: 80%; width: 8%;-webkit-animation: rotation2 150s infinite linear;}
div.loginModal .rightBackground .divider{position: absolute; top: 0; bottom: 0; width: 56px; left: -2px; z-index: 999;}
div.loginModal .rightBackground .divider .svg-divider{    height: 100%;}

@-webkit-keyframes rotation {from {-webkit-transform: rotate(0deg); } to {-webkit-transform: rotate(359deg); } }
@-webkit-keyframes rotation2 {from {-webkit-transform: rotate(0deg); } to {-webkit-transform: rotate(-359deg); } }


div.loginModal label{font-size:18px;}
div.loginModal input{line-height: 17px; font-size: 16px; color: #4a4a4a; background-color: rgba(255,255,255,0.2); margin: 10px 0; padding: 5px 0px 8px 1px; border-radius: 0; border: none; font-weight: 300; border: 1px solid transparent!important; border-bottom: 1px solid #ccc!important; width: 100%;}
div.loginModal input::-webkit-input-placeholder{color: #cecece;}
div.loginModal input:focus{border: 1px solid transparent!important; border-bottom: 1px solid #5078EE!important;}

div.loginModal .modalContent h2{font-size: 18px; color: #5078EE; width: 100%; padding-bottom: 10px; margin-bottom: 10px; font-weight: 300; text-align: center;}
div.loginModal .modalContent form ul li {width: 100%; margin-bottom: 12px;}
div.loginModal .modalContent fieldset{border: 0; width: 292px; margin: 0 auto;}
div.loginModal .modalContent .rememberLogin{float: left;display:none;}
div.loginModal .modalContent p.forgotPassword{color: #5078EE; margin: 10px 0; font-size: 14px; text-align: center;}
div.loginModal .modalContent p.forgotPassword:hover {cursor:pointer;}
div.loginModal p.wrongData {color: #eb0101; display: none; margin: 5px 0 20px 0; text-align: center;width: 322px;line-height: 20px;}
div.loginModal .modalContent .btnLogin, .sfNewLogin .btnLogin{text-align: center; line-height: 16px; display: inline-block; font-size: 16px; padding: 13px 0; transition: background 0.1s linear; -moz-transition: background 0.1s linear; -webkit-transition: background 0.1s linear; -ms-transition: background 0.1s linear; border-radius: 4px; background-color: #5078EE; color: #fff; width: 321px; margin: 12px 0 12px 0;position: relative;}
div.loginModal .modalContent .btnLogin .ballsLoader, .sfNewLogin .btnLogin .ballsLoader{background-color:#5078EE;display: none; width: 100%; height: 34px; position: absolute; padding-top: 8px;}
div.loginModal .btnLogin.blue, .sfNewLogin .btnLogin.blue{background-color: #5078EE; color: #FFF; margin: 12px 0 20px 16px; box-sizing: border-box; position: relative; font-weight: 300; width: 292px;}
div.loginModal .btnLogin.blue:hover, .sfNewLogin .btnLogin.blue:hover{background-color:#3959b7; cursor:pointer;}
div.loginModal .btnLogin.blue:active, .sfNewLogin .btnLogin.blue:active{background-color:#005888; cursor:pointer;}
div.loginModal .checkbox {width: 12px; height: 12px; background: transparent; border: 1px solid #5078EE; border-radius: 10px; float: left; margin:2px 8px 0px 1px !important; padding:initial; min-height:initial; }
div.loginModal .checkbox span {width: 6px; height: 6px; background-color:#5078EE; border: 1px solid transparent; border-radius: 8px; display: block; opacity: 0; margin: 2px;}
div.loginModal .generalLoader {margin: 0; position: absolute; left: calc(50% - 4em); top: calc(50% - 4em); width: 8em; height: 8em;}

/* suggesterContactSearch */
.wrapperSuggester{position:relative;float: left;display: table;width: 100%;}
.suggesterContactSearch{position: absolute; list-style: none; background-color: #fff; border: 1px solid #ccc; z-index: 50; max-height: 125px;width: 100%;z-index: 99999;}
.suggesterContactSearch > div{display:table;width:100%;}
.suggesterContactSearch.border div.startWith li:last-child{border-bottom: 3px solid #c7c7c7;}
.suggesterContactSearch li{padding: 6px; width: calc(100% - 12px)!important; margin: 0!important; float:left !important;min-width: 208px;}
.suggesterContactSearch li.selected, .suggesterContactSearch li:hover{cursor:pointer;background-color:#dcf0ff;}
.suggesterContactSearch label{font-size: 12px!important; width: calc(100% - 38px)!important; line-height: initial; margin-top: 7px; margin-left: 10px; color: #333!important; position: initial; padding: initial; margin: 5px 0 0 7px; background-color: initial;white-space: initial;}

/* INPUT SUGGESTER */
.contactListResults{}
.contactListResults .title{text-align: center; float: initial!important; font-size: 10px!important; margin: 8px 0px;}
.contactListResults .suggesterContactList.listType{height: calc(100vh - 350px); width: 100%;}
.contactListResults .suggesterContactList.listType li{position: relative; float: left; width: 100%; height: 45px; box-sizing: border-box; padding: 7px 0 0 5px; border-bottom: 1px solid #eaeaea;}
.contactListResults .suggesterContactList.listType li:hover{background-color: #eaf7ff;}
.contactListResults .suggesterContactList.listType li:first-child{border-top: 1px solid #eaeaea;}
.contactListResults .suggesterContactList.listType li .imgProfile{}
.contactListResults .suggesterContactList.listType li .txt{display: inline-block; font-size: 12px; margin: 0 0 0 10px;}
.contactListResults .suggesterContactList.listType li .tic{position: absolute; right: 5px; top: 7px; width: 27px;}
.contactListResults .noResultsFound{}
.contactListResults .noResultsFound .txt{text-align: center; font-size: 12px; padding: 6px 0; opacity: 1; margin: -24px 0 0 0; background-color: #fff; z-index: 4; position: absolute; left: 50%; transform: translateX(-50%); color: #ccc;}

/*.suggesterContactSearch li .imgProfile svg{display: none;}
.suggesterContactSearch li .imgProfile.sfLead svg.svg-sfLead{display: block;}
.suggesterContactSearch li .imgProfile.sfContact svg.svg-sfContact{display: block;}
.suggesterContactSearch li .imgProfile.sfPersonAccount svg.svg-sfPersonAccount{display: block;}*/

.suggesterContactSearch .imgProfile.sfAccount svg{width: 85px; margin: 2px 0 0 2px; pointer-events: none; }
.wrapperSuggester.last .suggesterContactSearch{bottom: 35px;}

/*APP MESSAGING*/
div.app_messaging div.slaveContent{overflow: hidden; left: 234px; top: 53px;}
div.app_messaging div.slaveContent .newSplash{position: absolute; left: calc(50% + 25px); top: 43%; transform: translate(-50%, -50%);}

div.app_messaging div.slaveNav {display: block; margin: 0; overflow: hidden; position: absolute; left: 0; top: 0; bottom: 0; width: 235px; background-color: #fff; border-right: 1px solid #EAEAEA;    border-radius: 6px 0 0 6px;}
div.app_messaging div.slaveNav .btnLobby{    text-align: left; padding: 23px 0px 23px 24px; position: absolute; cursor: pointer; top: -4px; left: 11px; padding-left: 8px;}
div.app_messaging div.slaveNav .btnLobby .ico{width: 14px;height: 14px; background-position: -67px -56px; float: left; margin-right: 7px;}

div.app_messaging div.slaveNav .btnLobby.active{border-bottom: initial; color: #5078EE; background-position: 16px 17px;}
/*div.app_messaging div.slaveNav .btnLobby.active .ico{background-position: -82px -56px;}*/
div.app_messaging div.slaveNav .btnLobby.active .txt{color: #5078EE;}
div.app_messaging div.slaveNav .btnCreategroup{position: absolute; cursor: pointer; top: 57px; left: 11px; padding-left: 8px; font-size: 14px; color: #5078EE;}
div.app_messaging div.slaveNav .btnCreategroup .ico{background-position: -618px -28px; width: 20px; height: 20px; float: left; margin: 0 6px 0 0;}
div.app_messaging div.slaveNav .suggester{position: absolute; left: 16px; width: 204px; top: 90px; font-size: 12px;}
div.app_messaging div.slaveNav .suggester input{width: calc(100% - 12px); position: initial; left: initial; top: initial;}
div.app_messaging div.slaveNav .suggesterContactSearch{top: 40px; right: 0; left: 0; z-index: 2; width: 203px;}

div.app_messaging .wrapperProfiles{list-style: none; position: absolute; top: 140px; bottom: 0; width: 235px; overflow: hidden; border-top: 1px solid #EAEAEA;}
div.app_messaging .wrapperProfiles p.dividers{color: #333; font-size: 13px; line-height: 24px; padding-left: 12px; margin-top: 6px; padding-bottom: 2px;}
div.app_messaging .wrapperProfiles p.dividers:hover{cursor:default;}
div.app_messaging .wrapperProfiles ul{list-style:none;padding-left: 7px;}
div.app_messaging .wrapperProfiles ul li{padding:9px 12px 5px 12px;display:table;height:53px;font-size:12px;font-weight:normal; position:relative;width: calc(100% + 10px);table-layout:fixed;box-sizing: border-box;margin-left:-10px;padding-left: 20px;margin-left: -10px;}
div.app_messaging .wrapperProfiles ul li .msgCounter{background-color:#5078EE; border-radius: 35px; font-size: 11px; line-height: 20px; min-width: 10px; padding: 0 5px; text-align: center; font-weight: bold; color: #FFF; position: absolute;right: 17px;top: 15px;}

div.app_messaging .wrapperProfiles .msgCounter.empty{display:none;}

div.app_messaging .wrapperProfiles .userInfo{float: left;margin-left: 8px;margin-top: 7px;}
div.app_messaging .wrapperProfiles span.fullNameUser{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; font-size: 13px; line-height: initial;width: 112px;}
div.app_messaging .wrapperProfiles span.fullNameGroup{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; font-size: 13px; line-height: initial;width: 120px;}
div.app_messaging .wrapperProfiles .lastMessage .ticks{width: 20px; height: 14px; float: left; margin-top: 3px; background-image: url('/Content/SfImgs/msgReadInfo@2x.png'); background-position: -1px -27px; background-size: 21px; background-repeat: no-repeat;}
div.app_messaging .wrapperProfiles .lastMessage span{float: left;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; display: inline-block; width: 140px; color: #949494; line-height: initial; padding: 4px 4px 4px 0px;}
div.app_messaging .wrapperProfiles ul li.active .status{border: 2px solid #CDE4F7;}

div.app_messaging .wrapperProfiles ul li:hover{cursor:pointer;background-color:#EBF3F9}
div.app_messaging .wrapperProfiles ul.menuRecents li:hover .msgCounter{display: none;}

div.app_messaging .wrapperProfiles ul li.active{background-color:#CDE4F7;}
div.app_messaging .wrapperProfiles ul li.active .msgCounter{background-color:#0B5085; color: #fff;}
div.app_messaging .wrapperProfiles li .delete{opacity: 0; background-position: -426px -28px; position: absolute; right: 16px; top: 16px; width: 20px; height: 20px; z-index: 1;}
div.app_messaging .wrapperProfiles li:hover .delete{opacity:.3;}
div.app_messaging .wrapperProfiles li .delete:hover{opacity:.8;}

div.app_messaging .wrapperProfiles ul.menuFavorites {}

div.app_messaging .wrapperProfiles .bulletMoreInfo{display: inline-block; width: 12px; height: 12px; background: url("/Content/SfImgs/fs-selecter-arrow.png") no-repeat scroll 1px 5px / 9px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); margin: 0 4px -1px -5px;}
div.app_messaging .wrapperProfiles .bulletMoreInfo.on{transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); background-position: 3px 4px;}

div.app_messaging .wrapperProfiles .favoriteIcon{width: 13px; height: 13px; float: left; margin-right: 4px; margin-top: 6px; background-position: -462px -8px;margin-left: 5px;}
div.app_messaging .wrapperProfiles .recentsIcon{width: 13px; height: 13px; float: left; margin-right: 4px; margin-top: 6px; background-position: -477px -7px;margin-left: 5px;}

div.app_messaging .uploadedFile{min-width:28.5% !important}
div.app_messaging .sliderWrapper{float: right; width: 50px; margin: 11px 5px 14px 0px;}
div.app_messaging .sliderWrapper div{padding: 0!important; background-color:#353434!important; border: solid 1px #fff!important;}
div.app_messaging .sliderWrapper div a{border: 1px solid #c0c1c1 !important;}
div.app_messaging .calling{animation:latir linear .5s infinite alternate;-moz-animation:latir linear .5s infinite alternate;-webkit-animation:latir linear .5s infinite alternate}

div.app_messaging ul.toasterChat {background-color:#fff;border:1px solid #ccc;top:30px;font-size:12px;right:-7px;list-style:none outside none;padding: 0; position:absolute;text-align:right;z-index:100;display:none}
div.app_messaging ul.toasterChat li {margin-bottom:5px;text-align:left}
div.app_messaging ul.toasterChat li:hover {cursor:pointer;color:#5078EE}

div.app_messaging .wrapperTextarea ul li:hover{background-color: #F3F2F2;}

div.app_messaging .wrapperTextarea .toaster ul.toggle{opacity: 0;position: absolute; padding: 0; list-style: none; border-radius: 5px; font-size: 12px; background-color: #fff; border: 1px solid #ccc; box-shadow: 0px 2px 16px -9px; overflow: hidden; bottom: 30px; left: 10px; visibility: hidden;transition:all 0.5s ease;z-index: 1060;}
div.app_messaging .wrapperTextarea .toaster ul.toggle li{padding: 14px 22px 14px 20px;white-space: nowrap;cursor: pointer;}
div.app_messaging .wrapperTextarea .toaster ul.toggle li.ico{padding: 14px 45px 14px 15px;}
div.app_messaging .wrapperTextarea .toaster ul.toggle li.ico span{width: 18px; height: 18px; float: left; margin-right: 7px;}

div.app_messaging .wrapperTextarea .toaster ul.toggle li.ico.scheduleMeeting span{background-position: -104px -33px;margin-top: -2px;}
div.app_messaging .wrapperTextarea .toaster ul.toggle li.ico.startMeeting span{background-position: -104px -56px;margin-top: -2px;}
div.app_messaging .wrapperTextarea .toaster ul.toggle li.ico.hangoutsConference span{background-position:-104px -79px;}
div.app_messaging .wrapperTextarea .toaster ul.toggle li.ico.shareDropbox span{background-position:-104px -102px;}
div.app_messaging .wrapperTextarea .toaster ul.toggle li.ico.sendFile span{background-position:-104px -123px;}
div.app_messaging .wrapperTextarea .toaster ul.toggle li.ico.createEvent span{background-position: }

div.app_messaging .wrapperTextarea .toaster.on ul.toggle {visibility: visible;opacity: 1;bottom: 55px}
div.app_messaging .wrapperTextarea .btnMore{width: 100%; height: calc(100% - 5px); color: #5078EE; font-size: 31px; text-align: center;cursor: pointer;transition:transform 0.3s ease;-webkit-transition:transform 0.3s ease;-moz-transition:transform 0.3s ease;-ms-transition:transform 0.3s ease;}

div.app_messaging .wrapperTextarea .toaster.on .btnMore{transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);}

.wrapperTextarea{border-top: 1px solid #EAEAEA; bottom: 0; padding: 0; position: absolute; left: 0; right: 0; height: 48px;} /* height 48px */
.wrapperTextarea textarea{font-size: 13px;resize: none!important; margin-top: 17px; border: initial; margin-left: 44px; width: calc(100% - 98px); max-height: 200px;}
.wrapperTextarea .toaster{width: 50px; height: 45px; position: absolute; top: 4px; left: 0;}
.wrapperTextarea .menuToaster{bottom:46px;top:initial;right:-122px;}
.wrapperTextarea textarea:focus{border: none!important;}

.wrapperTextarea .emotic{position: absolute; right: 15px; width: 28px; height: 29px; top: 9px; background-position: -68px -27px; cursor: pointer;}
.wrapperTextarea .emotic:hover{background-position: -574px -132px;}
.wrapperTextarea .emotic.on{background-position: -574px -132px;}

.wrapperTextarea .emotic div.toggle{display: none;background-color: #fff; position: absolute; right: 5px; bottom: 55px; border: 1px solid #CACACA; width: 290px; height: 260px; border-radius: 10px; padding: 20px;}
.wrapperTextarea .emotic.on div.toggle{display:block;}

.wrapperTextarea .emotic .emojiCat{float: left;width: 290px;}
.wrapperTextarea .emotic .emojiCat li{float: left;display: inline; width: 30px; height: 26px; margin-right: 7px;}
.wrapperTextarea .emotic .emojiCat li:hover{background-color: transparent;}
.wrapperTextarea .emotic .emojiCat li:last-child{margin-right: 0;}
.wrapperTextarea .emotic .emojiCat li.on{border-bottom: solid 2px #5078EE;}

.wrapperTextarea .emotic .emojiCat li.recent{background-position:-176px 0px;}
.wrapperTextarea .emotic .emojiCat li.people{background-position: -173px -1px;}
.wrapperTextarea .emotic .emojiCat li.nature{background-position: -203px -1px;}
.wrapperTextarea .emotic .emojiCat li.food_drink{background-position: -235px -2px;}
.wrapperTextarea .emotic .emojiCat li.celebration{background-position: -265px -1px;}
.wrapperTextarea .emotic .emojiCat li.activity{background-position:-297px 0px;}
.wrapperTextarea .emotic .emojiCat li.travel_places{background-position: -331px 0px;}
.wrapperTextarea .emotic .emojiCat li.flags{background-position: -364px 0;}
.wrapperTextarea .emotic .emojiCat li.objects_symbols{background-position: -391px 0;}

.wrapperTextarea .emotic .emojiCat li.recent.on{background-position:-176px -26px;}
.wrapperTextarea .emotic .emojiCat li.people.on{background-position: -173px -27px;}
.wrapperTextarea .emotic .emojiCat li.nature.on{background-position: -203px -27px;}
.wrapperTextarea .emotic .emojiCat li.food_drink.on{background-position: -235px -28px;}
.wrapperTextarea .emotic .emojiCat li.celebration.on{background-position: -265px -27px;}
.wrapperTextarea .emotic .emojiCat li.activity.on{background-position:-297px -26px;}
.wrapperTextarea .emotic .emojiCat li.travel_places.on{background-position: -331px -26px;}
.wrapperTextarea .emotic .emojiCat li.flags.on{background-position: -364px -26px;}
.wrapperTextarea .emotic .emojiCat li.objects_symbols.on{background-position: -391px -26px;}

.wrapperTextarea .emotic .emojiCat li a{display: block; float: left; width: 100%; height: 100%;}
.wrapperTextarea .emotic .navigationBar{width: 100%; height: 5px; background-color: #eaeaea; float: left; margin-top: 11px; border-radius: 24px; position: relative;}
.wrapperTextarea .emotic .navigationBar .anchor{position: absolute; width: 30px; height: 5px; background-color: #5078EE; border-radius: 10px; left: 28px; border: 3px solid #fff; top: -3px;}

.wrapperTextarea .emotic .emojiList{margin-top: 38px; height: 225px;width: 295px;}
.wrapperTextarea .emotic .emojiList.ready li{background-image: url(/Content/SfImgs/emojione.sprites2.png);}

.wrapperTextarea .emotic .generalLoader{top: 50%;}

[class*=apple-]{width: 23px;height: 23px;margin: 6.6px;}

/* uploadTooltip */
.wrapperTextarea .uploadTooltip {background-color:#068dd1; position: absolute; right: 24px; bottom: 81px; color: white; font-size: 14px; padding: 11px; min-width: 210px;}
.wrapperTextarea .uploadTooltip .closeThis{width: 16px; height: 16px; background: black; float: right; margin: -6px -6px 0 0;}
.wrapperTextarea .uploadTooltip .title{margin-bottom: 7px;}
.wrapperTextarea .uploadTooltip ul{ margin-right: 30px;}
.wrapperTextarea .uploadTooltip li{margin-bottom: 3px; font-size: 13px;}
.wrapperTextarea .uploadTooltip .arrowBottom{background-color:#068dd1; width: 10px; height: 10px; position: absolute; right: 16px; bottom: -5px; -webkit-transform: rotate(-45deg);}

@keyframes latir{0{opacity:.3}100%{opacity:1}
}
@-moz-keyframes latir{0{opacity:.3}
100%{opacity:1}
}
@-webkit-keyframes latir{0{opacity:.3}
100%{opacity:1}
}
@-ms-keyframes latir{0{opacity:.3}
100%{opacity:1}
}

.btnIsOnCall{background-position: -94px 5px; background-color: #e5bf6d;}
.btnTransfer{background:none repeat scroll 0 0 #5078EE !important;background-position:5px 4px !important}
.btnPause{background:none repeat scroll 0 0 #aaa !important;background-position:-29px 4px !important}
.btnMute{background:none repeat scroll 0 0 #58ccdb !important;background-position:-63px 4px !important}
.btnMute.on{background-position:-63px -25px !important}
.btnPhoneDial{border-radius:20px !important}
div.outgoingCallModal ul.dial{height:256px;list-style:none outside none;padding:10px;width:194px}
div.modalPhone div.phoneCallInfo{height:82px;list-style:none outside none;padding:97px 10px;width:193px;background-color:#fff}
.phoneCallInfo p{line-height:28px;text-align:center}
div.outgoingCallModal ul.dial li{border: 1px solid #EAEAEA; border-radius: 50%; box-shadow: 0 1px 0 #fff,0 1px 0 #fff inset; float: left; font-size: 20px; font-weight: bold; height: 32px; margin: 5px; padding: 7px 10px 13px 10px; text-align: center; width: 32px; transition: all .1s linear; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -ms-transition: all .1s linear; color: #5A5A5A;}
div.outgoingCallModal ul.dial li:hover{cursor:pointer;color:#5078EE;border:1px solid #5078EE}
div.outgoingCallModal ul.dial li:active{background-color:#f4f9fd;border-color:#5078EE;box-shadow:none}
ul.dial span{color:#444;display:inherit;font-size:10px;font-weight:normal}
.callPhone{width:20%;position:fixed;top:50px;right:50px;z-index:1000;display:none}
.phoneDial img, .callPhone img{width:100%}
.closeCallPhone{height:26px;position:absolute;right:20px;top:22px;width:26px}
.closeCallPhone:hover{cursor:pointer}
    /* dialOpen */
    div.modalPhone .dialOpen.phoneCallInfo{height:25px;padding:10px 10px 0 10px;background-color:#f1f2f2;}
    div.modalPhone .dialOpen.phoneCallInfo p.calling.user{width:120px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;float:left;}
    div.modalPhone .dialOpen.phoneCallInfo p.calling.status{display:none;}
    div.modalPhone .dialOpen.phoneCallInfo p.callTime{float:right;width:initial;margin-right:5px;text-align:left;}

div.msgWrapper{overflow: hidden; padding: 0px; bottom: 49px; position: absolute; left: 2px; right: 0px; top: 0px;padding-bottom: 10px;}
div.messegesList{list-style: none outside none; width: 100%;}
div.messegesList .imgProfile{overflow: hidden; margin-right: 15px;margin-top: 6px;}
div.messegesList .msgName{padding: 5px 0 0 0px; font-size: 15px; float: left;font-weight: 600;}
div.messegesList .msgName:hover{color:#5078EE; cursor:pointer;}
div.messegesList .msgName .msgTime{display: inline-block; color: #7b7b7b; font-size: 11px; margin-left: 3px;font-weight: 500;}
div.messegesList .message{overflow: hidden; color: #636363; font-size: 14px; padding:5px 0 8px 0; width: calc(100% - 120px); padding-bottom: 0; padding-right: 64px;}
div.messegesList .message a{color: #5078EE;}
div.messegesList .message:last-child{padding-bottom: 15px;}

div.messegesList .message .txt{float: left; position: relative; max-width: calc(100% - 0px); /*white-space: pre-wrap;*/ word-wrap: break-word; line-height: 16px;line-height: 20px;}
div.messegesList .message .txt:hover .msgTime {display:inline-block;}
div.messegesList .line{background-color:#e9e9e9; height: 1px; width: 170px; margin-left: 50px; display: none}
div.messegesList .message .msgTime, div.messegesList .attachType .msgTime{color: #7B7B7B; display: none; font-size: 11px; padding: 1px 7px 0px 7px; position: absolute; left: -47px; top: 0;}
div.messegesList .attachType .msgTime{top: 1px; left: -48px;}
div.messegesList .message .msgTime:hover, div.messegesList .attachType:hover .msgTime {display:inline-block;}
div.messegesList .message .msgTime:hover, div.messegesList li.first .attachType:hover .msgTime {display:none;}

div.messegesList .message.notifications{color: #5078EE;padding-left: 11px!important; margin: 2px 0 12px 0;}
div.messegesList .message.notifications .ico{display: inline-block; width: 19px; height: 19px; margin: 0px 7px -4px 9px;}
div.messegesList .message.notifications .txtNotification{color:#5078EE;}
div.messegesList .message.notifications .txtNotification span.bold{}
div.messegesList .message.notifications .ico.addMember{background-position: -494px 0px;}
div.messegesList .message.notifications .ico.changeAvatar{background-position: -517px 0px;}
div.messegesList .message.notifications .ico.changeGroupName{background-position: -537px 0px;}
div.messegesList .message.notifications .ico.createdGroup{background-position: -556px 0px;}
div.messegesList .message.notifications .ico.leftGroup{background-position: -576px 0px;}
div.messegesList .message.notifications .ico.updateGroup{background-position: -128px -2px;}

div.slaveContent .uploadingFile{position: absolute;top:-46px;width: 100%;height: 40px;;z-index: 2;padding: 3px 0px;transition:top 0.5s ease;-webkit-transition:top 0.5s ease;overflow: hidden;}
div.slaveContent .uploadingFile.uploading{background: rgba(0,130,201,.93);}
div.slaveContent .uploadingFile.successful{background: rgba(13,196,90,.93);}
div.slaveContent .uploadingFile.failed{background: rgba(209,83,82,.93);}
div.slaveContent .uploadingFile.on{top:0;transition:background-color 0.5s ease, top 0.5s ease;}

div.slaveContent .uploadingFile .ico{float: left;width: 29px;height: 26px;margin-left: 13px;margin-top: 5px;}
div.slaveContent .uploadingFile .ico{float: left;width: 29px;height: 26px;margin-left: 13px;margin-top: 5px;}
div.slaveContent .uploadingFile.uploading .ico{background: url('/Content/SfImgs/uploadingFile.gif');background-repeat: no-repeat;background-size: 21px;background-position: 9px 0px;}
div.slaveContent .uploadingFile.successful .ico{background: url('/Content/SfImgs/spriteUploadingFile.png');background-repeat: no-repeat;background-size: 49px;background-position: -21px 2px;}
div.slaveContent .uploadingFile.failed .ico{background: url('/Content/SfImgs/spriteUploadingFile.png');background-size: 49px;background-position: 9px 2px;background-repeat: no-repeat;}

div.slaveContent .uploadingFile .text{float: left;line-height: 40px;margin-left: 12px;font-size: 14px;color: #fff; max-width:540px;}
div.slaveContent .uploadingFile .text span{float: left;line-height: 40px;margin-left: 12px;font-size: 14px;color: #fff;}
div.slaveContent .uploadingFile .btnAction{opacity:.5;float: right;height: 14px;width: 14px;color: #fff;background: url('imgs/close.png') no-repeat;background-position: -15px 0;margin: 12px 15px 0px 0px;cursor: pointer;transition:opacity 0.5s ease;-webkit-transition:opacity 0.5s ease;}
div.slaveContent .uploadingFile.uploading .btnAction{display: none;}

div.slaveContent .uploadingFile .cancelUploading{float: left;font-size: 14px;margin-left: 15px;line-height: 31px;margin-top: 5px;cursor: pointer;color: #fff;opacity: 0.9;text-decoration: underline;}

div.messegesList ul{list-style:none; overflow: hidden;}
div.messegesList ul.msgSent{background-color:#f4f9fd}

div.messegesList li{padding: 12px; overflow:hidden;margin-left: 14px;}
div.messegesList li.first {padding: 5px 0 0 12px;}
div.messegesList li.first div.attachType  {margin-left:0;}
div.messegesList li.after {padding: 0 0 0 12px;}
div.messegesList li.after div.imgProfile{display:none;}
div.messegesList li.after .msgName{display:none;}
div.messegesList li.after .message{padding-left: 51px; }

div.messegesList ul.colorTransparent{border-left:solid 2px transparent;}
div.messegesList ul.colorAttachMini{background-color:#f3f6fc;}
div.messegesList ul.color_1{border-left:solid 2px #cf5250;}
div.messegesList ul.color_2{border-left:solid 2px #e8ad3c;}
div.messegesList ul.color_3{border-left:solid 2px #3caac8;}
div.messegesList ul.color_4{border-left:solid 2px #6ca94d;}
div.messegesList ul.color_5{border-left:solid 2px #5078EE;}
div.messegesList ul.color_6{border-left:solid 2px #e75e23;}
div.messegesList ul.color_7{border-left:solid 2px #ac629d;}
div.messegesList ul.color_8{border-left:solid 2px #e00052;}
div.messegesList ul.color_9{border-left:solid 2px #98bd29;}
div.messegesList ul.color_10{border-left:solid 2px #00577c;}
div.messegesList ul.color_11{border-left:solid 2px #20cd80;}
div.messegesList ul.color_12{border-left:solid 2px #f46e9a;}
div.messegesList ul.color_13{border-left:solid 2px #ae7e19;}
div.messegesList ul.color_14{border-left:solid 2px #eaba7c;}
div.messegesList ul.color_15{border-left:solid 2px #c4acce;}
div.messegesList ul.color_16{border-left:solid 2px #b08a7b;}
div.messegesList ul.color_17{border-left:solid 2px #c3c6aa;}
div.messegesList ul.color_18{border-left:solid 2px #87dadf;}
div.messegesList ul.color_19{border-left:solid 2px #4760b4;}
div.messegesList ul.color_20{border-left:solid 2px #8a3e47;}
div.messegesList ul.color_21{border-left:solid 2px #bb2255;}
div.messegesList ul.haveAttached{background-color:#f2f8fe;}

div.messegesList div.moreMsg{background-color:#f3fafe; text-align: center; padding: 10px 0; width: 100%; font-size: 13px; color: #5078EE;}

div.attachType{font-size: 14px; position: relative; background-position: 0px -140px;; background: #edf6fd; float: left; padding: 0; border-radius: 4px; margin: 5px 0 6px 51px; width: 300px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease;}

div.attachType.mini:hover{background-color: rgba(0,0,0,0.08);}
div.attachType:hover{background-color: #D9EAFA;}
div.attachType:hover .acction{opacity: 1;margin-top: -10px;}

div.attachType.imgPreview:hover{background-color: #fff;}
div.attachType .size{display: block; width: calc(100% - 155px); float: left; margin-top: 2px; font-size: 13px;}
div.attachType .name{float: left; width: calc(100% - 155px); color: #2EA6FA; margin-top: 15px; }
div.attachType .name .txt{max-width: calc(100% - 4px); display: inline-block;}
div.attachType .acction{width: 22px; margin-top: -23px; margin-right: 16px; cursor: pointer; height: 22px; float: right; background-position: -424px -2px; transition: all 0.5s ease; opacity: 0;}
div.attachType .acction span{display: none;}
div.attachType .ticks{top: -18px!important;}

div.attachType .img{background: url('/Content/SfImgs/spiteIconsFilesTypes.png'); width: 36px; height: 48px; float: left; margin-left: 12px; margin-top: 10px;}
div.attachType .background{background-color: #d9eafa; width: 59px; height: 68px; float: left; margin-right: 15px;border-radius: 3px 0 0 3px;}
div.attachType .img.fileCalc{background-position: 0px 0px;}
div.attachType .img.fileImage{background-position: -50px 0px;}
div.attachType .img.filePdf{background-position: -100px 0px;}
div.attachType .img.filePpt{background-position: -150px 0px;}
div.attachType .img.fileDoc{background-position: -201px 0px;}
div.attachType .img.fileVideo{background-position: -251px 0px;}
div.attachType .img.fileMp3{background-position: -304px 0px;}
div.attachType .img.fileOther{background-position: -355px 0px;}
div.attachType .img.fileRar{background-position: -407px 0px;}
div.attachType .img.shareDropbox{background-position: -505px 0px;}
div.attachType.sizeOff .size{display:none;}
div.attachType img{display:none;}

div.attachType.uploading .img.uploading{background: url('/Content/SfImgs/uploadingFile.gif'); background-size: 44px 63px; background-position: -4px -8px;}
div.attachType.uploading .img.uploadingFail{background-position: -454px 0px;}
div.attachType.uploading .name{margin-top:8px;}
div.attachType.uploading .size{display:none}
div.attachType.uploading .acction.cancelUpload{background:url('/Content/SfImgs/icoCancel.png'); background-repeat: no-repeat; background-position: 0px 1px;}
div.attachType.uploading .acction.uploadAgain{background:url('/Content/SfImgs/icoRefresh.png'); background-repeat: no-repeat; background-position: 0px 1px;}

div.attachType.mini{width: 300px; background-color: rgba(0,0,0,0.04);}
div.attachType.mini .background{background-color: transparent;}
div.attachType.mini .img{background: url('/Content/SfImgs/spriteChatFilesMedium.png'); background-repeat: no-repeat; height: 33px; width: 33px; margin: 15px 14px 14px 24px;}
div.attachType.mini .img.hangout{background-position: 2px 0px;}
div.attachType.mini .img.startMeeting{background-position: 2px -38px;}
div.attachType.mini .img.event{background-position: 2px -79px;}
div.attachType.mini .img.scheduleMeeting{background-position: 2px -118px;}
div.attachType.mini .name{width: calc(100% - 75px); color: #383838; margin-top: 23px; margin-bottom: 8px; float: left;}
div.attachType.mini .size{display:none;width: calc(100% - 60px);}
div.attachType.mini .acction{width:auto;color: #2EA6FA; margin-top: -1px; margin-bottom: 0px; background: none; padding: 0;}
div.attachType.mini .acction:hover{color: #5078EE;}

div.attachType .downloadAction{width: 100%;height: 100%;position: absolute;cursor: pointer;}
div.attachType.imgPreview .downloadAction{display: none;}

div.attachType.imgPreview{background: initial; border-radius: 0; margin: 12px 0px 12px 51px;}
div.attachType.imgPreview  .background{background-color: initial; width: initial; height: initial; margin: initial; float: initial;}
div.attachType.imgPreview .img{display: none;}
div.attachType.imgPreview .name{display:none;width: 100%; font-size: 12px; margin-bottom: 6px; margin-top: 0;}
div.attachType.imgPreview .name .icoPreview{width: 12px; height: 12px; float: left; margin: 2px 3px 0 0; background-position: -103px -124px;}
div.attachType.imgPreview div.fireImgView{max-width: 400px;position:relative; height: 200px; min-width:1px; display:block;  float: left; cursor:pointer;border-radius: 3px;overflow: hidden;}
div.attachType.imgPreview div.fireImgView img{display:block; height: 200px; float: left; cursor:pointer;}
div.attachType.imgPreview div.hover{position:relative; display: none; background-image: url('/Content/SfImgs/search@2x.png'); background-color: rgba(0,0,0,.75); position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-size: 30px 30px; background-position: 50%; }
div.attachType.imgPreview a.downloadLink{display: none; width: 22px; height: 22px; position: absolute; bottom: 5px; right: 5px; background-position: -501px -26px; margin: 0 10px 6px 0;}
div.attachType.imgPreview a.downloadLink:hover{background-position: -475px -26px;}
div.attachType.imgPreview div.fireImgView:hover a.downloadLink{display:inline-block;}
div.attachType.imgPreview div.fireImgView:hover div.hover{display:block;}
div.attachType.imgPreview .size{display: none;float: left; width: auto; margin-right: 10px; clear: both; margin-top: 7px;}
div.attachType.imgPreview .acction{display:none;float: left; margin-top: 7px; width: 15px; height: 15px; background-size: 630px 630px!important; background-position: -266px 0px;opacity: 1;}

div.attachType.imgPreview .acction span{display: none; margin-left: 18px; width: 140px;}
div.attachType.imgPreview .acction span:hover{color: #5078EE;}

div.overlayPhotoVisor{background-color: rgba(0,0,0,.9); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 101;}
div.overlayPhotoVisor .wrapperImage{width: 90%; margin: auto; text-align: center; top: 40%; transform: translate(-50% , -52%); position: absolute; left: 50%; height: 64%;}
div.overlayPhotoVisor img{opacity: 0;text-align: center; top: 50%; transform: translate(-50% , -50%); position: absolute; left: 50%; max-width: 100%; max-height: 100%;}
div.overlayPhotoVisor .generalLoader{position: absolute; left: calc(50% - 20px); top: calc(50% - 30px);}

div.overlayPhotoVisor .close{float: none; text-shadow: initial; color: #cacaca; position: absolute; right: 11px; top: 9px; opacity: .5; font-weight: initial; font-size: 23px; cursor: pointer; width: 20px; height: 20px;background-image: url('/Content/SfImgs/closeCustomerRight@2x.png');background-size: 40px;}
div.overlayPhotoVisor .close:hover{opacity:1;}
div.overlayPhotoVisor .info{ display: none; width: 600px; position: absolute; bottom: -27%; left: calc(50% - 300px); text-align: center;}
div.overlayPhotoVisor .info .name, div.overlayPhotoVisor .info .size, div.overlayPhotoVisor .info .download {display: inline-block; color: #C1C1C1; margin-right: 10px; font-size: 14px;}
div.overlayPhotoVisor .info .name {margin-left: 20px; width: 560px; margin-bottom: -4px;}
div.overlayPhotoVisor .info .size{font-size: 11px;}
div.overlayPhotoVisor .info .download{background: none repeat scroll 0 0 #5078EE; width: 140px; display: block; margin-left: calc(50% - 70px); margin-top: 8px; padding: 7px 6px; border-radius: 20px; color: #fff; cursor: pointer;text-decoration: none;}
div.overlayPhotoVisor .info .download:hover{text-decoration:none;background: none repeat scroll 0 0 #1166b9;}

div.messegesList ul.userTyping{padding: 0px 0 0px 14px; background-image: url("/Content/SfImgs/isTyping@2x.gif"); background-repeat: no-repeat; margin-top: 5px; background-position: 0 2px;background-size: 16px 16px;margin-left: 18px;}

div.messegesList ul.userTyping .loaderBtnModal{overflow: hidden; float: left; padding-top: 2px; margin-left: 16px;}
div.messegesList ul.userTyping span{font-weight: bold; display: inline-block; margin: 0 8px;}

div.msgWrapper div.loadPreviousMessages{padding: 13px 0 8px 0; text-align: center; color: #007fce; font-size: 15px; margin-right: -14px; cursor: pointer; width: 99.95%; }

div.messegesList div.daleLimiter{padding: 0; font-size: 15px; margin-right: 15px; width: 100%; text-decoration: line-through; border-bottom: solid 1px #5078EE; height: 9px; margin-bottom: 28px; margin-top: 22px;}
div.messegesList div.daleLimiter .value{display: inline-block;  margin: 0; font-weight: 600; font-size: 14px; color: #5078EE; background-color: #fff; padding: 1px 15px 0 0;}

div.messegesList ul.readStatus li .noBreak{display: inline-block; position: relative;}
div.messegesList ul.readStatus li .ticks{display: none; position: absolute; background-image: url('/Content/SfImgs/msgReadInfo@2x.png'); width: 23px; height: 17px; background-size: 100%; left: 1px; top: -14px;}
div.messegesList ul.readStatus li .ticks .reSend{width:64px;background-color:#5078EE;padding:3px 10px 1px 10px;text-align:center;border-radius:12px;font-size:13px;cursor:pointer;margin-left:22px;display:none;margin-top:-2px;color:#FFF;transition:background .2s ease;-webkit-transition:background .2s ease;}
div.messegesList ul.readStatus li .ticks .reSend:hover{background-color:#016ea9;}
div.messegesList ul.readStatus.sent li .ticks{display:inline-block; background-position: -3px 1px;}
div.messegesList ul.readStatus.delivered li .ticks{display:inline-block; background-position: -3px -14px;}
div.messegesList ul.readStatus.readFew li .ticks{display:inline-block; background-position: -3px -29px;}
div.messegesList ul.readStatus.readAll li .ticks{display:inline-block; background-position: -3px -44px;}
div.messegesList ul.readStatus.error li .ticks{display:inline-block; background-position: -4px -64px;}
div.messegesList ul.readStatus.error li .ticks:hover .reSend {display:inline-block;}
div.attachType.imgPreview .noBreak{}

#btnChat{color:#5078EE;left:-1px}
#btnSms{color:#5aa475;left:75px}

/* APP LOBBY CHAT*/
div.slaveHeader.messagingLobby .right{float: right; width: 352px; height: 84px; border-left: 1px solid #EAEAEA; margin-top: -15px; padding: 15px 0px 15px 15px; box-sizing: border-box;}
/*div.slaveHeader.messagingLobby .left{float: left; position: absolute; right: 357px; left: 235px;}*/
div.slaveHeader.messagingLobby .left{float: left; position: absolute; right: 0; left: 235px;}
div.slaveHeader.messagingLobby ul.wrapperBtn.wrapperActionsCombo{height: 32px; width: 180px; float: right; margin: 5px 10px 0 0px; padding: 0; box-sizing: border-box;}
/*div.slaveHeader.messagingLobby .attach {border-left: 1px solid #EAEAEA; margin: -15px 0 0px 9px; height: 70px; width: 341px;}
div.slaveHeader.messagingLobby .attach h1{margin: 15px 75px 0 37px;}
div.slaveHeader.messagingLobby ul.wrapperBtn.attach input{margin-top: 25px;}*/

div.slaveContent.messagingLobby ul.boxUser{float: left; overflow: hidden; width: 100%; padding: 15px 0px 0 0px;}
div.slaveContent.messagingLobby ul.boxUser .userContainer{position:relative; display: block;}
div.slaveContent.messagingLobby ul.boxUser li{float: left; width: 20%; overflow: hidden; text-align: center; padding-bottom:20px;cursor:pointer;position: relative;height: 170px;}

div.slaveContent.messagingLobby ul.boxUser .imgProfile{display: inline-block; height: 100px; margin-top: 16px; border-radius: 50px; margin-right: initial; float: initial;margin-bottom: 4px;}
div.slaveContent.messagingLobby ul.boxUser .imgProfile img{width: 100%; height: 100%; border-radius: 100px;}
div.slaveContent.messagingLobby ul.boxUser .name{font-size: 13px; margin: 7px 0 1px 0; display: table; margin: 9px auto 0px;transition: all .2s ease; -webkit-transition: all .2s ease;}
div.slaveContent.messagingLobby ul.boxUser .name .txt{display: inline-block; float: left;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width: 120px;}
div.slaveContent.messagingLobby ul.boxUser .name .favorite{display: inline-block; width: 12px; height: 12px; cursor:pointer; margin: 0 0 0 4px; background-image: url('/Content/SfImgs/favorite@2x.png'); background-repeat: no-repeat; background-position:0px 0px; background-size: 200%; opacity: .4; float: left;}
div.slaveContent.messagingLobby ul.boxUser .name .favorite:hover{background-position:-12px 0px;}
div.slaveContent.messagingLobby ul.boxUser .name .favorite.on{background-position:-12px 0px; opacity: 1;}

div.slaveContent.messagingLobby ul.boxUser .msgCounterLobby{border-radius: 18px; border: solid 3px #fff; position: absolute; color: #fff; background-color: #5078EE; font-size: 12px; padding: 4px 8px; left: calc(50% - 48px); bottom: 71px; transition: all .2s ease; -webkit-transition: all .2s ease;}
div.slaveContent.messagingLobby ul.boxUser .msgCounterLobby.empty{display:none;}

div.slaveContent.messagingLobby ul.boxUser.boxGroups{float:right; width: 320px;}
div.slaveContent.messagingLobby ul.boxUser.boxGroups li{width: 50%;padding-bottom: 0; position:relative;}
div.slaveContent.messagingLobby ul.boxUser.boxGroups li:hover .imgProfile.createGroup{background-color:#e7e7e7;border-color:#000;}
div.slaveContent.messagingLobby ul.boxUser.boxGroups li:hover .imgProfile.createGroup .initials{color:#000;}
div.slaveContent.messagingLobby ul.boxUser.boxGroups .members{font-size: 12px; margin-bottom: 7px;transition: all .2s ease; -webkit-transition: all .2s ease;}
div.slaveContent.messagingLobby ul.boxUser.boxGroups .imgProfile.createGroup{border: dashed 1px #000; width: 100px; height: 100px;}
div.slaveContent.messagingLobby ul.boxUser.boxGroups .imgProfile.createGroup .initials{color: #acacac;font-size: 60px; font-weight: 300; padding-top: 5px;}
div.slaveContent.messagingLobby .verticalLine{position: fixed; right: 351px; top: 73px; bottom: 0; width: 1px; background-color: #EAEAEA;}
div.slaveContent.messagingLobby .jspPane{}

/* APP VOICEMIAL */
div.slaveContent.voicemailApp table.genaralList tbody td .txt{display: inline-block;}
div.slaveContent.voicemailApp table.genaralList tbody td .copyThisToClipboard{position: relative;height: 14px;}

/* MENU LEFT */
.menuLeftList{    list-style: none; border-bottom: 2px solid #dcdcdc; display: table; width: 100%;}

.menuLeftList li{float: left; font-size: 14px; padding: 22px 50px 19px 50px; transition: background-color .1s linear, opacity .1s linear, color .1s linear; -webkit-transition: background-color .1s linear, opacity .1s linear, color .1s linear; -moz-transition: background-color .1s linear, opacity .1s linear, color .1s linear; -ms-transition: background-color .1s linear, opacity .1s linear, color .1s linear; border-bottom: 2px solid #dcdcdc; text-align: center; text-transform: uppercase; font-size: 12px; margin: 0px 0 -2px 0px;}
.menuLeftList .newCounter{background-color: #5078EE; border-radius: 35px; font-size: 12px; margin-left: 6px; min-width: 12px; padding: 3px 7px; text-align: center; color: #FFF; box-sizing: border-box;}
.menuLeftList li:hover{background-color:#e0f2ff;cursor:pointer;}
.menuLeftList li.selected{border-bottom: 2px solid #5078EE;font-weight: 600;}
.menuLeftList li.selected .newCounter{background-color:#5078EE;}

/*.menuLeftList.twoTabs li{width: 50%; box-sizing: border-box;}*/
/*.menuLeftList.threeTabs li{width: 33.3333%; box-sizing: border-box;}*/
/*.menuLeftList.fourTabs li{width: 25%; box-sizing: border-box;}*/

/* APP DEVICES */
.slaveContent.sectionDevices{padding: 15px; right: -3px;}
.slaveContent.sectionDevices h1{display: block; line-height: initial; margin-top: 15px; margin-bottom: 5px;margin-left: 20px;}
.slaveContent.sectionDevices h2{font-size: 14px; margin-left: 20px; font-weight: 300; display: block; line-height: initial; color: #888888; margin-bottom: 17px; width: calc(100% - 90px);}
.slaveContent.sectionDevices ul.devicesWrapper{float: left; margin-bottom: 15px; width: 100%;}
.slaveContent.sectionDevices ul.devicesWrapper li.li{position: relative; border: solid 1px #c1c1c1; float: left; border-radius: 6px; margin: 0 20px 10px 20px; width: calc(100% - 32px);font-size: 14px;padding: 0 0 10px 0;}
.slaveContent.sectionDevices ul.devicesWrapper li.li.off {border: solid 1px #e8e8e8;}
.slaveContent.sectionDevices ul.devicesWrapper li.li.off *{opacity:.5;}
.slaveContent.sectionDevices ul.devicesWrapper li.li.off .img{opacity:1;}
.slaveContent.sectionDevices ul.devicesWrapper li.li.off .checkboxSwitcher{opacity:1;}
.slaveContent.sectionDevices ul.devicesWrapper li.li.off .checkboxSwitcher div{opacity:1;}
.slaveContent.sectionDevices ul.devicesWrapper li.li.off .checkOut{opacity:initial;}
.slaveContent.sectionDevices ul.devicesWrapper .img{float: left; width: 85px; height: 70px; margin: 8px 22px;}

	.slaveContent.sectionDevices ul.devicesWrapper .img svg{display: none;}
	.slaveContent.sectionDevices ul.devicesWrapper .img.pc svg.svg-callHandling-pc{display: block;}
	.slaveContent.sectionDevices ul.devicesWrapper .img.mobile svg.svg-callHandling-mobile{display: block;}
	.slaveContent.sectionDevices ul.devicesWrapper .img.ipPhone svg.svg-callHandling-ipPhone{display: block;}
    .slaveContent.sectionDevices ul.devicesWrapper .img.electron svg.svg-callHandling-electron { display: block; }

.slaveContent.sectionDevices ul.devicesWrapper select-simple .formSelect{}
.slaveContent.sectionDevices ul.devicesWrapper select-simple .formSelect .display{}
.slaveContent.sectionDevices ul.devicesWrapper select-simple .formSelect ul{}
.slaveContent.sectionDevices ul.devicesWrapper select-simple .formSelect ul.ulSearch{height: 34px;box-shadow: initial; border-radius: 4px 4px 0 0;}
.slaveContent.sectionDevices ul.devicesWrapper select-simple .formSelect ul.ulSearch .search{}
.slaveContent.sectionDevices ul.devicesWrapper select-simple .formSelect ul.ulSearch .search input{width: 100%; border: 1px solid transparent; box-sizing: border-box; padding: 7px 0 0 11px; font-size: 12px;}
.slaveContent.sectionDevices ul.devicesWrapper select-simple .formSelect ul.ulSearch .search input:focus{border:none!important;}
.slaveContent.sectionDevices ul.devicesWrapper select-simple .formSelect ul.ulSearch ul.list{top: 28px; border-radius: 0 0 4px 4px; width: 100%; left: -1px;}

.slaveContent.sectionDevices ul.devicesWrapper .type{float: left; margin: 38px 0 0 17px; width: 105px;}
.slaveContent.sectionDevices ul.devicesWrapper .deviceStatus{width: 10px; height: 10px; background-color: #60de57; border-radius: 50%; position: absolute; left: 129px; top: 42px;}
	.slaveContent.sectionDevices ul.devicesWrapper .deviceStatus.red{background-color: #ec2c2c !important;}
	.slaveContent.sectionDevices ul.devicesWrapper .deviceStatus.grey{background-color: #6a6565 !important;}

.slaveContent.sectionDevices ul.devicesWrapper .callerId{float: left; margin-top: 29px; margin-left: 10px; margin-right: 10px; border-left: solid 1px #c1c1c1; padding: 8px 0px 8px 15px;}
.slaveContent.sectionDevices ul.devicesWrapper .formSelect{float: left; margin-top: 26px;}
.slaveContent.sectionDevices ul.devicesWrapper .checkboxSwitcher{float: right; margin-top: 34px;margin-right: 30px;}

/* AJUSTE COMPONENTE PARA SECCION */
.slaveContent.sectionDevices .callHandlingComponent{width: calc(100% - 30px); margin: 15px 0 15px 20px;}

.slaveContent.sectionDevices .add{color: #5078EE; margin-left: 20px; cursor: pointer; border-bottom: 1px solid #eaeaea; padding: 0px 0 22px 0px; margin-bottom: 14px;}
.slaveContent.sectionDevices .add .ico{width: 18px; height: 18px; float: left; margin-right: 6px; background-position: -112px 0;}
.slaveContent.sectionDevices ul.callHandlingSection{margin: 10px 20px 30px 20px; float: left; width: calc(100% - 30px);}
.slaveContent.sectionDevices ul.callHandlingSection li{width: 100%; float: left;}
.slaveContent.sectionDevices ul.callHandlingSection li.off *{opacity: .5;}
.slaveContent.sectionDevices ul.callHandlingSection li.off .img{opacity: 1;}
.slaveContent.sectionDevices ul.callHandlingSection li.off .checkboxSwitcher{opacity: initial;}
.slaveContent.sectionDevices ul.callHandlingSection li.off .checkboxSwitcher div{opacity: initial;}
.slaveContent.sectionDevices ul.callHandlingSection .callFrdwNumber{float: left; margin-top: 3px;margin-right: 14px;}
.slaveContent.sectionDevices ul.callHandlingSection .remove{float: right; margin: 4px 40px 0 0; cursor: pointer;}
.slaveContent.sectionDevices ul.callHandlingSection .remove:hover{color:#FC5145;}
.slaveContent.sectionDevices ul.callHandlingSection .formSelect .display{background-position: 90%;}

.slaveContent.sectionDevices ul.callHandlingSection.callWaiting .img{width: 80px; height: 60px; float: left; background-position: -241px -234px; margin-right: 10px;}
.slaveContent.sectionDevices ul.callHandlingSection.callWaiting .img.clickToCall{background-position: -148px -302px; margin-right: 5px;}

.slaveContent.sectionDevices ul.callHandlingSection.callWaiting .img.localPresence{background-position: -239px -167px; margin-right: 5px;}

.slaveContent.sectionDevices ul.callHandlingSection.callWaiting li{line-height: 50px; padding: 15px 5px 15px 15px; box-sizing: border-box; border: solid 1px #c1c1c1; border-radius: 6px;}
.slaveContent.sectionDevices ul.callHandlingSection.callWaiting li .checkboxSwitcher{float: right; margin-top: 15px;margin-right: 30px;}

.slaveContent.sectionDevices h3{display: block; padding: 0; float: left; width: 100%; margin: -10px 0 0 22px; font-size: 14px; font-weight: 400;}

.slaveContent.sectionDevices .moreOptions{float: left; width: 100%; margin: 10px 0px 35px 20px;}
.slaveContent.sectionDevices .moreOptions .boxLabel{background-color: #F3F3F3; float: left; width: calc(50% - 30px); margin: 0 10px 0 0; border-radius: 4px; padding: 0 0 0 10px;position: relative;}
.slaveContent.sectionDevices .moreOptions .boxLabel label{width: calc(100% - 201px);font-size: 13px;line-height: 37px;margin-bottom: 0;}
.slaveContent.sectionDevices .moreOptions .boxLabel label .haveTooltip{position: absolute; top: 12px;right: 185px;}
.slaveContent.sectionDevices .moreOptions .boxLabel .formSelect{float: right;width: 170px;}
.slaveContent.sectionDevices .moreOptions .boxLabel .formSelect .display{background-color: white;width: 170px;}
.slaveContent.sectionDevices user-screenpop{display: table; margin-bottom: 20px;}
.slaveContent.sectionDevices .callCenterStatus{float: left; width: 100%;}
.slaveContent.sectionDevices .callCenterStatus.halfWidth{width: 50%;height: 90px;}
.slaveContent.sectionDevices .callCenterStatus.halfWidth h3{}
.slaveContent.sectionDevices .callCenterStatus.halfWidth:last-child h3{margin-left: 10px;}
.slaveContent.sectionDevices .callCenterStatus.halfWidth checkbox-container{margin: 0; padding: 0;}
.slaveContent.sectionDevices .callCenterStatus.halfWidth checkbox-container .checkboxContainer{margin: 10px 0 0 20px; width: calc(100% - 20px);}
.slaveContent.sectionDevices .callCenterStatus.halfWidth .formSelect{width: calc(100% - 20px); margin: 15px 0 0 10px; height: 45px;}
.slaveContent.sectionDevices .callCenterStatus.halfWidth .formSelect .display{width: 100%; height: 45px; padding: 14px 24px 7px 12px; background-position: right 12px bottom 18px;}

.slaveContent.sectionDevices checkbox-container .checkboxContainer{background-color: #EBF0FF;width: 50%; height: 43px; float: left; border-radius: 2px; cursor: pointer; position: relative; margin: 8px 0 0 20px;}
.slaveContent.sectionDevices checkbox-container .checkboxContainer *{cursor: pointer;}
.slaveContent.sectionDevices checkbox-container .checkboxContainer .checkSelect{margin: 12px 15px 0 11px!important;float: right;}
.slaveContent.sectionDevices checkbox-container .checkboxContainer label{left: 0;line-height: 20px; color: #333!important; font-size: 13px; background-color: initial;width: calc(100% - 88px)!important;margin: 10px 10px 10px 4px; padding: 0 10px;}
.slaveContent.sectionDevices checkbox-container .checkboxContainer .haveTooltipDefault{right: 55px; position: absolute; top: 13px;}

.slaveContent.sectionDevices .clickToCallSection .formSelect{width: 280px; margin: 14px 0 30px 20px;}
.slaveContent.sectionDevices .clickToCallSection .formSelect .display{width: 100%;}

/* CALL QUEUES */
.slaveContent.sectionCallQueues{}
.slaveContent.sectionCallQueues table.genaralList tbody td.ico.recived{background-position: -424px -158px;}
.slaveContent.sectionCallQueues table.genaralList tbody td.ico.send{background-position: -474px -158px;}
.slaveContent.sectionCallQueues table.genaralList tbody td.ico.lost{background-position: -520px -158px;}

.slaveContent.sectionCallQueues .content{width: 100%; height: 100%; float: left; padding: 10px 30px 30px 23px; box-sizing: border-box;}

.slaveContent.sectionCallQueues .content .queues{width: 100%; overflow: hidden; list-style: none; padding: 0; background-color: transparent!important;}
.slaveContent.sectionCallQueues .content .queues li.queue{margin: 15px 20px 20px 0px;background-color: #F1F3F6!important; width:calc(33.3333% - 68px);float: left;list-style: none;padding: 20px;border-radius: 4px;position: relative;}
.slaveContent.sectionCallQueues .content .queues li.queue .ico{float: left;width: 70px;height: 70px;}
.slaveContent.sectionCallQueues .content .queues li.queue .txt{font-size: 15px;float: left; width: calc(40% - -60px); margin-left: 15px; margin-top: 10px;font-weight: 600;}
.slaveContent.sectionCallQueues .content .queues li.queue .subtitle{font-size: 14px;float: left; width: calc(40% - -60px); margin-left: 15px; margin-top: 4px;}
.slaveContent.sectionCallQueues .content .queues li.queue .actions{position: absolute; right: 0; top: 0; bottom: 0; list-style: none; padding: 23px 20px 25px 20px;}
.slaveContent.sectionCallQueues .content .queues li.queue .actions li{width: 25px; height: 25px; background-color: #5078EE!important; margin-bottom: 10px; cursor: pointer; border-radius: 50%;box-shadow: none;} 

.slaveContent.sectionCallQueues tr .name{} 
.slaveContent.sectionCallQueues tr .via{font-size: 12px; color: #5078EE;} 

.slaveContent.sectionCallQueues .content .queues li.queue .actions li.queuePause{background-position: -530px -91px;} 
.slaveContent.sectionCallQueues .content .queues li.queue .actions li.queueOffline{background-position: -484px -90px;background-color: #969CA3!important;}
.slaveContent.sectionCallQueues .content .queues li.queue .actions li.queuePlay{background-position: -508px -90px; background-color: #5078EE!important;}

.slaveContent.sectionCallQueues .content .queues li.queue .actions li:hover{background-color: #0063AF;} 

.slaveContent.sectionCallQueues .content .queues li.queue .ico{background-position: -318px -233px;}
    .slaveContent.sectionCallQueues .content .queues.online li{background-color: #fff!important; margin-left: 7px; box-shadow: 0px 0px 10px #ccc;}
    .slaveContent.sectionCallQueues .content .queues.online li.queue .subtitle{color: #5078EE;}

    .slaveContent.sectionCallQueues .content .queues.pause li{margin-left: 6px;}
    .slaveContent.sectionCallQueues .content .queues.offline li{opacity: .5;}
    .slaveContent.sectionCallQueues .content .queues.offline li .actions{padding: 40px 20px 25px 20px;}

.slaveContent.sectionCallQueues .content .mainSubtitle{clear: both;}
.slaveContent.sectionCallQueues .content .mainSubtitle .txt{background-color: #fff; display: inline-block; padding-right: 15px; font-size: 17px; font-weight: 300; margin-top: 5px; color: #636363;margin-left: 8px;}
.slaveContent.sectionCallQueues .content .mainSubtitle .separator{height: 2px; width: calc(90% - -15px); border-bottom: 1px dotted #BABABA; float: right; margin-top: -12px;}

/* CONTACTS */
.contactsList .imgProfile{width:25px;height:25px}
li.namePicture{margin-right:60px !important}
/*.wrapperActionsCombo input{ gdiazforCambioInputs background:none repeat scroll 0 0 #f9f9f9;border:1px solid #ccc;float:left;padding:0 10px; height: 30px; }*/
.contactsList .imgProfile{position:relative;overflow:visible}
.contactsList .imgProfile img{border-radius:30px}
.contactsList .imgProfile span.status{padding:6px;border-radius:10px;float:left;position:absolute;left:20px;top:20px}
.contactsList span.permissions{font-size:10px;margin-left:5px;color:#888;}

.btnActionSettings{height:24px;margin:4px 0 0 10px;background:url("/Content/SfImgs/chatActions.png") no-repeat;background-position:right 0;background-size:75px;width:25px}
.btnActionSettings:active{background-position:right -24px}

/* SECTION SETTINGS */
#formSettings{list-style:none; margin-top:20px;}
#formSettings > li{line-height: 30px; padding: 10px 30px; margin-bottom: 1px; min-height: 33px;}
#formSettings li .ballsLoader{padding-top: 0;}
#formSettings li label{display:inline-block;width:160px;}
#formSettings li input{width:258px;}
#formSettings li input:disabled{cursor:default;}
/*#formSettings li span{margin-left:10px;font-size:13px;color:#555;display:none}*/
#formSettings textarea{resize:none;height:100px;width:200px;padding:5px;border:1px solid #acacac;border-radius:3px;font-size:12px}
#formSettings .formSelect {float:left; margin-left: 0; min-width: 264px;}
#formSettings .formSelect .display{padding:1px 30px 1px 10px;width: 270px;}
#formSettings .formSelect ul{top:initial; bottom: 40px;}
#formSettings li .musicOnHold{float: left; margin: 0 0 0 20px; background-position: -965px -298px;padding: 0 24px 0 44px;}
#formSettings li .musicOnHold .loaderBtnModal{padding-top: 0;}
#formSettings li .cancelSubscription{position: fixed; bottom: 0px; font-size: 12px; width: 93%; border-top: 1px solid grey; padding: 10px 1px 20px 10px; background-color: #fff; z-index: 50;}
#formSettings li .cancelSubscription span{text-decoration: underline;cursor: pointer;display: inline-block;font-weight: 600;margin-left: 0;}
#formSettings .password {width: 58px; padding: 0; margin-top: 3px;} 
#formSettings .provPassBtn {background-position: 0px -268px; width: 26px; height: 26px; display: inline-block; opacity: .8; cursor: pointer; margin-bottom: -9px;} 
    
    /* SETTINGS > Emergency Services */
    div.slaveContent.emergencyServices{padding: 25px 30px 30px 30px;}
    div.slaveContent.emergencyServices .separator{width: calc(100% - 6px); height: 1px; border-bottom: 1px dashed #ccc; margin: -6px 0 15px 2px;}
    div.slaveContent.emergencyServices ul.fullWidthBoxes{display: table; width: 100%;}
    div.slaveContent.emergencyServices ul.fullWidthBoxes .box{width: 100%; height: 90px; float: left; border: 1px solid #D3D3D3; border-radius: 5px; margin: 0 0 20px 0; padding: 15px 36px 15px 20px; box-sizing: border-box;cursor: default;}
    div.slaveContent.emergencyServices ul.fullWidthBoxes .box.defaultLocation .ico{background-position:-455px -234px; }
    div.slaveContent.emergencyServices ul.fullWidthBoxes .box.active{border: 1px solid #5078EE;}
    div.slaveContent.emergencyServices ul.fullWidthBoxes .box .ico{background-position: -516px -240px; float: left; width: 58px; height: 58px; margin: 0 20px 0 0px;}
    div.slaveContent.emergencyServices ul.fullWidthBoxes .box .title{font-weight: 600; color: #4C4C4C; display: inline-block; margin: 5px 0 0 0;}
    div.slaveContent.emergencyServices ul.fullWidthBoxes .box .subtitle{display: inline-block; margin: 0 0 0 4px; color: #c5c5c5;}
    div.slaveContent.emergencyServices ul.fullWidthBoxes .box .addressCheckStatus{width: 10px; height: 10px; background-color: orange; border-radius: 50%; margin: 0 0 0 3px;}  
    div.slaveContent.emergencyServices ul.fullWidthBoxes .box .address{display: table; font-size: 14px; color: #a0a0a0; margin: 6px 0 0 0;}
    div.slaveContent.emergencyServices ul.fullWidthBoxes .box ul.actions{float: right; margin: 15px 0 0px 0; color: #5078EE;}
    div.slaveContent.emergencyServices ul.fullWidthBoxes .box ul.actions .edit{float: left; margin: 0px 20px 0 0; cursor: pointer;}
    div.slaveContent.emergencyServices ul.fullWidthBoxes .box ul.actions .edit.delete{color: #E24040;}
    div.slaveContent.emergencyServices ul.fullWidthBoxes .box ul.actions .default{float: left; cursor: pointer;}
    div.slaveContent.emergencyServices ul.fullWidthBoxes .box ul.actions .default .roundSelect{width: 10px; height: 10px; margin: 0 0px -2px 10px;}
    div.slaveContent.emergencyServices ul.fullWidthBoxes .box ul.actions .default .roundSelect .inner.on{width: 8px; height: 8px;}

/* APP NOTIFICATIONS */
div.slaveContent.secctionNotifications .title {margin: 32px 40px 10px 30px;}
div.slaveContent.secctionNotifications .txt {margin: 8px 40px 10px 30px; font-size: 13px; width: 600px;}
div.slaveContent.secctionNotifications .btnBlue {width: 173px; text-align: center; margin: 21px 40px -12px 30px;}
div.slaveContent.secctionNotifications .liSound {margin: 8px 40px 10px 40px; overflow: hidden;}
div.slaveContent.secctionNotifications .liSound .title{float: left; margin: 0; margin-right: 19px;}
div.slaveContent.secctionNotifications .liSound .label{float: left; background: transparent; text-shadow: 0 0 0; color: #888; font-weight: normal; font-size: 13px; margin-top: 1px;}
div.slaveContent.secctionNotifications .liSound .roundSelect{float: left; margin-top: 3px; width: 12px; height: 12px; margin-right: 7px; margin-left: 1px;}
div.slaveContent.secctionNotifications .liSound .roundSelect .inner{width: 8px; height: 8px;}

/* APP MOBILE DESKTOP */
div.slaveContent.sectionMobileDesktop .contentWrapper{padding:30px;}
div.slaveContent.sectionMobileDesktop .contentWrapper h2{margin-bottom:20px;}
div.slaveContent.sectionMobileDesktop .contentWrapper h2.appTitle{margin-top:30px;}
div.slaveContent.sectionMobileDesktop .contentWrapper p{line-height:22px;}
div.slaveContent.sectionMobileDesktop .contentWrapper p.extensionFalse{margin-top:20px;background-color:#f1f1f1;display:table;padding:10px;}
div.slaveContent.sectionMobileDesktop .contentWrapper .chromeStore{width:200px;margin-top:20px;margin-left:10px;}
div.slaveContent.sectionMobileDesktop .contentWrapper .chromeStore img{width:100%;}
div.slaveContent.sectionMobileDesktop a{color: #5078EE;}

/* APP CONFERENCE */
/*structure changes conferences only*/
div.masterPage.appConference .masterContent{left: 0; top: 0; bottom: 0;}
div.slaveHeader.appMeeting{margin-left: 0; margin-top: 0;}
div.slaveContent.appMeeting {left: 0; top: 0px; margin-left: 0; background: #26272a;}

div.wrapperConference div.wrapperConfLive{position: absolute; background-color:#fff; left: 0; right: -3px; top: 0; bottom: 0; text-align: center;}
div.wrapperConference div.wrapperConfLive div.boxConference{position: relative; text-align: left; width: calc(100% - 60px); height: 80px; margin: 20px 30px 10px 30px; border-radius: 6px; padding: 14px 18px; box-sizing: border-box; box-shadow: 0px 2px 6px 1px #d9d9d9; overflow: hidden;}
div.wrapperConference div.wrapperConfLive div.boxConference .boxBorder{width: 5px; height: 100%; position: absolute; background-color: #5078EE; top: 0; left: 0;}
div.wrapperConference div.wrapperConfLive div.boxConference .ico{float: left; width: 50px; height: 50px; background-color: #5078EE; border-radius: 50%;}
div.wrapperConference div.wrapperConfLive div.boxConference .ico.audio{background-position:-48px -303px;}
div.wrapperConference div.wrapperConfLive div.boxConference .ico.video{background-position: -93px -303px;}
div.wrapperConference div.wrapperConfLive div.boxConference .title{display: block; margin-left: 60px; font-weight: 600; margin: 0 0 0px 60px; max-width: 320px;}
div.wrapperConference div.wrapperConfLive div.boxConference .moderator{display: table; font-size: 14px; margin: 3px 0 0 60px; color: #8f8f8f;}
div.wrapperConference div.wrapperConfLive div.boxConference .members{width: 200px; float: left; position: absolute; left: calc(65% - 150px); top: 21px; border-left: 1px solid lightgrey; padding: 0 0 0 10px;}
div.wrapperConference div.wrapperConfLive div.boxConference .members li{margin-right: 8px;}
div.wrapperConference div.wrapperConfLive div.boxConference .members li.more{width: 36px; height: 36px; background-color: #5078EE; float: left; border-radius: 50%; color: #fff; text-align: center; font-size: 24px; padding-top: 2px; box-sizing: border-box;}
div.wrapperConference div.wrapperConfLive div.boxConference .join{transition: all 0.5s ease; -webkit-transition: all 0.5s ease; cursor: pointer; position: absolute; border: 1px solid #5078EE; padding: 6px 30px; margin: -13px 0 0 0; right: 20px; top: 34px; border-radius: 3px; font-size: 13px; color: #5078EE;}
div.wrapperConference div.wrapperConfLive div.boxConference .join:hover{background-color: #5078EE;color:#fff;}


/* ESTILOS EXTERNOS */
div.wrapperConference div.OT_video-poster{display:none!important; opacity:0!important;}
div.wrapperConference button.OT_edge-bar-item.OT_mute.OT_mode-auto{display: none;}

/* APP CONFERENCE RUN */
div.wrapperConference div.conferenceRun{position: absolute; top: 0; bottom: 0; right: 0; left: 0;}
div.wrapperConference {position: absolute; top: 0; bottom: 0; right: 0; left: 0;}
.appMeeting h1{font-size: 14px; color: #555; float: left; width: calc(100% - 200px); height: 50px; overflow: hidden;}
span.spanNameConference{cursor: pointer; margin-right: 5px; font-size: 16px; color: #000; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; float: left;}
span.spanNameConference:hover{color: #1166b9;}
span.inviteURLConference{cursor: pointer;}
span.inviteURLConference:hover{color:#000;}
.appMeeting .invitationInput{margin-top:0;transition:all .4s ease;overflow:hidden;display:inline-flex;height:30px;width:0;opacity:0;transform:translateY(-2px);-webkit-transform:translateY(-2px);}
.appMeeting .invitationInput.on{width:190px;margin-left:7px;opacity:1;padding-right: 16px;}
.appMeeting .invitationInput input{padding:0px 10px 0px 10px;width:137px;}
.appMeeting .invitationInput span{line-height:33px;font-size:13px;color:#5078EE;opacity:.7;transition:all .2s ease;margin-left: 8px; cursor:pointer;}
.appMeeting .invitationInput span.zeroclipboard-is-hover{opacity:1;cursor:pointer;}

div.wrapperConference div.conferenceRun .left{background-color:#282828; position: absolute; bottom: 86px; top: 0;}
div.wrapperConference div.conferenceRun .left .moveToLeft{display:none!important;}
div.wrapperConference div.conferenceRun .right{position: absolute; right: 0; bottom: 86px; top: 0;}

div.wrapperConference div.conferenceRun .boxMember{background-color: #1f1f1f; width: 100%; height: 100%; margin: 0; padding: 0; position: relative; border-radius: 6px;}
div.wrapperConference div.conferenceRun .boxMember .content .options{opacity:0; margin: 10px auto 0 auto; position: absolute; bottom: 10%; width: 100%; z-index: 1; text-align: center; transform-style: flat; transition-duration: .2s;}
div.wrapperConference div.conferenceRun .boxMember:hover .content .options{opacity:initial;}
div.wrapperConference div.conferenceRun .boxMember .content .options ul{text-align: center; overflow: hidden; background: rgba(29, 28, 27, 1); display: inline-block; padding: 4px 5px 4px 9px;transition: background-position 0.5s ease, background-color 0.2s ease;-webkit-transition: background-position 0.5s ease, background-color 0.5s ease; border-radius: 4px;}
div.wrapperConference div.conferenceRun .boxMember .content .options li{width: 52px;height: 35px;cursor: pointer;border-radius: 2px;margin-right: 4px;display: inline-block;transition: background-position 0.5s ease, background-color 0.2s ease;-webkit-transition: background-position 0.5s ease, background-color 0.5s ease;}
div.wrapperConference div.conferenceRun .boxMember .content .options li:hover{opacity: initial;background-color: #383838;}
div.wrapperConference div.conferenceRun .boxMember .content .options .fullscreenOption{background-position: -792px -262px;}
div.wrapperConference div.conferenceRun .boxMember .content .options .fullscreenOption.on{background-position: -790px -219px;}
div.wrapperConference div.conferenceRun .boxMember .content .options .screenSharing{background-position: -8px -2px;}
div.wrapperConference div.conferenceRun .boxMember .content .options .audioOption{background-position: -645px -262px;}
div.wrapperConference div.conferenceRun .boxMember .content .options .audioOption.off{background-position: -645px -222px;}
div.wrapperConference div.conferenceRun .boxMember .content .options .videoOption{background-position: -695px -262px;}
div.wrapperConference div.conferenceRun .boxMember .content .options .videoOption.off{background-position: -695px -222px;}
div.wrapperConference div.conferenceRun .boxMember .content .options .hangOutOption{background-position: -674px -49px; background-color: #E24040; padding: 0px 2px; margin-top: 3px;}
div.wrapperConference div.conferenceRun .boxMember .content .options .hangOutOption:hover{background-color: #ad3939;}
div.wrapperConference div.conferenceRun .boxMember .content .options .moveToLeft{background-position: -889px -261px;}

div.wrapperConference div.conferenceRun .boxMember .content .video{height: 100%; width: 100%; overflow: hidden; background-repeat: no-repeat; background-size: auto 100%; background-position: 50%;}
div.wrapperConference div.conferenceRun .boxMember .content .video div.OT_subscriber{width: 100%!important; height: 100%!important;}
div.wrapperConference div.conferenceRun .boxMember .content .video div.OT_subscriber.OT_fit-mode-cover.OT_audio-only{position: absolute; top: 0;}
div.wrapperConference div.conferenceRun .boxMember .content .video div.OT_subscriber.OT_fit-mode-cover.OT_audio-only .OT_audio-level-meter{width:7%;}
div.wrapperConference div.conferenceRun .boxMember .content .video div.OT_subscriber.OT_fit-mode-cover.OT_audio-only .OT_audio-level-meter .OT_audio-level-meter__bar{background:initial;}
div.wrapperConference div.conferenceRun .boxMember .content .video .OT_widget-container{background-color: initial;}
div.wrapperConference div.conferenceRun .boxMember .content .video video{border-radius: 5px;}

div.wrapperConference div.conferenceRun .boxMember .bottom {opacity:0; height: 48px;}
div.wrapperConference div.conferenceRun .boxMember .bottom .name{color: #2b2b2b; font-size: 14px; margin-left: 10px; margin-bottom: 3px; margin-top: 8px;}
div.wrapperConference div.conferenceRun .boxMember .bottom .job{color: #5078EE; font-size: 12px; margin-left: 10px; width: 145px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
div.wrapperConference div.conferenceRun .boxMember .bottom .device{width: 25px; height: 20px; color: #f1f2f2;opacity: .5; position: absolute; right: 15px; bottom: 15px;}
div.wrapperConference div.conferenceRun .boxMember .bottom .device.desktop{background-position: -620px -137px;}
div.wrapperConference div.conferenceRun .boxMember .bottom .device.phone{background-position: -657px -137px;}
div.wrapperConference div.conferenceRun .boxMember:hover .bottom {height: 48px; opacity:initial;}

div.wrapperConference div.conferenceRun .bottom{width: 100%; height: 86px; position: absolute; color: white; bottom: 0; left: 0; right: 0; z-index: 2;}
div.wrapperConference div.conferenceRun .bottom .isLoadingPublisherVideo{width: 140px; height: 140px; margin: -72px 0 0 42px; float: left; background-color:#1c1c1e; border-radius: 6px;}
div.wrapperConference div.conferenceRun .bottom .isLoadingPublisherVideo.on{display:initial;}
div.wrapperConference div.conferenceRun .bottom .left{padding: 0; float: left; position: initial!important; background-color: initial!important;}
div.wrapperConference div.conferenceRun .bottom .left .video{width: 140px; height: 140px; float: left; background-position: 50%; background-size: auto 100%; margin: -72px 0 0 42px; background-color:#1c1c1e; border-radius: 6px; overflow:hidden;}
div.wrapperConference div.conferenceRun .bottom .left .video.loading{}
div.wrapperConference div.conferenceRun .bottom .left .video img{/*width: 100%; height: 100%;*/}
div.wrapperConference div.conferenceRun .bottom .left .video .OT_widget-container{background-color:initial;}
div.wrapperConference div.conferenceRun .bottom .left .video video{border-radius: 6px;}
div.wrapperConference div.conferenceRun .bottom .left .imgProfile{height: 140px; width: 140px; border-radius: 6px; margin: -72px 0 0 42px;}
div.wrapperConference div.conferenceRun .bottom .left .initials{padding: 57px 0 0 0; font-size: 25px;}
div.wrapperConference div.conferenceRun .bottom .left img{border-radius:6px;}
div.wrapperConference div.conferenceRun .bottom .left .time{width: 100px; height: 20px; margin-top: 52px; font-size: 14px; position: absolute; color: #bfbfbf; left: 190px;}
div.wrapperConference div.conferenceRun .bottom .left .volumeControl{width: 70px; margin: 42px 0 0 103px; background-color:#333; border: initial; padding: initial;}
div.wrapperConference div.conferenceRun .bottom .left .duration{font-size: 14px;height: 18px;margin: 13px 0px 0px 105px;width: 150px;overflow: hidden;color: #fff;}
div.wrapperConference div.conferenceRun .bottom .left .duration span{color:#fff;}
div.wrapperConference div.conferenceRun .bottom .center{height: auto; margin: 0 auto; margin-top: 11px; padding: 0 36px 10px 36px; width: 100%; text-align: center;}
div.wrapperConference div.conferenceRun .bottom .center ul{text-align: center; background: #1c1c1e; display: inline-block; margin: 0 auto; margin-left: -217px; padding: 2px 9px 5px 10px; border-radius: 2px;}
div.wrapperConference div.conferenceRun .bottom .center li{width: 50px; height: 35px; border-radius: 2px; cursor: pointer; margin-right: 3px; display: inline-block;transition: background-position 0.5s ease, background-color 0.2s ease;-webkit-transition: background-position 0.5s ease, background-color 0.5s ease;}
div.wrapperConference div.conferenceRun .bottom .center li:hover{opacity: initial;background-color: #383838;}

div.wrapperConference div.conferenceRun .bottom .center li:last-child{margin-right: 0;}
div.wrapperConference div.conferenceRun .bottom .center .hangOut{background-position: -653px -50px; background-color: #E24040; padding: 0px 22px; width: 54px; margin-top: 5px;}
div.wrapperConference div.conferenceRun .bottom .center .hangOut:hover{background-color: #ad3939;}
div.wrapperConference div.conferenceRun .bottom .center .fullScreen{background-position: -792px -262px;}
div.wrapperConference div.conferenceRun .bottom .center .screenSharing{background-position: -593px -262px;}
div.wrapperConference div.conferenceRun .bottom .center .screenSharing.on{background-position: -593px -222px;}
div.wrapperConference div.conferenceRun .bottom .center .audio{background-position: -646px -262px;}
div.wrapperConference div.conferenceRun .bottom .center .audio.off{background-position: -646px -222px;}
div.wrapperConference div.conferenceRun .bottom .center .video{background-position: -696px -262px;}
div.wrapperConference div.conferenceRun .bottom .center .video.off{background-position: -696px -222px;}
div.wrapperConference div.conferenceRun .bottom .center .video.disabled{opacity:.3; pointer-events:none}
div.wrapperConference div.conferenceRun .bottom .center .inviteUser{background-position: -745px -262px;}

div.wrapperConference div.conferenceRun .bottom .right{position: absolute; right: 20px; bottom: 86px; top: 21px;}

/*video*/
div.wrapperConference.video div.conferenceRun .boxMember .bottom .name{color:#F0F0F0;}
div.wrapperConference.video div.conferenceRun .boxMember .bottom{top: 0; bottom: initial; background-color: initial;}
div.wrapperConference.video div.conferenceRun .boxMember .content .video{height: 100%;}
div.wrapperConference.video div.conferenceRun .content .imgProfile{margin: 0 auto; border-radius: 50%; position: absolute; left: calc(50% - 71px); top: calc(50% - 83px);}
div.wrapperConference.video div.conferenceRun .content.videoOn{}
div.wrapperConference.video div.conferenceRun .content.videoOff{}
div.wrapperConference.video .bottom .time{}
div.wrapperConference.video .bottom .volumeControl {display:none;}

div.wrapperConference.video div.conferenceRun .boxMember .content{height: 100%;}
div.wrapperConference.video div.conferenceRun .boxMember .content .video img{width: auto; height: 100%; margin: 0 auto; display: inherit;}
div.wrapperConference.video div.conferenceRun .boxMember div.OT_video-container{width: 100%; height: 100%!important; left: 0px; top: 0px!important;}

div.wrapperConference.video div.conferenceRun .right .boxMember{width:initial; height: 50%; min-height: initial; min-width: initial; max-height: initial; overflow: hidden; float:right;}
div.wrapperConference.video div.conferenceRun .right .boxMember .content{background-color:#242424;}

/*voice*/
div.wrapperConference.voice .conferenceRun .right.scrollVoiceConference {bottom: 85px; padding: initial; width: 100%; overflow: hidden; text-align: center;}
div.wrapperConference.voice div.conferenceRun .boxMember{width: 240px; height: 290px; margin: 6px 20px 10px 0; display: inline-block; border-radius: 6px; overflow: hidden;}
div.wrapperConference.voice div.conferenceRun .boxMember .imgProfile{margin: 0 auto; float: none; margin-top: 70px;}
div.wrapperConference.voice div.conferenceRun .boxMember .content{height: 240px;}
div.wrapperConference.voice div.conferenceRun .boxMember .video{background-size: cover;}
div.wrapperConference.voice div.conferenceRun .boxMember .video img{width: auto; height: 100%; margin: 0 auto; display: inherit;}
div.wrapperConference.voice div.conferenceRun .boxMember .options{top: 0;}
div.wrapperConference.voice div.conferenceRun .boxMember .bottom{opacity: initial;}
div.wrapperConference.voice div.conferenceRun .boxMember .name{color: #f1f1f1; text-align: left; margin-top: 5px;}
div.wrapperConference.voice div.conferenceRun .boxMember .name.noJob{margin-top: 12px;}
div.wrapperConference.voice div.conferenceRun .boxMember .job{color: #909090; text-align: left;}
div.wrapperConference.voice .right.twoLines{}

/* chat conferences */
div.wrapperConference div.sidebarChatGroup.show{display:initial;}
div.wrapperConference div.sidebarChatGroup div.postList {top:0; bottom: 50px;padding: 10px 20px 0 10px;}
div.wrapperConference div.sidebarChatGroup .addFileToChat {top: initial; bottom: 12px; right: 44px;background-position: 3px -40px;}
div.wrapperConference div.sidebarChatGroup .addFileToChat:hover{background-position: -40px -40px;}

div.wrapperConference div.sidebarChatGroup input{border:1px solid #ccc;padding:8px 10px;width:258px;position:absolute;bottom:15px;left:18px;}
div.wrapperConference div.sidebarChatGroup{background-color: rgba(16, 16, 16, 0.9); position: absolute; padding: 17px; width: 282px; bottom: 0; display:none; right: 16px;/* transition: all 0.1s ease; -webkit-transition: all 0.1s ease;*/ top: 16px; bottom: 98px; color: #c1c1c1;border-radius: 4px;z-index: 5;}
div.wrapperConference div.sidebarChatGroup div.postList {position: absolute; bottom: 68px; top: 10px; right: 20px; left: 10px; padding: 0 20px 0 10px;}
div.wrapperConference div.sidebarChatGroup div.postList::-webkit-scrollbar {width: 6px; }
div.wrapperConference div.sidebarChatGroup div.postList::-webkit-scrollbar-thumb {background: #666; border-radius: 20px; }
div.wrapperConference div.sidebarChatGroup div.postList::-webkit-scrollbar-track {background: #343434; border-radius: 20px; }
div.wrapperConference div.sidebarChatGroup div.postList div.postLi{overflow:hidden; margin-bottom: 5px; position:relative;}
div.wrapperConference div.sidebarChatGroup div.postList div.postLi div.imgUser{width: 35px; height: 35px; margin-bottom: 4px; overflow: hidden; float: left; margin-top: 5px;}
div.wrapperConference div.sidebarChatGroup div.postList div.postLi div.imgUser img{width: 100%; height: 100%;}
div.wrapperConference div.sidebarChatGroup div.postList div.postLi div.nameUser{margin:0px 0px 23px 11px; float: left; width: 70%; font-size: 15px; color: #fff;max-width: 155px;}
div.wrapperConference div.sidebarChatGroup div.postList div.postLi.first .msgTime{display:inline-block;color:#7b7b7b;font-size:11px;margin: 12px 0 0 5px;}
div.wrapperConference div.sidebarChatGroup div.postList div.postLi .msgTime{display:none;}
div.wrapperConference div.sidebarChatGroup div.postList div.postLi div.postUser:hover .txt .msgTime{display: inline-block;}
div.wrapperConference div.sidebarChatGroup div.postList div.postLi.first div.postUser{margin-top: -17px;}
div.wrapperConference div.sidebarChatGroup div.postList div.postLi.first div.postUser:hover .date{display:none}
div.wrapperConference div.sidebarChatGroup div.postList div.postLi div.postUser{overflow:hidden; float: left; margin: 0px 0px 0px 35px; clear: both; font-size: 14px;}
div.wrapperConference div.sidebarChatGroup div.postList div.postLi div.postUser .txt{float:left; width: 211px; cursor: default; font-size: 14px; margin-left:12px; line-height: 20px;word-wrap: break-word;}
div.wrapperConference div.sidebarChatGroup div.postList div.postLi div.postUser .date{color:#7B7B7B;display:none;font-size:11px;padding:1px 7px 0px 7px;position:absolute;left:0;top:0;}
div.wrapperConference div.sidebarChatGroup div.postList div.postLi div.postUser:hover .date{display:block;}
div.wrapperConference div.sidebarChatGroup div.postList div.postLi div.lineHeight{position: absolute; width: 2px; top: 0px; left: 19px; bottom: 0px;}
div.wrapperConference div.conferenceRun .right .btnActionsChat{list-style: none; width: 35px; height: 34px; background-position: -847px -224px;}
div.wrapperConference div.conferenceRun .right .btnActionsChat.on{background-position: -847px -264px;}
div.wrapperConference div.conferenceRun .right .btnActionsChat:hover{cursor: pointer;}
div.wrapperConference div.conferenceRun .right .btnActionsChat .msgCounter{position: absolute; top: -3px; right: -2px; padding: 1px 6px; background-color: red; box-sizing: border-box; text-indent: 0; overflow: hidden; border-radius: 7px; font-size: 12px;}
div.wrapperConference div.sidebarChatGroup textarea{position: absolute; width: 252px; left: 20px; height: 17px; padding: 11px 10px 10px 12px;resize: none; line-height: 15px; bottom: 12px; background-color: #313235; border-color: transparent; border-radius: 3px; color: #c1c1c1;} 
div.wrapperConference div.sidebarChatGroup div.btnBlue.post{float: right; margin: 0px -1px 14px 0px;}

/* conference fullScreen */
div.masterContent.isFullscreen div.boxMember{width: 100%!important; height: 100%!important; margin: 0!important;}
div.masterContent.isFullscreen div.boxMember .bottom{display:none;}

div.masterContent.isFullscreen div.wrapperConference div.conferenceRun .boxMember .options{display: none; position: absolute; top: 20px; right: 29px; margin: 0; padding: 0; text-align: right; width: initial; bottom: initial; z-index: 9;}
div.masterContent.isFullscreen div.wrapperConference div.conferenceRun .boxMember .options ul{text-align: center; overflow: hidden; background: rgba(29, 28, 27, 1); display: inline-block; padding: 4px 11px 4px 3px; border-radius: 30px; width: 140px;}
div.masterContent.isFullscreen div.wrapperConference div.conferenceRun .boxMember .options li{display:none;}
div.masterContent.isFullscreen div.wrapperConference div.conferenceRun .boxMember .options li.fullscreenOption{padding-right: 90px; display: block;}
div.masterContent.isFullscreen div.wrapperConference div.conferenceRun .boxMember .options li.fullscreenOption::after{content: "Exit fullscreen"; width: 100px; position: absolute; color: rgba(255,255,255,0.7); margin: 6px 0 0 0; font-size: 13px; right: 15px; top: 2px; z-index: 9999; background-color: rgba(29, 28, 27, 1); padding: 5px 0px;}
div.masterContent.isFullscreen div.wrapperConference div.conferenceRun .boxMember .options li:hover{background-color: initial;}
div.masterContent.isFullscreen div.wrapperConference div.conferenceRun .boxMember .options.showCtrlFS{display: block;}

/*APP CALENDAR */
.calendarMenuLeftListScroll{height: calc(100% - 343px); position:relative;margin: 5px 18px 18px 18px;}
div.slaveNav.appCalendar ul.calendarMenuLeftList{}
div.slaveNav.appCalendar ul.calendarMenuLeftList li{opacity: 1;background-image:none; padding: 9px 8px;overflow:hidden;}
div.slaveNav.appCalendar ul.calendarMenuLeftList li.on .nameCal, div.slaveNav.appCalendar ul.calendarMenuLeftList li.on .bullet{opacity: 1;}

div.slaveNav.appCalendar ul.calendarMenuLeftList h4 {font-size: 14px; padding: 10px 0px 10px 15px;}
div.slaveNav.appCalendar ul.calendarMenuLeftList .nameCal{opacity: .3;width: 120px; padding-top: 2px; float: left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size: 13px;cursor: pointer;}
div.slaveNav.appCalendar ul.calendarMenuLeftList .bullet{opacity: .3;width: 7px;height: 7px; float: left; border-radius: 50%; margin: 7px 7px 0 0;}
div.slaveNav.appCalendar ul.calendarMenuLeftList .editCal{position: absolute; margin-top: 3px; font-size: 12px; color: #5078EE; cursor: pointer; right: 42px; display: none; background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(251,251,251,0)), color-stop(33%,rgba(251,251,251,1)), color-stop(100%,rgba(251,251,251,1))); text-align: right; width: 58px;z-index: 1;}
div.slaveNav.appCalendar ul.calendarMenuLeftList li:hover .editCal {display: block;}

div.slaveNav.appCalendar .btnLogout{background-color: #FBFBFB;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;position: absolute; bottom: 0px; right: 0; left: 0; text-align: center; padding: 15px 10px; color: #909090; border-top: 1px solid #E2E2E2; font-size: 13px; cursor: pointer; }
div.slaveNav.appCalendar .btnLogout:hover{background-color: #FFA29B;color: #fff;}
div.slaveNav.appCalendar .hasDatepicker{margin: 25px 20px 20px 20px;}
div.slaveNav.appCalendar .calendarsTitle{margin: 20px 20px 0px 20px;padding: 0 4px 10px 5px;border-bottom: 1px solid #EAEAEA;}
div.slaveNav.appCalendar .calendarsTitle .title{font-weight: 600;font-size: 14px;}
div.slaveNav.appCalendar .calendarsTitle .newCalendarBtn{float: right; width: 17px; height: 17px; background-position: -113px -1px; margin-top: 1px;cursor:pointer;}

div.slaveHeader.appCalendar.calendarOff{display: none;}
div.slaveContent.secctionCalendar.calendarOff{margin: 39px 0 0 -121px;}

div.slaveNav .hasDatepicker div.ui-datepicker{background: initial; border: initial; padding: initial; border-radius: initial;}

div.slaveNav .btnRed.maxWidth{position: absolute; bottom: 0; right: -10px; left: -10px; background-color: #e89a95; text-align: center;padding: 15px 10px;}
div.slaveNav .btnRed.maxWidth:hover{background-color: #d4352d;}


#calendar{margin: 26px 24px 0px 24px;}

.fc-view-container{}
.fc-view-container .fc-head{}
.fc-view-container .fc-body{}

.fc-view-container .fc-head .fc-widget-header{border-color: #fff;margin-bottom: 17px;font-weight: 400;}

.fc-prev-button{background: none; border: none; box-shadow: 0 0 0; color: #5078EE; margin-top: -7px;}
.fc-today-button{background: none; border: none; box-shadow: 0 0 0; color: #5078EE; font-size: 15px;}
.fc-next-button{background: none; border: none; box-shadow: 0 0 0; color: #5078EE; margin-top: -7px; margin-right: 12px!important;}

.fc-month-button, .fc-agendaWeek-button, .fc-agendaDay-button {background: #fff; border-color: #0082C8; padding: 7.5px 14px; height: initial; line-height: initial; font-size: 14px; margin-top: -2px;}
.fc-month-button:hover, .fc-agendaWeek-button:hover, .fc-agendaDay-button:hover {background: #e6f3fa;transition:all .1s linear;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-ms-transition:all .1s linear;}
.fc-month-button{border-top-left-radius: 4px; border-bottom-left-radius: 4px;}

.fc-month-button{background:#f2f8fc;}
.fc-agendaWeek-button{}
.fc-agendaDay-button{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}

.fc-state-hover.fc-state-down{background:initial!important;}
td.fc-header-right .fc-state-hover.fc-state-down {color:#1166b9!important;}

/* events */
.fc-event{opacity:.8;}
.fc-event{box-shadow: inset 4px 0px 0px 0px rgba(0,0,0,0.26);}

.fc-event .fc-content{padding: 10px 15px;}

.fc-event:hover{opacity:initial;}
.fc-ltr .fc-event-hori.fc-event-end, .fc-rtl .fc-event-hori.fc-event-start{border-radius:0;}
.fc-ltr .fc-event-hori.fc-event-start, .fc-rtl .fc-event-hori.fc-event-end{border-radius:0;}
.fc-ltr .fc-event-vert.fc-event-end, .fc-rtl .fc-event-vert.fc-event-start{border-radius:0;}
.fc-ltr .fc-event-vert.fc-event-start, .fc-rtl .fc-event-vert.fc-event-end{border-radius:0;}
.fc-grid .fc-event-time{text-transform:uppercase;}

.fc-ltr .fc-basic-view .fc-day-number{text-align: left;font-size: 14px;padding: 8px 11px;}

.fc-state-down, .fc-state-active {background-color: #5078EE!important; outline: 0; box-shadow: 0 0 0; color: #fff; text-shadow: 0 0 0;}
.fc-toolbar{position: absolute; right: 135px; top: -53px; left: 0;}
.fc-toolbar .fc-left{margin:15px 0 0 30px;}
.fc-toolbar .fc-left h2{font-size: 18px;}
.fc-toolbar .fc-right{position: absolute;left: 38%;bottom: -6px;}
.fc-toolbar .fc-right .fc-button-group{}

.fc button{height: 33px;border: 1px solid #5078EE;padding: 0 7px;cursor: pointer;}
.fc button .fc-state-active{color: #fff;cursor: pointer;}
.fc button .fc-month-button{border-radius: 35px 0px 0px 35px;}
.fc-state-default{}
.fc-button.fc-today-button{border: none;margin: 0 5px;}
.fc-button.fc-prev-button, .fc-button.fc-next-button{width: 18px;height: 18px;border-radius: 50%;margin-top: 10px!important;background-color: #5078EE;}

.fc-row.fc-week:first-child{border-top: 1px solid #eaeaea;}

button.fc-agendaDay-button.fc-button.fc-state-default{border-radius: 0px 4px 4px 0px;}
button.fc-month-button.fc-button.fc-state-default{border-radius: 4px 0 0 4px;margin-left: 15px;}

button.fc-agendaDay-button.fc-button.fc-state-default, button.fc-agendaWeek-button.fc-button.fc-state-default, button.fc-month-button.fc-button.fc-state-default{padding: 5px 19px 5px 19px;}

button.fc-button.fc-state-active{color:#fff;}

.fc-button-group button {border-radius: 0;}
.fc-state-default.fc-corner-right{border-radius: 0;}
.fc-day-grid-event .fc-content {padding: 4px 8px;}
button.fc-prev-button, button.fc-next-button {padding: 0;}
button.fc-prev-button span.fc-icon, button.fc-next-button span.fc-icon{font-size: 12px;}
.fc-icon-left-single-arrow:after{content: ""!important;}
.fc-icon-right-single-arrow:after{content: ""!important;}

.fc-icon-left-single-arrow{display: none;}
.fc-icon-right-single-arrow{display: none;}

.fc-icon.fc-icon-left-single-arrow{background-image: url('/Content/SfImgs/spriteMpUser@2x.png')!important; background-position: -431px -70px; background-size: 1000px 1000px;}
.fc-icon.fc-icon-right-single-arrow{background-image: url('/Content/SfImgs/spriteMpUser@2x.png')!important; background-position: -430px -80px; background-size: 1000px 1000px;}


/* APP IMPORT CONTACTS */
div.slaveContent.appImportContacts div.head li.action.last{margin-right: 15px;}

div.slaveContent.appImportContacts li.error{color:#BC3235;}
div.slaveContent.appImportContacts li.sync{color:#5078EE;}
div.slaveContent.appImportContacts li.succesfull{}
div.slaveContent.appImportContacts li.reverted{color:#A0A0A0;}

div.slaveContent.appImportContacts li p.action{background-image: url('/Content/SfImgs/importContactIcons.png'); background-repeat: no-repeat; width: 16px !important; display: inline-block; height: 16px; opacity: initial; border-radius: 50%;}
div.slaveContent.appImportContacts li.error p.action {background-position: -35px 1px; background-color:#BC3235;}
div.slaveContent.appImportContacts li.sync p.action{background-position: -1px 0px; background-color:#5078EE;}
div.slaveContent.appImportContacts li.succesfull p.action{background-position: -18px 0px; background-color:#29BD24;}
div.slaveContent.appImportContacts li.reverted p.action{background-position: -51px 0px; background-color:#A0A0A0;}

.textAreaLi label{float:left}
.textAreaLi tetarea{float:left}
.longLabel label{width:150px !important}
#settingsWrapper .checkbox{float:left;margin-left:0 !important;margin-top:6px !important}
#settingsWrapper .imgProfile{margin: 0 2700px 20px 209px; overflow: hidden;}
.listInputs{float:right;font-size:15px}
.listInputs label{margin:0 5px;width:auto !important}
.listInputs input{width:40px !important;text-align:center}
.zebra li:nth-child(odd){background-color:#f8f8f8}
#addedFilesNewList ul{list-style:none}
#addedFilesNewList ul li{background:none repeat scroll 0 0 #e7e7e7;border-radius:3px;float:left;line-height:25px;margin:5px 0;padding:5px 20px;width:420px}

/* FLOAT APP */
.btnShowConference{ background-color: red; width: 20px; height: 20px; margin-top: 13px; }
.floatApp{position: absolute; background: red; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999;}
.closeFloat{background-color: red; display: block; position: absolute; right: 0; top: 0; z-index: 99999; padding: 6px; color: white; border-radius: 10px; cursor: pointer;}

/*Drag and Drop*/
#holder {display:none; position: absolute; top: 0; bottom: 0; left: -98px; right: 0; z-index: 1054; margin: 0 auto; background: rgba(0,0,0,0.9);}
#holder:hover {}
#holder svg {margin-top: -190px; pointer-events: none;}
#holder .dotted {margin-left: calc(50% - 230px); width: 460px; height: 300px; position: absolute; top: 50%; transform: translateY(-50%); color: #fff;}
#holder .ico {width: 40px; height: 50px; margin: 0 auto; margin-bottom: 15px; margin-top: 104px; background-position: -399px -240px;}
#holder .txt {font-size: 21px; text-align: center; margin: 0 auto; font-weight: 300;}
#holder * {pointer-events:none}

.dottedAnimatedLine{fill:none;stroke:#fff;stroke-linecap: round; stroke-width:4;stroke-miterlimit:1;stroke-dasharray:10.3844;stroke-dasharray: 40; animation: dash 5s infinite linear;}
@keyframes dash {to {stroke-dashoffset: 1000; } }

/* LOGIN */
.sfNewLogin{width: 100vw; height: 100vh;}
.sfNewLogin .loginLeft{width: 40%;position: absolute; top: 0; height: 100%; display: flex; align-items: center; justify-content: center;z-index: 999;} 
.sfNewLogin .loginLeft .svg-phoneiq-logo-full{width: 150px; position: absolute; top: 4%; left: 7%;}
.sfNewLogin .loginLeft .svg-icon-login{margin: auto; width: 95px; margin-bottom: 10px;}
.sfNewLogin .loginLeft h2{ color: #001152;font-size: 22px;text-align: center; font-weight: normal;} 
.sfNewLogin .loginLeft form {transition: all 0.6s; max-width: 330px; width: 65%; margin-top: -20px} 
.sfNewLogin .loginLeft form fieldset{border: 0; margin-bottom: 30px; text-align: center;}
.sfNewLogin .loginLeft form fieldset input{color: #01145d; font-size: 15px; width: calc(100% - 10px);border-radius: 0;border: 0px solid transparent;border-bottom: 1px solid #ccc; height: 40px;margin-top: 20px;} 
.sfNewLogin .loginLeft form fieldset input::placeholder {color: #999; font-size: 15px}
.sfNewLogin .loginLeft form fieldset input:focus {border: 0!important; border-bottom:1px solid #000d42!important}
.sfNewLogin .loginLeft form .btnLogin{background-color: #5078EE; color: #FFF; margin: 12px 0 20px 16px; box-sizing: border-box; position: relative; font-weight: 300; width: 292px;text-align: center; line-height: 16px; display: inline-block; font-size: 16px; padding: 13px 0; transition: background 0.1s linear; -moz-transition: background 0.1s linear; -webkit-transition: background 0.1s linear; -ms-transition: background 0.1s linear; border-radius: 4px; background-color: #5078EE; color: #fff; width: 321px; margin: 12px 0 12px 0;position: relative;margin: 0; width: 100%;}
.sfNewLogin .loginLeft form .btnLogin .ballsLoader{display: none;background-color:#5078EE;display: none; width: 100%; height: 34px; position: absolute; padding-top: 8px;}
.sfNewLogin .loginLeft form .btnLogin:active{background-color:#005888; cursor:pointer;}
.sfNewLogin .loginLeft form .btnLogin:hover{background: #355eda; cursor: pointer;}
.sfNewLogin .loginLeft form .wrongData{font-size: 14px; font-weight: normal; text-align: center; margin-top: 25px}
.sfNewLogin .loginLeft form .forgotPassword, .sfNewLogin .loginLeft form .wrongData{ color: rgb(255, 125, 114);font-size: 14px; font-weight: normal;  text-align: center; margin-top: 25px}
.sfNewLogin .loginLeft form .forgotPassword{color: #5078EE; cursor: pointer;}
.sfNewLogin.logging .loginLeft form {pointer-events: none; opacity: 0.5; transform: scale(0.94); -webkit-transform: scale(0.94); -moz-transform: scale(0.94); -ms-transform:  scale(0.94);}

.sfNewLogin .loginRight{position: absolute; right: 0;width: 79%; overflow: hidden;height: 100%;background: #fff;z-index: 99;pointer-events: none;}
.sfNewLogin .loginRight .designElementsLogin{position: absolute; z-index: 1 }
.sfNewLogin .loginRight .svg-background-login{ top: 0; left: 0; height: 100%;}
.sfNewLogin .loginLeft form fieldset input{color: #01145d; font-size: 15px; width: calc(100% - 10px);border-radius: 0;border: 0px solid transparent;border-bottom: 1px solid #ccc; height: 40px;margin-top: 20px;} 
.sfNewLogin .loginLeft form fieldset input::placeholder {color: #999; font-size: 15px}
.sfNewLogin .loginLeft form fieldset input:focus {border: 0!important; border-bottom:1px solid #000d42!important}
.sfNewLogin .loginLeft form .btnLogin{background-color: #5078EE; color: #FFF; margin: 12px 0 20px 16px; box-sizing: border-box; position: relative; font-weight: 300; width: 292px;text-align: center; line-height: 16px; display: inline-block; font-size: 16px; padding: 13px 0; transition: background 0.1s linear; -moz-transition: background 0.1s linear; -webkit-transition: background 0.1s linear; -ms-transition: background 0.1s linear; border-radius: 4px; background-color: #5078EE; color: #fff; width: 321px; margin: 12px 0 12px 0;position: relative;margin: 0; width: 100%;}
.sfNewLogin .loginLeft form .btnLogin .ballsLoader{display: none;background-color:#5078EE;display: none; width: 100%; height: 34px; position: absolute; padding-top: 8px;}
.sfNewLogin .loginLeft form .btnLogin:active{background-color:#005888; cursor:pointer;}
.sfNewLogin .loginLeft form .btnLogin:hover{background: #355eda; cursor: pointer;}
.sfNewLogin .loginLeft form .wrongData{font-size: 14px; font-weight: normal; text-align: center; margin-top: 25px}
.sfNewLogin .loginLeft form .forgotPassword, .sfNewLogin .loginLeft form .wrongData{ color: rgb(255, 125, 114);font-size: 14px; font-weight: normal;  text-align: center; margin-top: 25px}
.sfNewLogin .loginLeft form .forgotPassword{color: #5078EE; cursor: pointer;}
.sfNewLogin.logging .loginLeft form {pointer-events: none; opacity: 0.5; transform: scale(0.94); -webkit-transform: scale(0.94); -moz-transform: scale(0.94); -ms-transform:  scale(0.94);}

@-webkit-keyframes rotationToRight {from {-webkit-transform: rotate(0deg); } to {-webkit-transform: rotate(359deg); } }
@-webkit-keyframes rotationToLeft {from {-webkit-transform: rotate(0deg); } to {-webkit-transform: rotate(-359deg); } }
@-webkit-keyframes scaleLogin {from {-webkit-transform: scale(1); } to {-webkit-transform: scale(0.94); } }
.rotationToLeft{-webkit-animation: rotationToLeft 100s infinite linear;}
.rotationToRight{-webkit-animation: rotationToRight 100s infinite linear;}

.sfNewLogin .loginRight .svg-designshapes-circle-green{height: 33%; right: -7%; bottom: 10%;}
.sfNewLogin .loginRight .svg-designshapes-hexagon-blue{height: 26%; left: 81%; top: -6%;}
.sfNewLogin .loginRight .svg-designshapes-triangle-pink{height: 16%; bottom: 67%; left: 46%;}
.sfNewLogin .loginRight .svg-designshapes-triangle-violet{height: 23%; right: 34%; top: 82%;}
.sfNewLogin .loginRight .designElementsLoginImg {position: absolute; background-size: contain; background-position: center; width: 22%; height: 29%; background-repeat: no-repeat;}
.sfNewLogin .loginRight .designFeaturesLogin{height: 6%;}
.sfNewLogin .loginRight .designElementsLoginCall {bottom: 30%; left: 62%;}
.sfNewLogin .loginRight .designElementsLoginContact {bottom: 88%; left: 71%;}
.sfNewLogin .loginRight .designElementsLoginLead {bottom: 7%; left: 22%;}
.sfNewLogin .loginRight .designElementsLoginLeadIcon {    top: 36%; right: 10%;}
.sfNewLogin .generalModal.newForgotPassDialog .errorMsg{display: none!important;}
.sfNewLogin.generalModal.newForgotPassDialog .content{    box-shadow: 0 0 25px -4px #fff;    max-width: 330px;}
.sfNewLogin.generalModal.newForgotPassDialog .svg-designshapes-circle-green{margin-bottom: -15px}

.sfNewLogin.public .loginRight .svg-designshapes-triangle-pink {height: 16%; bottom: 55%; left: 49%; }
.sfNewLogin.public .loginRight .svg-designshapes-circle-green {height: 33%; right: -7%; bottom: 17%; }

@-webkit-keyframes rotationToRight {from {-webkit-transform: rotate(0deg); } to {-webkit-transform: rotate(359deg); } }
@-webkit-keyframes rotationToLeft {from {-webkit-transform: rotate(0deg); } to {-webkit-transform: rotate(-359deg); } }
@-webkit-keyframes scaleLogin {from {-webkit-transform: scale(1); } to {-webkit-transform: scale(0.94); } }
.rotationToLeft{-webkit-animation: rotationToLeft 100s infinite linear;}
.rotationToRight{-webkit-animation: rotationToRight 100s infinite linear;}

/*.scaleLogin{-webkit-animation: scaleLogin 6s infinite linear alternate;image-rendering: -moz-crisp-edges; image-rendering:   -o-crisp-edges; image-rendering: -webkit-optimize-contrast;} */

.generalModal.newForgotPassDialog ul.content li.fullWidth {margin: 0; margin-bottom: 20px; }
/* LOGIN PUBLIC MEETING*/
div.loginModal.public.sfNewLogin{background: #fff}

/* INBOX */
div.masterContent.inbox{}
/* AJUSTES INPUT SUGGESTER */
div.masterContent.inbox input-suggester-piq .inputSuggesterPiq{top: 13px;}
div.masterContent.inbox input-suggester-piq .inputSuggesterPiq input.newSuggesterPiq{padding: 0 0 0 3px;}

div.masterContent.inbox .chatCenter{position: absolute; height: 100vh;left: 271px; top: 0; bottom: 120px; width: calc(100% - 271px);transition: width 0.4s ease;}
div.masterContent.inbox .chatCenter.rightSidebarOpened{width: calc(100% - 601px);}
    body.powerDialerOn div.masterContent.inbox .chatCenter{height: calc(100vh - 50px);}

div.masterContent.inbox #dropFilesHere{position: absolute; left: -70px; right: 0; top: 0px; bottom: 0; background-color: #000000bf; z-index: 99; border-radius: 0;transition: opacity 0.5s ease;}
div.masterContent.inbox #dropFilesHere.on{opacity: 1;}
div.masterContent.inbox #dropFilesHere .content{pointer-events: none;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 250px; height: 162px; background-color: #5078EE; border-radius: 10px;    color: #fff;}
div.masterContent.inbox #dropFilesHere .content .ico{width: 90px; height: 90px; margin: -33px auto 14px auto; border-radius: 50%; background-color: #fff; text-align: center; z-index: 4; position: relative;}
div.masterContent.inbox #dropFilesHere .content .ico i{color:#5078ee;    margin: 22px 0 0 0;}
div.masterContent.inbox #dropFilesHere .content .title{text-align: center; font-size: 18px; font-weight: 500; margin: 0 0 3px 0;}
div.masterContent.inbox #dropFilesHere .content .subtitle{text-align: center; opacity: .4; font-size: 13px;}
div.masterContent.inbox #dropFilesHere .content svg{position: absolute; top: 0; height: 100%; width: 100%; padding: 5px 0px; box-sizing: border-box; z-index: 2;}

/* CHAT PLACEHOLDER */
div.masterContent.inbox .chatCenter .chatPlaceHolder, div.masterContent.inbox .sidebarContent .chatPlaceHolder{position: absolute; left: 50%; top: 47%; transform: translate(-50%, -50%); width: 230px; z-index: 3;}
div.masterContent.inbox .chatCenter .chatPlaceHolder .ico, div.masterContent.inbox .sidebarContent .chatPlaceHolder .ico{margin: 0 auto;width:194px;height:70px;}
div.masterContent.inbox .chatCenter .chatPlaceHolder .title, div.masterContent.inbox .sidebarContent .chatPlaceHolder .title{text-align: center; font-weight: 500; color: #012163;}
div.masterContent.inbox .chatCenter .chatPlaceHolder .subtitle, div.masterContent.inbox .sidebarContent .chatPlaceHolder .subtitle{text-align: center; font-size: 13px; width: 220px; margin: 5px auto 0 auto; color: #b1b1b1;}
	div.masterContent.inbox .chatCenter .chatPlaceHolder.noConversation{pointer-events: none; background-image: url(/Content/sfImgs/chatPlaceholderNoConv.png); position: absolute; left: 0; top: 0; transform: initial; width: 100%; right: 0; bottom: 0; background-color: #fff; z-index: 999; background-size: contain; background-repeat: no-repeat; background-position: center center;}
	div.masterContent.inbox .chatCenter .chatPlaceHolder.noConversation .phContent{position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%); width: 280px; z-index: 3;}
	div.masterContent.inbox .chatCenter .chatPlaceHolder.noConversation .phContent .ico{width: 194px; height: 98px;}
	div.masterContent.inbox .chatCenter .chatPlaceHolder.noConversation .phContent .ico svg{fill: #5078ee;}

div.masterContent.inbox .sidebarContent .chatPlaceHolder{left: 53%;}
div.masterContent.inbox .sidebarContent .chatPlaceHolder .ico{opacity: .9;margin: 0 auto 8px auto;}
div.masterContent.inbox .sidebarContent .chatPlaceHolder .title{font-size: 15px; font-weight: 400; color: #929292;}
div.masterContent.inbox .sidebarContent .chatPlaceHolder .subtitle{font-size: 12px; color: #d8d8d8;}


/*div.masterContent.inbox .chatCenter .chat .chat-body.no-message .no-message-container {display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100% }
div.masterContent.inbox .chatCenter .chat .chat-body.no-message .no-message-container svg {width: 50px; height: 50px; stroke: #26a69a; fill: #e6e6e6 }
div.masterContent.inbox .chatCenter .chat .chat-body.no-message .no-message-container p {font-size: 16px; color: #828282 }*/

/*div.masterContent.inbox .chatCenter .chat .chat-body .messages {display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start }
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item {max-width: 65%; margin-bottom: 3rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex }
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item:last-child {margin-bottom: 0 }
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item .message-avatar {display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex }
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item .message-avatar avatar-piq .newAvatar {margin-right: 1rem }
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item .message-avatar avatar-piq .newAvatar img{width: 30px;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item .message-avatar h5 {font-size: 15px; margin-bottom: 0 }*/

div.masterContent.inbox .chatCenter .chat .unreadMessages{position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); background-color: #E8EFFE; color: #5078EE; padding: 5px 15px 7px 15px; border-radius: 17px; font-size: 13px; font-weight: 500;}


/* CHAT SIDEBAR LEFT */
div.masterContent.inbox .chatSidebarLeft{position: absolute; left: 0; top: 0; bottom: 0; width: 270px; border-right: 1px solid #E3E3E3;border-radius: 5px 0 0 5px;}
div.masterContent.inbox .chatSidebarLeft .personalOrShared{position: absolute; background-color: #F2F2F2; width: calc(100% - 40px); height: 36px; top: 15px; left: 20px; border-radius: 4px; overflow: hidden;}
div.masterContent.inbox .chatSidebarLeft .personalOrShared .left{color: #fff;}
div.masterContent.inbox .chatSidebarLeft .personalOrShared .left,
div.masterContent.inbox .chatSidebarLeft .personalOrShared .right{z-index: 4; position: relative;float: left; width: 50%; text-align: center; font-size: 12px; line-height: 34px;}
div.masterContent.inbox .chatSidebarLeft .personalOrShared .backG{z-index: 3;width: 50%; height: 100%;background-color: #5078EE;transition: transform 0.3s ease;-webkit-transition: transform 0.3s ease;}
    body.powerDialerOn div.masterContent.inbox .chatSidebarLeft .sidebarContent{height: calc(100vh - 80px);}

div.masterContent.inbox .chatSidebarLeft .personalOrShared.isPersonal{}
div.masterContent.inbox .chatSidebarLeft .personalOrShared.isPersonal .left{color:#454545;}
div.masterContent.inbox .chatSidebarLeft .personalOrShared.isPersonal .right{color: #fff;}
div.masterContent.inbox .chatSidebarLeft .personalOrShared.isPersonal .backG{transform: translateX(100%);}

div.masterContent.inbox .chatSidebarLeft .sidebarContent{height: calc(100vh - 30px); position: absolute; left: 0; right: 0px; top: 30px;}

div.masterContent.inbox .chatSidebarLeft .sidebarContent .sidebarActions{position: absolute; left: 20px; top: -14px; height: 74px; width: calc(100% - 20px); border-bottom: 1px solid #E3E3E3;}
div.masterContent.inbox .chatSidebarLeft .sidebarContent .sidebarActions input{float:left;background-color: #F2F2F2; border: none; margin: 12px 0 0 0; height: 36px; padding: 0px 0 0 16px; width: calc(100% - 80px);}
div.masterContent.inbox .chatSidebarLeft .sidebarContent .sidebarActions input:focus{border: none!important;}
div.masterContent.inbox .chatSidebarLeft .sidebarContent .sidebarActions .startNewChat{background-color: #DCE4FC; border: none; margin: 12px 0 0 10px; height: 36px; width: 36px; float: left; border-radius: 4px;}
div.masterContent.inbox .chatSidebarLeft .sidebarContent .sidebarActions .startNewChat:hover{background-color: #d3deff;}

div.masterContent.inbox .chatSidebarLeft .sidebarContent ul.chatMembers{}
div.masterContent.inbox .chatSidebarLeft .sidebarContent ul.chatMembers.searching{padding-top: 10px;height: calc(100vh - 130px);position: absolute; left: 20px; top: 60px; width: calc(100% - 30px);}
div.masterContent.inbox .chatSidebarLeft .sidebarContent ul.chatMembers li{border-radius: 4px; position: relative; height: 38px; box-sizing: border-box; padding: 6px 0 0 8px; margin: 3px 0px;width: calc(100% - 1px);transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
div.masterContent.inbox .chatSidebarLeft .sidebarContent ul.chatMembers li:hover{background-color: #e8effe6e;}
div.masterContent.inbox .chatSidebarLeft .sidebarContent ul.chatMembers li.active{background-color: #E8EFFE; border-radius: 4px;}
div.masterContent.inbox .chatSidebarLeft .sidebarContent ul.chatMembers li .imgProfile{width: 23px; height: 23px;}
div.masterContent.inbox .chatSidebarLeft .sidebarContent ul.chatMembers li .imgProfile .initials{padding-top: 5px; font-size: 9px;}
div.masterContent.inbox .chatSidebarLeft .sidebarContent ul.chatMembers li .name{font-size: 12px; margin: 4px 0 0 33px; max-width: 125px;}
div.masterContent.inbox .chatSidebarLeft .sidebarContent ul.chatMembers li .messageCounter{position: absolute; right: 10px; background-color: #6E83EE; color: #fff; padding: 1px 6px; font-size: 11px; border-radius: 4px; top: 10px;}
div.masterContent.inbox .chatSidebarLeft .sidebarContent ul.chatMembers li .closeConv{position: absolute; right: 10px; top: 8px; width: 20px; height: 20px; opacity: 1; display: none;}
	div.masterContent.inbox .chatSidebarLeft .sidebarContent #collapseFavorites ul.chatMembers li .closeConv{display: none;}
	div.masterContent.inbox .chatSidebarLeft .sidebarContent #collapseFavorites ul.chatMembers li:hover .closeConv{display: none;}
	div.masterContent.inbox .chatSidebarLeft .sidebarContent #collapseFavorites ul.chatMembers li:hover .messageCounter{display: block;}
div.masterContent.inbox .chatSidebarLeft .sidebarContent ul.chatMembers li:hover .closeConv{display: block;}
div.masterContent.inbox .chatSidebarLeft .sidebarContent ul.chatMembers li:hover .messageCounter{display: none;}
div.masterContent.inbox .chatSidebarLeft .sidebarContent ul.chatMembers li .closeConv .svg-close{}

div.masterContent.inbox .chatSidebarLeft .sidebarContent .listContainer{position: absolute; top: 60px; left: 20px; right: 19px; bottom: 0;}
div.masterContent.inbox .chatSidebarLeft .sidebarContent .listContainer .collapse{}
div.masterContent.inbox .chatSidebarLeft .sidebarContent .listContainer .collapse .chatMembers{}
div.masterContent.inbox .chatSidebarLeft .sidebarContent .listContainer a.listToggle{width: 100%; display: block; border-radius: 3px; margin: 10px 0 2px 0; height: 20px;}
div.masterContent.inbox .chatSidebarLeft .sidebarContent .listContainer a.listToggle.recentsToggle{}
div.masterContent.inbox .chatSidebarLeft .sidebarContent .listContainer a.listToggle i{float: left;}
div.masterContent.inbox .chatSidebarLeft .sidebarContent .listContainer a.listToggle i.iRecents,
div.masterContent.inbox .chatSidebarLeft .sidebarContent .listContainer a.listToggle i.iFavorites{transition: transform 0.3s ease;transform: rotate(90deg);-webkit-transition: transform 0.3s ease; background-color: #dce4fc69; border-radius: 3px; margin-right: 5px;}
div.masterContent.inbox .chatSidebarLeft .sidebarContent .listContainer a.listToggle.collapsed i.iRecents,
div.masterContent.inbox .chatSidebarLeft .sidebarContent .listContainer a.listToggle.collapsed i.iFavorites{transform: rotate(0deg);}

div.masterContent.inbox .chatSidebarLeft .sidebarContent .listContainer a.listToggle .txt{color: #5078ee; font-size: 13px; letter-spacing: initial; margin: 1px 0 0 0; float: left;}
div.masterContent.inbox .chatSidebarLeft .sidebarContent .listContainer a.listToggle .markAsRead{float: right; color: #c1c1c1;margin-right: 3px;}
div.masterContent.inbox .chatSidebarLeft .sidebarContent .listContainer a.listToggle .markAsRead:hover{color: #5078EE;}

/*.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}*/

/* CHAT FOOTER */
div.masterContent.inbox .chatCenter .chatFooter{height: 120px; position: absolute; bottom: 0; right: 0; width: 100%;}
div.masterContent.inbox .chatCenter .chatFooter .chatActions{position: relative; height: calc(100% - 32px); width: calc(100% - 32px); background-color: #F4F4FB; border-radius: 5px; margin: 14px 0 0 16px; border: 1px solid #D9D9D9;}
div.masterContent.inbox .chatCenter .chatFooter .chatActions .inputContainer{background-color: #fff; height: 50px; width: 100%; border-radius: 10px 10px 0 0; position: absolute; top: 0;}
div.masterContent.inbox .chatCenter .chatFooter .chatActions .inputContainer textarea{border-radius: 5px 5px 0 0;max-height: 110px!important; border: none; height: 50px; width: 100%; resize: none; font-size: 14px; line-height: 20px;padding: 15px 80px 15px 15px; box-sizing: border-box;}
div.masterContent.inbox .chatCenter .chatFooter .chatActions .inputContainer textarea:focus{border: none!important;}
div.masterContent.inbox .chatCenter .chatFooter .chatActions .inputContainer input{width: calc(100% - 30px); margin: 9px 0 0 10px; background-color: transparent; border: none;}
div.masterContent.inbox .chatCenter .chatFooter .chatActions .inputContainer input:focus{border: none!important;}
div.masterContent.inbox .chatCenter .chatFooter .chatActions .inputContainer .messageCharacterCount{position: absolute; top: 15px; right: 12px; font-size: 13px; color: #adadad;}
div.masterContent.inbox .chatCenter .chatFooter .chatActions .inputContainer .messageCharacterCount span{}
div.masterContent.inbox .chatCenter .chatFooter .chatActions .inputContainer .messageCharacterCount span{}
div.masterContent.inbox .chatCenter .chatFooter .chatActions:focus-within{border:1px solid #5078EE;}

div.masterContent.inbox .chatCenter .chatFooter .chatActions .actionsContainer{position: absolute; bottom: 0;width: 100%;}
div.masterContent.inbox .chatCenter .chatFooter .chatActions .actionsContainer .rightActions{position: absolute; right: 5px; height: 38px; width: 90px; bottom: 0;}
div.masterContent.inbox .chatCenter .chatFooter .chatActions .actionsContainer .rightActions .ico{float: right; width: 36px; height: 38px;}
div.masterContent.inbox .chatCenter .chatFooter .chatActions .actionsContainer .rightActions .ico:last-child{}
div.masterContent.inbox .chatCenter .chatFooter .chatActions .actionsContainer .rightActions .ico:first-child{}
div.masterContent.inbox .chatCenter .chatFooter .chatActions .actionsContainer .rightActions .ico svg{}
div.masterContent.inbox .chatCenter .chatFooter .chatActions .actionsContainer .rightActions .ico svg.svg-newConversation{fill: #5078ee;}


/*div.masterContent.inbox .chatCenter .chatFooter .chatActions .actionsContainer .formSelect{border: none; width: 220px; margin: 0;}
div.masterContent.inbox .chatCenter .chatFooter .chatActions .actionsContainer .formSelect.phoneNumber .display{border: none; width: 220px;}
div.masterContent.inbox .chatCenter .chatFooter .chatActions .actionsContainer .formSelect.phoneNumber .generalLoader{right: 26px;}
div.masterContent.inbox .chatCenter .chatFooter .chatActions .actionsContainer .formSelect.phoneNumber .display .label{display: inline-block;}
div.masterContent.inbox .chatCenter .chatFooter .chatActions .actionsContainer .formSelect.phoneNumber .display .txt{display: inline-block; font-size: 12px; color: #929292;}
*/

div.masterContent.inbox .chatCenter .chatFooter .chatActions .actionsContainer select-simple-piq .newSelect{border: none; width: 220px; margin: 0 0 0 -1px;}
div.masterContent.inbox .chatCenter .chatFooter .chatActions .actionsContainer select-simple-piq .newSelect .display{border: none!important; width: 220px;}
div.masterContent.inbox .chatCenter .chatFooter .chatActions .actionsContainer select-simple-piq .newSelect .display .txt{width: initial;}


div.masterContent.inbox .chatCenter .chatFooter.isDisabled .chatActions{filter:blur(1px);-webkit-filter:blur(1px);pointer-events: none;}
div.masterContent.inbox .chatCenter .chatFooter .isDisabledMessage{display: none;}
div.masterContent.inbox .chatCenter .chatFooter.isDisabled .isDisabledMessage{display: block; position: absolute; top: -2px; left: 50%; transform: translateX(-50%); padding: 6px 13px 11px 13px; border-radius: 4px; background-color: #ffe1e1; border: 1px solid red;}
div.masterContent.inbox .chatCenter .chatFooter.isDisabled .isDisabledMessage .txt{font-size: 12px; color: #af0000;}

/* CHAT HEADER */
div.masterContent.inbox .chatHeader{z-index: 5;position: absolute; right: 0; top: 0; height: 90px;  width: 100%; border-bottom: 1px solid #E3E3E3;}
div.masterContent.inbox .chatHeader.isStartingNewConversation{width: calc(100% - 60px); transform: translateX(-29px);}
div.masterContent.inbox .chatHeader avatar-piq .newAvatar{border-radius: 50%; text-align: center; float: left; margin: 16px 3px 0 20px;}
div.masterContent.inbox .chatHeader .nameOrNumber{display: inline-block; position: relative;}
div.masterContent.inbox .chatHeader .nameOrNumber .txt{display: inline-block; margin: 15px 0 8px 10px; font-weight: 500; font-size: 15px; color: #4A4A4A;max-width: 250px;}
div.masterContent.inbox .chatHeader .nameOrNumber svg.svg-star{position: absolute;top: 15px; right: -24px;}
div.masterContent.inbox .chatHeader select-simple-piq{display: contents;}
div.masterContent.inbox .chatHeader .newSelect{position: absolute; width: 200px; left: 82px; height: 30px;top: 40px;}
div.masterContent.inbox .chatHeader .newSelect .display{background-color: #dce4fc82; border: none;}
div.masterContent.inbox .chatHeader .newSelect .display .txt{color: #5078EE;font-weight: 500;font-size: 11px;margin: 8px 0 0 6px; max-width: 73px;}
div.masterContent.inbox .chatHeader .newSelect .display .description{margin: 7px 0px 0 12px;}
div.masterContent.inbox .chatHeader .newSelect .display .cssTriangle{top: 13px;}
div.masterContent.inbox .chatHeader .newSelect .selectList{top: 16px;}
div.masterContent.inbox .chatHeader .newSelect.on .selectList{top: 36px;}
div.masterContent.inbox .chatHeader .newSelect .selectList .selectListItem .txt{font-size: 11px;}

div.masterContent.inbox .chatHeader .rightActions{position: absolute; right: 25px; top: 27px; height: 50px;}
div.masterContent.inbox .chatHeader .rightActions .search{float: left; margin: 23px 0 0 0;}
div.masterContent.inbox .chatHeader .rightActions .search input{}
div.masterContent.inbox .chatHeader .rightActions .assign{float: left; margin: 23px 20px 0 20px; padding: 8px 17px; background-color: #5078ee26; border-radius: 6px; font-size: 14px; color: #5078EE; font-weight: 500;}
div.masterContent.inbox .chatHeader .rightActions .call{width: 30px; height: 50px; float: left; margin: 0 0 0 0;}
div.masterContent.inbox .chatHeader .rightActions .call .ico{transition:transform 0.5s ease; width: 30px; height: 30px; background-color: #5078EE; border-radius: 50%; float: left;}
div.masterContent.inbox .chatHeader .rightActions .call ul{opacity: 0; visibility: hidden; width: 148px; max-height: 162px;transition: all 0.3s ease; background-color: #fff; border: solid 1px #cfd4d7; border-radius: 4px; position: absolute;top: 34px; right: 29px; z-index: 999;}
div.masterContent.inbox .chatHeader .rightActions .call ul li{height: 38px; border-bottom: solid 1px #cfd4d7; cursor: pointer; transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; position: relative; padding: 10px 0 0 6px; box-sizing: border-box;}
div.masterContent.inbox .chatHeader .rightActions .call ul li i{margin: -2px 5px 0 3px; color: #2e5de6; background-color: #5078ee33; border-radius: 50%; width: 20px; height: 20px; padding: 4px 0 0 3px; box-sizing: border-box;}
div.masterContent.inbox .chatHeader .rightActions .call ul li .txt{}
div.masterContent.inbox .chatHeader .rightActions .call ul li:last-child{border-bottom: none!important;}
div.masterContent.inbox .chatHeader .rightActions .call ul li:hover{background-color: #EBF0FF;}
div.masterContent.inbox .chatHeader .rightActions .call:hover .ico{transform: rotate(35deg);}
div.masterContent.inbox .chatHeader .rightActions .call:hover ul{opacity: 1; visibility: visible; top: 44px;}
div.masterContent.inbox .chatHeader .rightActions .contactInformation{opacity: .7; float: left; width: 20px; height: 20px; margin: 4px 0 0 0;}
div.masterContent.inbox .chatHeader .rightActions .contactInformation:hover{opacity: 1;}
div.masterContent.inbox .chatHeader .rightActions .contactInformation i{}
div.masterContent.inbox .chatHeader .rightActions .sfIcon{transition: transform 0.5s ease; width: 30px; height: 30px; float: left; margin: 0 0 0 0;}
div.masterContent.inbox .chatHeader .rightActions .sfIcon svg{}
div.masterContent.inbox .chatHeader .rightActions .searchIcon{transition: transform 0.5s ease; width: 30px; height: 30px; float: left; margin: 0 0 0 0; background-color: #dce4fc82; border-radius: 5px;}
div.masterContent.inbox .chatHeader .rightActions .searchIcon i{color: #5078EE; margin: 5px 0 0 7px;}
div.masterContent.inbox .chatHeader .rightActions .searchIcon:hover{}
div.masterContent.inbox .chatHeader .rightActions .separator{float: left; width: 1px; height: 30px; border-right: 1px solid #e6e6e6; margin: 0 10px 0 10px;}

div.masterContent.inbox .chatHeader .startNewConversation{}
div.masterContent.inbox .chatHeader .startNewConversation .title{font-size: 20px; font-weight: 500; margin: 18px 0 0 0;}
div.masterContent.inbox .chatHeader .startNewConversation input-suggester .wrapperSuggester{margin: 11px 0 0 0;}
div.masterContent.inbox .chatHeader .startNewConversation input-suggester .wrapperSuggester input{border: none!important; width: 100%; padding-left: 1px;}
div.masterContent.inbox .chatHeader .closeNewConversation{right: 0; opacity: .5; top: 16px;}
	
div.masterContent.inbox .chatCenter .chat .chat-body{-webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; padding: 10px 0 0 0; }

/*CHAT DEGRADADO*/
/*div.masterContent.inbox .chatCenter .chat .chat-body:after{content: ''; position: absolute; left: 1px; top: 1px; height: 100%; width: 100%; background: linear-gradient(rgb(74 201 250) 0%, rgb(20 94 247) 100%); mix-blend-mode: screen; pointer-events: none;}*/

/* CHAT CONTENT */
div.masterContent.inbox .chatCenter .chat{position: absolute; right: 0; top: 91px; bottom: 125px; width: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
div.masterContent.inbox .chatCenter .chat .chat-body:not(.no-message) {overflow: auto }
div.masterContent.inbox .chatCenter .chat .chat-body.no-message {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }

div.masterContent.inbox .chatCenter .chat .chat-body.no-message .no-message-container {display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100% }
div.masterContent.inbox .chatCenter .chat .chat-body.no-message .no-message-container svg {width: 50px; height: 50px; stroke: #26a69a; fill: #e6e6e6 }
div.masterContent.inbox .chatCenter .chat .chat-body.no-message .no-message-container p {font-size: 16px; color: #828282 }
div.masterContent.inbox .chatCenter .chat .chat-body .messages {display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start }
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container{position: relative; width: 100%; padding: 5px 20px 5px 20px; box-sizing: border-box; margin: -2px 0 -1px 0;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container:hover{background-color: #e8edffc9;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container.skeletonContainer:hover,
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container.dateContainer:hover{background-color: initial;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item{max-width: 65%; margin-bottom: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex }

div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.outgoing-message{}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.incoming-message{z-index: 1;}

div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container.outgoing-message+.message-container.outgoing-message .message-item.outgoing-message>.message-avatar{opacity: 0;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container.incoming-message+.message-container.incoming-message .message-item.incoming-message>.message-avatar{opacity: 0;}

div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item+.message-item{margin-top: 5px;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item+.messages-divider-date{margin-top: 25px;}

div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.outgoing-message+.message-item.incoming-message{margin:;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.incoming-message+.message-item.outgoing-message{margin:;}

div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item:last-child {margin-bottom: 0;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item .message-avatar {display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex }
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item .message-avatar avatar-piq .newAvatar{margin-right: 10px;margin-bottom: 0;z-index: 1;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item .message-avatar avatar-piq .newAvatar img{width: 30px;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item .message-avatar h5 {font-size: 15px; margin-bottom: 0 }
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item:hover .message-content .time{ display: block;}

div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item .message-content{position: relative;background-color: #F5F5F5; -webkit-border-radius: .5rem; -moz-border-radius: .6rem; border-radius: 6px; padding: 8px 13px 10px 13px; font-size: 13px; line-height: 21px; user-select: text; -webkit-user-select: text; overflow-wrap: anywhere;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item .message-content .txt{user-select: text; -webkit-user-select: text;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item .message-content .txt a{color: #1d40a9;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item .message-content img{width: 100%;cursor: zoom-in;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item .message-content img:hover{}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item .message-content .time{ display: none; color: #c5c5c5; margin-top: 5px; font-size: 11px; text-align: right; position: absolute; right: -35px; bottom: 4px;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item .message-content .messageFailed{display: none; position: absolute; left: -8px; top: -6px; width: 20px; height: 20px; background-color: #f75565; border-radius: 50%; color: #fff; text-align: center; font-size: 13px; line-height: 20px;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item .message-content .messageFailed.messageBarred{background-color: #f7ae55;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item .message-content .mdi-check,
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item .message-content .mdi-check-all{display: none;}

/* MESSAGE ACTIONS */
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container .message-actions{padding: 4px;display: none; position: absolute; /*width: 100px;*/ height: 25px; background-color: #fff; border: 1px solid #cacaca; border-radius: 5px; top: 6px; right: 20px;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container .message-actions .action{width: 25px; height: 25px;border-radius: 3px;background-color: #fff;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container .message-actions .action i{color: #a0a0a0; margin: 4px 0 0 5px;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container .message-actions .action i.formSelect.moreOptions{min-width: initial;color: #a0a0a0; margin: 0px 0 0 0px; height: 20px; width: 24px; text-align: center; padding: 5px 0 0 0;}


div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container.outgoing-message .message-actions{left: 20px; right: initial;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container.incoming-message .message-actions{}

div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container.outgoing-message .message-actions .action .formSelect.moreOptions ul{left: 40px; top: -5px; right: initial; width: 150px;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container.incoming-message .message-actions .action .formSelect.moreOptions ul{right: 40px; top: -5px; left: initial; width: 150px;}

div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container.outgoing-message:nth-last-child(1) .message-actions .action .formSelect.moreOptions ul,
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container.outgoing-message:nth-last-child(2) .message-actions .action .formSelect.moreOptions ul{top: initial; bottom: -5px;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container.outgoing-message:nth-child(1) .message-actions .action .formSelect.moreOptions ul,
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container.outgoing-message:nth-child(2) .message-actions .action .formSelect.moreOptions ul,
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container.outgoing-message:nth-child(3) .message-actions .action .formSelect.moreOptions ul{left: 40px; top: -5px; right: initial; width: 150px;bottom: initial;}

div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container.incoming-message:nth-last-child(1) .message-actions .action .formSelect.moreOptions ul,
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container.incoming-message:nth-last-child(2) .message-actions .action .formSelect.moreOptions ul{top: initial; bottom: -5px;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container.incoming-message:nth-child(1) .message-actions .action .formSelect.moreOptions ul,
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container.incoming-message:nth-child(2) .message-actions .action .formSelect.moreOptions ul,
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container.incoming-message:nth-child(3) .message-actions .action .formSelect.moreOptions ul{right: 40px; top: -5px; left: initial; width: 150px;bottom: initial}

div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container .message-actions .action i.formSelect.moreOptions ul li{padding: 8px 14px 8px 7px;text-align: left;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container .message-actions .action i.formSelect.moreOptions ul li i{float: left;margin: 0 5px 0px 3px; color: #5078EE;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container .message-actions .action .txt{}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container .message-actions .action:hover{background-color: #f3f3f3;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container .message-actions .action:hover i{color:#717171;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container:hover .message-actions{display: flex;}



/*div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container:first-child .message-actions .action i.formSelect.moreOptions ul{left: 33px; right: initial; top: -9px; border-radius: 6px;width: 150px;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container:last-child .message-actions .action i.formSelect.moreOptions ul,
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container:nth-last-child(2) .message-actions .action i.formSelect.moreOptions ul{top: initial; bottom: -5px;}
*/



/*div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item .message-content.message-file {display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; word-break: break-word }
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item .message-content.message-file .file-icon {font-size: 24px; margin-right: 1rem; color: #828282 }
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item .message-content.message-file ul {margin-top: 3px; margin-bottom: 0 }
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item .message-content.message-file ul li.list-inline-item {margin-left: 0; margin-right: .5rem }
*/


div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.message-image .message-content img {max-width: 200px }
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item .message-content+.message-content {margin-top: 1rem }

div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.message-image .message-content{padding: 8px 8px 3px 8px;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.message-image .message-content img {max-width: 280px; }

/* OUTGOING MESSAGE */
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.outgoing-message {margin-left: auto; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse }
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.outgoing-message .message-avatar {-webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end }
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.outgoing-message .message-avatar avatar-piq .newAvatar{margin-left: 10px; margin-right: 0 }
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.outgoing-message .messageFailed{display:block;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.outgoing-message .time{color: #c5c5c5; margin-top: 5px; font-size: 11px; text-align: right; position: absolute; left: -38px; bottom: 4px; right: initial;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.outgoing-message .mdi-check,
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.outgoing-message .mdi-check-all{display: block; position: absolute; left: -21px; bottom: 0px; color: #cecece;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.outgoing-message:hover .mdi-check, 
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.outgoing-message:hover .mdi-check-all{display: none;}
/*div.masterContent.inbox .chat .chat-body .messages .message-item.outgoing-message .message-content {background-color: #4A83FA; color: rgba(255, 255, 255, .9); display: table; margin-left: auto }*/
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.outgoing-message .message-content {background-color: #4A83FA; color: rgba(255, 255, 255, .9); display: table; margin-left: auto }

div.masterContent.inbox .chatCenter .chat .chat-body .messages .messages-divider {width: 100%; max-width: 100%; position: relative }
div.masterContent.inbox .chatCenter .chat .chat-body .messages .messages-divider:before {content: attr(data-label); display: block; position: absolute; top: -8px; letter-spacing: .5px; font-size: 11px; padding: 2px 8px; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; background-color: #fff; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) }
div.masterContent.inbox .chatCenter .chat .chat-body .messages .messages-divider {margin-bottom: 40px;width: 100%; max-width: 100%; position: relative }
div.masterContent.inbox .chatCenter .chat .chat-body .messages .messages-divider:before {content: attr(data-label); display: block; position: absolute; top: -8px; letter-spacing: .5px; font-size: 11px; padding: 5px 18px; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; background-color: #e8effe; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}

div.masterContent.inbox .chatCenter .chat .chat-body .messages .messages-divider-date{z-index: 1; width: 100%; max-width: 100%; position: relative; border-bottom: 1px solid #e0e0e0; margin: 15px auto 25px auto;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .messages-divider-date:before {content: attr(data-label); display: block; position: absolute; top: -11px; letter-spacing: .5px; font-size: 11px; padding: 5px 18px; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; background-color: #fff; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container.dateContainer{margin: 0 0 10px 0;}

div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container.message-beginnning-container{padding: 10px 20px 20px 20px; border-radius: 8px; background-color: #edf1fe; width: calc(100% - 40px); margin: 5px auto 12px auto;pointer-events: none;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container.message-beginnning-container .message-beginnning-conversation{display: initial;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container.message-beginnning-container .message-beginnning-conversation i{text-align: center; margin: 0 auto 5px auto; display: block; color: #5078ee;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container.message-beginnning-container .message-beginnning-conversation .subtitle{text-align: center;max-width: 100%;font-size: 14px;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container.message-beginnning-container .message-beginnning-conversation .subtitle span{}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container.message-beginnning-container .message-beginnning-conversation .date{font-size: 12px; opacity: .4; margin: 5px 0 0 0px; text-align: center;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container.message-beginnning-container .message-beginnning-conversation .date span{}

div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.event-call{}

div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.event-call .message-content{border-radius: 30px; padding: 0px 15px 9px 0px;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.event-call .message-content .message-ico{width: 33px; height: 33px; float: left; background-color: #4a83fa; border-radius: 50%;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.event-call .message-content .message-text{display: flex; line-height: 20px; padding: 5px 0 0 8px; font-size: 14px;}

div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.outgoing-message.event-call .message-content{}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.outgoing-message.event-call .message-content{border-radius: 30px; padding: 0px 15px 0px 0px;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.outgoing-message.event-call .message-content .message-ico{background-color: #3a3a3a;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.outgoing-message.event-call .message-content .message-text{}

/* SKELETON */
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.skeleton{}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.skeleton .message-avatar{}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.skeleton .message-avatar .newAvatar{margin-right: 1rem;width: 30px; height: 30px; border-radius: 50%;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.outgoing-message.skeleton .message-avatar .newAvatar{margin-left: 1rem;margin-right: initial;}

div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.skeleton .message-content{height: 30px; box-sizing: border-box; border-radius: .3rem;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.skeleton .message-content .txt{}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.skeleton.typeOne .message-content{width: 240px;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.skeleton.typeTwo .message-content{width: 130px;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.skeleton.typeThree .message-content{width: 180px;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.skeleton.message-image{}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.skeleton.message-image .message-content{height: 140px; width: 240px;}
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.skeleton.message-image .message-content .image{}

/* FIX STUCK SCROLL */
div.masterContent.inbox .chatCenter .chat .chat-body.fixStuckScroll{overscroll-behavior: contain;}

/* SIDEBAR RIGHT */
div.masterContent.inbox .chatSidebarRight{z-index: 99;position: absolute; right: 0; top: 0; bottom: 0; width: 330px; border-left: 1px solid #E3E3E3;background-color: #fff;transition: transform 0.4s ease;transform: translateX(330px);}
div.masterContent.inbox .chatSidebarRight.on{transform: translateX(0);}
div.masterContent.inbox .chatSidebarRight .sidebarRightContent{position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
div.masterContent.inbox .chatSidebarRight .sidebarRightContent .header{border-bottom: 1px solid #E3E3E3; height: 140px; padding: 20px 0 0 0; box-sizing: border-box; position: relative;}
div.masterContent.inbox .chatSidebarRight .sidebarRightContent .header .sfClose{position: absolute; top: 10px; right: 10px; width: 24px;}

	div.masterContent.inbox .chatSidebarRight .sidebarRightContent.contactInfo .header{height: 135px;border-bottom: none;}
	div.masterContent.inbox .chatSidebarRight .sidebarRightContent.contactInfo .header avatar-piq .newAvatar{margin: 0 auto; float: initial;}
	div.masterContent.inbox .chatSidebarRight .sidebarRightContent.contactInfo .header .nameOrNumber{margin: 7px 0 0 0; font-weight: 500;}
	div.masterContent.inbox .chatSidebarRight .sidebarRightContent.contactInfo .header .subtitle{margin: 2px 0 0 0;}

	div.masterContent.inbox .chatSidebarRight .sidebarRightContent.contactInfo .header .tabs{height: 38px; position: absolute; bottom: 0px; width: 100%}

	div.masterContent.inbox .chatSidebarRight .sidebarRightContent.contactInfo .container{}

	div.masterContent.inbox .chatSidebarRight .sidebarRightContent.contactInfo .container.activity{position: absolute; top: 172px; bottom: 0px;}
	div.masterContent.inbox .chatSidebarRight .sidebarRightContent.contactInfo .container.activity .sfActivity{padding-top: 0px;}
    div.masterContent.inbox .chatSidebarRight .sidebarRightContent.contactInfo .container.activity .sfActivity ul{padding-bottom: 20px;}
	div.masterContent.inbox .chatSidebarRight .sidebarRightContent.contactInfo .container.activity .sfActivity ul li.list-item .txt,
	div.masterContent.inbox .chatSidebarRight .sidebarRightContent.contactInfo .container.activity .sfActivity ul li.list-item .date{font-size:11px;}
	div.masterContent.inbox .chatSidebarRight .sidebarRightContent.contactInfo .container.activity .sfActivity ul li.list-item .ico{width: 25px; height: 25px;}

/* SIDEBAR: ACTIONS */
div.masterContent.inbox .chatSidebarRight .sidebarRightContent.sfActions{}
	div.masterContent.inbox .chatSidebarRight .sidebarRightContent.sfActions .header{height: 58px;}
	div.masterContent.inbox .chatSidebarRight .sidebarRightContent.sfActions .header .tabs{pointer-events: none;height: 38px; position: absolute; bottom: -1px; border-bottom: 2px solid #5078EE;}
	div.masterContent.inbox .chatSidebarRight .sidebarRightContent.sfActions .header .tabs .one{font-weight: 500; line-height: 21px;}
	div.masterContent.inbox .chatSidebarRight .sidebarRightContent.sfActions .sfActionsDialog{width: 100%; box-shadow: initial;top:61px;}
	
	div.masterContent.inbox .chatSidebarRight .sidebarRightContent.sfActions .sfActionsDialog add-comment, div.masterContent.inbox .chatSidebarRight .sidebarRightContent.sfActions .sfActionsDialog add-tags, div.masterContent.inbox .chatSidebarRight .sidebarRightContent.sfActions .sfActionsDialog add-work-order, div.masterContent.inbox .chatSidebarRight .sidebarRightContent.sfActions .sfActionsDialog add-case, div.masterContent.inbox .chatSidebarRight .sidebarRightContent.sfActions .sfActionsDialog add-opportunity, div.masterContent.inbox .chatSidebarRight .sidebarRightContent.sfActions .sfActionsDialog add-object, div.masterContent.inbox .chatSidebarRight .sidebarRightContent.sfActions .sfActionsDialog add-account, div.masterContent.inbox .chatSidebarRight .sidebarRightContent.sfActions .sfActionsDialog add-task, div.masterContent.inbox .chatSidebarRight .sidebarRightContent.sfActions .sfActionsDialog add-event{display: block;}

/* SIDEBAR: SEARCH CONV */
div.masterContent.inbox .chatSidebarRight .sidebarRightContent.searchConversation{}
	div.masterContent.inbox .chatSidebarRight .sidebarRightContent.searchConversation .header{height: 91px;}
	div.masterContent.inbox .chatSidebarRight .sidebarRightContent.searchConversation .header i{float: left; color: #5078EE; margin: -3px 5px 0 15px;}
	div.masterContent.inbox .chatSidebarRight .sidebarRightContent.searchConversation .header .title{font-size: 14px; font-weight: 500; color: #5078EE; margin: -3px 0 0 13px;}
	div.masterContent.inbox .chatSidebarRight .sidebarRightContent.searchConversation .header input{width: calc(100% - 40px); position: absolute; bottom: 13px; left: 13px;}

	div.masterContent.inbox .chatSidebarRight .sidebarRightContent.searchConversation .searchedMessages{position: absolute; top: 91px; left: 0; right: 0; bottom: 0px;}
	div.masterContent.inbox .chatSidebarRight .sidebarRightContent.searchConversation .searchedMessages .searchedMessagesList{position: absolute; right: 0; top: 0; bottom: 0; width: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 10px 15px 10px 13px; box-sizing: border-box;}
	div.masterContent.inbox .chatSidebarRight .sidebarRightContent.searchConversation .searchedMessages .searchedMessagesList .message-item{position: relative; max-width: 100%; margin-bottom: 7px; background-color: #F5F5F5; border-radius: 5px; padding: 10px;}
	div.masterContent.inbox .chatSidebarRight .sidebarRightContent.searchConversation .searchedMessages .searchedMessagesList .message-item:hover{background-color: #efefef;}
	div.masterContent.inbox .chatSidebarRight .sidebarRightContent.searchConversation .searchedMessages .searchedMessagesList .message-item .message-avatar{float: left; height: 100%;}
	div.masterContent.inbox .chatSidebarRight .sidebarRightContent.searchConversation .searchedMessages .searchedMessagesList .message-item .nameOrNumber{float: left; width: 140px;max-width: 140px; margin: 0 0 0 10px; font-weight: 500; font-size: 14px;}
	div.masterContent.inbox .chatSidebarRight .sidebarRightContent.searchConversation .searchedMessages .searchedMessagesList .message-item .time{float: right; margin: 0 5px 0 10px; font-size: 11px; opacity: .3; text-align: right;}
	div.masterContent.inbox .chatSidebarRight .sidebarRightContent.searchConversation .searchedMessages .searchedMessagesList .message-item .goToMessage{display: none;position: absolute; font-size: 9px; top: 8px; right: 10px; background-color: #dce4fcb5; color: #5078EE; font-weight: 500; padding: 3px 6px; box-sizing: border-box; border-radius: 3px;}
	div.masterContent.inbox .chatSidebarRight .sidebarRightContent.searchConversation .searchedMessages .searchedMessagesList .message-item .message-content{-webkit-border-radius: .5rem; -moz-border-radius: .6rem; border-radius: 6px; padding: 2px 0px 5px 11px; font-size: 12px; line-height: 17px; user-select: text; -webkit-user-select: text; overflow-wrap: anywhere; float: left; width: calc(100% - 32px); box-sizing: border-box;}
	div.masterContent.inbox .chatSidebarRight .sidebarRightContent.searchConversation .searchedMessages .searchedMessagesList .message-item .message-content .txt{opacity: .5;}
		div.masterContent.inbox .chatSidebarRight .sidebarRightContent.searchConversation .searchedMessages .searchedMessagesList .message-item.message-image .message-content{padding: 9px 0px 0px 11px;}
		div.masterContent.inbox .chatSidebarRight .sidebarRightContent.searchConversation .searchedMessages .searchedMessagesList .message-item.message-image .message-content img{width: 100%;}
		div.masterContent.inbox .chatSidebarRight .sidebarRightContent.searchConversation .searchedMessages .searchedMessagesList .message-item:hover .goToMessage{display: block;}
		div.masterContent.inbox .chatSidebarRight .sidebarRightContent.searchConversation .searchedMessages .searchedMessagesList .message-item:hover .time{display: none;}

/* REFACTORING */
.companyColor{color:#5078EE!important;}
.ts-bgc{transition: background-color 0.2s ease;-webkit-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; transition: background-color 0.2s ease;}
.form-35{height: 35px!important;}
.form-40{height: 40px!important;}
.form-45{height: 45px!important;}
.form-50{height: 50px!important;}
.form-60{height: 60px!important;}
.form-70{height: 70px!important;}
.form-80{height: 80px!important;}
.form-90{height: 90px!important;}
.font-10{font-size:10px!important;}
.font-11{font-size:11px!important;}
.font-12{font-size:12px!important;}
.font-13{font-size:13px!important;}
.font-14{font-size:14px!important;}
.font-15{font-size:15px!important;}
.font-16{font-size:16px!important;}
.font-17{font-size:17px!important;}
.font-18{font-size:18px!important;}
.font-19{font-size:19px!important;}
.font-20{font-size:20px!important;}
.font-21{font-size:21px!important;}
.font-22{font-size:22px!important;}
.font-23{font-size:23px!important;}
.font-24{font-size:24px!important;}
.font-25{font-size:25px!important;}
.font-weight-300{font-weight: 300!important; }
.font-weight-400{font-weight: 400!important; }
.font-weight-500{font-weight: 500!important; }
.font-weight-600{font-weight: 600!important; }
.color-grey{color: #bbbbbb;}

.height-100p{height: 100%!important;}
.width-50p{width: 50%!important;}
.width-100p{width: 100%!important;}

.width-30{width: 30px!important;}
.width-50{width: 50px!important;}
.width-75{width: 75px!important;}
.width-85{width: 85px!important;}
.width-90{width: 90px!important;}
.width-100{width: 100px!important;}
.width-120{width: 120px!important;}
.width-125{width: 125px!important;}
.width-130{width: 130px!important;}
.width-140{width: 140px!important;}
.width-150{width: 150px!important;}
.width-200{width: 200px!important;}
.width-300{width: 300px!important;}

.padding-t-10{padding-top: 10px;}
.padding-t-20{padding-top: 20px;}


.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}

.mb-10{margin-bottom: 10px;}
.mb-17{margin-bottom: 17px;}

.bs-bb{box-sizing: border-box!important;}
.contentSeparator{width: 100%; height: 1px; float: left; border-top: 1px dashed #b5b5b5; margin: 8px 0 8px 0;}

/* BTN */
.sf-btn{text-align: center; border-radius: 4px; font-size: 14px;cursor: pointer;}
.generalLoader.forBtn{display: block;width: 13px; height: 13px; position: absolute; right: 15px; top: 12px; margin: 0;}
.generalLoader.forBtnBlue{border-top: 2px solid #5078EE; border-right: 2px solid #fff; border-bottom: 2px solid #fff; border-left: 2px solid #fff;}
.blueCircleAndTic{width: 22px!important; position: absolute; right: 15px;top: 10px;}

/* TRANSITION DEFAULT */
.ts-bgc{transition: background-color 0.2s ease!important;-webkit-transition: background-color 0.2s ease!important; -o-transition: background-color 0.2s ease!important; transition: background-color 0.2s ease!important;}
.ts-opa{transition: opacity 0.3s ease!important;-webkit-transition: opacity 0.3s ease!important; -o-transition: opacity 0.3s ease!important; transition: opacity 0.3s ease!important;}

/* COMPONENTES */
.simpleLineDivider{width: 100%; height: 1px; border-top: 1px solid #eaeaea; margin: 17px 0px 22px 0px; float: left;}
.simpleLineDivider.dashed{border-top: 1px dashed #eaeaea;}
.simpleLineDivider.medium{margin: 6px 0 7px 0;}
.simpleLineDivider.medium.fixDivider{margin: 6px 0 15px 0;}

.sf-separator{width: 100%; position: relative; border-top: 1px solid #d2d2d2; margin: 12px 0 14px 0; display: inline-block;}
.sf-separator.dashed{border-top: 1px dashed #d2d2d2;}
.sf-separator span{background-color: #fff; text-align: center; font-size: 12px; color: #d2d2d2; position: absolute; left: 50%; top: -10px; transform: translateX(-50%); padding: 0px 15px; white-space: pre;}


/* BTN */
.sf-btn{text-align: center; border-radius: 4px; font-size: 14px;cursor: pointer;}

/* BTNS FILLED COLORS */
.b-red{background-color: #f1644a!important;color: #fff!important;}
	.b-red:hover{background-color: #da5c45!important;color: #fff!important;}
.b-blue{background-color: #5078EE!important;color: #fff!important;}
	.b-blue:hover{background-color: #4264ca!important;color: #fff!important;}
.b-green{background-color: #5EBF71!important;color: #fff!important;}
	.b-green:hover{background-color: #499658!important;color: #fff!important;}
.b-grey{background-color: #cacaca!important;color: #fff!important;}
	.b-grey:hover{background-color: #cacaca!important;color: #fff!important;}
.b-darkBlue{background-color: #1a47a6!important;color: #fff!important;}
	.b-darkBlue:hover{background-color: #153579!important;color: #fff!important;}
.b-sfBlue{background-color: #00a0d2!important;color: #fff!important;}
    .b-sfBlue:hover{background-color: #00a0d2!important;color: #fff!important;}

/* BTNS BORDER COLORS */
.border-red{border:1px solid #f75031!important;color: #f75031!important;background-color: #fff!important;}
	.border-red:hover{background-color: #f75031!important;color: #fff!important;}
.border-blue{border:1px solid #5078EE!important;color: #5078EE!important;background-color: #fff!important;}
	.border-blue:hover{background-color: #5078EE!important;color: #fff!important;}
.border-green{border:1px solid #5EBF71!important;color: #7b7b7b!important;background-color: #fff!important;}
	.border-green:hover{background-color: #5EBF71!important;color: #fff!important;}
.border-grey{border:1px solid #cacaca!important;color: #929292!important;background-color: #fff!important;}
	.border-grey:hover{background-color: #cacaca!important;color: #fff!important;}
.border-darkBlue{border:1px solid #1a47a6!important;color: #1a47a6!important;background-color: #fff!important;}
	.border-darkBlue:hover{background-color: #1a47a6!important;color: #fff!important;}

/* AVATARS */
.av-green{background-color: #4BC076!important;}
.av-orange{background-color: #FCB95B!important;}
.av-yellow{background-color: #F2CF5B!important;}
.av-red{background-color: #F88962!important;}
.av-violet{background-color: #C978D8!important;}
.av-darkViolet{background-color: #7382DD!important;}
.av-cyan{background-color: #49C4C9!important;}
.av-blue{background-color: #4271CB!important;}

/* TEXT COLORS */
.c-green{color: #4BC076!important;}
.c-orange{color: #FCB95B!important;}
.c-yellow{color: #F2CF5B!important;}
.c-red{color: #f35d5d!important;}
.c-violet{color: #C978D8!important;}
.c-darkViolet{color: #7382DD!important;}
.c-cyan{color: #49C4C9!important;}
.c-blue{color: #5078EE!important;}

/* COLORS */
.sfLeadColor{background-color: #F88962!important;}
.sfContactColor{background-color: #A094ED!important;}
.sfGuestColor{background-color: #c1c1c1!important;}
.sfUserColor{background-color: #6fcde2!important;}
.sfPersonAccountColor, .personAccount{background-color: #A094ED!important;}
.sfAccountColor{background-color: #8797fd!important;}
.sfPhoneIQColor{background-color: #5078EE!important;}

.sfClose{position: absolute;right: 19px; top: 10px;width: 30px; height: 30px;cursor: pointer;}
.sfClose svg{fill: none;}
	.sfClose.red svg{stroke: #ed6666;}
	.sfClose.black svg{stroke: #4a4a4a;}
	.sfClose.blue svg{stroke: #5078ee;}
	.sfClose.white svg{stroke: #fff;}

/* SVGS */
svg.svg-star{fill: #e0e0e0; width: 18px; height: 18px;}
svg.svg-star.on{fill: #FCC751;}

/* MATERIAL ICONS ADDONS */
.mdi-10px.mdi-set, .mdi-10px.mdi:before{font-size: 10px;}
.mdi-11px.mdi-set, .mdi-11px.mdi:before{font-size: 11px;}
.mdi-12px.mdi-set, .mdi-12px.mdi:before{font-size: 12px;}
.mdi-13px.mdi-set, .mdi-13px.mdi:before{font-size: 13px;}
.mdi-14px.mdi-set, .mdi-14px.mdi:before{font-size: 14px;}
.mdi-15px.mdi-set, .mdi-15px.mdi:before{font-size: 15px;}
.mdi-16px.mdi-set, .mdi-16px.mdi:before{font-size: 16px;}
.mdi-17px.mdi-set, .mdi-17px.mdi:before{font-size: 17px;}
.mdi-20px.mdi-set, .mdi-20px.mdi:before{font-size: 20px;}
.mdi-21px.mdi-set, .mdi-21px.mdi:before{font-size: 21px;}
.mdi-25px.mdi-set, .mdi-25px.mdi:before{font-size: 25px;}
.mdi-30px.mdi-set, .mdi-30px.mdi:before{font-size: 30px;}
.mdi-35px.mdi-set, .mdi-35px.mdi:before{font-size: 35px;}
.mdi-40px.mdi-set, .mdi-40px.mdi:before{font-size: 40px;}
.mdi-45px.mdi-set, .mdi-45px.mdi:before{font-size: 45px;}
.mdi-50px.mdi-set, .mdi-50px.mdi:before{font-size: 50px;}
.mdi-55px.mdi-set, .mdi-55px.mdi:before{font-size: 55px;}
.mdi-60px.mdi-set, .mdi-60px.mdi:before{font-size: 60px;}
.mdi-65px.mdi-set, .mdi-65px.mdi:before{font-size: 65px;}
.mdi-70px.mdi-set, .mdi-70px.mdi:before{font-size: 70px;}
.mdi-75px.mdi-set, .mdi-75px.mdi:before{font-size: 75px;}
.mdi-80px.mdi-set, .mdi-80px.mdi:before{font-size: 80px;}

/* ESTO SE SE VA A COMPONENTS.CSS */
call-settings-box .title{}
call-settings-box .subtitle{}
.callHandlingComponent{border: solid 1px #c1c1c1; border-radius: 6px; height: 92px!important; box-sizing: border-box; width: 100%; max-width: initial;}
.callHandlingComponent .left{float: left;}
.callHandlingComponent .left .icon{float: left; width: 60px; height: 60px; margin: 13px 0 0 5px;}
.callHandlingComponent .left .boxTitle{float: left; margin: 30px 0 0 20px;}
.callHandlingComponent .right{float: right; margin: 22px 10px 0 0px;}
.callHandlingComponent .right .formSelect, .callHandlingComponent .right .formSelect .display{width: 200px;}
.callHandlingComponent .right .checkboxSwitcher{}

/* LISTS */

/* NEW LISTS */
.newSlaveContent .newSlaveList .infiniteLoader .generalLoader{margin: 0 auto;}
.newSlaveContent .newSlaveList .infiniteLoader{background-color: transparent;}

.newSlaveContent.sfMessages{}
.newSlaveContent.sfMessages .expand{display: none;}
.newSlaveContent.sfMessages .newSlaveList{position: absolute; left: 30px; right: 0; bottom: 0; top: 87px; width: calc(100% - 50px);border-top: 1px solid #dee2e6;}
.newSlaveContent.sfMessages .newSlaveList .tableContainer{position: absolute; left: 0; right: 0; bottom: 0; top: 0px;}
.newSlaveContent.sfMessages .newSlaveList .generalSplash{position: absolute; top: 46%; right: 0; left: 0; z-index: 1; transform: translateY(-50%);}
.newSlaveContent.sfMessages .newSlaveList .generalSplash .txt{margin: 5px auto 15px auto;}

.newSlaveContent.sfMessages .newSlaveList .tableContainer .table{border-spacing: 0; width: 100%; border-collapse: collapse;}
.newSlaveContent.sfMessages .newSlaveList .tableContainer .table thead{}
.newSlaveContent.sfMessages .newSlaveList .tableContainer .table thead tr th{/*color:#5078EE;*/    pointer-events: none; font-weight: 400; color: #656565; padding: 8px; font-size: 14px; border-top: initial;}
.newSlaveContent.sfMessages .newSlaveList .tableContainer .table tbody{position: absolute; left: 0; right: 0; bottom: 0px; top: 35px;}

.newSlaveContent.sfMessages .newSlaveList .tableContainer .table thead,
.newSlaveContent.sfMessages .newSlaveList .tableContainer .table tbody tr{display: table; width: 100%; table-layout: fixed;}
.newSlaveContent.sfMessages .newSlaveList .tableContainer .table th.tableIco,
.newSlaveContent.sfMessages .newSlaveList .tableContainer .table td.tableIco{width: 20px;}
.newSlaveContent.sfMessages .newSlaveList .tableContainer .table td{font-size: 13px;padding: 8px 0px 8px 6px;}
.newSlaveContent.sfMessages .newSlaveList .tableContainer .table td .tdTxt{line-height: 20px;font-size: 13px;max-width: calc(100% - 35px); display: inline-block;}
.newSlaveContent.sfMessages .newSlaveList .tableContainer .table td.noSecondLine .tdTxt{padding-top: 8px;}
.newSlaveContent.sfMessages .newSlaveList .tableContainer .table td .tdTxtSecondLine{color: #a7a7a7;}
.newSlaveContent.sfMessages .newSlaveList .tableContainer .table avatar-piq .newAvatar{margin: 3px 8px 0 0px;}
.newSlaveContent.sfMessages .newSlaveList .tableContainer .table td.tdActions{}
.newSlaveContent.sfMessages .newSlaveList .tableContainer .table td.tdActions .actions{display: flex;align-items: center; justify-content: flex-end;margin: 7px 10px 0 0;}
.newSlaveContent.sfMessages .newSlaveList .tableContainer .table td.tdActions .actions div{width: 22px; height: 26px; border-radius: 50%; margin: 0px 0 0 8px;}
.newSlaveContent.sfMessages .newSlaveList .tableContainer .table td.tdActions .actions .moreOptions{position: relative;}
.newSlaveContent.sfMessages .newSlaveList .tableContainer .table td.tdActions .actions .moreOptions .moreOptionsList{transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; opacity: 0; visibility: hidden; z-index: 1; width: 185px; position: absolute; top: -6px; right: 30px; border-radius: 5px; border: 1px solid #ccc; overflow: hidden; background-color: #fff;}
.newSlaveContent.sfMessages .newSlaveList .tableContainer .table td.tdActions .actions .moreOptions.on .moreOptionsList{visibility: visible;opacity: 1;}
.newSlaveContent.sfMessages .newSlaveList .tableContainer .table td.tdActions .actions .moreOptions .moreOptionsList li{padding: 10px 0 10px 12px; border-bottom: 1px solid #e4e4e4;}
.newSlaveContent.sfMessages .newSlaveList .tableContainer .table td.tdActions .actions .moreOptions .moreOptionsList li:last-child{border-bottom: none;}

.newSlaveContent.sfMessages .newSlaveList .tableContainer .table td.tdDirection .callDirection{width: 25px; height: 25px; background-color: #007bff26; border-radius: 4px;margin: 6px 0 0 0;}
.newSlaveContent.sfMessages .newSlaveList .tableContainer .table td.tdDirection .callDirection svg{}

.newSlaveContent.sfMessages .newSlaveList .tableContainer .table-hover tbody tr{transition: background-color 0.3s ease;-webkit-transition: background-color 0.3s ease;}
.newSlaveContent.sfMessages .newSlaveList .tableContainer .table-hover tbody tr:hover{color: #212529; background-color: rgb(55 123 255 / 7%);cursor: pointer;}

.newSlaveContent{position: fixed; top: 59px; right: 0; bottom: 0; width: calc(100% - 70px); background-color: #fff; z-index: 2; border-radius: 5px 0 0 5px; /*box-shadow: 0 0 32px 2px #0000002e;*/ transition: width 0.3s ease;}
.newSlaveContent .newSlaveHeader{position: relative; left: 30px; width: calc(100% - 50px); padding: 20px 0 20px 0;}
.newSlaveContent .newSlaveHeader h1{margin: 8px 0 10px 0; line-height: initial; display: block;}
.newSlaveContent .newSlaveHeader h4{font-size: 13px; font-weight: 400; color: #ccc; margin: 0;}
.newSlaveContent .newSlaveHeader .actions{position: absolute; right: 14px; top: 10px; left: 0;}
.newSlaveContent .newSlaveHeader .actions .actionSeparator{float: left; width: 1px; height: 40px; border-right: 1px solid #e6e6e6; margin: 0 10px 0 10px;}

.newSlaveContent .newSlaveHeader .actions .filterTrigger{float: left; width: 30px; height: 40px;position: relative;}
.newSlaveContent .newSlaveHeader .actions .filterTrigger i{font-size: 30px;margin: 4px 0 0 0;}
.newSlaveContent .newSlaveHeader .actions .filterTrigger i + .filters{position: absolute; top: 58px; right: 0px; width: 260px; background-color: #fff; z-index: 4; padding: 19px; border-radius: 5px; box-shadow: 0 0 11px 4px #00000014; transform: translateX(330px); transition: transform 0.5s ease;cursor: initial;}
.newSlaveContent .newSlaveHeader .actions .filterTrigger i.on + .filters{transform: translateX(0px);}
.newSlaveContent .newSlaveHeader .actions .filterTrigger i.on{color: #5078EE;}
.newSlaveContent .newSlaveHeader .actions .filterTrigger i.on + .filters .container{}
.newSlaveContent .newSlaveHeader .actions input-validation{float: left;}

.newSlaveContent .newSlaveHeader.userComponentChanges{}
.newSlaveContent .newSlaveHeader.userComponentChanges .actions{}
.newSlaveContent .newSlaveHeader.userComponentChanges .actions .inputDatePicker{height: 42px!important;}
.newSlaveContent .newSlaveHeader.userComponentChanges .actions .filterActivity input{height: 42px;}

.newSlaveContent .newSlaveList.userComponentChanges{top: 67px;}

/* attach durandal styles */
.modalBlockout{position: fixed; top: 0; left: 69px; width: 100%; height: 100%; opacity: 0; pointer-events: auto; -webkit-backface-visibility: hidden;    border-radius: 5px 0px 0px 5px; background-color: rgba(0, 0, 0, 0);transition: background 0.3s ease;-webkit-transition: background 0.3s ease;}
.modalBlockout.fade{background-color: rgba(0, 0, 0, .85);}
.modalHost{/*transition:top 0.5s linear;-webkit-transition:top 0.5s linear;*/ top: 0!important; left: 69px; right:0; position: fixed; -webkit-backface-visibility: hidden;bottom: 0;}
.modalHost.smDialog{left: calc(50% - -35px); top: 50%!important; width: 0; height: 0;}

.modalHost .modalHost.rewrite{background: rgba(0, 0, 0, 0); bottom: 0; border-radius: 5px 0 0 5px; transition: background 0.3s ease;-webkit-transition: background 0.3s ease;}
.modalHost .modalHost.rewrite.on{background: rgba(0, 0, 0, .7);}
.messageBox{overflow: hidden;background-color: white; border: 1px solid #D4D4D4; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 12px; outline: none; -webkit-box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.1); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; min-width: 300px;}
.durandal-view-404 { color: red; margin: 8px 0; padding: 8px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

/* ------------------------- GENERAL ------------------------- */
/* generalModal */
/*
.generalModal{will-change: transform;box-shadow: 0 0 26px 0px #dadada;background-color: #fff; width: 100%!important; float: left; margin: 0!important; height: 100vh; position: absolute; transform: translate(0px, 00vh) scale(.9); -webkit-transform: translate(0px, 00vh) scale(.9); opacity: 0; transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease;border-radius: 6px 0 0 6px;overflow: hidden;}
.generalModal.on{transform: translate(0px, 0px) scale(1); -webkit-transform: translate(0px, 0px) scale(1); opacity: 1;box-shadow: initial;}
*/
.generalModal{visibility: hidden;will-change: transform;box-shadow: 0 0 26px 0px #dadada;background-color: #fff; width: 100%!important; float: left; margin: 0!important; height: 100vh; position: absolute; opacity: 0; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease;border-radius: 5px 0 0 5px;overflow: hidden;}
.generalModal.on{opacity: 1;box-shadow: initial;visibility: visible;}
.generalModal a{color: #5078EE;}

.generalModal.noSidebarDialog{width: 100%!important; transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px);}


/*.generalModal.ctiPhoneDialog{will-change: transform;transform: translate(0px, -100vh);transition: transform 0.8s cubic-bezier(0.35, 0.04, 0.14, 0.97); -webkit-transition: transform 0.8s cubic-bezier(0.35, 0.04, 0.14, 0.97);}
.generalModal.ctiPhoneDialog.on{transform: translate(0px, 0vh);}*/

/* SAVING OPACITY */
.generalModal.dialogSaving .content{opacity: .5;pointer-events: none;}

/*SMALL DIALOGS*/
.generalModal.modalRenameFile{height: 260px;width: 600px!important; left: 50%; margin-left: -300px!important; margin-top: -110px!important; border-radius: 6px 6px;}
.generalModal.modalVoiceMail{height: 180px; width: 600px!important; left: 50%; margin-left: -300px!important; margin-top: -110px!important; border-radius: 6px 6px;}
.generalModal.modalVoiceMail .content{width: calc(100% - 40px); margin: 60px 0 0 0;}
.generalModal.modalVoiceMail .content .downloadVoicemailBTN{font-size: 13px; float: right; margin: -10px 13px 0 0;}
.generalModal.modalVoiceMail div.head{padding: 25px 35px 0 40px;}
.generalModal.modalVoiceMail .headContent{float: left; width: 100%;}
.generalModal.modalVoiceMail .headContent .title{margin: -5px 0 0 0;}

.generalModal.modalVoiceMail .copyURLtoClip{float: left; font-size: 13px; margin: -12px 0 0 4px;position: relative;}
.generalModal.modalVoiceMail .copyURLtoClip .copyThisToClipboard{display: none;}
.generalModal.modalVoiceMail .copyURLtoClip:hover .copyThisToClipboard{float: right; display: block;}
.generalModal.modalVoiceMail .downloadAudioRecording{font-size: 13px; float: right; margin: -13px 13px 0 0;}
.generalModal.modalVoiceMail audio{margin: -10px 0 2px 0;}

.generalModal.modalVoiceMail.playerView{}
@keyframes moveBG {from {left: -100%;} to {left: 0;} }
@-webkit-keyframes rotationToRight {from {-webkit-transform: rotate(0deg); } to {-webkit-transform: rotate(359deg); } }
@-webkit-keyframes rotationToLeft {from {-webkit-transform: rotate(0deg); } to {-webkit-transform: rotate(-359deg); } }
	.generalModal.modalVoiceMail.playerView{background: #060D42; width: 100vw!important; height: 100vh; left: -69px; border-radius: 0; margin: 0!important;    display: flex; justify-content: center; align-items: center; flex-direction:column;}
	.generalModal.modalVoiceMail.playerView .head{position: static;padding: 0 }
	.generalModal.modalVoiceMail.playerView .headContent .title{}
	.generalModal.modalVoiceMail.playerView .content{width: 100%; margin: 0; padding: 0}
	.generalModal.modalVoiceMail.playerView audio{margin: 0; padding: 0}
	.generalModal.modalVoiceMail.playerView .headContent{padding: 30px; width: 430px; background: #fff; border-radius: 5px;position: relative;}
	.generalModal.modalVoiceMail.playerView .bg-recordingAudio{ animation: moveBG 160s linear infinite;width: 200%; position: absolute;z-index: -2}
	.generalModal.modalVoiceMail.playerView .bg-recordingAudio.bg-recordingAudio-second{ animation: moveBG 160s linear 80s infinite; left: -200%}
	.generalModal.modalVoiceMail.playerView .headContent .downloadAudioRecording{margin: 10px 0 0 0; padding: 0}
	.generalModal.modalVoiceMail.playerView ul.content li.fullWidth{width: 100%; margin: 0; padding: 0;}
	.generalModal.modalVoiceMail.playerView .downloadAudioRecording{margin-bottom: 10px}
	.generalModal.modalVoiceMail.playerView  div.title{margin-bottom: 20px}
	.generalModal.modalVoiceMail.playerView .phoneIQlogo{position: absolute; top:3%;left: 3%;width: 150px}
	.generalModal.modalVoiceMail.playerView .designShapes{position: absolute; z-index: -1;-webkit-animation: rotationToLeft 100s infinite linear;}
	.generalModal.modalVoiceMail.playerView .svg-designShapes-recordingAudio-circle{width: 139px; top: -48px; right: -54px;-webkit-animation: rotationToRight 100s infinite linear;}
	.generalModal.modalVoiceMail.playerView .svg-designShapes-recordingAudio-rectangle{width: 140px; top: 94px; right: 410px; -webkit-animation: rotationToRight 100s infinite linear;}
	.generalModal.modalVoiceMail.playerView .svg-designShapes-recordingAudio-hex{width: 59px; top: 103px; right: -83px;}
	.generalModal.modalVoiceMail.playerView .svg-designShapes-recordingAudio-triangle{width: 60px; top: 20px; right: 510px;}

.generalModal.businessContactInfo{height: 380px; width: 460px!important; top: 50%; left: 50%; border-radius: 10px; transform: translate(-50%, -50%);}

.generalModal.modalRenameFile .content{height: calc(100vh - 489px);padding: 60px 10px 39px 30px;}
.generalModal.modalRenameFile .content input{width: calc(100% - 160px);}
.generalModal.modalRenameFile .head .title{margin-left: 30px;}

.generalModal.modalCropProfile{height: 500px; width: 600px!important; left: 50%; margin-left: -300px!important; margin-top: -250px!important; border-radius: 6px 6px;}

.generalModal.modalConfirmation{height: 480px!important; width: 600px!important; left: 50%; margin-left: -300px!important; margin-top: -245px!important; border-radius: 6px 6px;}
body.powerDialerOn .generalModal.modalConfirmation{height: 430px!important;margin-top: -195px!important;}
.generalModal.modalConfirmation div.title{margin: 0 0 0 30px;}
.generalModal.modalConfirmation ul.content{width: 100%; padding: 10px 0px 39px 0px;}
.generalModal.modalConfirmation ul.content li{width: 80%; margin: 165px auto 148px auto; float: initial;}
.generalModal.modalConfirmation ul.content li p{width: 100%;display: block;font-size: 19px; color: #000;text-align: center;line-height: 24px;}

.generalModal.modalRenameFile .errorMsg{top: 42px;}

/*.generalModal.small{width: 600px!important; height: 490px; transform: translate(-50%, -49%); -webkit-transform: translate(-50%, -49%); left: 50%; top: 50%; border-radius: 8px;}
.generalModal.small.on{}*/

/*.generalModal.small div.title{margin: 0 0 0 30px;}*/
/*.generalModal.small ul.content{margin: 50px auto 0 auto;width: calc(100% - 50px);}*/


/* head */
.generalModal div.head{margin: 0; box-sizing: border-box; position: absolute; width: 100%; padding: 25px 35px 0 0; z-index: 99;}
.generalModal div.title{float: left; font-size: 20px; color: #5078EE;}
.generalModal div.dialogIco{width: 100px; height: 100px; margin: 0 auto 10px auto;}
.generalModal div.close{float: right; width: 15px; height: 20px; margin-top: 3px; background: url('../SfImgs/close.png') no-repeat; background-position: 0px 2px; cursor: pointer;}

.generalModal.fsDialog div.title{-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; font-size: 25px; font-weight: 600; text-align: center; float: initial; max-width: 450px; text-overflow: ellipsis; white-space: nowrap; margin: 0 auto;}
.generalModal.fsDialog div.title.noSubtitle{margin-bottom: 24px;}

/* content */
.generalModal ul.content{float: initial; width: 700px; padding: 10px 30px 39px 30px; margin: 0 auto;transition: opacity 0.5s ease;-webkit-transition: opacity 0.5s ease;-moz-transition: opacity 0.5s ease;}
.generalModal ul.content.centerContent{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -60%);}

.generalModal ul.content.scroll{width:calc(100% - 40px); margin-left: 20px;}
.generalModal ul.content li{float: left;width: calc(50% - 20px);margin-right: 10px;margin-bottom: 22px;position: relative;}
.generalModal ul.content li a.addElement{display: block; color: #5078EE; background-image: url(../SfImgs/imgAddMoreList.png); background-position: 7px 3px; background-repeat: no-repeat; background-size: 14px; padding: 0 0 0 26px; box-sizing: border-box; margin: 38px 0 10px 0; font-size: 15px;}
.generalModal ul.content li a.addElement:hover{opacity:1;cursor:pointer;}
.generalModal ul.content li.maxWidth{width: calc(100% - 20px);}
.generalModal ul.content li .liTxt{font-size: 15px; margin-left: 7px; color: #a5a5a5;}
.generalModal ul.content li .typeOfContact{font-size: 14px; margin: 2px 0 24px 7px; display: block;}

.generalModal ul.content .listSeparator{width: calc(100% - 30px); height: 1px; border-top: 1px dashed #cacaca; margin: 14px auto 26px auto; position: relative;}
.generalModal ul.content .listSeparator span{position: absolute; top: -10px; font-size: 12px; background-color: #fff; padding: 0 20px; left: 50%; transform: translateX(-50%); color: #cacaca;}

.generalModal ul.content li.fullWidth{width: calc(100% - 20px);}
.generalModal ul.content li.totalWidth{width: 100%;}
.generalModal ul.content li.hasLoader{height: 50px; position:relative;}

.generalModal ul.content li.noTitle{margin-top: 30px;}
.generalModal ul.content li.noTitle label{width: calc(100% - 10px);}
.generalModal ul.content li.noTitle .checkOut{margin-top: 10px;}
.generalModal ul.content li.noTitle .checkboxSwitcher{margin-top: 9px; float: right;}

.generalModal ul.content li.onlyTxt{margin-top: 12px;}
.generalModal ul.content li.onlyTxt label{width: calc(100% - 10px); margin-top: 2px;}
.generalModal ul.content li label{width: 100%; display: block; font-size: 13px; color: #d4d4d4;}
.generalModal ul.content li label.autoWidth{width: auto;}
.generalModal ul.content li input{border: 1px solid #cfd4d7; padding: 5px 0px 5px 13px; font-size: 14px; width: calc(100% - 11px); font-weight: 300;}
.generalModal ul.content li input.fixPasswordWidth{width: calc(100% - 91px); padding-right: 80px;}
.generalModal ul.content li input.fixPasswordWidth[type=text]{text-overflow: ellipsis;}
.generalModal ul.content li textarea{border-radius: 3px;padding: 6px 7px; border: 1px solid #cfd4d7; height: 90px; resize: none; width: calc(100% - 16px);line-height: inherit;}
.generalModal ul.content li input.fixWidth{padding-right: 15px; width: calc(100% - 26px); text-overflow: ellipsis;}
.generalModal ul.content .uploadFileWrapper input[type="file"]{display: none;}
.generalModal ul.content .uploadFileWrapper .btnBlue{color: #fff; float: left; line-height: 18px;font-size: 14px;width: auto;margin-right: 15px;}
.generalModal ul.content .uploadFileWrapper p{float: left; text-overflow:ellipsis; overflow: hidden; white-space: nowrap; font-size: 14px;line-height: 38px;width: calc(100% - 150px);}
.generalModal ul.content label.labelSwitcher{width: calc(100% - 45px);}
.generalModal ul.content .contentSeparator{width: 100%; height: 1px; float: left; border-top: 1px dashed #b5b5b5; margin: 8px 0 8px 0;}

/* foot */
.generalModal div.foot{position: absolute; border-top: 2px solid #5078EE; bottom: 0; padding: 18px 40px 0 20px; left: 0; right: 0; z-index: 4;}
.generalModal div.foot .btnRed, .generalModal div.foot .btnBlue{position: relative; float: right; padding: 10px 50px 30px 50px; margin: 0px 0 20px 0; font-size: 13px;}
.generalModal div.foot .btnGrey{position: relative; float: right; padding: 10px 50px 15px 50px; margin: 0px 0 20px 0; font-size: 13px;}
.generalModal div.foot .btnRed, .generalModal div.foot .btnGrey{margin-right: 10px; float:left;}
.generalModal div.foot .btnNo{    color: #fff; background-color: #B9B9B9; position: relative; float: right; padding: 12px 50px 14px 50px; box-sizing: border-box; font-size: 13px; border-radius: 4px; line-height: 15px; margin-right: 10px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;}
.generalModal div.foot .btnNo:hover{background-color: #666;cursor: pointer;}
.generalModal .infoTxt{color: #979797; font-size: 12px; margin: 9px 10px 30px;}


/* has sidebar */
.generalModal.hasSidebar{}
.generalModal.hasSidebar .notSidebar{width: 78%; height: 100%; position: absolute; left: 22%;}
/*.generalModal.hasSidebar .head{right: 0; padding: 15px 0 0 0; width: 500px; border: none; height: initial; z-index: 3; position: absolute;}*/
.generalModal.hasSidebar .content{padding: 0; width: 100%; height: 100%;}
.generalModal.hasSidebar .content .title{text-align: center; width: 100%; font-size: 27px; font-weight: 500; margin: 7px 0 6px 0;}
/*.generalModal.hasSidebar .content li{width: calc(50% - 10px);margin: 0 0 0 5px;}*/
.generalModal.hasSidebar ul.content li.fullWidth{margin:5px 0 10px 0;padding: 0;}
.generalModal.hasSidebar ul.content ul.tagList li{width: calc(50% - 9px); float: left; height: 31px; margin: 6px 8px 0 0px;} 
.generalModal.hasSidebar .foot{width: calc(100% - 25px); margin: 0; height: initial; left: 0px; bottom: 0px; padding: 18px 40px 8px 0px; z-index: 2; /*border-top: none;*/}
.generalModal.hasSidebar .sidebar{width: 22%; background-color: #F4F4F5; float: left; height: 100%; min-width: 220px;}
.generalModal.hasSidebar .sidebar .nav{padding: 24px 14px 14px 14px; width: 190px; float: right;display: initial;}
.generalModal.hasSidebar .sidebar .nav h3{font-size: 11px; margin: 0px 0 8px 9px; color: #ccc;}
.generalModal.hasSidebar .sidebar .nav li{padding: 10px 10px 10px 11px; font-size: 14px; border-radius: 4px; margin: 0 0 8px 0;cursor: pointer;transition: background-color 0.5s ease;}
.generalModal.hasSidebar .sidebar .nav li:hover{background-color: #dcdcdc;}
.generalModal.hasSidebar .sidebar .nav li.separator{border-bottom: 1px solid #e0e0e0; border-radius: initial; padding: 0; margin: 15px 0 15px 8px; width: 168px;cursor: default;}
.generalModal.hasSidebar .sidebar .nav li.active{background-color: #5078EE; color: #fff;}
.generalModal.hasSidebar .sidebar .nav li.red{color:red;}
.generalModal.hasSidebar .btnBlue{}
.generalModal.hasSidebar .discardChanges{cursor:pointer;float: right; margin: 0 20px 0 0; line-height: 37px; font-size: 14px; text-decoration: underline; color: #ababab;}

/* formSelect */
.generalModal .formSelect{display: inline-block; width: calc(100% - 0px); margin: 0 0 4px 0; float: left;}
.generalModal .formSelect div.display{font-size: 13px;width: 100%;text-overflow: ellipsis;overflow: hidden;word-wrap: break-word;}
.generalModal .formSelect ul li{float:initial!important; margin: 0; width: calc(100% - 20px);}
.generalModal .formSelect ul li:hover{background-color:#EEE;}
.generalModal .formSelect.top ul{top: initial; bottom: 57px;}

 /* radioBtn */
.generalModal .roundOut{width: 14px; height: 14px; display: inline-block; border-radius: 16px; float: left; margin-top: 8px; border: solid 1px #e64f4f; margin-left: 10px; margin-right: 5px;}
.generalModal .roundOut:hover{cursor:pointer;}
.generalModal .roundOut:hover .roundIn{display:block!important;background-color:#e64f4f; opacity: .5;}
.generalModal .roundIn{width: 10px; height: 10px; border-radius: 12px; margin-top: 2px; margin-left: 2px; background-color:#e64f4f;}
.generalModal .roundIn.selected{display:block!important;}

/* ulTitles */
.generalModal .ulTitles{border-bottom: 1px solid #ddd; float: left; width: calc(100% - 20px); font-size: 13px; padding-bottom: 4px; margin: 0 10px 7px; padding-top: 5px;}
.generalModal .ulTitles li{color: #5078EE;margin: initial!important; width: initial!important; margin-right: 16px!important;}

/* modalGeneralLists */
.generalModal .modalListTitle{width: calc(100% + 60px); padding: 0px 0 35px 30px; margin: 0px 0px 0 -30px; box-sizing: border-box;}
.generalModal .modalListTitle .name{font-size: 17px; font-weight: 600;}

.generalModal ul.modalList{width: calc(100% + 60px); box-sizing: border-box; border-bottom: 1px solid #DADADA; border-top: 1px solid #DADADA; float: left; margin-left: -30px; padding: 0 40px 0 38px;}
.generalModal ul.modalList li{width: 100%; margin: 0; padding: 15px 10px 15px 10px; border-bottom: 1px solid #dadada; box-sizing: border-box;}
.generalModal ul.modalList li:last-child{border-bottom: initial;}
.generalModal ul.modalList li .ico{float: left; width: 17px; height: 17px; margin: 0px 8px 0 0; background-position: -599px -2px;cursor: pointer;}
.generalModal ul.modalList li .ico.on{background-position:-618px -2px;}
.generalModal ul.modalList li .txt{float: left; line-height: 17px; color: #B5B5B5;font-size: 15px;}
.generalModal ul.modalList li .delete{float: right; line-height: 14px; font-size: 15px; margin-right: 12px; color: #B5B5B5;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;}
.generalModal ul.modalList li .delete:hover{color:#CE382D;cursor: pointer;}

.generalModal ul.modalList li .radioButtonOut{float: right; width: 15px; height: 15px; border: 1px solid #5078EE; border-radius: 50%; margin-left: 12px;cursor: pointer;}
.generalModal ul.modalList li .radioButtonOut:hover .radioButtonIn{display: block;opacity: .5;}
.generalModal ul.modalList li .radioButtonOut.on .radioButtonIn{display: block;opacity: 1;}
.generalModal ul.modalList li .radioButtonIn{width: 11px; height: 11px; border-radius: 50%; background-color: #5078EE; margin: 2px 0 0 2px;display: none;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;}

.generalModal ul.modalList li.on .txt{color: #454545;}

/* voicemailGreeting */
.generalModal.voicemailGreeting div.btnBlue.newGreeting{margin-left: 20px; float: left; margin-top: 30px; margin-bottom: 5px; width: 210px;}
.generalModal.voicemailGreeting div.btnBlue.uploadGreeting{float: left; margin-top: 30px; margin-bottom: 5px; width: 210px;}

.generalModal.voicemailGreeting div.btnBlue span{width: 18px; height: 18px; float: left;}
.generalModal.voicemailGreeting div.btnBlue.newGreeting span{background-position:-636px 0;margin:-1px 5px 0px 1px;}
.generalModal.voicemailGreeting div.btnBlue.uploadGreeting span{background-position:-654px 0;margin: -1px 5px 0px 0px;}

.generalModal.voicemailGreeting div.recordingStatus{}

.generalModal.voicemailGreeting div.recordingStatus.startRecording{}
.generalModal.voicemailGreeting div.recordingStatus.startRecording .ico{position: relative;width: 130px; height: 130px; margin: 0 auto; margin-bottom: 27px; margin-top: 25px; background-position: -588px -729px; border-radius: 50%; border: 3px solid #5078EE;}
.generalModal.voicemailGreeting div.recordingStatus.startRecording .wavesAnimation{display: none;position: absolute; top: 26px; left: 175px; width: 190px; height: 190px; background-image: url("../SfImgs/wavesRed.gif"); background-size: 190px; background-repeat: no-repeat;}
.generalModal.voicemailGreeting div.recordingStatus.startRecording .btnBlue{margin: 0 auto; float: initial; position: initial; width: 170px; margin-bottom: 30px; text-align: center;}
.generalModal.voicemailGreeting div.recordingStatus.startRecording .txt{display: none;text-align: center; color: #e24040; margin-bottom: 4px;}
.generalModal.voicemailGreeting div.recordingStatus.startRecording .time{display: none;text-align: center;}

.generalModal.voicemailGreeting div.recordingStatus.startRecording.on{}
.generalModal.voicemailGreeting div.recordingStatus.startRecording.on .wavesAnimation{display: block;}
.generalModal.voicemailGreeting div.recordingStatus.startRecording.on .ico{margin-bottom: 28px;border: none;}
.generalModal.voicemailGreeting div.recordingStatus.startRecording.on .btnBlue{margin-top: 20px;}
.generalModal.voicemailGreeting div.recordingStatus.startRecording.on .txt{display:block;}
.generalModal.voicemailGreeting div.recordingStatus.startRecording.on .time{display:block;}

.generalModal.voicemailGreeting div.saveRecording .ico{position: relative; width: 130px; height: 130px; margin: 0 auto; margin-bottom: 17px; margin-top: 25px; background-position: 37px -599px; border-radius: 50%; border: 3px solid #5078EE;}
.generalModal.voicemailGreeting div.saveRecording .txt{text-align: center;color: #5078EE;margin-top: 5px;}

.generalModal.voicemailGreeting div.saveRecording input{width: 220px; text-align: center; padding-left: 0; margin: 12px auto 25px auto; display: block;}
.generalModal.voicemailGreeting div.saveRecording .soundPlayer{margin: 7px auto 19px auto;}
.generalModal.voicemailGreeting div.saveRecording .btnWord{text-align: center; color: #e24040; font-size: 14px; cursor: pointer; opacity: .7;}
.generalModal.voicemailGreeting div.saveRecording .btnWord:hover{opacity: 1;}


/* userList */
.generalModal .userList{}
.generalModal .userList li{width: calc(100% - 20px)!important; overflow: hidden; margin-bottom: 0!important; float: left; font-size: 14px;padding:2px 0 2px 0;}

/* scrollBar */
.generalModal .jspScrollable .jspVerticalBar{margin-right: -5px;}

/* modalOverlay */
.modalBlockout.agent{background-color:#000;}
.modalBlockout.public{background-color:#000;}

/* addGuestButton */
.generalModal ul.content .addGuestAction{pointer-events: none; color: #5078EE; font-size: 14px; position: absolute; right: 6px; top: 9px; background-color: #5078ee30; border-radius: 20px; padding: 3px 10px 4px 10px; font-size: 12px; display: none;}

/*addTags
.addTags{}
.addTags ul{width: calc(100% - 10px); overflow: hidden; margin: 0; float: left;}
.addTags li{float: left; width: calc(50% - 15px); margin: 5px; border-radius: 3px; cursor: pointer; padding: 8px 0 7px 10px; box-sizing: border-box;opacity: .8;}
.addTags li.select{opacity: 1;}
.addTags span{display:inline-block;color: #fff;max-width: 100px;font-size: 14px;}
.addTags .txt{float: left; font-size: 12px; color: #fff; max-width: 110px;}
.addTags .check{display: none; float: right; width: 16px; height: 11px; margin: 4px 8px 0 0; background-position: -983px -592px;}
.addTags li.select .check{display: block;}
.generalModal ul.content .addTags li textarea{height:50px;}
*/

/*emojMood*/
.generalModal ul.content .customerMoodCointainer{width: calc(100% - 2px); height: 76px; border-radius: 5px; margin: -2px auto 12px auto; /*box-shadow: 0 0 12px 2px rgba(0,0,0,0.1);*/ text-align: center;border: solid 1px #e0e0e0;}
.generalModal ul.content .customerMoodCointainer label{margin: 0; text-align: center; color: #fff; background-color: #5078EE; border-radius: 4px 4px 0px 0; font-size: 13px; line-height: 26px;}
.emojMood{width: 29px; height: 29px; margin: 8px 2px 8px 2px; opacity: .5; padding: 3px; border-radius: 8px; transition: opacity 0.5s ease; display: inline-block;}
.emojMood:hover{opacity: initial;cursor: pointer;background-color: #f3f3f3;}
.emojMood.selected {opacity:initial;background-color: rgba(0,0,0,0.1);}
.emojMood.one{background-position: -760px -83px;}
.emojMood.two{background-position:-800px -83px;}
.emojMood.three{background-position: -840px -83px;}
.emojMood.four{background-position: -880px -83px;}
.emojMood.five{background-position: -920px -83px;}


/* LOGIN DIALOG */
.generalModal.newForgotPassDialog{width: calc(100% + 70px)!important; transform: translate(-70px, 0px);}
.generalModal.newForgotPassDialog .content{width: 420px; position: absolute; left: 50%; top: 46%; transform: translate(-50%, -50%); height: initial; box-shadow: 0 0 25px -4px #dcdcdc; border-radius: 4px; padding: 30px 34px 25px 34px;}
.generalModal.newForgotPassDialog .content .ico{width: 85px; height: 85px; margin: -5px auto 16px auto; position: initial; float: initial;}
.generalModal.newForgotPassDialog .content .title{float: initial; margin: 0 auto 5px auto; text-align: center; color: #5078EE; font-size: 20px; width: 100%;}
.generalModal.newForgotPassDialog .content .subtitle{float: initial; margin: 0 auto 18px auto; text-align: center; width: 100%;}
.generalModal.newForgotPassDialog ul.content li.fullWidth{width: 100%;margin-bottom:12px;}
.generalModal.newForgotPassDialog ul.content .btnBlue{    width: 100%; text-align: center; height: 40px; line-height: 23px;}
.generalModal.newForgotPassDialog .errorMsg{position: absolute; top: -8px; width: initial; height: initial; border-radius: initial; background-color: #fff; font-size: 13px; color: #eb3636; padding: 0 10px; right: 5px;}
.sfNewLogin .generalModal.newForgotPassDialog .content{box-shadow: none;}


/* >> -- -- -- -- Attach styles SPECIFIC MODAL ADMIN -- -- -- -- -- -- -- -- << */

	/* MODAL modalCreateEditDepartment */
	.generalModal.modalCreateEditDepartment ul.ulTitles li.name{width: 291px!important;}
	.generalModal.modalCreateEditDepartment ul.ulTitles li.extension{width: 63px!important;}
	.generalModal.modalCreateEditDepartment ul.ulTitles li.inQueue{margin-right: 0!important;}

	.generalModal.modalCreateEditDepartment ul.userList .roundOut{float:right;}
	.generalModal.modalCreateEditDepartment ul.userList .imgProfile{margin: 4px 0px; margin-right: 8px; margin-left:5px;}
	.generalModal.modalCreateEditDepartment ul.userList .name{margin: 10px 17px 0 0; width: 257px; float:left;}
	.generalModal.modalCreateEditDepartment ul.userList .extension{margin-top: 10px; float:left;}

	.generalModal.modalCreateEditDepartment ul.namesListUpDown{border-radius: 5px;height: 124px; max-height: 124px;background-color:#fff; border: solid 1px #ccc; width: 100%; padding-top: 0;margin-bottom: 13px;margin-top: 6px;}

	.generalModal.modalCreateEditDepartment ul.namesListUpDown li{background: transparent!important; float: none; height: initial; margin: 0; padding: 6px 11px!important; font-weight: normal; font-size: 13px; color: #333; width: calc(100% - 22px);}
	.generalModal.modalCreateEditDepartment ul.namesListUpDown li:hover{cursor: pointer;}
	.generalModal.modalCreateEditDepartment ul.namesListUpDown li.selected{background-color:#F8F8F8!important; border-top: solid 1px #DADADA; margin-top: -1px; border-bottom: solid 1px #DADADA; margin-bottom: -1px;}
	.generalModal.modalCreateEditDepartment .note{color: #8F8F8F; margin: 10px 0 0 0px; float: left; font-size: 13px;}
	.generalModal.modalCreateEditDepartment .upAndDown{float: right; margin: 4px 0px 0 0;}
	.generalModal.modalCreateEditDepartment .upAndDown div{background-image: url("../content/SfImgs/arrowTopBottom.png"); background-repeat: no-repeat; opacity: 0.6; width: 20px; height: 20px; cursor: pointer; float: left; margin-right: 6px; transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); }
	.generalModal.modalCreateEditDepartment .upAndDown div:hover{opacity: initial;}
	.generalModal.modalCreateEditDepartment .upAndDown .up{margin-right: 2px; background-position: 3px 3px;}
	.generalModal.modalCreateEditDepartment .upAndDown .down{background-position: -15px 3px;}

	.generalModal.modalCreateEditDepartment input.search{width: calc(100% - 36px);margin: 8px 10px;}
	.generalModal.modalCreateEditDepartment .userList .checkboxSwitcher{float: right; margin: 11px 6px 0 0px;}

	.generalModal.modalCreateEditLocation .sectionDeviceManagement label{margin-left:5px;}
	.generalModal.modalCreateEditLocation ul.devicesListUpDown{height: 210px;background-color:#fff;width: calc(100% - 2px);border-top: 1px solid #c7c7c7;border-bottom: 1px solid #c7c7c7;margin-bottom:10px;}
	.generalModal.modalCreateEditLocation ul.devicesListUpDown li{background:transparent; float: none; height: initial; margin: 0; padding: 0 20px!important; font-weight: normal; font-size: 13px; color: #333; width: calc(100% - 40px);display:table;}
	.generalModal.modalCreateEditLocation ul.devicesListUpDown li.selected{background-color:#DC5552;color:#FFF;border-left: 10px solid #b73730;width: calc(100% - 50px);}
	.generalModal.modalCreateEditLocation ul.devicesListUpDown li.selected:hover{background-color:#DC5552;color:#FFF;cursor:default;}
	.generalModal.modalCreateEditLocation ul.devicesListUpDown li:hover{background-color:#f1f1f1; cursor:pointer; transition:all .2s ease; -webkit-transition:all .2s ease; -moz-transition:all .2s ease;}
	.generalModal.modalCreateEditLocation ul.devicesListUpDown li .icon{width:70px;height:70px;float:left;background-image:url("../content/SfImgs/devicesManagement@2x.png");background-repeat:no-repeat;background-size:300%;}
	.generalModal.modalCreateEditLocation ul.devicesListUpDown li:nth-child(1) .icon{background-position: -82px 6px;}
	.generalModal.modalCreateEditLocation ul.devicesListUpDown li:nth-child(2) .icon{background-position: 1px 6px;}
	.generalModal.modalCreateEditLocation ul.devicesListUpDown li:nth-child(3) .icon{background-position: -157px 6px;}
	.generalModal.modalCreateEditLocation ul.devicesListUpDown li p{float: left;line-height: 70px;margin-left: 20px;}
	.generalModal.modalCreateEditLocation .note{color: #8F8F8F; margin: 10px 0 0 0px; float: left; font-size: 13px;}
	.generalModal.modalCreateEditLocation .sectionGeneral .checkboxSwitcher{float: right; margin: 9px 0 0 0;}

	.generalModal.modalCreateEditLocation .upAndDown{float: right; margin: 4px 0px 0 0;}
	.generalModal.modalCreateEditLocation .upAndDown div{background-image: url("../content/SfImgs/arrowTopBottom.png"); background-repeat: no-repeat; opacity: 0.6; width: 20px; height: 20px; cursor: pointer; float: left; margin-right: 6px; transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); }
	.generalModal.modalCreateEditLocation .upAndDown div:hover{opacity: initial;}
	.generalModal.modalCreateEditLocation .upAndDown .up{margin-right: 2px; background-position: 3px 3px;}
		.generalModal.modalCreateEditLocation .upAndDown .down{background-position: -15px 3px;}

	.generalModal.modalCreateEditLocation ul.content .emergencyServicesDisable{text-align: center; padding: 10px 20px 30px 20px; margin: 0 auto;}
	.generalModal.modalCreateEditLocation ul.content .emergencyServicesDisable .ico{width: 110px; height: 78px; background-position: -534px -155px; margin: 0 auto;}
	.generalModal.modalCreateEditLocation ul.content .emergencyServicesDisable .title{margin: 8px auto 5px auto; width: 100%; color: #4a4a4a; font-weight: 600; font-size: 18px;}
	.generalModal.modalCreateEditLocation ul.content .emergencyServicesDisable .subtitle{color: #969696;}

	/* MODAL modalCreateEditUser */
	.generalModal.modalCreateEditUser ul.content{max-height:initial!important;}/* REVISAR ALTO MAXIMO QUE SE LE APLICA A MODAL*/
	.generalModal.modalCreateEditUser ul.content .newPhoneNumber, .generalModal.modalCreateEditUser ul.content .userRandomNumber{text-align: center; font-size: 19px; font-weight: 600; margin-bottom: 8px;}
	.generalModal.modalCreateEditUser ul.content .userRandomNumber span{background-color: #5078EE; border-radius: 50%; width: 16px; height: 16px; display: inline-block; margin: 0px 0 -1px 6px;}
	.generalModal.modalCreateEditUser ul.content .resetRandomNumber{text-align: center; cursor: pointer; color: #5078EE; font-size: 13px;}
	.generalModal.modalCreateEditUser ul.content .moduleSeparator{border-top: 1px dotted #888; width: 200px; margin: 20px auto 13px auto;}
	.generalModal.modalCreateEditUser ul.content .moduleSeparator span{text-align: center; margin: -12px auto 0px auto; display: table; background-color: #fff; width: 40px; font-size: 14px;}
	.generalModal.modalCreateEditUser ul.content .showBuyNumberBtn{text-align: center; cursor: pointer; color: #5078EE; font-size: 13px;}
	.generalModal.modalCreateEditUser ul.content .showBuyNumber{float: left; margin-top: 15px;width: 100%;}
	.generalModal.modalCreateEditUser ul.content .showBuyNumber .btnBlue.searchUserNumbers{width: 100%; margin: 3px 0 0 0; text-align: center;}
	.generalModal.modalCreateEditUser ul.content .showBuyNumber .btnBlue.searchUserNumbers span.ico{}
	.generalModal.modalCreateEditUser ul.content .showBuyNumber .areaCodesSuggester{position: absolute; width: 219px; background-color: #fff; border: 1px solid #c5c5c5; margin-top: 10px; border-radius: 5px;max-height: 150px;}
	.generalModal.modalCreateEditUser ul.content .showBuyNumber .areaCodesSuggester li{width: calc(100% - 10px); margin: 0; padding: 7px 0 7px 10px; font-size: 14px;}
	.generalModal.modalCreateEditUser ul.content .showBuyNumber .areaCodesSuggester li:hover{background-color: #D8D8D8;}
	.generalModal.modalCreateEditUser ul.content .showBuyNumber .generalSplash{margin-top: 20px;margin-bottom: -10px;}
	.generalModal.modalCreateEditUser ul.content .showBuyNumber .generalSplash.searching .img{background-position: -516px -390px;}
	.generalModal.modalCreateEditUser ul.content .showBuyNumber .generalSplash.searching .txt{display: none;}
	.generalModal.modalCreateEditUser ul.content .showBuyNumber .generalSplash.searching .txt.searching{display: block;}
	.generalModal.modalCreateEditUser ul.content .showBuyNumber .generalSplash .txt.searching{display: none;}

	.generalModal.modalCreateEditUser ul.content .listSubtitle{margin: 90px 0 0 10px; border-bottom: 1px solid #888; padding: 0 0 5px 0px;}
	.generalModal.modalCreateEditUser ul.content .listSubtitle.noBorder{border-bottom: none; margin-bottom: 5px; float: left; margin: -6px 0px 9px 13px; font-size: 14px;}
	.generalModal.modalCreateEditUser ul.content .userList{max-height: 160px;}
	.generalModal.modalCreateEditUser ul.content .userList li{padding: 10px 30px 10px 10px; box-sizing: border-box; margin: 4px 0 4px 10px; cursor: pointer; border-radius: 4px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
	.generalModal.modalCreateEditUser ul.content .userList li:hover{background-color: #e6e6e6;cursor: pointer;}
	.generalModal.modalCreateEditUser ul.content .userList li.phoneSelected{background-color: #e6e6e6;display:block;}
	.generalModal.modalCreateEditUser ul.content .userList li.phoneSelected .numberSelected{display:block;float: right;color: #5078EE;}
	.generalModal.modalCreateEditUser ul.content .userList li .numberSelected{display: none;}
	.generalModal.modalCreateEditUser ul.content .userList li span.deleteNumber{float: right; width: 20px; height: 20px; background-position: -979px -108px; margin: 0 -14px 0 0;}
	
	.generalModal.modalCreateEditUser ul.content .userList li .numberList{float: left;}
	
	.generalModal.modalCreateEditUser ul.content .success{width: 100px; height: 100px; border: 3px solid #5078EE; border-radius: 50%; margin: 0 auto; background-position: -761px -725px;}
	.generalModal.modalCreateEditUser ul.content .successName{text-align: center; font-size: 19px; font-weight: 600; margin: 15px 0 0 0;}
	.generalModal.modalCreateEditUser ul.content .successEmail{text-align: center; margin: 5px 0 -6px 0; color: #888; font-size: 15px;}
	.generalModal.modalCreateEditUser ul.content .newExtension{text-align: center; color: #888; font-size: 14px; margin-bottom: 10px;}
	

	/* MODAL modalCreateEditCallFlow */
	.generalModal.modalCreateEditCallFlow ul.userList {float: left; margin-top: 16px;width: calc(100% - 10px);}
	.generalModal.modalCreateEditCallFlow ul.userList .number{float:left;width:calc(100% - 64px);margin:10px 0 6px;}
	.generalModal.modalCreateEditCallFlow ul.userList .checkboxSwitcher{margin: 10px 0 0 0; float: right;}
	.generalModal.modalCreateEditCallFlow .foot .btnGrey{float:right;}
	.generalModal.modalCreateEditCallFlow ul.content .checkboxSwitcher{margin: 9px 0 0 9px; float: right;}

	/* MODAL modalCreateEditCallGroup */
	.generalModal.modalCreateEditCallGroup ul.content .contentModalTabsButtons .wLeft{width: 50%;height: 100%;float: left;}
	.generalModal.modalCreateEditCallGroup ul.content .contentModalTabsButtons .wRight{width: calc(50% - 30px);height: 85%;float: right;position: absolute;right: 32px;}

	.generalModal.modalCreateEditCallGroup ul.ulTitles li.name{width: 140px!important;}
	.generalModal.modalCreateEditCallGroup ul.ulTitles li.inQueue{margin-right: 0!important;}

	.generalModal.modalCreateEditCallGroup ul.userList{max-height: calc(100% - 92px); width: 230px;}

	.generalModal.modalCreateEditCallGroup ul.userList .roundOut{float:right;}
	.generalModal.modalCreateEditCallGroup ul.userList .roundOut .roundIn{width: 10px; height: 10px; border-radius: 12px; margin-top: 2px; margin-left: 2px; background-color:#e64f4f;}

	.generalModal.modalCreateEditCallGroup ul.userList .imgProfile{margin: 4px 0px; margin-right: 8px;margin-left: 5px;}
	.generalModal.modalCreateEditCallGroup ul.userList .name{margin: 9px 0px 0 0; width: 132px; float: left; font-size: 12px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
	.generalModal.modalCreateEditCallGroup ul.userList .extension{margin-top: 10px; float:left;font-size: 12px;}
	.generalModal.modalCreateEditCallGroup ul.userList .delete{width: 20px; height: 20px; float: right; margin: 7px 0 0 0; background-position: -426px -28px; opacity: .3; cursor: pointer;transition:opacity 0.5s ease;-webkit-transition:opacity 0.5s ease;-moz-transition:opacity 0.5s ease;-ms-transition:opacity 0.5s ease;}


	.generalModal.modalCreateEditCallGroup ul.userList .delete:hover{opacity: 1;}

	.generalModal.modalCreateEditCallGroup input.search {width: 100%;box-sizing: border-box;font-size: 12px;}

	.generalModal.modalCreateEditCallGroup .checkboxSwitcher{float: right; margin-top: 9px;}

	.generalModal.modalCreateEditCallGroup ul.namesListUpDown{border-radius: 5px;height: 124px; max-height: 124px;background-color:#fff; border:solid 1px #ccc; width: calc(100% - 2px); padding-top: 0; margin-bottom:12px;overflow: hidden;margin-top: 6px;}
	.generalModal.modalCreateEditCallGroup ul.namesListUpDown li{background: transparent!important; float: none; height: initial; margin: 0; padding: 6px 11px!important; font-weight: normal; font-size: 13px; color: #333; width: calc(100% - 22px);}
	.generalModal.modalCreateEditCallGroup ul.namesListUpDown li:hover{cursor: pointer;}
	.generalModal.modalCreateEditCallGroup ul.namesListUpDown li.selected{background-color:#F8F8F8!important; border-top: solid 1px #DADADA; margin-top: -1px; border-bottom: solid 1px #DADADA; margin-bottom: -1px;}
	.generalModal.modalCreateEditCallGroup .note{color: #8F8F8F; margin: 10px 0 0 0px; float: left; font-size: 13px;}

	.generalModal.modalCreateEditCallGroup .upAndDown{float: right; margin: 4px 0px 0 0;}
	.generalModal.modalCreateEditCallGroup .upAndDown div{background-image: url("../content/SfImgs/arrowTopBottom.png"); background-repeat: no-repeat; opacity: 0.6; width: 20px; height: 20px; cursor: pointer; float: left; margin-right: 6px; transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); }
	.generalModal.modalCreateEditCallGroup .upAndDown div:hover{opacity: initial;}
	.generalModal.modalCreateEditCallGroup .upAndDown .up{margin-right: 2px; background-position: 3px 3px;}
	.generalModal.modalCreateEditCallGroup .upAndDown .down{background-position: -15px 3px;}

	.generalModal.modalCreateEditCallGroup ul.content div.right ul.suggesterContactSearch{background-position: -15px 3px;width: 220px; border-radius: 5px; top: 68px;}

	/* MODAL modalCreateEditPickupGroup */
	/* depurate this rules */
	.generalModal.modalCreateEditPickupGroup ul.content .wLeft{width: 50%;height: 100%;float: left;}
	.generalModal.modalCreateEditPickupGroup ul.content .wRight{width: calc(50% - 30px);height: 85%;float: right;position: absolute;right: 32px;}

	.generalModal.modalCreateEditPickupGroup ul.ulTitles li.name{width: 140px!important;}
	.generalModal.modalCreateEditPickupGroup ul.ulTitles li.inQueue{margin-right: 0!important;}

	.generalModal.modalCreateEditPickupGroup ul.userList{max-height: calc(100% - 92px); width: 230px;}

	.generalModal.modalCreateEditPickupGroup ul.userList .roundOut{float:right;}
	.generalModal.modalCreateEditPickupGroup ul.userList .roundOut .roundIn{width: 10px; height: 10px; border-radius: 12px; margin-top: 2px; margin-left: 2px; background-color:#e64f4f;}

	.generalModal.modalCreateEditPickupGroup ul.userList .imgProfile{margin: 4px 0px; margin-right: 8px;margin-left: 5px;}
	.generalModal.modalCreateEditPickupGroup ul.userList .name{margin: 9px 0px 0 0; width: 132px; float: left; font-size: 12px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
	.generalModal.modalCreateEditPickupGroup ul.userList .extension{margin-top: 10px; float:left;font-size: 12px;}
	.generalModal.modalCreateEditPickupGroup ul.userList .delete{width: 20px; height: 20px; float: right; margin: 7px 0 0 0; background-position: -426px -28px; opacity: .3; cursor: pointer;transition:opacity 0.5s ease;-webkit-transition:opacity 0.5s ease;-moz-transition:opacity 0.5s ease;-ms-transition:opacity 0.5s ease;}

	.generalModal.modalCreateEditPickupGroup ul.userList .delete:hover{opacity: 1;}

	.generalModal.modalCreateEditPickupGroup input.search {width: 100%;box-sizing: border-box;font-size: 12px;}

	.generalModal.modalCreateEditPickupGroup .checkboxSwitcher{float: right; margin-top: 9px;}

	.generalModal.modalCreateEditPickupGroup ul.namesListUpDown{border-radius: 5px;height: 124px; max-height: 124px;background-color:#fff; border:solid 1px #ccc; width: calc(100% - 2px); padding-top: 0; margin-bottom:12px;overflow: hidden;margin-top: 6px;}
	.generalModal.modalCreateEditPickupGroup ul.namesListUpDown li{background: transparent!important; float: none; height: initial; margin: 0; padding: 6px 11px!important; font-weight: normal; font-size: 13px; color: #333; width: calc(100% - 22px);}
	.generalModal.modalCreateEditPickupGroup ul.namesListUpDown li:hover{cursor: pointer;}
	.generalModal.modalCreateEditPickupGroup ul.namesListUpDown li.selected{background-color:#F8F8F8!important; border-top: solid 1px #DADADA; margin-top: -1px; border-bottom: solid 1px #DADADA; margin-bottom: -1px;}
	.generalModal.modalCreateEditPickupGroup .note{color: #8F8F8F; margin: 10px 0 0 0px; float: left; font-size: 13px;}

	.generalModal.modalCreateEditPickupGroup .upAndDown{float: right; margin: 4px 0px 0 0;}
	.generalModal.modalCreateEditPickupGroup .upAndDown div{background-image: url("../content/SfImgs/arrowTopBottom.png"); background-repeat: no-repeat; opacity: 0.6; width: 20px; height: 20px; cursor: pointer; float: left; margin-right: 6px; transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); }
	.generalModal.modalCreateEditPickupGroup .upAndDown div:hover{opacity: initial;}
	.generalModal.modalCreateEditPickupGroup .upAndDown .up{margin-right: 2px; background-position: 3px 3px;}
	.generalModal.modalCreateEditPickupGroup .upAndDown .down{background-position: -15px 3px;}

	.generalModal.modalCreateEditPickupGroup ul.content div.right ul.suggesterContactSearch{background-position: -15px 3px;width: 220px; border-radius: 5px; top: 68px;}

 	/* MODAL modalBuyNumber */
	.generalModal.modalBuyNumber{width: 600px;}
	.generalModal.modalBuyNumber .wrappLeft{float: left; width:calc(50% - 20px);padding-bottom:10px;}
	.generalModal.modalBuyNumber .wrappLeft .btnBlue {width: 98%; margin: 16px 3px 0 0px; text-align: center;}
	.generalModal.modalBuyNumber .wrappLeft .subTitle{border-color:#b73730; color:#b73730;margin-bottom: 10px;}
	.generalModal.modalBuyNumber .wrappLeft p.txt{font-size:14px;line-height:20px;margin-left:14px; margin-top:10px;}
	.generalModal.modalBuyNumber .wrappRight{float: right; padding-left:12px; width:calc(50% - 20px); margin-bottom: -10px; margin-right: 16px;}
	.generalModal.modalBuyNumber .wrappRight .subTitle{margin-left:0; margin-bottom: 0px;}
	.generalModal.modalBuyNumber .wrappRight .listNumber {position: absolute; right: 47px; top: 64px; bottom: 20px; left: calc(50% + 5px);}

	.generalModal.modalBuyNumber li.liNumber{width: 160px;}
	.generalModal.modalBuyNumber li.liNumber .formSelect{width: 158px;}
	.generalModal.modalBuyNumber li.liAreaCode{width: 160px;}
	.generalModal.modalBuyNumber li.liAreaCode input{width: 143px; margin-left: 0;}

	.generalModal.modalBuyNumber .subTitle{margin-left: 12px; clear: both; font-size: 15px;  color: #000; line-height: 33px; border-bottom: solid 1px #8c8c8c; margin-bottom: 10px;}
	.generalModal.modalBuyNumber .btnRed{margin-top: 34px; padding: 6px 15px; padding-top: 7px; margin-left: 6px;}

	.generalModal.modalBuyNumber .infoTxt{color: #5078EE; font-size: 16px; float: left; margin: 16px 0 0 0;}
	.generalModal.modalBuyNumber .infoTxt .bold{font-weight:bold;}

	.generalModal.modalBuyNumber .listNumber {}
	.generalModal.modalBuyNumber .listNumber li {overflow: hidden; padding: 10px 10px 10px 8px; width: calc(100% - 16px); font-size: 13px; margin: 0; cursor: pointer;}
	.generalModal.modalBuyNumber .listNumber li:hover {background-color:#ECF5FD;}
	.generalModal.modalBuyNumber .listNumber .divWrapp {float:left; width:100%;}
	.generalModal.modalBuyNumber .listNumber div.btnBlue{width: auto;margin: 0px 45px;}
	.generalModal.modalBuyNumber .listNumber div.generalLoader{float: initial; width: 3em;}
	.generalModal.modalBuyNumber .listNumber .generalSplash.requestNumber{}
	.generalModal.modalBuyNumber .listNumber .generalSplash.requestConfirmation{}
	.generalModal.modalBuyNumber .listNumber .generalSplash.requestConfirmation .txt{margin: 5px auto;}
	.generalModal.modalBuyNumber .listNumber .generalSplash.requestConfirmation .img{margin-bottom: 10px;background-position:-517px -491px;}

	.generalModal.modalBuyNumber .listNumber div.number {width: 62%;}
	.generalModal.modalBuyNumber .listNumber div.month {float: right; width: 33%; text-align: right;}

	.generalModal.modalBuyNumber li.selected{background-color:#5078EE!important;}
	.generalModal.modalBuyNumber li.selected div{color:#fff;}

	.generalModal.modalBuyNumber .generalSplash{margin-top: 25px;}
	.generalModal.modalBuyNumber .generalSplash .txt{width: 205px;}

	.generalModal.modalBuyNumber .generalLoading {width: 230px; right: 0; top: 0;}
	.generalModal.modalBuyNumber .generalLoading .loaderBtnModal {background: initial; display:block;}
	.generalModal.modalBuyNumber .generalLoading .loaderLogin {width: 18px; height: 18px; margin: -11px; background-color:#5078EE; float: initial!important;}

	/* modal porting requests number*/
	.generalModal.portingRequestsNumber{}
	.generalModal.portingRequestsNumber textarea{}
	
 	/* MODAL modalChangePlan */
	.generalModal.modalChangePlan div.wrappHeadModal{padding: 15px 0px;overflow: hidden;}
	.generalModal.modalChangePlan div.wrappHeadModal div.titleHead{float:left; font-size: 16px; font-weight:normal;}
	.generalModal.modalChangePlan div.wrappHeadModal a{float:right; color:#5078EE; font-weight:normal;}

	.generalModal.modalChangePlan ul.ulTitles li.name{width: 357px!important; margin-right: 83px!important;}

	.generalModal.modalChangePlan .listNumber {margin-bottom: 24px;}
	.generalModal.modalChangePlan .listNumber li {overflow: hidden; padding: 6px 0; width: 100%; font-size: 13px; padding-top: 8px; margin: 0; cursor:pointer;}
	.generalModal.modalChangePlan .listNumber li:hover {background-color:#c1e4fe;}
	.generalModal.modalChangePlan .listNumber .name{width: 357px!important; margin-left: 12px;}

	.generalModal.modalChangePlan li.selected{background-color:#5078EE!important;}
	.generalModal.modalChangePlan li.selected div{color:#fff;}

	/* MODAL addCreditCard */
	.generalModal.addCreditCard .formSelect.areaCode {width: calc(40% - 4px); min-width: initial; float: left; margin-bottom: 0; border-right: none;}
	.generalModal.addCreditCard .formSelect.areaCode .display{border-radius: 35px 0px 0px 35px;font-size: 11px;height: 30px;padding: 9px 22px 7px 19px;}
	.generalModal.addCreditCard .formSelect.areaCode ul{width: 252px;}
	.generalModal.addCreditCard .checkOut{float: left; margin: 9px 5px 5px 7px;}
	.generalModal.addCreditCard .formSelect ul.ulSearch{width: 211px; border-radius: 4px 4px 0 0; margin-left: -2px; top: 36px;}

	.generalModal.addCreditCard .formSelect ul.ulSearch .search input{font-size: 13px;border:0;}
	.generalModal.addCreditCard .formSelect ul.ulSearch .search input:focus{border:0!important;}
	.generalModal.addCreditCard .formSelect ul.ulSearch.list{border-radius:0px 0px 15px 15px;margin:-1px 0 0 1px;}
	.generalModal.addCreditCard input.number {width: calc(55% - 2px); margin-left: 0px; margin-top: 0; float: left;border-radius: 0px 35px 35px 0px;}
	.generalModal.addCreditCard div.search {padding: 4px;}
	.generalModal.addCreditCard div.flag {float: left; background-image:url('imgs/flags.jpg'); background-repeat:no-repeat; width: 18px; height: 18px;}
	.generalModal.addCreditCard .display div.flag{margin: -1px 2px 0px 1px;}
	.generalModal.addCreditCard .display div.txt {margin: 0px 0 0px 4px; float: left;}
	.generalModal.addCreditCard .ulSearch .startWith > li:last-child{border-bottom: 3px solid #c7c7c7;}
	.generalModal.addCreditCard .ulSearch div.flag {margin: 0px 6px 0px -3px;}
	.generalModal.addCreditCard .ulSearch div.txt {float: left; margin-bottom: -2px;width: calc(100% - 25px);}
	.generalModal.addCreditCard .ulSearch.nativeScrollVertical{margin-left: 1px;margin-bottom: 14px;border-radius: 0px 0px 15px 15px!important;}

	/* MODAL buyMinutesPack */	
	.generalModal.buyMinutesPack ul.content{}
	.generalModal.buyMinutesPack ul.content a{color: #5078EE;text-decoration: none;}
	.generalModal.buyMinutesPack ul.content .ulTitles{margin: 0; width: 100%;}
	.generalModal.buyMinutesPack ul.content .ulTitles .check{width: 14px!important; height: 14px;}
	.generalModal.buyMinutesPack ul.content .ulTitles .name{width:170px!important;}
	.generalModal.buyMinutesPack ul.content .ulTitles .price{width: 109px!important; text-align:center;}
	.generalModal.buyMinutesPack ul.content .ulTitles .minutes{width: 121px!important; margin-right: 0!important; text-align:center;}

	.generalModal.buyMinutesPack ul.content .ulContent {float: left; width: 100%;}
	.generalModal.buyMinutesPack ul.content .ulContent .fullWidth{width: 100%; border-bottom: 1px solid #EAEAEA; padding: 15px 0 16px 0px; box-sizing: border-box; margin-left: 0; margin-right: 0;}
	.generalModal.buyMinutesPack ul.content .ulContent .checkOut{float: left; margin-right: 16px;}
	.generalModal.buyMinutesPack ul.content .ulContent .name{float: left; width: 170px; margin-right: 16px;}
	.generalModal.buyMinutesPack ul.content .ulContent .price{float: left; width: 109px; margin-right: 16px; text-align:center;}
	.generalModal.buyMinutesPack ul.content .ulContent .minutes{float: left; width: 101px; text-align:center;}

	/* MODAL numberInfo */
	.generalModal.modalNumberInfo .content li div{font-size:14px;color: #5078EE;float: left;}
	.generalModal.modalNumberInfo .content li label{margin-left: 0;}
	.generalModal.modalNumberInfo .content li div.roundOut{margin-top: -2px;margin-left: 2px;}
	.generalModal.modalNumberInfo .content li .checkboxSwitcher{float: left; margin-left: 12px;}

	/* MODAL modalAddNewDeviceShared */
	.generalModal.modalAddNewDeviceShared .content li div{font-size:14px;color: #b93c35; }
	.generalModal.modalAddNewDeviceShared .content li div.roundOut{margin-top: -2px;margin-left: 2px;}

	/* MODAL CallFlowsTour */
	.generalModal.modalCallFlowsTour .content .title{font-size:24px;color: #5078EE; text-align: center;width: 100%;margin-bottom: 15px;}
	.generalModal.modalCallFlowsTour .content .iconCallFlows{width: 40px;height:45px; margin: 15px auto; margin-top: 10px; background-position: -304px 4px;}
	.generalModal.modalCallFlowsTour .content p{font-size: 14px;color: #000000; text-align: center;margin-bottom: 15px;width: 80%;margin: 14px auto;}
	.generalModal.modalCallFlowsTour .content .animationText{width: 100%;}
	.generalModal.modalCallFlowsTour .content img{width: 100%;}
	.generalModal.modalCallFlowsTour .content span{text-align: center; display: block; margin-bottom: 30px; margin-top: 10px; color: #5078EE;}
	.generalModal.modalCallFlowsTour .btnGrey{display:none;}
	.generalModal.modalCallFlowsTour .modalManualClose{display:none;}

	/*MODAL modalIPPhones_SharedDevices */
	.generalModal.modalIPPhones_SharedDevices {}

	.generalModal.modalIPPhones_SharedDevices div.left.image {float: left; width: 50%; height: 138px; margin-bottom: 12px; background:url(imgs/phone.png) no-repeat center center; background-size: 114px 126px;}
	.generalModal.modalIPPhones_SharedDevices div.right.content {float: left; width: 50%;}

	.generalModal.modalIPPhones_SharedDevices .cancelTip{}
	.generalModal.modalIPPhones_SharedDevices .prevTip{display:none}
	.generalModal.modalIPPhones_SharedDevices .nextTip{}
	.generalModal.modalIPPhones_SharedDevices .finishTip{display:none}

	.generalModal.modalIPPhones_SharedDevices .stepPage{float: right; margin-top: 20px; font-size: 12px; margin-right: 10px;}
	.generalModal.modalIPPhones_SharedDevices p{font-size: 14px; margin: 12px 0 10px 0; text-align:center}
	.generalModal.modalIPPhones_SharedDevices a{display: block; margin-top: 5px;}
	.generalModal.modalIPPhones_SharedDevices .right li{font-size: 12px; overflow: hidden; float: none; width: 93%;}
	.generalModal.modalIPPhones_SharedDevices .right li div{float:left}
	.generalModal.modalIPPhones_SharedDevices .right li div.name{margin-right: 10px;}
	.generalModal.modalIPPhones_SharedDevices .right li div.value{}

	.generalModal.modalIPPhones_SharedDevices .left {float:left; background-color:#cacaca;}

	.generalModal.modalIPPhones_SharedDevices .suggesterContactSearch {width: 219px; margin-Left: 0px; margin-top: 3px;}

	/*
	.generalModal.modalIPPhones_SharedDevices .addedMemberGroupList {margin: 0; width: 100%;}
	.generalModal.modalIPPhones_SharedDevices .addedMemberGroupList li{height: 19px; padding: 5px 0; width: calc(100% - 0px);}
	.generalModal.modalIPPhones_SharedDevices .addedMemberGroupList li:hover{background-color:initial;}
	.generalModal.modalIPPhones_SharedDevices .addedMemberGroupList li .imgProfile{margin-top: -4px;}
	.generalModal.modalIPPhones_SharedDevices .addedMemberGroupList li label{margin-top: -7px;width: 159px!important;}
	.generalModal.modalIPPhones_SharedDevices .addedMemberGroupList li .delete{margin-top: -2px; display: block; background-position: -981px -327px;}
	*/
	
	/* MODAL callRecordingSettings */
	.generalModal.callRecordingSettingsDialog{}
	.generalModal.callRecordingSettingsDialog .content{}
	.generalModal.callRecordingSettingsDialog .content li label{width: calc(100% - 40px);margin-left: 0;}
	.generalModal.callRecordingSettingsDialog .content li .checkboxSwitcher{margin-top: 8px;}
	.generalModal.callRecordingSettingsDialog .content li p{font-size: 12px; color: #b5b5b5;margin: -10px 0px 10px 0px;}
	.generalModal.callRecordingSettingsDialog .content li .btnBlue{width: 100%; margin-right: 0;padding-left: 66px;}
	.generalModal.callRecordingSettingsDialog .content li .btnBlue.uploadGreeting{background-position: -939px -298px;}
	.generalModal.callRecordingSettingsDialog .content li.divider{width: calc(100% - 20px); height: 1px; background-color: #cacaca; margin: 10px 0px 10px 10px;}

/* >> -- -- -- -- Attach styles SPECIFIC MODAL AGENT -- -- -- -- -- -- -- -- << */

	/* MODAL modalLogin */
	.generalModal.modalLogin .wrongData{color: #eb0101; display: none; margin-top: 15px; text-align: left;width: 322px;line-height: 20px;margin-left:20px;}

	/* 	MODAL modalWelcome */
	.generalModal.modalWelcome{width:430px;padding-top: 50px;}
	.generalModal.modalWelcome .head{border:0;padding:0;}
	.generalModal.modalWelcome .content .welcomeIcon{background:url(imgs/welcome.png) no-repeat center center;background-size:100%;width:170px;height:170px;display:table;margin:0 auto;}
	.generalModal.modalWelcome .content h2{color:#5078EE;font-size:24px;margin:20px 0;text-align:center;}
	.generalModal.modalWelcome .content p{text-align:center; margin-bottom:25px;padding:0 15px;}

	/* modalPhone */
	.modalPhone{border:1px solid #acacac; border-radius:0px; box-shadow:0 0 5px rgba(0,0,0,0.2); color:#000;position:absolute;width:213px;min-width: 213px;display:none}
	.modalPhone .inputInfoContact{border-top: 0;border-left: 0; border-right: 0; border-bottom: 1px solid #eee; font-size: 15px; padding: 8px 40px 8px 16px; width: 157px; outline: 1px solid #acacac; outline-offset: 0; border-radius: 0;}
	.modalPhone .inputInfoContact:focus{outline: 1px solid #5078EE!important;outline-offset: 0;border-top:none!important;border-left:none!important;border-right:none!important;}
	.modalPhone .inputInfoContact:disabled{background:none repeat scroll 0 0 #f2f2f2;border-bottom:1px solid #acacac !important;padding:16px;text-align:center;width:181px;cursor:default;}
	.phoneDialActions .btnGreen{background-image:url('/Content/SfImgs/phoneDialActions@2x.png') !important;background-repeat:no-repeat !important;background-size:121px 20px !important;opacity:.8}
	.phoneDialActions .btnGreen:hover{opacity: 1;}
	.phoneDialButtons{display:table;margin:0 auto;}
	.phoneStatus{float:left;font-size:12px;border:1px solid;padding:4px 9px 2px;border-radius:15px;line-height:15px;margin:8px;text-transform:uppercase;cursor:default;}
	.phoneStatus.connected{color:#5aa475;border-color:#5aa475;}
	.phoneStatus.connecting{color:#e09d00;border-color:#e09d00;border-style:dashed;}
	.phoneStatus.disconnected{color:#b73730;border-color:#b73730;}
	.phoneStatus.registered{color:#4a9e69;}
	.phoneStatus.registering{color:#feb008;}
	.modalPhone .sliderWrapper{margin:13px auto 10px;float:none;display:table;width:70px;}
	.modalPhone .callerId.formSelect{margin: 0;border-left: 0;border-right: 0;border-top: 0;}
	.modalPhone .callerId.formSelect.disabled{opacity:1;}
	.modalPhone .callerId.formSelect.disabled .display p{opacity:.4;}
	.modalPhone .callerId.formSelect .display{background: url("/Content/SfImgs/fs-selecter-arrow.png") no-repeat scroll 94% center / 7px #FFF;line-height: 33px;padding: 0 15px;color: #5aa475;width: 100%;border-radius: 0;}
	.modalPhone .callerId.formSelect .display div{display:inline;}
	.modalPhone .callerId.formSelect .display.loading{color: #e09d00;}
	.modalPhone .callerId.formSelect .display.noPhoneNumbers{color: #777;}
	.modalPhone .callerId.formSelect .display .flag{display: inline-block;width: 15px;height: 15px;margin: 0px 5px -3px 5px;background-image: url('imgs/flags.jpg');}
	.modalPhone .callerId.formSelect ul li > .flag{float: left;background-image: url('imgs/flags.jpg');background-repeat: no-repeat;width: 18px;height: 18px;margin-right:5px;}

		/*incoming*/
		div.incomingCallModal{right:10px;top:60px;}
		.incomingCallModal div.phoneCallInfo{display: block!important;}
		.incomingCallModal .phoneDialActions{display: none;}

		/*outgoing*/
		div.outgoingCallModal{left: 332px;top: -53px;}
		div.outgoingCallModal .btnInsideInput.searchContact{background-image: url("/Content/SfImgs/leftMenuAdminIcons@2x.png");background-repeat: no-repeat;background-size: 26px 275px;background-position: -3px -219px;}
		div.outgoingCallModal .btnInsideInput.clearInput{background-image:url("/Content/SfImgs/closeCustomerRight@2x.png");background-repeat:no-repeat;background-size:30px 15px;padding:10px 8px;background-position:center right}
		div.outgoingCallModal .btnInsideInput{position:absolute;padding:10px;right:15px;top:14px;opacity:.7}
		div.outgoingCallModal .btnInsideInput:hover{cursor:pointer;opacity:1}
		.phoneDialActions{padding:10px;width:194px}
		div.outgoingCallModal .suggesterContactSearch{left:-5px;right:-5px;top:85px;background-color:#fff}
		div.outgoingCallModal.numberOn .btnInsideInput{top:48px;}
		div.outgoingCallModal.numberOn .suggesterContactSearch{top:80px;}

		/*transfer*/
		div.menuTransferCall{background:none repeat scroll 0 0 #fff;border:1px solid #acacac;border-radius:0 3px 3px 0;color:#000;height:380px;position:absolute;left:-1px;top:20px;width:213px;overflow:hidden;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;z-index: -1;}
		div.menuTransferCall.show{left: 213px;}
		div.menuTransferCall div.wrapperSlideTransferList{height:295px;left:0;margin-bottom:50px;margin-top:35px;position:absolute;top:0;width:852px}
		div.menuTransferCall .back{background:url('/Content/SfImgs/listBack@2x.png') no-repeat;background-position:center center;background-size:50%;display:block;float:left;height:20px;margin:8px 0 8px 8px;width:30px;opacity:.8}
		div.menuTransferCall .back:hover{opacity:1}
		div.menuTransferCall .back:hover{cursor:pointer}
		.titleTransferList{color:#5078EE;float:left;font-size:13px;line-height:20px;padding:8px;width:150px}
		div.menuTransferCall ul.transferList{width:213px;list-style:none;float:left;height:295px}
		.transferCallUser li:nth-child(1){background:none repeat scroll 0 0 #5078EE;color:#fff;font-size:15px;padding:13px 0;text-align:center}
		.transferCallUser li:nth-child(1) span{}
		.transferCallUser li span.actualStatus{border-radius:5px;display:block;float:right;height:10px;margin:3px;width:10px}
		.inputSearchTransferUser{border:1px solid #acacac;border-radius:3px;bottom:10px;font-size:12px;left:10px;padding:7px;position:absolute;width:175px}
		.transferInfoUser{margin:80px 0}
		.transferInfoUser li{text-align:center}
		.transferInfoUser.transferList li:hover{cursor:inherit !important;background:transparent !important;color:#000}
		.transferInfoUser p.btnBlue{font-size:16px;margin:5px auto;width:70%;text-align:center}
		ul.transferList li{padding:8px;}
		ul.transferList li:hover{background-color:#54b4e8;color:#fff;cursor:pointer}

	/* MODAL modalCreateGroup */
	/*.generalModal .content .title{font-size: 25px; font-weight: 600; margin: 0 0 3px 0;}*/
	.generalModal .content .subtitle{text-align: center; font-size: 13px; color: #adadad; width: 410px; margin: 0 auto 18px auto;}
	.generalModal.modalCreateGroup .content{margin-top: calc(20vh - 100px);height: calc(100vh - 240px);}
	.generalModal.modalCreateGroup .content .teamFrame{}
	.generalModal.modalCreateGroup div.imgProfile.gcolor_1 .teamFrame, .generalModal.modalCreateGroup div.imgProfile.gcolor_2 .teamFrame, .generalModal.modalCreateGroup div.imgProfile.gcolor_3 .teamFrame, .generalModal.modalCreateGroup div.imgProfile.gcolor_4 .teamFrame, .generalModal.modalCreateGroup div.imgProfile.gcolor_5 .teamFrame, .generalModal.modalCreateGroup div.imgProfile.gcolor_6 .teamFrame, .generalModal.modalCreateGroup div.imgProfile.gcolor_7 .teamFrame, .generalModal.modalCreateGroup div.imgProfile.gcolor_8 .teamFrame, .generalModal.modalCreateGroup div.imgProfile.gcolor_9 .teamFrame, .generalModal.modalCreateGroup div.imgProfile.gcolor_10 .teamFrame, .generalModal.modalCreateGroup div.imgProfile.gcolor_11 .teamFrame, .generalModal.modalCreateGroup div.imgProfile.gcolor_12 .teamFrame, .generalModal.modalCreateGroup div.imgProfile.gcolor_13 .teamFrame, .generalModal.modalCreateGroup div.imgProfile.gcolor_14 .teamFrame, .generalModal.modalCreateGroup div.imgProfile.gcolor_15 .teamFrame, .generalModal.modalCreateGroup div.imgProfile.gcolor_16 .teamFrame, .generalModal.modalCreateGroup div.imgProfile.gcolor_17 .teamFrame, .generalModal.modalCreateGroup div.imgProfile.gcolor_18 .teamFrame, .generalModal.modalCreateGroup div.imgProfile.gcolor_19 .teamFrame, .generalModal.modalCreateGroup div.imgProfile.gcolor_20 .teamFrame, .generalModal.modalCreateGroup div.imgProfile.gcolor_21 .teamFrame{display: none;}

	.generalModal.modalCreateGroup .content .left{width: 480px; float: initial; margin: 0 auto 0 auto; padding: 0 0 0 30px;}
	/*.generalModal.modalCreateGroup .content .right{width: calc(50% - 30px);height: 85%;float: right;position: absolute;right: 32px;}*/
	.generalModal.modalCreateGroup .content li{width: calc(100% - 26px);position: relative;}
	.generalModal.modalCreateGroup .content li input{width: calc(100% - 16px);}
	.generalModal.modalCreateGroup .content li.relative{width:calc(100% - 20px); margin-left: 10px;margin-right: 10px;}
	.generalModal.modalCreateGroup .content li ul.addedMemberGroupList{max-height: calc(50vh - 160px);}
	.generalModal.modalCreateGroup .content li ul.addedMemberGroupList li{width: 100%!important; padding: 5px 0px 5px 10px!important;}
	
	.generalModal.modalCreateGroup .content li ul.addedMemberGroupList .delete{float: right; width: 21px; height: 21px; cursor: pointer; background-position: -426px -27px; opacity: 0.4; margin: 5px 20px 0 -25px;}
	/*.generalModal.modalCreateGroup .content li ul.addedMemberGroupList li:first-child{padding: 0px 0 5px 0!important;}*/
	.generalModal.modalCreateGroup .content li.gName{width: 455px; margin: 15px auto 19px auto; float: initial;}
	.generalModal.modalCreateGroup .content li.gName .errorMsg{right: 9px;}

	.generalModal.modalCreateGroup .suggesterContactSearch{    top: 40px; left: 0px; width: calc(100% - 6px);} 
	.generalModal.modalCreateGroup .suggesterContactSearch li{}

	.generalModal.modalCreateGroup div.imgProfile.dashed{overflow: hidden;margin: 0 auto 15px auto!important; width: 100px; height: 100px;}
	.generalModal.modalCreateGroup div.imgProfile.dashed .initials{    padding-top: 30px;}
	.generalModal.modalCreateGroup div.imgProfile .initials:first-letter{text-transform: uppercase;}
	.generalModal.modalCreateGroup div.imgProfile.extraLarge {float: none; margin: 0px auto 15px auto;}
	.generalModal.modalCreateGroup div.imgProfile svg{display: block;}

	.generalModal.modalCreateGroup li.scrollPosition{top: 72px; position: absolute; right: 10px; bottom: 10px; height: initial; width: calc(100% - 21px); margin-right: 0; margin-left: 0;}
	.generalModal.modalCreateGroup li.scrollPosition ul{width: 100%; margin: 0;}

	.generalModal.modalCreateGroup .infoTxt{margin: 16px 0;}

	.generalModal.modalCreateGroup .dataSplash{margin-top: 20px;}

	.generalModal.modalCreateGroup .generalSplash div.img{margin-top: 30px;}
	.generalModal.modalCreateGroup .txt{color: #979797;font-size: 13px;}

	.generalModal.modalCreateGroup .generalLoading {width: 202px; right: 0; top: 0;}
	.generalModal.modalCreateGroup .generalLoading .loaderBtnModal {background: initial; display:block;}
	.generalModal.modalCreateGroup .generalLoading .loaderLogin {position: initial; width: 18px; height: 18px; margin: -11px; background-color:#5078EE; float: initial!important;}

	/* Multiple Sessions Message */
	.multipleSessionsMessage{position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #fff; z-index: 99998;}
	.multipleSessionsMessage .message{width: 540px; height: 410px; background-color: #fff; position: absolute; top: 49%; left: 50%; transform: translate(-50%, -50%); border-radius: 10px; text-align: center;}
	.multipleSessionsMessage .message .placeholder{width: 450px; margin: 85px auto 0 auto;}
	.multipleSessionsMessage .message .title{font-size: 21px; color: #5078EE; margin: 5px auto 5px auto;}
	.multipleSessionsMessage .message .subtitle{font-size: 14px; margin: 5px auto 5px auto; color: #a9a9a9;}
	.multipleSessionsMessage .message .btnBlue{width: 200px; margin: 20px auto 0 auto;}
	.multipleSessionsMessage .message .btnBlue .ballsLoader{}

	/* modalAudioAndVideoSettings */
	.generalModal.resetPasswordDialog{background-color: #01135e;}
	.generalModal.onboardingUser{background-color: #fff;}
	.generalModal.resetPasswordDialog .content,
	.generalModal.onboardingUser .content{z-index: 999; position: absolute; width: 470px; height: 450px; background-color: #fff; top: 48%; left: 50%; transform: translate(-50%, -50%); border-radius: 14px; padding: 0 0 0 0; box-sizing: border-box;box-shadow: 0 0 13px 6px #0000000f;}
	.generalModal.resetPasswordDialog .content.success,
	.generalModal.onboardingUser .content.success{position: absolute; width: 470px; height: 500px; background-color: #fff; top: 48%; left: 50%; transform: translate(-50%, -50%); border-radius: 14px; padding: 30px 0 0 0; box-sizing: border-box;}
	.generalModal.resetPasswordDialog .content.success{padding: 50px 0 0 0;height: 440px;}
	.generalModal.resetPasswordDialog .content .ico{width: 60px; height: 60px; margin: 45px auto 0 auto;}
	.generalModal.resetPasswordDialog .content.success .ico{width: 170px; margin: 10px auto 14px auto;height: 200px;}
	.generalModal.onboardingUser .content .ico{width: 170px; margin: 45px auto 0 auto;}
	.generalModal.resetPasswordDialog .content .title,
	.generalModal.onboardingUser .content .title{margin: 8px auto 3px auto;color:#00135e;}
	.generalModal.resetPasswordDialog .content .subtitle,
	.generalModal.onboardingUser .content .subtitle{margin: 0px auto 30px auto;width: 100%; padding: 0 50px; box-sizing: border-box;}
	.generalModal.resetPasswordDialog .content li.fullWidth,
	.generalModal.onboardingUser .content li.fullWidth{list-style: none; width: 80%; margin: 0 auto;}
	.generalModal.resetPasswordDialog .content li.fullWidth input,
	.generalModal.onboardingUser .content li.fullWidth input{height: 36px; width: calc(100% - 10px); margin: 0 auto 15px 0px;}
	.generalModal.resetPasswordDialog .content li.fullWidth input.fixPasswordWidth{ padding-right: 80px; width: calc(100% - 90px);}
	.generalModal.resetPasswordDialog .content li.fullWidth input.fixPasswordWidth[type=text]{text-overflow: ellipsis;}
	.generalModal.resetPasswordDialog .content li.fullWidth .errorMsg,
	.generalModal.onboardingUser .content li.fullWidth .errorMsg{right: 42px;}
	.generalModal.resetPasswordDialog .content .btnBlue,
	.generalModal.onboardingUser .content .btnBlue{background-color: #00135e; width: 260px; text-align: center; height: 40px; line-height: 23px; margin: 38px auto 0 auto;}

	.generalModal.resetPasswordDialog .content li.passwordStrength,
	.generalModal.onboardingUser .content li.passwordStrength{height: 7px; width: 190px; float: right; border-radius: 10px; background-color: #65e8633b; margin: 0px 53px 0 0; position: relative;}
	.generalModal.resetPasswordDialog .content li.passwordStrength .txt,
	.generalModal.onboardingUser .content li.passwordStrength .txt{position: absolute; right: 152px; width: 170px; font-size: 13px; color: #a5a5a5;; top: -6px;}
	.generalModal.resetPasswordDialog .content li.passwordStrength span#passStrength,
	.generalModal.onboardingUser .content li.passwordStrength span#passStrength{height: 7px; width: 0%; background-color: #65e863; float: left; border-radius: 10px;transition:width 0.5s ease;-webkit-transition:width 0.5s ease;-moz-transition:width 0.5s ease;-ms-transition:width 0.5s ease;}
	.generalModal.resetPasswordDialog .content li.passwordStrength span#passStrength.s1,
	.generalModal.onboardingUser .content li.passwordStrength span#passStrength.s1{width: 33%;}
	.generalModal.resetPasswordDialog .content li.passwordStrength span#passStrength.s2,
	.generalModal.onboardingUser .content li.passwordStrength span#passStrength.s2{width: 66%;}
	.generalModal.resetPasswordDialog .content li.passwordStrength span#passStrength.s3,
	.generalModal.onboardingUser .content li.passwordStrength span#passStrength.s3{width: 100%;}

	.generalModal.resetPasswordDialog .designelements.tripink,
	.generalModal.onboardingUser .designelements.tripink{width: 220px; position: absolute;top: 16%; left: 28%; transform: translate(-50%, -49%) rotate(27deg);transition: all 0.7s cubic-bezier(0, 0, 0.24, 1.03);/*transition-delay: 1s*/;}
	.generalModal.onboardingUser .designelements.tripink.on{left: 16%; }
	.generalModal.resetPasswordDialog .designelements.blue,
	.generalModal.onboardingUser .designelements.blue{width: 220px; position: absolute; top: 57%; left: 52%; transform: translate(-50%, -49%);transition: all 0.7s cubic-bezier(0, 0, 0.24, 1.03);/*transition-delay: 1s*/}
	.generalModal.onboardingUser .designelements.blue.on{left: 66%;}
	.generalModal.resetPasswordDialog .designelements.triviolet,
	.generalModal.onboardingUser .designelements.triviolet{display: none;}
	.generalModal.resetPasswordDialog .designelements.dotss,
	.generalModal.onboardingUser .designelements.dotss{width: 220px; position: absolute; top: 19%; left: 63%; transform: translate(-50%, -49%) rotate(90deg);transition: all 0.7s cubic-bezier(0, 0, 0.24, 1.03);/*transition-delay: 1s*/}
	.generalModal.onboardingUser .designelements.dotss.on{    left: 73%;}
	.generalModal.resetPasswordDialog .designelements.dotss2,
	.generalModal.onboardingUser .designelements.dotss2{width: 350px; position: absolute; bottom: -240px; left: 0; transform: translate(-50%, -49%) rotate(90deg); opacity: .2;}

	.generalModal.onboardingUser .backgroundWaves{height: 100vh;width: 100vh;}
	.generalModal.onboardingUser .backgroundWaves .on{}
	.generalModal.onboardingUser .backgroundWaves svg{height: 100%;transition: transform 0.5s ease;}
	.generalModal.onboardingUser .backgroundWaves.on svg{transform: translateX(-190px);}
	.generalModal.onboardingUser .content.right{  transform: translate(-10%, -50%); z-index: 998;width: 380px;opacity: 0;transition: all 0.5s ease;visibility: hidden;}
	.generalModal.onboardingUser .content.right, .generalModal.onboardingUser .content.left{height: 500px;}
	.generalModal.onboardingUser .content.right .subtitle, .generalModal.onboardingUser .content.left .subtitle{margin-bottom: 20px;}
	.generalModal.onboardingUser .content.right a, .generalModal.onboardingUser .content.left a{display: block;}
	.generalModal.onboardingUser .content.right .btnBlue, .generalModal.onboardingUser .content.left .btnBlue{margin: 15px auto 0 auto;}
	.generalModal.onboardingUser .content.right .ico{width: 291px; height: 212px; margin: 25px auto 23px auto;}
	.generalModal.onboardingUser .content.right .ico img{width: 100%;}
	.generalModal.onboardingUser .content.right.on{transform: translate(3%, -50%); width: 380px;opacity: 1;visibility: visible;}
	.generalModal.onboardingUser .content.left{  transform: translate(-90%, -50%); z-index: 998;width: 380px;opacity: 0;transition: all 0.5s ease;visibility: hidden;}
	.generalModal.onboardingUser .content.left .ico{    width: 291px; height: 212px; margin: 25px auto 23px auto;}
	.generalModal.onboardingUser .content.left .ico img{height: 100%;}
	.generalModal.onboardingUser .content.left.on{transform: translate(-103%, -50%); width: 380px;opacity: 1;visibility: visible;}
	.generalModal.onboardingUser .content.left:hover .qrCode{visibility: visible; opacity: 1;}
	.generalModal.onboardingUser .content.left .qrCode{visibility: hidden; opacity: 0; transition: all 0.5s ease; position: absolute; top: 22px; left: 0; width: 100%; background-color: #fff; height: 225px;}
	.generalModal.onboardingUser .content.left .qrCode img{float: left; width: 150px; margin: 15px -44px 0 39px;}

	.generalModal.onboardingUser .stepTwo{position: absolute; transform: translate(0, -50%); height: 550px; top: 50%; left: 50%;}
	.generalModal.onboardingUser .stepTwo .mainTitle{transition: all 0.5s ease;visibility: hidden;opacity: 0; position: absolute; text-align: center; color: #fff; font-size: 40px; left: 50%; transform: translate(-50%, -50%); width: 450px; float: left; top: -150px;}
	.generalModal.onboardingUser .stepTwo .mainTitle.on{opacity: 1;visibility: visible;top: -100px;}
	.generalModal.onboardingUser .stepTwo .mainSubtitle{transition: all 0.5s ease;visibility: hidden;opacity: 0; position: absolute; text-align: center; color: #fff; font-size: 16px; left: 50%; transform: translate(-50%, -50%); width: 450px; float: left; top: -108px; opacity: .5;}
	.generalModal.onboardingUser .stepTwo .mainSubtitle.on{opacity: 1;visibility: visible;top: -58px;}
	.generalModal.onboardingUser .stepTwo .content.left{}
	.generalModal.onboardingUser .stepTwo .content.right{}
	
	.generalModal.resetPasswordDialog .content .showHidePass,
	.generalModal.onboardingUser .content .showHidePass{position: absolute; right: 10px; top: 10px; width: 24px; height: 18px; cursor: pointer;}
	
	/* modalAudioAndVideoSettings */
	.generalModal.modalAudioAndVideoSettings{}
	.generalModal.modalAudioAndVideoSettings ul.content{height:440px;}
	.generalModal.modalAudioAndVideoSettings ul.content .formSelect .display .ico{width: 15px; height: 15px; float: left; margin: 0px 7px 0 0;}
	.generalModal.modalAudioAndVideoSettings ul.content .formSelect .display .ico.inputAudio{background-position: -979px -439px;}
	.generalModal.modalAudioAndVideoSettings ul.content .formSelect .display .ico.outputAudio{background-position: -979px -492px;}
	.generalModal.modalAudioAndVideoSettings ul.content .formSelect .display .ico.inputVideo{background-position: -979px -465px;}
	.generalModal.modalAudioAndVideoSettings ul.content .rawInputVideo{padding: 0; float: left; margin: 10px 9px -7px 10px; overflow: hidden; height: 183px; background: #e6e6e6; position: relative; width: calc(100% - 20px);}
	.generalModal.modalAudioAndVideoSettings ul.content .rawInputVideo video{width: 100%; display: block; height: 100%;}
	
	.generalModal.modalAudioAndVideoSettings ul.content .rawInputVideo .generalSplash{margin-top: 24px;}
	.generalModal.modalAudioAndVideoSettings ul.content .rawInputVideo .img{background-position: -308px -299px;}
	.generalModal.modalAudioAndVideoSettings ul.content .rawInputVideo .txt{}
	
	/* MODAL modalDifferentBrowser */
	.generalModal.modalDifferentBrowser{width:350px;}
	.generalModal.modalDifferentBrowser ul.content{text-align: center;}
	.generalModal.modalDifferentBrowser ul.content .connectFromChrome{display: table;margin: 38px auto 0;}
	.generalModal.modalDifferentBrowser ul.content .connectFromChrome li{width: 50px;height: 50px;margin-bottom: 0;}
	.generalModal.modalDifferentBrowser ul.content .connectFromChrome li:nth-child(1){background: url(imgs/logo1.png) no-repeat;background-size: 80px;background-position: -18px;}
	.generalModal.modalDifferentBrowser ul.content .connectFromChrome li:nth-child(2){width: 110px;}
	.generalModal.modalDifferentBrowser ul.content .connectFromChrome li:nth-child(3){background: url(imgs/chromeLogo@2x.png) no-repeat;background-size: 50px;}

	.generalModal.modalDifferentBrowser ul.content .connectFromChrome .dots{height: 30px;width: 100px;margin: 12px auto;}
	.generalModal.modalDifferentBrowser ul.content .connectFromChrome .dots li{width: 5px;height: 5px;float: left;background-color:#5078EE;border-radius: 50%;margin: 10px;}
	.generalModal.modalDifferentBrowser ul.content .connectFromChrome .dots li:nth-child(1){opacity: .25;}
	.generalModal.modalDifferentBrowser ul.content .connectFromChrome .dots li:nth-child(2){opacity: .5;}
	.generalModal.modalDifferentBrowser ul.content .connectFromChrome .dots li:nth-child(3){opacity: .75;}
	.generalModal.modalDifferentBrowser ul.content .connectFromChrome .dots li:nth-child(4){opacity: 1;}

	.generalModal.modalDifferentBrowser ul.content p{ width: 280px;margin: 20px auto 30px;text-align: center;color: #5078EE;line-height:22px;}
	.generalModal.modalDifferentBrowser ul.content p a{text-decoration: underline;}
	.generalModal.modalDifferentBrowser ul.content .btnBlue{min-width: 28px;position: relative;float: initial;display: inline-block;padding: 0;margin-right: 0;margin-bottom: 30px;}
	.generalModal.modalDifferentBrowser ul.content .btnBlue a{display: block;text-decoration: none;color: #ffffff;padding: 10px 12px;}

	/* MODAL modalNoInternetConnection */
	.modalNoInternetConnection{width: 100%!important; opacity: initial; z-index: 99999999; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #fff;}
	.modalNoInternetConnection ul.content{text-align: center; width: 355px; margin: 0 auto; float: none; transform: translate(-50%, -50%); top: 50%; position: absolute; left: 50%;}
	.modalNoInternetConnection ul.content .connectFromChrome{display: table;margin: 38px auto 33px;}
	
	.modalNoInternetConnection ul.content .connectFromChrome li{width: 96px; height: 96px; margin-bottom: 0;float: left;}
	.modalNoInternetConnection ul.content .connectFromChrome li.companyLogo{background-position: -116px -1400px;}
	.modalNoInternetConnection ul.content .connectFromChrome li.worldNoConnection{background-position: -2px -1400px;}
	.modalNoInternetConnection ul.content .connectFromChrome li .generalLoader{margin: 30px 0 0 30px;}

	.modalNoInternetConnection ul.content span{ width: 280px;margin: 20px auto 30px;text-align: center;color: #0085ea;line-height:22px;text-transform: uppercase;}
	.modalNoInternetConnection ul.content p{ width: 280px;margin: 20px auto 30px;text-align: center;color: #0085ea;line-height:22px;text-transform: uppercase;}
	.modalNoInternetConnection ul.content .btnBlue{width: 210px; margin: 0 auto;}
	.modalNoInternetConnection ul.content .btnBlue a{display: block;text-decoration: none;color: #ffffff;padding: 10px 12px;}


	/* MODAL modalNewConference */
	.generalModal.modalNewConference div.dialogIco{margin:0 auto;}
	.generalModal.modalNewConference .content{width: 580px;margin-top: 20px;max-height: initial!important;}
		.generalModal.modalNewConference .content .left li.hasDatePicker{display: none;}
		
		.generalModal.modalNewConference.isSchedule .content{}
		.generalModal.modalNewConference.isSchedule .content .left .scheduleDatePicker{}
		.generalModal.modalNewConference.isSchedule .content .left li.hasDatePicker{display: block;margin: 0px 0 23px -8px;}
		.generalModal.modalNewConference.isSchedule .content .dialogIco{display: none;}
		.generalModal.modalNewConference.isSchedule .content .content .left li.hasDatePicker{}
		.generalModal.modalNewConference.isSchedule .content .left .floatThis{float: left; width: 50%; height: 273px; padding: 8px 0 0 0; box-sizing: border-box;}
		.generalModal.modalNewConference.isSchedule .content .left .floatThis li{margin-bottom: 24px;}
		.generalModal.modalNewConference.isSchedule .content .left .floatThis li input{width: calc(100% - 16px);}
		.generalModal.modalNewConference.isSchedule .content .left .hideShowScheduleInput{display: none;}

	.generalModal.modalNewConference .content .left{width: 100%; float: left;}
	.generalModal.modalNewConference .content .right{width: 100%; float: left;position: relative;}
	.generalModal.modalNewConference .content .right li.listOfMembers{position: absolute; width: 550px;}
	.generalModal.modalNewConference div.generalSplash{position: absolute;top: 50%; transform: translateY(-37%);}

	.generalModal.modalNewConference .content li input{width: calc(100% - 21px);}
	.generalModal.modalNewConference .content .right li input{width: calc(100% - 12px);}
	.generalModal.modalNewConference .content li.relative{width:calc(100% - 20px); margin-left: 10px;margin-right: 10px;}
	.generalModal.modalNewConference .content li .errorMsg{right: 15px;}
	
	.generalModal.modalNewConference .googleAuthBtn{background-image: url(../SfImgs/googleAuth.png); width: 100%; height: 44px; background-size: contain; background-repeat: no-repeat; cursor: pointer; background-position: 0;}

	.generalModal.modalNewConference .content .addedMemberGroupList{width: calc(100% - 14px); margin: 48px 0 0 0; height: calc(100vh/3 - 60px);}
	.generalModal.modalNewConference .content .checkboxSwitcher{margin: 9px 0 0 9px; float: right;}
	
	.generalModal.modalNewConference .suggesterContactSearch{left: -2px; right: 0px; margin-top: 8px; width: calc(100% - -5px); top: 41px;}
	
	.generalModal.modalNewConference .suggesterContactSearch li{}

	.generalModal.modalNewConference div.imgProfile.dashed{margin: 14px 58px 12px 58px!important;}
	.generalModal.modalNewConference div.imgProfile .initials:first-letter{text-transform: uppercase;}
	.generalModal.modalNewConference div.imgProfile.extraLarge {float: none; margin: 0px auto 15px auto;}

	.generalModal.modalNewConference li.scrollPosition{top: 72px; position: absolute; right: 10px; bottom: 10px; height: initial; width: calc(100% - 21px); margin-right: 0; margin-left: 0;}
	.generalModal.modalNewConference li.scrollPosition ul{width: 100%; margin: 0;}

	.generalModal.modalNewConference .infoTxt{margin: 16px 0;}

	.generalModal.modalNewConference .dataSplash{margin-top: 20px;}

	.generalModal.modalNewConference .generalSplash div.img{margin-top: 30px; background-size: 960px!important; opacity: .3;}
/*	.generalModal.modalNewConference .txt{color: #979797;font-size: 13px;}*/

	.generalModal.modalNewConference .generalLoading {width: 202px; right: 0; top: 0;}
	.generalModal.modalNewConference .generalLoading .loaderBtnModal {background: initial; display:block;}
	.generalModal.modalNewConference .generalLoading .loaderLogin {position: initial; width: 18px; height: 18px; margin: -11px; background-color:#5078EE; float: initial!important;}

	/* messageBoxDraggConference */
	div.messageBox.messageBoxDraggConference{background-color: #fff; padding: 23px; border-radius: 5px; box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); overflow: hidden; width: 360px; box-sizing: border-box;}
	div.messageBox.messageBoxDraggConference div.volumeControl{background-color:#333; padding: 0; border: none; width: 60px; float: left; margin-top: 14px;}
	div.messageBox.messageBoxDraggConference div.volumeControl .ui-state-default{left: 64%; border: 1px solid rgb(153, 153, 153) !important; background: white !important;}
	div.messageBox.messageBoxDraggConference div.name{font-size: 16px; color: #464646; font-weight: 600; margin-bottom: 2px; width: 130px; text-overflow: ellipsis; overflow: hidden;}
	div.messageBox.messageBoxDraggConference div.timer{font-size: 13px; color: #969696; margin: 5px 0 10px 0px; width: 150px;}
	div.messageBox.messageBoxDraggConference div.return{color: #5078EE; font-size: 13px; float: left; cursor: pointer;}
	div.messageBox.messageBoxDraggConference ul{float: right; margin-top: -34px;}
	div.messageBox.messageBoxDraggConference li{width: 40px; height: 30px; cursor: pointer; display: inline-block; border-radius: 3px; margin-right: 4px;}
	div.messageBox.messageBoxDraggConference li:last-child{margin-right: 0;}
	div.messageBox.messageBoxDraggConference .hangOut{background-color: #ea1d04; background-position: -673px -51px; width: 56px;}
	div.messageBox.messageBoxDraggConference .audio.on{background-color:#0785ea; background-position: -643px -23px;}
	div.messageBox.messageBoxDraggConference .audio.off{background-color:#035395; background-position: -568px -23px;}
	div.messageBox.messageBoxDraggConference .video.on{background-color:#0785ea; background-position: -681px -24px;}
	div.messageBox.messageBoxDraggConference .video.off{background-color:#035395; background-position: -608px -22px;}

	/* MODAL modalMeetingInfo */
	.generalModal.modalMeetingInfo .content,
	.generalModal.modalMeetingSummary .content{text-align: center;}
	.generalModal.modalMeetingInfo .content .title{}
	.generalModal.modalMeetingInfo .content .moderatorName,
	.generalModal.modalMeetingSummary .content .moderatorName{font-size: 20px; font-weight: 500;}
	.generalModal.modalMeetingInfo .content .subtitle,
	.generalModal.modalMeetingSummary .content .subtitle{margin: 2px auto 10px auto;}
	.generalModal.modalMeetingInfo .content .box,
	.generalModal.modalMeetingSummary .content .box{margin: 2px 0 8px 0; float: left; width: 100%;font-size: 14px;}
	.generalModal.modalMeetingInfo .content .box .left,
	.generalModal.modalMeetingSummary .content .box .left{width: 50%; float: left; text-align: right; padding-right: 5px; box-sizing: border-box;    color: #a9a9a9;}
	.generalModal.modalMeetingInfo .content .box .right,
	.generalModal.modalMeetingSummary .content .box .right{width: 50%; float: right; text-align: left; padding-left: 3px; box-sizing: border-box;}
	
	.generalModal.modalMeetingInfo .content .listOfPeople,
	.generalModal.modalMeetingSummary .content .listOfPeople{width: 380px; margin: 7px auto 0 auto; text-align: center; display: inline-block;}
	.generalModal.modalMeetingInfo .content .listOfPeople .sfTabs,
	.generalModal.modalMeetingSummary .content .listOfPeople .sfTabs{width: 100%; height: 40px;}
	.generalModal.modalMeetingInfo .content .listOfPeople .sfTabs li,
	.generalModal.modalMeetingSummary .content .listOfPeople .sfTabs li{border-bottom: 1px solid #c7c7c7;margin: 0; width: 100%; height: 100%; line-height: 34px; font-size: 14px;border-radius: 4px 4px 0 0;}
	.generalModal.modalMeetingInfo .content .listOfPeople .sfTabs li.active,
	.generalModal.modalMeetingSummary .content .listOfPeople .sfTabs li.active{background-color: #5078ee12;border-bottom: 1px solid #5078ee;}
	.generalModal.modalMeetingInfo .content .listOfPeople .participants,
	.generalModal.modalMeetingSummary .content .listOfPeople .participants{margin: 0; display: inline-block; width: 100%; max-height: 130px; padding: 10px 0 0 0;}
	.generalModal.modalMeetingInfo .content .listOfPeople .participants li,
	.generalModal.modalMeetingSummary .content .listOfPeople .participants li{width: 100%;    margin: 6px 0 6px 0;}
	.generalModal.modalMeetingInfo .content .listOfPeople .participants li .ico,
	.generalModal.modalMeetingSummary .content .listOfPeople .participants li .ico{float: left; width: 25px; height: 25px; border-radius: 50%;}
	.generalModal.modalMeetingInfo .content .listOfPeople .participants li .imgProfile,
	.generalModal.modalMeetingSummary .content .listOfPeople .participants li .imgProfile{width: 25px; height: 25px;}
	.generalModal.modalMeetingInfo .content .listOfPeople .participants li .imgProfile .initials,
	.generalModal.modalMeetingSummary .content .listOfPeople .participants li .imgProfile .initials{padding-top: 6px; font-size: 9px;}
	.generalModal.modalMeetingInfo .content .listOfPeople .participants li .name,
	.generalModal.modalMeetingSummary .content .listOfPeople .participants li .name{text-align: left; margin: 1px 0 0 34px; font-size: 14px;}





/*	.generalModal.modalMeetingInfo .content li{float:left;width:100%;margin-bottom: 0;}
	.generalModal.modalMeetingInfo .content li label{font-size: 18px; display: inline-block; width: initial;}
	.generalModal.modalMeetingInfo .content li p{font-size:18px;margin:7px 0 0 4px;float:left;color: #929292;}
	.generalModal.modalMeetingInfo .content li p.bigSize{font-size: 18px; margin: 6px 0px 5px 8px; color: #5078EE;}
	.generalModal.modalMeetingInfo .content li p.separator{padding-top: 20px; margin-top: 10px; border-top: 1px solid #acacac; width: 100%; color: #5078EE; margin-left: -30px; padding-left: 36px; font-size: 20px;}
	.generalModal.modalMeetingInfo .content li.moderatorImg{width: 23%; padding-left: 21px; box-sizing: border-box;}
	.generalModal.modalMeetingInfo .content li.moderatorImg div.imgProfile{margin-top:30px;}
	.generalModal.modalMeetingInfo .content li.info{width: calc(68% - 26px); padding: 20px; border-left: 1px solid #acacac; margin-bottom: -10px; padding-right: 0; margin-top: 20px; }
	.generalModal.modalMeetingInfo .content li.members label{margin: 5px 0 0 7px;}
	.generalModal.modalMeetingInfo .content li.members ul div.imgProfile{margin: 4px 12px 9px 0px;}
	.generalModal.modalMeetingInfo .content li.members ul div.imgProfile:first-child{margin-left: 10px;}
	.generalModal.modalMeetingInfo .content li.members ul div.imgProfile:last-child{margin-right:0;}
	.generalModal.modalMeetingInfo .content li.members ul div.imgProfile.more{background-color: #5078EE; line-height: 34px; text-align: center; color: #FFF; font-size: 35px; font-weight: 100; opacity: 1; width: 36px; height: 36px;}
	.generalModal.modalMeetingInfo.guest .foot.guest{display:block;}
	.generalModal.modalMeetingInfo.guest .foot.moderator{display:none;}
	.generalModal.modalMeetingInfo.moderator .foot.moderator{display:block;}
	.generalModal.modalMeetingInfo.moderator .foot.guest{display:none;}
	.generalModal.modalMeetingInfo.moderator .foot.moderator .btnBlue{margin-right:10px;}*/

	/* MODAL modalMeetingSummary */
	.generalModal.modalMeetingSummary .content{padding: 12px 0px 41px 41px; width: calc(100% - 72px);}
	.generalModal.modalMeetingSummary .content li{width:100%; margin:0;}
	.generalModal.modalMeetingSummary .content li.margin{margin-bottom: 0;}
	.generalModal.modalMeetingSummary .content li ul.members{margin:10px 0 0 0;display:inline-block;width: 100%;}
	.generalModal.modalMeetingSummary .content li ul.members li{margin-bottom:10px;}
	.generalModal.modalMeetingSummary .content li ul.members li label{font-size:16px;line-height: 27px;}
	.generalModal.modalMeetingSummary .content li label{font-size:20px;width: initial;}
	.generalModal.modalMeetingSummary .content li p{font-size:16px; }
	.generalModal.modalMeetingSummary .content li p.date{float:left;margin-top:-2px;font-size:14px;}
	.generalModal.modalMeetingSummary .content li span{margin-left:0;}
	.generalModal.modalMeetingSummary .content li span.duration{float:right;font-size:30px; color:#5078EE;margin-right: 12px;}
	.generalModal.modalMeetingSummary .content li span.transcript{color:#5078EE;opacity:.7;margin-bottom:10px;display:inline-block;}
	.generalModal.modalMeetingSummary .content li span.transcript:hover{opacity:1;cursor:pointer;}
	.generalModal.modalMeetingSummary .content li label.name{margin-left: 0;}

	.generalModal.modalMeetingSummary div.foot{display: none;}

	/* MODAL modalCreateNewCalendar */
	.generalModal.modalCreateNewCalendar .selectPeople{float: left;}
	.generalModal.modalCreateNewCalendar .selectPeople .subTitle{margin-top: 14px;font-size: 14px;}
	.generalModal.modalCreateNewCalendar .selectPeople .attached{overflow: hidden;margin: 6px 0;}
	.generalModal.modalCreateNewCalendar .selectPeople .item{float: left; background-color:#abd2e8; margin: 6px; margin-left: 0; padding: 5px; font-size: 13px; border-radius: 2px;}
	.generalModal.modalCreateNewCalendar .selectPeople .name{float:left;}
	.generalModal.modalCreateNewCalendar .selectPeople .delete{float: right; color: #5078EE; margin: 0 5px 0 9px; cursor: pointer;}
	.generalModal.modalCreateNewCalendar .selectPeople input{margin: 0; width: 448px;}

	.generalModal.modalCreateNewCalendar ul.suggesterContactSearch{width: 458px;}

	/* MODAL modalCreateNewEventCalendar */
	.generalModal.modalCreateNewEventCalendar li.margin{margin: 4px 0 15px 0;}
	.generalModal.modalCreateNewEventCalendar .repeatWrrap{float: left; margin-left: 11px; width: 380px; margin-top: 6px;}
	.generalModal.modalCreateNewEventCalendar .repeatWrrap a{text-decoration: none; font-size: 13px; margin: 0 2px; color: #c2c2c2;}
	.generalModal.modalCreateNewEventCalendar .repeatWrrap a.selected{color: #5078EE;}
	.generalModal.modalCreateNewEventCalendar .repeatWrrap a:hover {color: #171717;}
	.generalModal.modalCreateNewEventCalendar .fLeft{float:left;}
	.generalModal.modalCreateNewEventCalendar textarea{}
	.generalModal.modalCreateNewEventCalendar li.liNotifi.child {margin-top: -24px;}
	.generalModal.modalCreateNewEventCalendar li.liNotifi.child label.fLeft{display:none;}
	.generalModal.modalCreateNewEventCalendar .variableWidth .formSelect{width:155px;}
	.generalModal.modalCreateNewEventCalendar .checkOut{float:left;margin: 10px 0 0 9px;}
	.generalModal.modalCreateNewEventCalendar .checkboxSwitcher{margin-top: 9px; margin-left: 9px;}

	.generalModal.modalCreateNewEventCalendar .sectionRepeat input.repeat{ float: left; width: auto; margin-top: 11px;}
	.generalModal.modalCreateNewEventCalendar .contentRepeat{float:left;}

	.generalModal.modalCreateNewEventCalendar input.repeat{margin: 0; padding: 0; width: auto; margin-right: 368px; margin-left: 9px; margin-top: 10px;}

	.generalModal.modalCreateNewEventCalendar div.optionsNotification{float: right;}

	.generalModal.modalCreateNewEventCalendar div.tabsButtons .left{width:34%;}
	.generalModal.modalCreateNewEventCalendar div.tabsButtons .middle{width:33%;}
	.generalModal.modalCreateNewEventCalendar div.tabsButtons .right{width:33%;}
	.generalModal.modalCreateNewEventCalendar div.tabsButtons.twoTabs .left{width: calc(50% - 1px);}
	.generalModal.modalCreateNewEventCalendar div.tabsButtons.twoTabs .middle{width: 50%; border-right: none;}

	.generalModal.modalCreateNewEventCalendar div.durandal-wrapper{padding: 0; width: 100%; position: relative; float: left;}

	.generalModal.modalCreateNewEventCalendar .maxWidth.date .hasDatepicker{width: 100px;text-align: center; margin-right: 10px; padding: 0 10px;}
	.generalModal.modalCreateNewEventCalendar .maxWidth.date .hr{width: 60px; text-align: center;padding: 0 0 0 2px;}
	.generalModal.modalCreateNewEventCalendar .maxWidth.date .to{margin: 6px 12px 12px 0; font-size: 13px;}

	.generalModal.modalCreateNewEventCalendar .relative{position:relative}
	.generalModal.modalCreateNewEventCalendar .relative .formSelect.ha, .generalModal.modalCreateNewEventCalendar .relative .formSelect.hb{float: left; width: 74px; min-width: 0; margin-bottom:0;}
	.generalModal.modalCreateNewEventCalendar .relative .formSelect.ha{margin-right: 12px;}

	.generalModal.modalCreateNewEventCalendar li.mini{width: calc(25% - 7px);margin-right: 17px;}
	.generalModal.modalCreateNewEventCalendar li.mini .formSelect{min-width: 120px;}
	.generalModal.modalCreateNewEventCalendar li.mini.before{width: calc(25% - 56px); margin-right: 0;}
	.generalModal.modalCreateNewEventCalendar li.mini.before .delete{display: inline-block; float: right; color: #888; cursor: pointer;width: 19px; height: 19px; background-position: -426px -28px; opacity: .4;}
	.generalModal.modalCreateNewEventCalendar li.mini.before .delete:hover{opacity: 1;}
	.generalModal.modalCreateNewEventCalendar li.mini .formSelect .display {background-position: 100px;}
	.generalModal.modalCreateNewEventCalendar a.addNotify{float: left; text-decoration: none; color: #5078EE; cursor: pointer; margin-left: 14px; clear: both; margin-top: 3px; margin-bottom: 15px; font-size: 14px;}

	.generalModal.modalCreateNewEventCalendar .contentModalTabsButtons.sectionInvitations .suggesterContactSearch {width: calc(100% - 22px);}
	.generalModal.modalCreateNewEventCalendar .contentModalTabsButtons.sectionRepeat .formSelect ul{max-height: 154px;}
	.generalModal.modalCreateNewEventCalendar ul.content .addedMemberGroupList .imgProfile.contact{background-position: -1px -105px;}

	.generalModal.modalCreateNewEventCalendar div.sectionInvitations span.add{display:none!important;}

	/* MODAL recurrentEvent */
	.generalModal.modalRecurringEvent ul.content li{width: 80%;margin:28px 54px;}
	.generalModal.modalRecurringEvent ul.content li p{width: 100%;display: block;font-size: 19px; color: #000;text-align: center;line-height: 24px;}


	/* MODAL modalNewRule */
	.generalModal.modalNewRule .repeatWrrap{float: left; border: 1px solid #5078EE; padding: 0px 0px 0px 0px; border-radius: 6px;overflow: hidden;}
	.generalModal.modalNewRule .repeatWrrap a{cursor: pointer; text-decoration: none; font-size: 13px; color: #737373; padding: 5px 24px 5px 24px; display: block; float: left; border-right: 1px solid #5078EE;}
	.generalModal.modalNewRule .repeatWrrap a:last-child{border-right: none;}
	.generalModal.modalNewRule .repeatWrrap a:hover{color: #171717;}
	.generalModal.modalNewRule .repeatWrrap a.selected{color: #fff; background-color: #5078EE;border-right: 1px solid #62b0ea;}
	.generalModal.modalNewRule ul.content li input{width: 100%;}

	/* MODAL businessContactInfo */
	/*body.powerDialerOn .generalModal.businessContactInfo{height: 470px;}*/
	.generalModal.businessContactInfo .head{position: relative; overflow: initial; border-bottom: none; margin: 0; padding: 0;height: 40px; z-index: 0; border-radius: 8px 8px 0 0;}
	.generalModal.businessContactInfo .close{position: absolute;z-index: 1; background-position: 0px 2px; right: 14px; top: 11px;}

	.generalModal.businessContactInfo .content{width: 100%; box-sizing: border-box; height: 396px;}
	.generalModal.businessContactInfo .gray{background-color: initial; margin: 0; padding: 0;}
	/*.generalModal.businessContactInfo .white{background-color:#fff;-webkit-user-select: all;}*/

	.generalModal.businessContactInfo .infoProfile{font-size: 13px; margin: 10px 0px; text-align: center; width: 100%;-webkit-user-select: all;}
	.generalModal.businessContactInfo .infoProfile.email{text-transform: lowercase;}
	.generalModal.businessContactInfo .infoProfile.number:hover{color: #5078EE; cursor: pointer;}
	.generalModal.businessContactInfo .infoProfile.infoProfileName{font-size: 26px !important; font-weight: 600;}
	.generalModal.businessContactInfo .infoProfile.infoProfileJob{color: #5078EE; margin: 1px 2px;}
	.generalModal.businessContactInfo .infoProfile.infoProfileArea{color: #5078EE; margin: 1px 2px;}
	.generalModal.businessContactInfo .imgProfile{overflow:initial; border-radius: 70px; float: none!important; height: 120px; margin: 0 auto 20px; width: 120px; position: relative;}
	.generalModal.businessContactInfo .imgProfile img{border-radius: 70px;}
	.generalModal.businessContactInfo .imgProfile.online{border: 5px solid #41a968;}
	.generalModal.businessContactInfo .imgProfile.phone{border: 5px solid #f0a118;}

	.generalModal.businessContactInfo .contactsActions{float:left; height: 20px; margin: 15px 10px 0; width: 30px; background-image: url("../content/SfImgs/availabilityDevice2@x.png"); background-repeat: no-repeat; background-size: 142px 41px; opacity: .4;}
	.generalModal.businessContactInfo .contactsActions:hover{cursor: pointer; opacity: 1;}
	.generalModal.businessContactInfo .contactsActions.call{margin-left: 40px !important; background-position: 6px -21px;}
	.generalModal.businessContactInfo .contactsActions.chat{background-position: -24px -21px; margin-left: 54px!important;}
	.generalModal.businessContactInfo .contactsActions.videoCall{background-position: -115px -21px;}
	.generalModal.businessContactInfo .contactsActions.email{background-position: -85px -21px}
	.generalModal.businessContactInfo .contactsActions.call:hover{background-position: 6px 0px;}
	.generalModal.businessContactInfo .contactsActions.chat:hover{background-position: -24px 0px;}
	.generalModal.businessContactInfo .contactsActions.videoCall:hover{background-position: -115px 0px;}
	.generalModal.businessContactInfo .contactsActions.email:hover{background-position: -85px 0px;}

	.generalModal.businessContactInfo .status{font-size: 12px; margin-bottom: 12px; top: 96px; position: absolute; right: 11px;border: 4px solid #fff;}
	.generalModal.businessContactInfo .status .txt{display: inline-block;}
	.generalModal.businessContactInfo .status .bullet{width: 18px; height: 18px; border-radius: 18px; display: inline-block; margin: 3px 0 -2px 4px; border: solid 3px #ebebeb;}

	.generalModal.businessContactInfo .gray .infoProfile{-webkit-user-select: all;}

	/* MODAL modalMeetingForm */
	.generalModal.modalMeetingForm {width:450px;}
	.generalModal.modalMeetingForm li{color:#5078EE; text-align:center; padding-top: 30px; padding-bottom: 24px; position:relative; height: 160px;}
	.generalModal.modalMeetingForm li .img{width: 130px; height: 130px; opacity: .6; border-radius: 65px; display: inline-block; margin-bottom: 10px; cursor: pointer;transform: scale(0.95);}
	.generalModal.modalMeetingForm li .txt{position: absolute; left: 0; right: 0; bottom: 10px;margin-bottom: 4px;}

	.generalModal.modalMeetingForm li.fromComputer{}
	.generalModal.modalMeetingForm li.fromComputer .img{transition: transform 0.35s ease;border: 2px solid #aaaaaa;background-position: -874px -864px;}
	.generalModal.modalMeetingForm li.fromComputer .img:hover{}
	.generalModal.modalMeetingForm li.fromComputer .txt{color: #aaaaaa;}
	.generalModal.modalMeetingForm li.fromComputer.activo .img{background-position: -732px -864px;transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); opacity: initial;border: 2px solid #5078EE;}
	.generalModal.modalMeetingForm li.fromComputer.activo .txt{color:#5078EE;}

	.generalModal.modalMeetingForm li.fromPhone{}
	.generalModal.modalMeetingForm li.fromPhone .img{border: 2px solid #aaaaaa;background-position:-875px -725px;transition: transform 0.35s ease;border: 2px solid #aaaaaa;}
	.generalModal.modalMeetingForm li.fromPhone .img:hover{}
	.generalModal.modalMeetingForm li.fromPhone .txt{color: #aaaaaa;}
	.generalModal.modalMeetingForm li.fromPhone.activo .img{background-position:-733px -725px; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); border: 2px solid #5078EE; opacity: initial;}
	.generalModal.modalMeetingForm li.fromPhone.activo .txt{color:#5078EE;}

	/* MODAL SettingDialog */
	.generalModal.settingsDialog{}
	.generalModal.settingsDialog.hasSidebar .content{padding: 0; width: 70%; height: initial; max-width: 600px; top: 45%;max-height: initial!important;}
	.generalModal.settingsDialog.hasSidebar .content.scroll{width:calc(100% - 40px); margin-left: 20px;padding-top: 20px;}
	.generalModal.settingsDialog.hasSidebar .content.scroll .title{text-align: left; font-size: 17px;}
	.generalModal.settingsDialog.hasSidebar .content.scroll .subtitle{text-align: left; margin: 0 0 25px 0;}

	.generalModal.settingsDialog.hasSidebar .content.preferences{}
	.generalModal.settingsDialog.hasSidebar .content.preferences select-media-uploader .mfuTriggers ul li{width: 20px;margin: 10px 0px 0px 10px;}
	.generalModal.settingsDialog.hasSidebar .content.preferences select-media-uploader .mfuActions .confirmDelete .content,
	.generalModal.settingsDialog.hasSidebar .content.preferences select-media-uploader .mfuActions .audioPlayer .content{height: 40px;width: calc(100% - 100px);margin: initial;max-width: initial;}
	.generalModal.settingsDialog.hasSidebar .content.preferences select-media-uploader .mfuActions .audioPlayer .content{width: calc(100% - 70px);margin: initial;}
	.generalModal.settingsDialog.hasSidebar .content.preferences select-media-uploader .mfuActions .editName input{width: calc(100% - 100px); padding: 0 0 0 10px; box-sizing: border-box; height: 40px;}
	.generalModal.settingsDialog.hasSidebar .content.preferences select-simple-piq .newSelect .searchable input{width: calc(100% + 2px); height: 40px;}
	.generalModal.settingsDialog.hasSidebar .content.preferences select-simple-piq .newSelect.on .selectList.withSearch{width: calc(100% + 2px);}
	.generalModal.settingsDialog.hasSidebar .content.preferences select-simple-piq .newSelect .selectList .selectListItem{margin: 0 0 0 0; width: 100%;}
	
	.generalModal.settingsDialog.hasSidebar .content.preferences .container.lobby{}
	.generalModal.settingsDialog.hasSidebar .content.preferences .container.lobby .lobbyItem{height: 65px; box-shadow: 0 0 12px 1px #0000001a; padding: 12px 0 0 14px; margin: 6px 0px; border-radius: 5px; box-sizing: border-box;}
	.generalModal.settingsDialog.hasSidebar .content.preferences .container.lobby .lobbyItem:hover{background-color: #92b9ff21;}
	.generalModal.settingsDialog.hasSidebar .content.preferences .container.lobby .lobbyItem .title{font-size: 15px; margin: 0!important; float: left; width: calc(100% - 90px);}
	.generalModal.settingsDialog.hasSidebar .content.preferences .container.lobby .lobbyItem .subtitle{font-size: 12px; width: initial; color: #8a8a8a; display: inline-block;}
	.generalModal.settingsDialog.hasSidebar .content.preferences .container.lobby .lobbyItem .icon{float: left; width: 35px; height: 35px; margin: 1px 10px 0 0; background-color: #5078ee; border-radius: 4px;}
	.generalModal.settingsDialog.hasSidebar .content.preferences .container.lobby .lobbyItem .icon.voicemailDrop{background-color:#74e3e8;}
	.generalModal.settingsDialog.hasSidebar .content.preferences .container.lobby .lobbyItem .icon.themes{background-color:#7557ef;}
	
	.generalModal.settingsDialog.hasSidebar .content.preferences .container.themesSection{}
	.generalModal.settingsDialog.hasSidebar .content.preferences .container.themesSection .themeType.light,
	.generalModal.settingsDialog.hasSidebar .content.preferences .container.themesSection .themeType.dark{position: relative;height: 70px; margin: -2px auto 10px auto; width: calc(100% - 30px); border-radius: 0 0 4px 4px;}

	.generalModal.settingsDialog.hasSidebar .content.preferences .container.themesSection .themeType.light{box-shadow: 0 5px 12px 1px #0000001a;}
	.generalModal.settingsDialog.hasSidebar .content.preferences .container.themesSection .themeType.dark{background-color: #767676;}

	.generalModal.settingsDialog.hasSidebar .content.preferences .container.themesSection .themeType.light .fakeAvatar,
	.generalModal.settingsDialog.hasSidebar .content.preferences .container.themesSection .themeType.dark .fakeAvatar{color: #fff;position: absolute; left: 12px; top: 12px; width: 35px; height: 35px; background-color: antiquewhite; border-radius: 50%; text-align: center; padding-top: 6px; box-sizing: border-box;}
		.generalModal.settingsDialog.hasSidebar .content.preferences .container.themesSection .themeType.light .fakeAvatar{background-color: #AEC0F7;}
		.generalModal.settingsDialog.hasSidebar .content.preferences .container.themesSection .themeType.dark .fakeAvatar{background-color: #4D4D4D;}
	
	.generalModal.settingsDialog.hasSidebar .content.preferences .container.themesSection .themeType.light .lineOne,
	.generalModal.settingsDialog.hasSidebar .content.preferences .container.themesSection .themeType.dark .lineOne{position: absolute; height: 8px; width: 140px; left: 57px; top: 17px; background-color: #AEC0F7; border-radius: 15px;}
		.generalModal.settingsDialog.hasSidebar .content.preferences .container.themesSection .themeType.light .lineOne{}
	
	.generalModal.settingsDialog.hasSidebar .content.preferences .container.themesSection .themeType.light .lineTwo,
	.generalModal.settingsDialog.hasSidebar .content.preferences .container.themesSection .themeType.dark .lineTwo{position: absolute; height: 8px; width: 80px; left: 57px; top: 35px; background-color: #AEC0F7; border-radius: 15px;}
		.generalModal.settingsDialog.hasSidebar .content.preferences .container.themesSection .themeType.light .lineTwo{}
	
	.generalModal.settingsDialog.hasSidebar .content.preferences .container.themesSection .themeType.light .lineThree,
	.generalModal.settingsDialog.hasSidebar .content.preferences .container.themesSection .themeType.dark .lineThree{position: absolute; height: 8px; width: 80px; right: 16px; top: 17px; background-color: #AEC0F7; border-radius: 15px;}
		.generalModal.settingsDialog.hasSidebar .content.preferences .container.themesSection .themeType.light .lineThree{}
	
	.generalModal.settingsDialog.hasSidebar .content.preferences .container.themesSection .themeType.light .lineFour,
	.generalModal.settingsDialog.hasSidebar .content.preferences .container.themesSection .themeType.dark .lineFour{position: absolute; height: 8px; width: 40px; right: 16px; top: 35px; background-color: #AEC0F7; border-radius: 15px;}
		.generalModal.settingsDialog.hasSidebar .content.preferences .container.themesSection .themeType.light .lineFour{}

		.generalModal.settingsDialog.hasSidebar .content.preferences .container.themesSection .themeType.dark .lineOne,
		.generalModal.settingsDialog.hasSidebar .content.preferences .container.themesSection .themeType.dark .lineTwo{background-color: #999999;}
		.generalModal.settingsDialog.hasSidebar .content.preferences .container.themesSection .themeType.dark .lineThree,
		.generalModal.settingsDialog.hasSidebar .content.preferences .container.themesSection .themeType.dark .lineFour{background-color: #4D4D4D;}

		.generalModal.settingsDialog.hasSidebar .content.preferences .container.themesSection .radioButtonContainer.darkCheckbox .radioButtonContainer{background-color: #4D4D4D;border-radius: 2px 2px 0 0;}
		.generalModal.settingsDialog.hasSidebar .content.preferences .container.themesSection .radioButtonContainer.darkCheckbox label{color: #fff!important;}

		.generalModal.settingsDialog.hasSidebar .content.changePassword{}
		.generalModal.settingsDialog.hasSidebar .content.changePassword .showHidePass{position: absolute; right: 10px; top: 10px; width: 24px; height: 18px; cursor: pointer;}
		.generalModal.settingsDialog.hasSidebar .content.changePassword span.errorMsg{right: 43px;}
		.generalModal.settingsDialog.hasSidebar .content.changePassword .dialogIco{background-position:-100px -1130px;margin: 0 auto 0 auto;}
		.generalModal.settingsDialog.hasSidebar .content .title{margin: 3px 0 18px 0;}

		.generalModal.settingsDialog.hasSidebar .content.changePassword .passwordStrength{height: 7px; width: 150px; float: right; border-radius: 10px; background-color: #65e8633b; margin: 10px 20px 0 0;}
		.generalModal.settingsDialog.hasSidebar .content.changePassword .passwordStrength .txt{position: absolute; right: 112px; width: 170px; font-size: 13px; color: #a5a5a5;; top: -6px;}
		.generalModal.settingsDialog.hasSidebar .content.changePassword .passwordStrength span#passStrength{height: 7px; width: 0%; background-color: #65e863; float: left; border-radius: 10px;transition:width 0.5s ease;-webkit-transition:width 0.5s ease;-moz-transition:width 0.5s ease;-ms-transition:width 0.5s ease;}
		.generalModal.settingsDialog.hasSidebar .content.changePassword .passwordStrength span#passStrength.s1{width: 33%;}
		.generalModal.settingsDialog.hasSidebar .content.changePassword .passwordStrength span#passStrength.s2{width: 66%;}
		.generalModal.settingsDialog.hasSidebar .content.changePassword .passwordStrength span#passStrength.s3{width: 100%;}
		
		.generalModal.settingsDialog.hasSidebar .content.mMedia{top: 50%;}
		.generalModal.settingsDialog.hasSidebar .content.mMedia li label{line-height: 33px; margin: 0 0 0 0; font-weight: 500; font-size: 12px;}
		.generalModal.settingsDialog.hasSidebar .content.mMedia li a.testAudioDevicesLink{display: block; margin: 15px 0 0 0; font-size: 13px;}
		.generalModal.settingsDialog.hasSidebar .content.mMedia li.notificationAudio{margin-bottom: 5px;}
		.generalModal.settingsDialog.hasSidebar .content.mMedia li.notificationAudio .formSelect{width: calc(100% - 40px);}
		.generalModal.settingsDialog.hasSidebar .content.mMedia li.notificationAudio .testAudioPlay{cursor:pointer; width: 30px; height: 40px; float: right; background-position: -973px -514px;}
		.generalModal.settingsDialog.hasSidebar .content.mMedia li.notificationAudio .testAudioPlay.on{background-position:-973px -555px;}

	.generalModal.settingsDialog ul.content.voicemailDropContent{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; max-width: initial; max-height: initial!important;}
	.generalModal.settingsDialog ul.content.voicemailDropContent.on{}
	.generalModal.settingsDialog ul.content.voicemailDropContent .play.on{background-position: -963px -550px;}
	.generalModal.settingsDialog ul.content.voicemailDropContent .contentHeader{height: 53px; border-bottom: 1px solid transparent; margin: 0 0 0 35px; width: calc(100% - 120px);}
	.generalModal.settingsDialog ul.content.voicemailDropContent .contentHeader .title{display: inline-block; text-align: left; margin: 12px 0 0 0px; font-size: 20px; width: fit-content;}
	.generalModal.settingsDialog ul.content.voicemailDropContent .btnBlue.dotted{background-color: initial; border: 1px dashed #5078ee; color: #5078ee; text-align: center; height: 36px; width: 100%;; margin: 0 auto;}
	.generalModal.settingsDialog ul.content.voicemailDropContent .VMDoptions{width: calc(100% - 50px); margin: 15px 0 0 0; display: flex;}
	
	.generalModal.settingsDialog ul.content.voicemailDropContent .VMDoptions .btnBlue{width: 220px; float: left; text-align: center; margin: 0 0 0 0;line-height: 17px;}
	.generalModal.settingsDialog ul.content.voicemailDropContent .VMDoptions .btnBlue .generalLoader{top:8px;display: block;}
	.generalModal.settingsDialog ul.content.voicemailDropContent .VMDoptions input{float: left; width: 249px; margin: 0 10px 0 0;}
	.generalModal.settingsDialog ul.content.voicemailDropContent .VMDoptions .btnBlue.border-blue{text-align: center;margin-right: 10px;}
	.generalModal.settingsDialog ul.content.voicemailDropContent .VMDoptions .audioUploaded{position: relative; background-color: #f3f3f3; border-radius: 4px; margin-right: 10px; padding: 0 0 0 10px;}
	.generalModal.settingsDialog ul.content.voicemailDropContent .VMDoptions .audioUploaded label{max-width: 155px;font-size: 13px;}
	.generalModal.settingsDialog ul.content.voicemailDropContent .VMDoptions .audioUploaded .delete{position: absolute; height: 17px; width: 17px; border-radius: 50%; top: 7px; right: 11px;cursor: pointer;}
	.generalModal.settingsDialog ul.content.voicemailDropContent .VMDoptions .btnCancelEdition{cursor: pointer; display: none;background-color: #d4d4d4; width: 20px; height: 20px; border-radius: 50%; margin: 5px 0 0 0;}
	.generalModal.settingsDialog ul.content.voicemailDropContent .VMDoptions .btnCancelEdition svg{}
	
	.generalModal.settingsDialog ul.content.voicemailDropContent .VMDoptions.isEditing .btnCancelEdition{display: block;}
	.generalModal.settingsDialog ul.content.voicemailDropContent .VMDoptions.isEditing .btnBlue{}
	.generalModal.settingsDialog ul.content.voicemailDropContent .VMDoptions.isEditing .btnSelectAudioFile{display: none;}
	.generalModal.settingsDialog ul.content.voicemailDropContent .VMDoptions.isEditing input{}
	
	.generalModal.settingsDialog ul.content.voicemailDropContent .VMDoptions .audioUploaded,
	.generalModal.settingsDialog ul.content.voicemailDropContent .VMDoptions .btnBlue,
	.generalModal.settingsDialog ul.content.voicemailDropContent .VMDoptions input,
	.generalModal.settingsDialog ul.content.voicemailDropContent .VMDoptions .btnBlue.border-blue{flex: 1 0 100px;margin-right: 10px;}
	.generalModal.settingsDialog ul.content.voicemailDropContent .VMDoptions .errorMsg{top: 6px; right: 17px;}
	
	.generalModal.settingsDialog ul.content.voicemailDropContent .generalModal div.generalSplash{position: absolute;}
	
	.generalModal.settingsDialog ul.content.voicemailDropContent .genaralList{transition: top 0.5s ease; position: relative; background-color: #fff; top: -34px; left: 0; bottom: 0; border-top: 1px solid #e6e6e6; height: calc(100vh - 112px); border-bottom: 1px solid #e6e6e6; width: 100%;}
	.generalModal.settingsDialog ul.content.voicemailDropContent .genaralList.on{top: 18px;}
	.generalModal.settingsDialog ul.content.voicemailDropContent .genaralList .actions{}
	.generalModal.settingsDialog ul.content.voicemailDropContent .genaralList .actions .actionsList li{width: 100%; margin: 0;}
	
	.generalModal.settingsDialog ul.content.voicemailDropContent .bottom{padding: 10px 30px 0 30px; box-sizing: border-box; position: absolute; bottom: 0; width: 100%; left: 0; height: 60px; transform: translateY(110px); transition: transform 0.5s ease; background-color: #efefef;}
		.generalModal.settingsDialog ul.content.voicemailDropContent .bottom.savingOrder{transform: translateY(0px);}
	.generalModal.settingsDialog ul.content.voicemailDropContent .bottom .cancel{float: left; width: 30%; text-align: center; margin: 0 10px 0 0;height: 40px; line-height: 22px;    border: none!important; color: white!important; background-color: #929292!important;}
	.generalModal.settingsDialog ul.content.voicemailDropContent .bottom .saveListOrder{float: left; width: calc(70% - 10px); text-align: center;height: 40px; line-height: 22px;}
	.generalModal.settingsDialog ul.content.voicemailDropContent .bottom.isDeleting .saveListOrder{background-color: #e25959!important;}
	.generalModal.settingsDialog ul.content.voicemailDropContent .bottom.isDeleting .saveListOrder .generalLoader{display: block;border-right: 2px solid #616161; border-bottom: 2px solid #616161; border-left: 2px solid #616161;}
	
	.generalModal.settingsDialog ul.content.voicemailDropContent .container.voicemailDrop .vmDropContent{height: calc(100vh - 64px);}
	.generalModal.settingsDialog ul.content.voicemailDropContent .container.voicemailDrop .vmDropContent .sfNewList{}

	.generalModal.settingsDialog .imgProfile{float: initial; margin: 40px auto 0 auto;}
	.generalModal.settingsDialog .noMarginRight{margin-right: initial;}
	.generalModal.settingsDialog .attachWidth{width: calc(50% - 5px);margin-bottom: 0;}
	
	.generalModal.settingsDialog ul.content .formSelect .display .ico{width: 15px; height: 15px; float: left; margin: 0px 7px 0 0;}
	.generalModal.settingsDialog ul.content .formSelect .display .ico.inputAudio{background-position: -979px -439px;}
	.generalModal.settingsDialog ul.content .formSelect .display .ico.outputAudio{background-position: -979px -492px;}
	.generalModal.settingsDialog ul.content .formSelect .display .ico.inputVideo{background-position: -979px -465px;}
	.generalModal.settingsDialog ul.content .rawInputVideo{padding: 0; float: left; margin: 10px 0 0px 0px; overflow: hidden; height: 286px; background: #e6e6e6; position: relative; width: 100%;}
	.generalModal.settingsDialog ul.content .rawInputVideo video{width: 100%; display: block; height: 100%;}
	.generalModal.settingsDialog ul.content .rawInputVideo .generalSplash{margin-top: 47px;}
	.generalModal.settingsDialog ul.content .rawInputVideo .img{background-position: -308px -299px;}
	.generalModal.settingsDialog ul.content .rawInputVideo .txt{}
	
	.generalModal.settingsDialog .alertError{font-size: 14px; color: #5078EE; height: 20px; float: right; margin: 10px 0 0 0;}
		
	.generalModal.settingsDialog .profileExt{font-size: 14px;color: #505050;}
	.generalModal.settingsDialog .sipStatus{font-size: 12px; line-height: initial; text-transform: capitalize; float: left; margin: 1px 3px 0 0;position: absolute; left: -14px;}
	.generalModal.settingsDialog .sipStatus .ico{width: 10px; height: 10px; float: left; margin: 3px 0px 0 0;}
	.generalModal.settingsDialog .sipStatus.connected{color:#00CC64;}
	.generalModal.settingsDialog .sipStatus.disconnected{color:#EB3636;}
	.generalModal.settingsDialog .sipStatus.connecting{color:#CE8E10;}
	.generalModal.settingsDialog .sipStatus.connected .ico{background-position: -987px -169px;}
	.generalModal.settingsDialog .sipStatus.disconnected .ico{background-position: -987px -199px;}
	.generalModal.settingsDialog .sipStatus.connecting .ico{background-position:-987px -185px}

	.generalModal.settingsDialog .profileInfo{margin: 14px 0 18px 0;}
	.generalModal.settingsDialog .profileInfo .profileName{text-align: center;font-size: 20px; font-weight: 600; margin: 4px 0 10px 0;color: #505050;}
	.generalModal.settingsDialog .profileInfo .profileExt{font-size: 14px; color: #505050; margin: 0 auto 20px auto; text-align: center;position: relative;width: fit-content;}

	.generalModal.settingsDialog .profileInfo .profileExt span.phoneNumber{color: #9e9e9e;}
	.generalModal.settingsDialog .profileInfo ul{float: left; width: 100%;}
/*	.generalModal.settingsDialog .profileInfo ul li label{margin: 8px 0 0 0; font-size: 12px; color: #828282; line-height: 23px; font-weight: 400;}*/
	.generalModal.settingsDialog .profileInfo ul li div.formSelect{}
	.generalModal.settingsDialog .profileInfo ul li div.formSelect .display .txt{font-size: 12px;}
	.generalModal.settingsDialog .profileInfo ul li div.formSelect .display .presenceCss{text-transform: capitalize;}
	.generalModal.settingsDialog .profileInfo ul li div.formSelect .display .status,
	.generalModal.settingsDialog .profileInfo ul li div.formSelect ul li .status{float: left; width: 10px; height: 10px; background-color: #2dcc40; border-radius: 10px; margin: 3px 5px 0 -2px;}
	.generalModal.settingsDialog .profileInfo ul li div.formSelect ul li .status{margin:5px 5px 0 -2px;}
	.generalModal.settingsDialog .profileInfo ul li div.formSelect ul li{width:100%;font-size: 12px;}

	.generalModal.settingsDialog ul.content .form{}
	.generalModal.settingsDialog ul.content .form li{width:calc(50% - 10px);}
	.generalModal.settingsDialog ul.content .form li input{}
	

	/* SETTINGS DIALOG REFACTOR */
	.generalModal.settingsDialog .settings-container{position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
	.generalModal.settingsDialog .settings-container select-simple{display: contents;}
	.generalModal.settingsDialog .settings-container.media-devices .item-ico{float: left; width: 17px; height: 15px; margin: 0px 5px 0 0px;}
	.generalModal.settingsDialog .settings-container.media-devices .testAudioPlay{cursor: pointer; width: 30px; height: 30px; position: absolute; background-position: -973px -518px; top: -9px; right: 11px;transform: scale(0.8);}
	.generalModal.settingsDialog .settings-container.media-devices .testAudioPlay.on{background-position:-973px -560px;}
	.generalModal.settingsDialog .settings-container.media-devices .micCheck{overflow: hidden;position: absolute; top: 7px; right: 17px; width: 100px; height: 5px; background-color: #e4e4e4; border-radius: 5px;}
	.generalModal.settingsDialog .settings-container.media-devices .micCheck .volume{position: absolute; height: 100%; border-radius: 5px; background-color: #5dd847;}
	.generalModal.settingsDialog .settings-container.media-devices .rawInputVideo{width: 100%;float: left; margin: 10px 0 0 0;}
	.generalModal.settingsDialog .settings-container.media-devices .rawInputVideo #videoCanvas{width: 100%; border-radius: 10px;}
	.generalModal.settingsDialog .settings-container.media-devices .testAudioDevicesLink{padding-bottom: 30px;text-decoration: underline; font-size: 13px; margin: 18px 0 30px 0; float: left;}

	.generalModal.settingsDialog .settings-container.media-devices .rawInputVideo .generalSplash{margin-top: 24px;}
	.generalModal.settingsDialog .settings-container.media-devices .rawInputVideo .img{background-position: -308px -299px;}

	/* AUDIO PREFERENCES */
	.generalModal.settingsDialog div.container.audioNotifications .playIco{width: 27px; margin: 7px 0 0 0;}

	/* modalPhone */
	.messageBox.modalPhone.outgoingCallModal .head .closePhone{width:15px;height:20px;float:right;background:url('imgs/close.png') no-repeat;background-position:0px 2px;opacity:0.7;transition:background-color .1s linear, opacity .1s linear, color .1s linear;-webkit-transition:background-color .1s linear, opacity .1s linear, color .1s linear;margin:10px 13px;}
	.messageBox.modalPhone.outgoingCallModal .head .closePhone:hover{opacity:1;cursor:pointer;}

	/* modalCropProfile */
	.generalModal.modalCropProfile ul.content{float: left; width: calc(100% - 60px);margin: 20px 0 0 0;height: calc(100% - 190px);}
	.generalModal.modalCropProfile li.maxWidth{text-align: center;}
	.generalModal.modalCropProfile li.maxWidth div:first-child{display: inline-block;}

	/* OVNI */
	.jcrop-holder input[type="radio"]{opacity:0!important;}

	/* modalCreateEditContact */
	.generalModal.modalCreateEditContact ul.content.centerContent{top:50%;}
	.generalModal.modalCreateEditContact .dialogIco{background-position: 1px -1127px;}
	.generalModal.modalCreateEditContact input:disabled{border-color: #dadada!important;}
	.generalModal.modalCreateEditContact .formSelect.areaCode {width: calc(50% - 57px);}
	.generalModal.modalCreateEditContact input.numberAreaCode {width: calc(50% - -45px);}
	/*.generalModal.modalCreateEditContact select-simple-piq .newSelect .display label{top: -17px!important; width: initial!important;}*/
	
	/* modalCreateEditContact V2 */
	.generalModal.modalCreateEditContact .contentForm{position: absolute; left: 0; right: 0; bottom: 0; top: 12px;}
	.generalModal.modalCreateEditContact .activityContainer{position: absolute; left: 0; right: 0; bottom: 0; top: 47px;}
	.generalModal.modalCreateEditContact .tabs{width: calc(100% - 45px); margin: 0 0 0 17px;height: 45px; border-bottom: 2px solid #DDDDDD; font-size: 12px; line-height: 45px; text-align: center;cursor: pointer;}
	.generalModal.modalCreateEditContact .tabs .tabLeft, 
	.generalModal.modalCreateEditContact .tabs .tabRight{float: left;width: 180px; height: 100%;}
	.generalModal.modalCreateEditContact .tabs .tabLeft.active{border-radius: 4px 0 0 0;}
	.generalModal.modalCreateEditContact .tabs .tabLeft.active, 
	.generalModal.modalCreateEditContact .tabs .tabRight.active{border-bottom: 2px solid #5078EE;font-weight: 500;background-color: #ECF0FD;}
	.generalModal.modalCreateEditContact .tabs .tabLeft:hover, 
	.generalModal.modalCreateEditContact .tabs .tabRight:hover{background-color: #ECF0FD;}

	.generalModal.modalCreateEditContact .contentHeader{position: absolute; left: 30px; right: 0; top: 20px;}
	.generalModal.modalCreateEditContact .contentHeader avatar-piq{}
	.generalModal.modalCreateEditContact .contentHeader avatar-piq .newAvatar{width: 65px; height: 66px;}
	.generalModal.modalCreateEditContact .contentHeader .nameOrNumber{display: inline-block; font-size: 20px; font-weight: 500;margin: 0px 0 6px 11px;}
	.generalModal.modalCreateEditContact .contentHeader .jobTitle{display: inline-block; font-size: 12px; margin: 0 0 0 11px; color: #9d9d9d;}
	.generalModal.modalCreateEditContact .contentHeader .number{display: flex;}
	.generalModal.modalCreateEditContact .contentHeader .number .txt{margin: 0 5px 0 8px; font-size: 16px; color: #5078EE; font-weight: 400;}
	.generalModal.modalCreateEditContact .contentHeader .number .ico{width: 17px; background-color: #5078EE; height: 17px; border-radius: 50%; float: right; margin: 2px 4px 0 0;}
	.generalModal.modalCreateEditContact .contentHeader .number .ico svg{fill: #fff;}


	.generalModal.modalCreateEditContact .icoCall{transition:transform 0.5s ease; /*width: 30px; height: 30px;*/ background-color: #5078EE; border-radius: 50%; float: left;position: relative;}
	.generalModal.modalCreateEditContact .icoCall ul{opacity: 0; visibility: hidden; width: 148px; max-height: 162px;transition: all 0.3s ease; background-color: #fff; border: solid 1px #cfd4d7; border-radius: 4px; position: absolute;top: 20px; left: 0px; z-index: 999;}
	.generalModal.modalCreateEditContact .icoCall ul li{height: 38px; border-bottom: solid 1px #cfd4d7; cursor: pointer; transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; position: relative; padding: 10px 0 0 6px; box-sizing: border-box;}
	.generalModal.modalCreateEditContact .icoCall ul li i{margin: -2px 5px 0 3px; color: #2e5de6; background-color: #5078ee33; border-radius: 50%; width: 20px; height: 20px; padding: 4px 0 0 3px; box-sizing: border-box;}
	.generalModal.modalCreateEditContact .icoCall ul li .txt{}
	.generalModal.modalCreateEditContact .icoCall ul li:last-child{border-bottom: none!important;}
	.generalModal.modalCreateEditContact .icoCall ul li:hover{background-color: #EBF0FF;}
	.generalModal.modalCreateEditContact .icoCall:hover .ico{transform: rotate(35deg);}
	.generalModal.modalCreateEditContact .icoCall:hover ul{opacity: 1; visibility: visible; top: 30px;}

	
	/* EDIT MODE */
	.generalModal.modalCreateEditContact.isEditing .contentForm{position: absolute; left: 0; right: 0; bottom: 0; top: 107px;}

	/*recentPostCallWork*/ 
	.generalModal.recentPostCallWork{width: 520px!important; height: initial; left: 50%; top: 50%; margin: -230px 270px 10px -250px!important; border-radius: 4px; padding: 60px 0 30px 0; min-height: 462px; box-sizing: border-box;}
	.generalModal.recentPostCallWork .sfClose{top: 20px;}
	.generalModal.recentPostCallWork .hasDatepicker input{display: none;}

	.generalModal.recentPostCallWork .title{margin: 1px 0 0 32px;}

	.generalModal.recentPostCallWork label{font-size: 12px;line-height: 22px;}
	.generalModal.recentPostCallWork label.labelDatepicker{margin-top: -26px;}
	/*.generalModal.postCallWorkDisabled{height: 254px; top: 151px;}*/


	.generalModal.recentPostCallWork.postCallWorkDisabled div.btnBlue{margin-top: 5px;}

	.generalModal.recentPostCallWork .head{border: initial; margin: -65px 0 0 0; height: 23px;}
	.generalModal.recentPostCallWork .content{padding: 0px 22px 39px 31px; width: calc(100% - 53px);} 
	.generalModal.recentPostCallWork .btnBlue{width: 100%; margin: 0; text-align: center;} 
	.generalModal.recentPostCallWork ul.content > li{width: calc(50% - 10px);    margin-bottom: 5px;} 
	.generalModal.recentPostCallWork ul.content > li.fullWidth{width: calc(100% - 10px);}

	.generalModal.recentPostCallWork ul.content .wrappEmojMood{display: flex; align-items: stretch; justify-content: space-between; float: left; width: 100%;}
	.generalModal.recentPostCallWork ul.content .wrappEmojMood .emojMood{width: 70px; border-radius: 5px; padding: 0 0 4px 0;background-color: #e6e6e6;}
	.generalModal.recentPostCallWork ul.content .wrappEmojMood .emojMood svg{margin: 0 0 0 17px;}

	/*.generalModal.recentPostCallWork .wrappEmojMood div{width: 38px; height: 25px; margin: 11px 11px 6px 14px; border-radius: 5px; border: solid 1px #c1c1c1;}*/
	
	.generalModal.recentPostCallWork .one {background-position: -755px -84px;}
	.generalModal.recentPostCallWork .two {background-position: -795px -84px;}
	.generalModal.recentPostCallWork .three {background-position: -834px -84px;}
	.generalModal.recentPostCallWork .four {background-position: -875px -84px;}
	.generalModal.recentPostCallWork .five {background-position: -915px -84px;}
	
	.generalModal.recentPostCallWork .checkOut {float: left; margin-right: 10px;}
	
/* >> -- -- -- -- Specific styles MODAL AGENT & ADMIN -- -- -- -- -- -- -- -- << */
	/* modalCallDetailsRecord */
	.generalModal.modalCallDetailsRecord{left: 0;}
	.generalModal.modalCallDetailsRecord .content{    display: flex; flex-direction: column;padding: 0; width: 100%; height: 100%; float: left; padding: 0px 20px; box-sizing: border-box;}
	.generalModal.modalCallDetailsRecord .head{width: 50px; right: 0;}
	.generalModal.modalCallDetailsRecord .head .sfClose{}
	.generalModal.modalCallDetailsRecord.skeleton{height:100vh!important;}
	
	.generalModal.modalCallDetailsRecord .content .tagsScroll{height: calc(100vh - 421px);}
	.generalModal.modalCallDetailsRecord .content .listOfTags .tag{margin-right:0;margin-bottom: 7px;}
	body.powerDialerOn .generalModal.modalCallDetailsRecord .content .tagsScroll{height: calc(100vh - 486px);}
	
	.generalModal.modalCallDetailsRecord .sectionVisible{clear: both; float: left; width: 100%;margin: 15px 0 0 0;}
	.generalModal.modalCallDetailsRecord .sectionVisible textarea{padding: 12px; box-sizing: border-box; width: 100%;}
	.generalModal.modalCallDetailsRecord .sectionVisible input{width: calc(100% - 15px)!important;}

	.generalModal.modalCallDetailsRecord .sectionVisible.comment.hasConference{height: calc(100vh - 376px);}
	.generalModal.modalCallDetailsRecord .sectionVisible.addTags.hasConference{height: calc(100vh - 360px); overflow: hidden;}

	.generalModal.modalCallDetailsRecord ul.tagList{max-height: 185px;}
	
	.generalModal.modalCallDetailsRecord .customHead{margin-top: 0px; overflow: hidden; border-bottom: dashed 1px #E3E3E3; padding: 11px 0px 15px 0px;}
	.generalModal.modalCallDetailsRecord .customHead .ico{background-color: #5078EE; width: 46px; height: 46px; margin: 7px 10px 0 0; float: left; border-radius: 46px;}
	.generalModal.modalCallDetailsRecord .customHead .ico svg{display: none;}
	.generalModal.modalCallDetailsRecord .customHead .ico.missed .svg-recents-dialog-missed{display: block;}
	.generalModal.modalCallDetailsRecord .customHead .ico.inbound .svg-recents-dialog-inbound{display: block;margin:12px -10px 0 13px;}
	.generalModal.modalCallDetailsRecord .customHead .ico.outbound .svg-recents-dialog-outbound{display: block;}

	.generalModal.modalCallDetailsRecord .customHead .icoConference{float: left;}
	.generalModal.modalCallDetailsRecord .customHead .icoConference .icos{float: left; width: 46px; margin: 9px 10px 0 0;}

	.generalModal.modalCallDetailsRecord .customHead .icoConference .avatarNew{float: left;}
	.generalModal.modalCallDetailsRecord .customHead .icoConference .avatarNew .imgProfile{float: left;width: 35px!important; height: 35px!important;    border: 2px solid white;}
	.generalModal.modalCallDetailsRecord .customHead .icoConference .avatarNew .imgProfile .initials{font-size: 12px; padding-top: 9px; text-align: center; color: #fff;}
	.generalModal.modalCallDetailsRecord .customHead .icoConference .avatarNew .imgProfile:first-child{}

	.generalModal.modalCallDetailsRecord .customHead .icoConference avatar-piq:nth-child(1) .newAvatar{border: 2px solid white;}
	.generalModal.modalCallDetailsRecord .customHead .icoConference avatar-piq:nth-child(2) .newAvatar{margin: 0 0 0 -10px ; border: 2px solid white;}
	.generalModal.modalCallDetailsRecord .customHead .icoConference avatar-piq:nth-child(3) .newAvatar{}
	.generalModal.modalCallDetailsRecord .customHead .icoConference avatar-piq:nth-child(1){}
	.generalModal.modalCallDetailsRecord .customHead .icoConference avatar-piq:nth-child(2){}
	.generalModal.modalCallDetailsRecord .customHead .icoConference avatar-piq:nth-child(3){}

	.generalModal.modalCallDetailsRecord .customHead .icoConference .avatarNew:nth-child(1){}
	.generalModal.modalCallDetailsRecord .customHead .icoConference .avatarNew:nth-child(2){margin-left: -20px;}
	.generalModal.modalCallDetailsRecord .customHead .icoConference .avatarNew:nth-child(3){margin-left: -20px;}

	.generalModal.modalCallDetailsRecord .customHead .top{width: 340px;}
	.generalModal.modalCallDetailsRecord .customHead .title{margin-bottom: 0px; margin-top: 5px; color: initial; font-size: 19px; text-align: left; width: calc(100% - 90px);}
	.generalModal.modalCallDetailsRecord .customHead .title .txt{float: left;max-width: 300px;}
	.generalModal.modalCallDetailsRecord .customHead .title .sfPopLink{width: 25px; float: left; margin: -2px 0 0 2px; cursor: pointer;}
	.generalModal.modalCallDetailsRecord .customHead .title.fromSF{text-decoration: underline;}
	.generalModal.modalCallDetailsRecord .customHead .subtitle .info{float: left;}
	.generalModal.modalCallDetailsRecord .customHead .subtitle .info .title{margin: 0;}
	.generalModal.modalCallDetailsRecord .customHead .subtitle .info .data{}
	
	.generalModal.modalCallDetailsRecord .customHead .subtitle{text-align: left; width: calc(100% - 65px); margin: 34px 0 0 0; color: #5078EE;height: 23px;}

	.generalModal.modalCallDetailsRecord .customHead .info.right{}
	.generalModal.modalCallDetailsRecord .customHead .copyThisToClipboard{margin: 0 0 -2px -2px;opacity: 0;}
	.generalModal.modalCallDetailsRecord .customHead .info.right:hover .copyThisToClipboard{opacity: 1;}
	
	.generalModal.modalCallDetailsRecord .customHead .fl{float: left; display: table;}
	.generalModal.modalCallDetailsRecord .customHead .fr{float: right; display: table;}
	.generalModal.modalCallDetailsRecord .customHead .info{margin-right: 14px; font-size: 13px;}
	.generalModal.modalCallDetailsRecord .customHead .info .title{width: initial;display: inline-block; margin-right: 2px; color: #8c8c8c;font-size: 14px;}
	
	.generalModal.modalCallDetailsRecord .customHead .info .subtitle{}
	.generalModal.modalCallDetailsRecord .customHead .sf-separator.first{margin: 15px 0 3px 0;}
	
	.generalModal.modalCallDetailsRecord .customHead .conferenceMembersList{max-height: 140px;float: left; width: 100%; border-top: 1px dashed #d2d2d2; margin: 11px 0 -7px 0; padding: 9px 0 0 0;}
	.generalModal.modalCallDetailsRecord .customHead .conferenceMembersList .conferenceTitle{color: #cacaca; font-size: 14px; margin: 0 0 8px 0;}
	.generalModal.modalCallDetailsRecord .customHead .conferenceMembersList ul li{width: 100%; margin: 0 0 7px 0;}
	.generalModal.modalCallDetailsRecord .customHead .conferenceMembersList ul li .avatarNew .imgProfile{width: 20px; height: 20px;}
	.generalModal.modalCallDetailsRecord .customHead .conferenceMembersList ul li .avatarNew .imgProfile .initials{padding-top: 2px; font-size: 12px; font-weight: 400;}
	.generalModal.modalCallDetailsRecord .customHead .conferenceMembersList ul li .txt{margin: 4px 0 0 34px; font-size: 14px;}

	.generalModal.modalCallDetailsRecord .customHead .info .data{color: #5078EE;}
	.generalModal.modalCallDetailsRecord .customHead .fl .info .data{max-width: 115px; display: inline-block; line-height: 16px; height: 15px;}
	.generalModal.modalCallDetailsRecord .customHead audio{margin-top: 13px; transform-origin: 0 0; width: 100%; height: 39px;}

	.generalModal.generalModal.modalCallDetailsRecord ul.content li.fullWidth{width: 100%;}
	
	.generalModal.modalCallDetailsRecord .customHead .moreCallInfo{width: 100%; height: 42px; overflow: hidden;}
	.generalModal.modalCallDetailsRecord .customHead .moreCallInfo.fix-moreCallInfo-height{height: 60px !important;}
	.generalModal.modalCallDetailsRecord .customHead .fl{float: left; display: table;}
	.generalModal.modalCallDetailsRecord .customHead .fr{float: right; display: table;}
	.generalModal.modalCallDetailsRecord .customHead .info{margin-right: 14px; font-size: 13px;height: 23px;}
	.generalModal.modalCallDetailsRecord .customHead .info.fix-info-height { height: auto !important;}
	.generalModal.modalCallDetailsRecord .customHead .info.right{}
	.generalModal.modalCallDetailsRecord .customHead .info.right .title{    float: right;}
	.generalModal.modalCallDetailsRecord .customHead .info.right .data{float: right; margin: 5px 0 0 2px;}
	.generalModal.modalCallDetailsRecord .customHead .info.right .data .txt{}
	.generalModal.modalCallDetailsRecord .customHead .info.right .data .copyThisToClipboard{    float: right;}
	.generalModal.modalCallDetailsRecord .customHead .info.right .localPresenceIndicator{    float: right; background-color: #5078EE; border-radius: 3px; padding: 1px 5px; font-size: 10px; color: #fff; font-weight: 500; margin: 1px 2px 0 6px;}

	.generalModal.modalCallDetailsRecord ul.content .newSplash{margin: 0 auto; height: 90px; width: 180px;}
	 body.powerDialerOn .generalModal.modalCallDetailsRecord ul.content .newSplash{display: none;}

	.fix-title { color: #8c8c8c; font-size: 13px; }
	.fix-color { color: #5078EE; }
	.generalModal.modalCallDetailsRecord .customHead .info .fix-text { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
	.generalModal.modalCallDetailsRecord .customHead .info .fix-via-width { max-width: 190px;}
	.generalModal.modalCallDetailsRecord .customHead .info .fix-contact-width { max-width: 224px;}


/* >> -- -- -- -- Attach styles MODAL AGENT & ADMIN -- -- -- -- -- -- -- -- << */

	/* generalSplash */
	.generalModal div.generalSplash {float:none!important; clear:both; position:initial;}
	.generalModal div.generalSplash .img{width: 100px; height: 100px; border-radius: 0; float: none; margin-bottom: 10px; border: none; background-size: 700px!important;}
	.generalModal div.generalSplash .txt{float:none;font-size: 13px;}

	.generalModal div.generalSplash .img.imgBuyNumber{background-position:-308px -390px;}
	.generalModal div.generalSplash .img.imgCreateGroup{background-position: 0 -1128px; background-size: 1000px!important; opacity: .6;}
	.generalModal div.generalSplash .img.imgPhone{background-position: 5px -505px; }
	
	.generalModal div.generalSplash .img.sfNoActivity{width: 235px; height: 93px; border-radius: initial; background-position: -14px -1027px; border: initial; background-size: initial!important;} 

/* >> -- -- -- -- Attach VISUAL STYLES ADMINISTRATOR -- -- -- -- -- -- -- -- << */

/* 	MODAL modalWelcome */
.generalModal.modalAdmin.modalWelcome .head{border:0;padding:0;}
.generalModal.modalAdmin.modalWelcome .content h2{color:#5078EE;}


/* ----------------------END NEW STYLES----------------------*/

.generalModal .loaderBtnModal{display:none; overflow: hidden;background-color:#5078EE;text-align: center;z-index: 1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;padding-top: 8px;cursor: default;border-radius:4px;}
.generalModal .btnRed .loaderBtnModal{background-color:#b73730;}
.generalModal .loaderBtnModal.saving{display:block;}
.generalModal .loaderBtnModal .loaderLogin{width: 6px; height: 6px; margin: 0; float:none;}
.generalModal .loaderBtnModal div{display: inline-block; float: none;}

.generalModal ul.head {max-height:360px;}
.generalModal ul.head div.jspPane{padding: 0px 20px; width: 460px;}
.generalModal ul.head span{font-size:14px;color:#777;margin-left:10px}
.generalModal span.deleteLi{padding:7px;background:url('../SfImgs/closeCustomerRight@2x.png') no-repeat;background-position:center left;background-size:200%;margin-top:5px;float:right}
.generalModal span.deleteLi:hover{cursor:pointer}
.generalModal span.deleteLi:active{background-position:center right}

.generalModal .content .btnBlue{/*float:right; min-width: 28px; margin-left:0; margin-right:20px; position: relative;*/}
.generalModal .content .btnBlue.fullWidthBtn{width: 100%; margin: 0 0 1px 0; text-align: center;}
.generalModal .content .btnGrey{float:right}
.generalModal .clear{clear:both}

/* roundSelect */
div.generalModal .roundSelect{cursor: pointer; width: 24px; height: 24px; border:solid 1px #f5f5f5; border-radius: 18px; float: left; margin: 5px 5px 0 0;}
div.generalModal .roundSelect .inner{float: left; display: inline; width: 20px; height: 20px; margin: 2px 0 0 2px; border-radius: 20px;}
div.generalModal .roundSelect .inner.on{display:block;}

div.generalModal .roundSelect.colorValue01:hover{border: solid 1px #00ce7d;}
div.generalModal .roundSelect.colorValue02:hover{border: solid 1px #0080cc;}
div.generalModal .roundSelect.colorValue03:hover{border: solid 1px #00abc8;}
div.generalModal .roundSelect.colorValue04:hover{border: solid 1px #fab800;}
div.generalModal .roundSelect.colorValue05:hover{border: solid 1px #e1403d;}
div.generalModal .roundSelect.colorValue06:hover{border: solid 1px #e95e0f;}
div.generalModal .roundSelect.colorValue07:hover{border: solid 1px #97bf0e;}
div.generalModal .roundSelect.colorValue08:hover{border: solid 1px #00567e;}
div.generalModal .roundSelect.colorValue09:hover{border: solid 1px #ad609e;}
div.generalModal .roundSelect.colorValue10:hover{border: solid 1px #e3004f;}
div.generalModal .roundSelect.colorValue11:hover{border: solid 1px #8c5500;}
div.generalModal .roundSelect.colorValue12:hover{border: solid 1px #009352;}

div.generalModal .roundSelect.colorValue01 .inner{background-color:#00ce7d;}
div.generalModal .roundSelect.colorValue02 .inner{background-color:#0080cc;}
div.generalModal .roundSelect.colorValue03 .inner{background-color:#00abc8;}
div.generalModal .roundSelect.colorValue04 .inner{background-color:#fab800;}
div.generalModal .roundSelect.colorValue05 .inner{background-color:#e1403d;}
div.generalModal .roundSelect.colorValue06 .inner{background-color:#e95e0f;}
div.generalModal .roundSelect.colorValue07 .inner{background-color:#97bf0e;}
div.generalModal .roundSelect.colorValue08 .inner{background-color:#00567e;}
div.generalModal .roundSelect.colorValue09 .inner{background-color:#ad609e;}
div.generalModal .roundSelect.colorValue10 .inner{background-color:#e3004f;}
div.generalModal .roundSelect.colorValue11 .inner{background-color:#8c5500;}
div.generalModal .roundSelect.colorValue12 .inner{background-color:#009352;}

/* modalTabButtons */
.generalModal .tabsButtons{overflow: hidden;}
.generalModal .tabsButtons div{text-align: center; padding: 12px 0; font-size: 13px; cursor: pointer; background-color: #fff; box-sizing: border-box;}
.generalModal .tabsButtons div.left{float: left; width: calc(50% - 1px);}
.generalModal .tabsButtons div.right{float: right; width: 50%;}
.generalModal .tabsButtons div.middle{float: right;}
.generalModal .tabsButtons div.active{color: #5078EE; border-bottom: solid 2px;}

.generalModal li.dualCombo label{margin-left:10px;}
.generalModal li.dualCombo input{float:left;margin-left:8px;width:163px;}
.generalModal li.dualCombo .select.inModal{float:left;min-width:148px;}
.generalModal li.dualCombo .select.inModal div{background-position:93% center;}

.generalModal a.btnRed{background-color: #b73730; float: left; font-size: 13px; margin: 0 10px; padding: 9px 12px; color: #FFF; display: inline-block; text-decoration: none;}

/* modalAddApp */
.generalModal.modalAddApp #inputSearchApp{width:350px}
.generalModal.modalAddApp #newAppsList{overflow:hidden;height:210px}
.generalModal.modalAddApp #newAppsList ul{list-style:none}
.generalModal.modalAddApp #newAppsList ul li{background-image:url("../SfImgs/sideBar@2x.png");background-position:0 -218px;background-repeat:no-repeat;background-size:45px auto;float:left;line-height:25px;margin:5px 0;padding:5px 20px;width:420px;border-radius:3px}
.generalModal.modalAddApp #newAppsList ul li:hover{cursor:pointer;background-color:#eee}
.generalModal.modalAddApp #newAppsList ul li.selected{background-color:#e7e7e7}
.generalModal.modalAddApp #newAppsList .appName{display:inline;margin-left:20px}
.generalModal.modalAddApp #newAppsList .appPrice{float:right;font-size:12px;color:#777}

/* modalCreateNewContactsList */
.generalModal.modalCreateNewContactsList #importList{margin-right:0 !important}
.generalModal.modalCreateNewContactsList #createNewContactsList ul .shortInput{padding-top:5px;float:left}
.generalModal.modalCreateNewContactsList #inputNewListName{width:198px !important}
.generalModal.modalCreateNewContactsList .labelSelectImage{display:inline-block;line-height:36px;margin-left:10px}
.generalModal.modalCreateNewContactsList #newListImage{width:25px;height:25px;float:right;margin:5px 8px 0 0;background-image:url("../SfImgs/leftMenuIcons@2x.png");background-position:-1px -204px;background-repeat:no-repeat;background-size:26px 305px;opacity:.5;position:relative}
.generalModal.modalCreateNewContactsList #newListImage:hover{cursor:pointer;opacity:1}
.generalModal.modalCreateNewContactsList #menuImageList{position:absolute;width:198px !important;padding:10px;border:1px solid #acacac;background:rgba(250,250,250,0.9);right:15px;top:60px;border-radius:3px;list-style:none;display:none}
.generalModal.modalCreateNewContactsList #menuImageList li{float:left;height:25px;width:25px;margin:4px;background-image:url("../SfImgs/leftMenuIcons@2x.png");background-position:-1px -204px;background-repeat:no-repeat;background-size:26px 305px}
.generalModal.modalCreateNewContactsList #menuImageList li:hover{cursor:pointer}
.generalModal.modalCreateNewContactsList #menuImageList .bullet{background:rgba(250,250,250,1);border-left:1px solid #acacac;border-top:1px solid #acacac;height:10px;left:104px;position:absolute;top:-6px;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);width:10px}

/* modalCustomerContactInfo */
.generalModal.modalCustomerContactInfo #customerContactInfo{max-height:310px !important}
.generalModal.modalCustomerContactInfo #btnEditContact{float:left;margin-left:20px}
.generalModal.modalCustomerContactInfo #customerContactInfo .head{height:250px}
.generalModal.modalCustomerContactInfo .threeInputsLi{width:102px !important}
.generalModal.modalCustomerContactInfo .twoInputsLi{width:164px !important}
.generalModal.modalCustomerContactInfo .multipleInputsForm{width:350px !important}

/* modalCreateNewContact */
.generalModal.modalCreateNewContact #createNewContact{max-height:310px !important}
.generalModal.modalCreateNewContact #menuActionsContactsList{top:60px !important;right:10px !important}
.generalModal.modalCreateNewContact .threeInputsLi{width:102px !important}
.generalModal.modalCreateNewContact .twoInputsLi{width:164px !important}
.generalModal.modalCreateNewContact .multipleInputsForm{width:350px !important}

/* modalImportContact */
.generalModal.modalImportContact .uploadFileWrapper{}
.generalModal.modalImportContact .uploadFileWrapper input[type="file"]{display: none;}

/* modalImportContactDetails */
.generalModal.modalImportContactDetails {}
.generalModal.modalImportContactDetails ul.content .title{width: calc(100% - 20px); overflow: hidden; color: initial; font-size: 14px; margin-bottom: 14px; border-bottom: solid 1px#c1c1c1; padding-bottom: 5px; margin-top: 9px;}
.generalModal.modalImportContactDetails ul.content .title div{width: 50%; float: left;}
.generalModal.modalImportContactDetails ul.content .title div.tRight{text-align: right;}
.generalModal.modalImportContactDetails ul.content .title span{color:#b73730;}

.generalModal.modalImportContactDetails ul.content li{font-size: 13px; padding: 12px 0; margin: 0;}
.generalModal.modalImportContactDetails ul.content li:nth-child(odd){background-color:#f8f8f8;}
.generalModal.modalImportContactDetails ul.content li .name{float: left;}
.generalModal.modalImportContactDetails ul.content li .info{float: right;}
.generalModal.modalImportContactDetails ul.content li .info span{color: #b73730; display: inline-block; margin: 0 4px;}

/* modalImportContactSelectFile */
.generalModal.modalImportContactSelectFile p {font-size: 12px; margin: 7px 6px;}
.generalModal.modalImportContactSelectFile p.infoTxt {margin: 22px 10px 0;}
.generalModal.modalImportContactSelectFile span{display: inline-block; float: left; font-size: 12px; margin: 10px 0 0 7px;}
.generalModal.modalImportContactSelectFile li .formSelect{width: 200px; float: left;}
.generalModal.modalImportContactSelectFile .blueLine{width: 100%; height: 1px; background-color: #5078EE; float: left; margin-bottom: 23px;}
.generalModal.modalImportContactSelectFile .btnBlue{float: left; margin: 0;}
.generalModal.modalImportContactSelectFile label{font-size: 13px;}

.generalModal.modalImportContactSelectFile div.search {background-color:#f1f2f2; padding: 6px;}
.generalModal.modalImportContactSelectFile div.flag {float: left; background-image:url('imgs/flags.jpg'); background-repeat:no-repeat; width: 18px; height: 18px;}
.generalModal.modalImportContactSelectFile .display div.flag {margin: -3px 0px 0px -6px;}
.generalModal.modalImportContactSelectFile .display div.txt {margin: 0px 0 0px 4px; float: left;}

.generalModal.modalImportContactSelectFile .ulSearch div.flag {margin: 0px 6px 0px -3px;}
.generalModal.modalImportContactSelectFile .ulSearch div.txt {float: left; margin-bottom: -2px;width: calc(100% - 25px);}
.generalModal.modalImportContactSelectFile .ulSearch.nativeScrollVertical {margin-top: 14px; margin-left: 2px; margin-bottom: 14px;}

/* modalCallQueue */
.generalModal.modalCallQueue input.search{width: 456px; margin: 1px 0 -1px 0px; border-left: initial; padding-left: 22px; padding-right: 22px; border-right: initial;}
.generalModal.modalCallQueue input.search:focus{width: 454px;}
.generalModal.modalCallQueue ul.head label{color:#333;}
.generalModal.modalCallQueue ul.ulTitles li{color:#e64f4f;}
.generalModal.modalCallQueue ul.contactsList p{color:#333;}
.generalModal.modalCallQueue ul.head{height: initial; overflow: hidden; padding: 8px 20px; width: 460px; margin: 10px 0; border: initial; margin-bottom: 0;}
.generalModal.modalCallQueue div.tabsButtons{margin-bottom: 0;}

/* Attach Styles ADMINISTRATOR */

/* general */
.generalModal.modalAdmin .underlineTitle{border-bottom: 1px solid #d10013; overflow: hidden; padding-bottom: 5px; clear: both;}
.generalModal.modalAdmin .underlineTitle .title{color: #d10013; float: left!important;}
.generalModal.modalAdmin .underlineTitle .icon{float: left; margin-left: 7px; width: 17px; height: 17px; text-align: center; background-image: url("../content/SfImgs/question_mark.png"); background-repeat: no-repeat; background-position: center -3px;}

/* modalAddNewTaskList */
.generalModal.modalAddNewTaskList{}
.generalModal.modalAddNewTaskList .contentrRundSelect{width: 373px; overflow: hidden; margin-left: 19px; float: left; margin-bottom: 12px;}
.generalModal.modalAddNewTaskList .addedMemberToListTasks{max-height: 175px; float: left; width: 382px; margin-left: 78px;}
.generalModal.modalAddNewTaskList .suggesterContactSearch {top: 32px; left: 60px; right: 1px;}

/*modalAddNewTask*/
.generalModal.modalAddNewTask textarea {padding: 10px; border: 1px solid #ccc; border-radius: 3px; margin-left: 6px; width: 360px; margin-top: 0px; height: 87px; resize: none; margin-bottom: 10px;}
.generalModal.modalAddNewTask .suggesterContactSearch {top: 32px; left: 54px; right: 1px;}

/* MODAL modalInviteToConference */
.generalModal.modalInviteToConference{height: 370px; width: 600px!important; top: 48%; left: 50%; border-radius: 10px; transform: translate(-50%, -50%);}
.generalModal.modalInviteToConference .content{display: table; margin: 60px 0 0 0;}
.generalModal.modalInviteToConference .content li input{width: 510px;}
.generalModal.modalInviteToConference .content li{margin-bottom: 14px;}
.generalModal.modalInviteToConference .title{margin: 0 0 0 30px;}
.generalModal.modalInviteToConference .value{font-size: 13px; display: inline-block; margin: 0px 0 -3px 6px; max-width: 370px;}
.generalModal.modalInviteToConference .btnBlue#urlStatus{float: left; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; width: 157px; white-space: nowrap;}
.generalModal.modalInviteToConference .btnBlue#urlStatus.copied{background-color: #00d53f;width: 175px;}
.generalModal.modalInviteToConference .suggesterContactSearch{width: 460px;}

.selectDeviceFsModal{position:absolute; top:0; right:0; bottom:0; left:0; background-color:red; z-index:9999}

/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* modalFS */
div.fsModalBlockout{display:none; background: rgba(0,0,0,0.8); position: absolute; top: 0px; right: 0; bottom: 0; left: -98px; z-index: 100;}
div.fsModalWrapper{display:none; background: #fff; padding: 0; margin: 0; position: absolute; z-index: 100; top: 60px; right: 60px; bottom: 60px; left: -37px; border-radius: 8px;}

div.fsModalWrapper .fLeft{float:left;}
div.fsModalWrapper .fRight{float:right;}

div.fsModalWrapper .btn{display: inline-block; border: solid 1px; padding: 8px 22px; cursor: pointer; font-size: 14px;}
div.fsModalWrapper .btn.disabled{cursor:initial; opacity:.4}
div.fsModalWrapper .btnG{border-color:#c1c1c1;}
div.fsModalWrapper .btnB{border-color:#5078EE; padding: 8px 30px; color:#5078EE;}
div.fsModalWrapper .btnB.solid{background-color:#5078EE; padding: 8px 30px; color:#fff;}

/*header*/
div.fsModalWrapper .mfsHead{overflow: hidden; text-align: center;}
div.fsModalWrapper .mfsHead .btnClose{float: right; background-position: -979px -167px; width: 20px; height: 20px; margin: 20px 15px 0 0; cursor: pointer;}
div.fsModalWrapper .mfsHead .title{display: inline-block; text-align: center; font-size: 22px; font-weight: bold; margin-top: 30px; color: #5078EE; margin-right: -55px;}

/*body*/
div.fsModalWrapper .mfsBody {position: absolute; left: 15%; right: 15%; bottom: 54px; min-height:200px; text-align: center; transform: translateY(-50%); top: 46%;}

/*splash*/
div.fsModalWrapper .mfsBody .mfsSplash {width: 80%; margin: 0 auto; margin-top: 20px; margin-bottom: 20px;}
div.fsModalWrapper .mfsBody .mfsSplash .img{width: 100px; height: 100px; margin: 0 auto;}
div.fsModalWrapper .mfsBody .mfsSplash .title{font-size: 20px; font-weight: bold; text-align: center; margin-bottom: 10px;}
div.fsModalWrapper .mfsBody .mfsSplash .txt{font-size: 14px; text-align: center; margin-bottom: 5px;}
div.fsModalWrapper .mfsBody .mfsSplash .icoSync{width: 56px; height: 56px; margin: 0 auto; margin-top: 44px; margin-bottom: 40px; background-position: -855px -166px; border-radius: 50%; border: solid 2px #5078EE;}
div.fsModalWrapper .mfsBody .mfsSplash .img.imgA{background-position: -315px -435px;}
div.fsModalWrapper .mfsBody .mfsSplash .img.imgB{background-position: -25px -435px;}
div.fsModalWrapper .mfsBody .mfsSplash .img.imgC{background-position: -170px -435px;}

/*footer*/
div.fsModalWrapper .mfsFooter{border-top: dotted 1px #c1c1c1; position: absolute; bottom: 63px; left: 15%; right: 15%; padding-top: 14px;}

/*step*/
div.fsModalWrapper .fsVerticalStep{position: fixed; top: 47%; right: 100px;}
div.fsModalWrapper .fsVerticalStep li{font-size: 11px; margin-bottom: 10px; opacity:.4;}
div.fsModalWrapper .fsVerticalStep span{display: inline-block; width: 14px; height: 14px;  float: right; margin-left: 26px; border-radius: 50%; border: solid 1px #c1c1c1;}
div.fsModalWrapper .fsVerticalStep li.ready{opacity:initial;}
div.fsModalWrapper .fsVerticalStep li.ready span{background-color: #5078EE!important; border:initial;}

div.fsModalWrapper .fsVerticalStep.horizontal{top: 11%; left: calc(50% - 222px); right: initial; border-bottom: solid 1px #c1c1c1;}
div.fsModalWrapper .fsVerticalStep.horizontal li{float: left; margin-right: 70px; text-align: center; margin-bottom: -30px; margin-left: -13px; opacity: initial;}
div.fsModalWrapper .fsVerticalStep.horizontal li span{float: none; margin: 0 auto; margin-bottom: 7px; background: #fff;}
div.fsModalWrapper .fsVerticalStep.horizontal li.last{margin-right: -18px;}

/*modalForm*/
div.fsModalWrapper .modalForm{width: 45%; position: relative; margin: 0 auto; height: 156px;}
div.fsModalWrapper .modalForm li{float: left; width: calc(50% - 20px); margin-right: 20px; margin-bottom: 12px;}
div.fsModalWrapper .modalForm label{width: 100%; display: block; font-size: 14px; color: #000; margin-left: 7px; text-align: left;}
div.fsModalWrapper .modalForm .formSelect{display: inline-block; width: calc(100% - 0px); margin: 0 0 4px 0; float: left;}
div.fsModalWrapper .modalForm .formSelect .display{width: initial; text-align: left; border: solid 1px #e0e0e0; background-color: initial;}
div.fsModalWrapper .modalForm .formSelect li{width: 100%; text-align: left;}

/*titles lines*/
div.fsModalWrapper h4{width: calc(45% - 0px); margin: 0 auto; text-align: left; border-bottom: dotted 1px #c1c1c1; clear: both; position: relative; height: 11px; margin-bottom: 22px; margin-top: 22px;}
div.fsModalWrapper h4 span{display: inline-block; height: 27px; position: absolute; padding-right: 18px; background: #ffff;}

/*lisWithCheck*/
div.fsModalWrapper .lisWithCheck{width: 45%; margin: 0 auto; margin-top: 39px;}
div.fsModalWrapper .lisWithCheck li{overflow: hidden; margin-bottom: 16px;}
div.fsModalWrapper .lisWithCheck .txt{float: left;}
div.fsModalWrapper .lisWithCheck .checkboxSwitcher{float: right;}

/*importCSVFile_UploadFIle*/
div.fsModalWrapper.importCSVFile_UploadFile .selectCouuntry{width: 32%; display: inline-block;}
div.fsModalWrapper.importCSVFile_UploadFile .selectCouuntry .txt{text-align:left;}
div.fsModalWrapper.importCSVFile_UploadFile .selectCouuntry .txtDownload{font-size: 14px; margin-top: 27px; float: left; width: 100%;}
div.fsModalWrapper.importCSVFile_UploadFile .selectCouuntry .txtBlue{margin-top: 18px; height: 29px; width: 100%; float: left; padding-top: 6px; color: #5078EE; font-size: 17px;}
div.fsModalWrapper.importCSVFile_UploadFile .selectCouuntry .txtBlue span{display: inline-block; width: 11px; height: 11px;  background-position: -984px -81px; opacity: .5; cursor: pointer;}
div.fsModalWrapper.importCSVFile_UploadFile .selectCouuntry .txtBlue span:hover{opacity: initial;}
div.fsModalWrapper.importCSVFile_UploadFile .selectCouuntry .formSelect{margin: 15px 0 0 0;}
div.fsModalWrapper.importCSVFile_UploadFile .selectCouuntry .numberAreaCode{margin-top: 15px; width: calc(100% - 88px);}
div.fsModalWrapper.importCSVFile_UploadFile .selectCouuntry .btnB{width: calc(100% - 62px); margin-top: 18px;}

/*importCSVFile_ContactSync*/
div.slaveContent.importCSVFile_ContactSync .generalSplash .icoSyncSalesforce{width: 236px; border-radius: initial; border: initial; background-position: -466px -444px; height: 71px; margin-bottom: 20px; }
div.slaveContent.importCSVFile_ContactSync .generalSplash .btnBlue{margin-top: 20px;}
div.slaveContent.importCSVFile_ContactSync .generalSplash .bold{font-weight: bold; color:#5078EE;}

div.slaveContent.importCSVFile_ContactSync {}
div.slaveContent.importCSVFile_ContactSync td .name{}
div.slaveContent.importCSVFile_ContactSync td .ico{display: inline-block; margin: 0px 12px -4px 12px; width: 23px; height: 17px;}
div.slaveContent.importCSVFile_ContactSync td .directional{background-position: -897px -116px;}
div.slaveContent.importCSVFile_ContactSync td .oneWay{background-position: -938px -116px;}

div.slaveContent.importCSVFile_ContactSync .headerInfo{margin-bottom: 50px; overflow: hidden; width: calc(100% - 52px); text-align: center; margin: 32px; border-radius: 10px; box-shadow: 0px 0px 10px #d2d2d2;}
div.slaveContent.importCSVFile_ContactSync .headerInfo .right{float: right; width: calc(50% - 50px); padding: 10px}
div.slaveContent.importCSVFile_ContactSync .headerInfo .right .name{float: right; width: calc(100% - 95px); text-align: right; margin-top: 12px;}
div.slaveContent.importCSVFile_ContactSync .headerInfo .right .value{float: inherit;}
div.slaveContent.importCSVFile_ContactSync .headerInfo .right .ico{float: right; background-position: -624px -449px; width: 75px; height: 60px; margin-left: 20px;}
div.slaveContent.importCSVFile_ContactSync .headerInfo .middle{display: inline-block; width: 42px;}
div.slaveContent.importCSVFile_ContactSync .headerInfo .middle .ico{width: 42px; height: 42px; margin: 0 auto; background-color: #c1c1c1; border-radius: 50%; margin-top: 22px;}
div.slaveContent.importCSVFile_ContactSync .headerInfo .middle .ico.sync{background-position: -744px -108px;}
div.slaveContent.importCSVFile_ContactSync .headerInfo .middle .ico.paused{background-position: -744px -108px;}
div.slaveContent.importCSVFile_ContactSync .headerInfo .left{float: left; width: calc(50% - 50px); padding: 10px;}
div.slaveContent.importCSVFile_ContactSync .headerInfo .left .name{float: left; width: calc(100% - 86px); text-align: left; margin-top: 12px;}
div.slaveContent.importCSVFile_ContactSync .headerInfo .left .value{float: left;}
div.slaveContent.importCSVFile_ContactSync .headerInfo .left .ico{float: left; background-position: -467px -449px; width: 66px; height: 65px; margin-right: 20px;}

div.slaveContent.importCSVFile_ContactSync .dashboard{width: calc(50% - 42px); float: left; margin-left: 32px; overflow: hidden; text-align: center; border-bottom: solid 2px #5078EE; box-shadow: 0px 0px 5px #c4c4c4; margin-bottom: 30px;}
div.slaveContent.importCSVFile_ContactSync .dashboard .right{float: right; width: 43%; margin: 11px 10px 10px 0; height: 130px;}
div.slaveContent.importCSVFile_ContactSync .dashboard .line{display: inline-block; background: #5078EE; width: 2px;  height: 70px; margin: 39px 0;}
div.slaveContent.importCSVFile_ContactSync .dashboard .left{float: left; width: 43%; margin: 10px 0 10px 10px; height: 130px;}
div.slaveContent.importCSVFile_ContactSync .dashboard .value {font-size: 32px; margin-bottom: 0px; margin-top: 26px; color: #5078EE;}
div.slaveContent.importCSVFile_ContactSync .dashboard .type {font-weight: bold; margin-bottom: 3px;}
div.slaveContent.importCSVFile_ContactSync .dashboard .log {font-size: 14px; color: #a5a5a5;}

div.slaveContent.importCSVFile_ContactSync h3{float: left; margin: 5px 0 3px 0; border-bottom: 1px solid #EFEFEF; width: 100%; padding: 0px 0 6px 14px; font-size: 17px;}

div.slaveContent.importCSVFile_ContactSync .genaralList{}
div.slaveContent.importCSVFile_ContactSync .genaralList.activity .ico{width: 32px; height: 26px; margin: -6px 10px -7px 1px; background-position: -813px -178px;}

div.fsModalWrapper.importCSVFile_ContactSync .mfsSplash .icoZero,
div.fsModalWrapper.importCSVFile_ContactSync .mfsSplash .icoLoader,
div.fsModalWrapper.importCSVFile_ContactSync .mfsSplash .icoSalesforce {width: 80px; height: 80px; margin-bottom: -43px;}
div.fsModalWrapper.importCSVFile_ContactSync .mfsSplash .icoZero{float: left; background-position: -458px -440px; margin-left: -20px;}
div.fsModalWrapper.importCSVFile_ContactSync .mfsSplash .icoLoader{background-position: -535px -440px; display: inline-block;}
div.fsModalWrapper.importCSVFile_ContactSync .mfsSplash .icoSalesforce{background-position: -621px -440px; float: right; margin-right: -20px;}
div.fsModalWrapper.importCSVFile_ContactSync .mfsSplash .wrapperAutoCenter{width: 35%; margin: 0 auto; text-align: center; margin-top: 40px; margin-bottom: 70px; border-bottom: dotted 2px #c1c1c1;}

div.fsModalWrapper.importCSVFile_ContactSync .selectableList{width: 60%; margin: 0 auto; overflow: hidden; margin-top: 38px;}
div.fsModalWrapper.importCSVFile_ContactSync .selectableList li{margin-bottom: 20px; overflow: hidden; border: solid 1px #c1c1c1; border-radius: 6px;}
div.fsModalWrapper.importCSVFile_ContactSync .selectableList .ico{float: left; width: 60px; height: 40px; margin: 10px;}
div.fsModalWrapper.importCSVFile_ContactSync .selectableList .name{float: left; margin-top: 20px; font-size: 17px;}
div.fsModalWrapper.importCSVFile_ContactSync .selectableList .txtStatus{display:none; float: right; margin-top: 20px; font-size: 14px; color: #9e9e9e;}
div.fsModalWrapper.importCSVFile_ContactSync .selectableList .loaderWaiting{display:none; float: right; width: 16px; height: 16px; background-color: #9E9E9E; margin: 22px; border-radius: 50%;}
div.fsModalWrapper.importCSVFile_ContactSync .selectableList .alreadySync{display:none; float: right; width: 16px; height: 16px; background-color: #45dc04; margin: 22px; border-radius: 50%; background-position: -47px -255px;}
div.fsModalWrapper.importCSVFile_ContactSync .selectableList .roundSelect{float: right; margin: 20px;}
div.fsModalWrapper.importCSVFile_ContactSync .selectableList .ico.salesforce{background-position: -741px -172px;}
div.fsModalWrapper.importCSVFile_ContactSync .selectableList .ico.salesforcePardot{background-position: -741px -172px;}
div.fsModalWrapper.importCSVFile_ContactSync .selectableList .ico.desk{background-position: -741px -172px;}
div.fsModalWrapper.importCSVFile_ContactSync .selectableList li.waitingAuth .txtStatus{display:block;}
div.fsModalWrapper.importCSVFile_ContactSync .selectableList li.waitingAuth .roundSelect{display:none;}
div.fsModalWrapper.importCSVFile_ContactSync .selectableList li.waitingAuth .loaderWaiting{display:block;}

div.fsModalWrapper.importCSVFile_ContactSync .selectableList li.alreadySynced {border-color:#ececec;}
div.fsModalWrapper.importCSVFile_ContactSync .selectableList li.alreadySynced .txtStatus{display:block;}
div.fsModalWrapper.importCSVFile_ContactSync .selectableList li.alreadySynced .roundSelect{display:none;}
div.fsModalWrapper.importCSVFile_ContactSync .selectableList li.alreadySynced .alreadySync{display:block;}
div.fsModalWrapper.importCSVFile_ContactSync .selectableList li.alreadySynced .ico{opacity:.5;}
div.fsModalWrapper.importCSVFile_ContactSync .selectableList li.alreadySynced .name{opacity:.5;}

div.fsModalWrapper.importCSVFile_ContactSync .headIntegrationSetup{width: 38%; margin: 0 auto; overflow: hidden;}
div.fsModalWrapper.importCSVFile_ContactSync .headIntegrationSetup .right{float: right; width: 170px;}
div.fsModalWrapper.importCSVFile_ContactSync .headIntegrationSetup .middle{display: inline-block; margin: 0 auto;width: 40px; border-radius: 50%; background-color: #ececec; margin-top: 26px;}
div.fsModalWrapper.importCSVFile_ContactSync .headIntegrationSetup .left{float: left; width: 170px;}
div.fsModalWrapper.importCSVFile_ContactSync .headIntegrationSetup div .ico{width: 90px; height: 90px; margin: 0 auto;}
div.fsModalWrapper.importCSVFile_ContactSync .headIntegrationSetup .right .ico{background-position: -615px -435px;}
div.fsModalWrapper.importCSVFile_ContactSync .headIntegrationSetup .middle .ico{background-position: -888px -105px; height: 40px; width: 40px;}
div.fsModalWrapper.importCSVFile_ContactSync .headIntegrationSetup .left .ico{background-position: -453px -435px;}
div.fsModalWrapper.importCSVFile_ContactSync .headIntegrationSetup div .name{}

/*slaveContent sForceAutomations*/
div.slaveContent.sForceAutomations {}

div.slaveContent.sForceAutomations .generalSplash .automations{background-position: -749px -845px;}

div.slaveContent.sForceAutomations .genaralList tbody .ico.icoPrecence{background-color: red;}
div.slaveContent.sForceAutomations .genaralList tbody .icoLogo{width: 40px; height: 31px; display: inline-block; margin-top: -10px; margin-bottom: -9px; margin-right: 10px;}
div.slaveContent.sForceAutomations .genaralList tbody .icoLogo.salesforce{background-position: -752px -177px;}


/*fsModalWrapper sForceAutomations*/
div.fsModalWrapper.sForceAutomations {}

div.fsModalWrapper.sForceAutomations .generalSplash {position: initial;}
div.fsModalWrapper.sForceAutomations .generalSplash .automations{background-position: -749px -845px; border: none; margin-bottom: -18px;}
div.fsModalWrapper.sForceAutomations .generalSplash .txt{margin-top: 7px;}
div.fsModalWrapper.sForceAutomations .generalSplash .txtBlue{color: #247BD0; font-size: 22px;}

div.fsModalWrapper.sForceAutomations .newAutomationInput{width: calc(60% - 12px); margin: 0 auto; border: solid 1px #c1c1c1; margin-top: 12px;}

div.fsModalWrapper.sForceAutomations .selectableList{width: 60%; margin: 0 auto; overflow: hidden; margin-top: 19px;}
div.fsModalWrapper.sForceAutomations .selectableList li{margin-bottom: 20px; overflow: hidden; border: solid 1px #c1c1c1; border-radius: 6px;}
div.fsModalWrapper.sForceAutomations .selectableList .ico{float: left; width: 60px; height: 40px; margin: 10px;}
div.fsModalWrapper.sForceAutomations .selectableList .name{float: left; margin-top: 20px; font-size: 17px;}
div.fsModalWrapper.sForceAutomations .selectableList .txtStatus{display:none; float: right; margin-top: 20px; font-size: 14px; color: #9e9e9e;}
div.fsModalWrapper.sForceAutomations .selectableList .loaderWaiting{display:none; float: right; width: 16px; height: 16px; background-color: #9E9E9E; margin: 22px; border-radius: 50%;}
div.fsModalWrapper.sForceAutomations .selectableList .alreadySync{display:none; float: right; width: 16px; height: 16px; background-color: #45dc04; margin: 22px; border-radius: 50%; background-position: -47px -255px;}
div.fsModalWrapper.sForceAutomations .selectableList .roundSelect{float: right; margin: 20px;}
div.fsModalWrapper.sForceAutomations .selectableList .ico.salesforce{background-position: -741px -172px;}
div.fsModalWrapper.sForceAutomations .selectableList .ico.salesforcePardot{background-position: -741px -172px;}
div.fsModalWrapper.sForceAutomations .selectableList .ico.desk{background-position: -741px -172px;}
div.fsModalWrapper.sForceAutomations .selectableList li.waitingAuth .txtStatus{display:block;}
div.fsModalWrapper.sForceAutomations .selectableList li.waitingAuth .roundSelect{display:none;}
div.fsModalWrapper.sForceAutomations .selectableList li.waitingAuth .loaderWaiting{display:block;}

div.fsModalWrapper.sForceAutomations .selectableList li.alreadySynced {border-color:#ececec;}
div.fsModalWrapper.sForceAutomations .selectableList li.alreadySynced .txtStatus{display:block;}
div.fsModalWrapper.sForceAutomations .selectableList li.alreadySynced .roundSelect{display:none;}
div.fsModalWrapper.sForceAutomations .selectableList li.alreadySynced .alreadySync{display:block;}
div.fsModalWrapper.sForceAutomations .selectableList li.alreadySynced .ico{opacity:.5;}
div.fsModalWrapper.sForceAutomations .selectableList li.alreadySynced .name{opacity:.5;}

div.fsModalWrapper.sForceAutomations h4 {width: 738px;}
div.fsModalWrapper.sForceAutomations .specificRules {margin: 0 auto; width: 738px; height: 48px; clear: both; margin-top: 12px; border-bottom: 1px solid #c1c1c1;}
div.fsModalWrapper.sForceAutomations .specificRules .fLeft{float: left; margin-right: 17px;}
div.fsModalWrapper.sForceAutomations .specificRules .fLeft .formSelect{margin-left: 25px; float: left;}
div.fsModalWrapper.sForceAutomations .specificRules .fLeft label{}
div.fsModalWrapper.sForceAutomations .specificRules .bullet{width: 20px; height: 33px; float: left; background-position: -976px -487px; margin-right: -10px;}
div.fsModalWrapper.sForceAutomations .specificRules .delete{float: right; width: 20px; height: 20px; background-position: -982px -327px; margin-top: 7px; margin-right:0; cursor: pointer;}

div.fsModalWrapper.sForceAutomations .wrappFilter{width: 738px; margin: 0 auto; margin-top: 20px; text-align: left;}
div.fsModalWrapper.sForceAutomations .wrappFilter .add{width: 19px; height: 18px; display: inline-block; margin-right: 12px; margin-bottom: -3px; background-position: -979px -148px;}
div.fsModalWrapper.sForceAutomations .wrappFilter div{cursor:pointer;}

div.fsModalWrapper.sForceAutomations .includeAllUsers{width: 247px; margin: 0 auto; overflow: hidden;}
div.fsModalWrapper.sForceAutomations .includeAllUsers .txt{float: left;}
div.fsModalWrapper.sForceAutomations .includeAllUsers .roundSelect{float: right; border-radius: initial; margin-top: 0px; padding: 1px;}
div.fsModalWrapper.sForceAutomations .includeAllUsers .roundSelect .inner{border-radius: initial; height: 16px; width: 16px;}

/* *** -------------- xApp_widgetPhone -------------- *** */
/*    ----      ----      ----      ----      ----        */
/*    ----      ----      ----      ----      ----        */
/*    ----      ----      ----      ----      ----        */
/*    ----      ----      ----      ----      ----        */
/*    ----      ----      ----      ----      ----        */
/*    ----      ----      ----      ----      ----        */
/*    ----      ----      ----      ----      ----        */
/*    ----      ----      ----      ----      ----        */
/* *** -------------- xApp_widgetPhone -------------- *** */

/*.modalHost.isPhone{visibility: hidden;left: 68px; background: white; bottom: 0; -webkit-backface-visibility: initial;transform: translateY(-570px); transition: transform 0.5s ease;-webkit-transition: transform 0.5s ease;}
.modalHost.isPhone.on{visibility: visible;transform: translateY(0px);-webkit-transform: translateY(0px);}
.modalHost.isPhone .messageBox.xApp_wRapperWidgetPhone{margin-bottom: 0!important; margin-left: 0!important; overflow: initial; box-shadow: initial; border: initial; border-radius: initial;width: calc(100% - 317px);}
.modalHost.isPhone.transparentFix{display:none;}*/

.modalHost.isPhone{z-index: 9999999;}

div.xApp_widgetPhone{cursor: default; float:left;}
div.xApp_widgetPhone .spriteWphone{background-image: url("../SfImgs/wPhone/phoneSprite.png");background-repeat: no-repeat;}

div.xApp_widgetPhone div.wTop, div.xApp_widgetPhone div.wMiddle, div.xApp_widgetPhone div.wBottom{float: left; width: 100%; margin-bottom: 1px; margin-top: 4px;}
.xApp_wRapperWidgetPhone{min-width: initial!important; padding: 8px 18px 0px 18px; font-size: 13px; border:1px solid #acacac; border-radius:0px; box-shadow:0 0 5px rgba(0,0,0,0.2); color:#000; position:absolute; width:249px; display:none; height: 562px;}
div.xApp_widgetPhone{height: 100vh; position: relative; width: 249px;margin-left: -2px;}

.cursorInitial{cursor:initial;}

/* ATTACH UP */
/* imgProfile middlePhone */
div.xApp_widgetPhone .imgProfile {float:none; margin:0 auto;}
div.xApp_widgetPhone .imgProfile img {}
div.xApp_widgetPhone .imgProfile .initials {}

/* imgProfile middlePhone */
div.xApp_widgetPhone .imgProfile.middlePhone{width: 65px; height:65px;}
div.xApp_widgetPhone .imgProfile.middlePhone .initials{padding-top: 20px;font-size: 19px;font-weight: 400;}
div.xApp_widgetPhone .imgProfile.middlePhone .status{border: 3px solid white;bottom: -4px;right: 0;}

div.xApp_widgetPhone .imgProfile.middlePhone.onHold .overlay, div.xApp_widgetPhone div.wCurrentCall .imgProfile.middlePhone.onMute .overlay{opacity:initial; width: 100%; height: 100%; background-color: rgba(170, 170, 170, 0.7); border-radius: 50%; background-image: url("../SfImgs/wPhone/phoneSprite.png");background-repeat: no-repeat;}
div.xApp_widgetPhone .imgProfile.middlePhone.onHold .overlay{background-position: -187px -22px;}
div.xApp_widgetPhone .imgProfile.middlePhone.onMute .overlay{background-position: 21px -14px;}

/* imgProfile bigPhone */
div.xApp_widgetPhone .imgProfile.bigPhone{width: 85px;height:85px;}
div.xApp_widgetPhone .imgProfile.bigPhone .initials{padding-top: 30px;font-size: 19px;font-weight: 400;}
div.xApp_widgetPhone .imgProfile.bigPhone .status{border: 3px solid white;bottom: -4px;right: 0;}

div.xApp_widgetPhone .imgProfile.bigPhone.onHold .overlay, div.xApp_widgetPhone div.wCurrentCall .imgProfile.bigPhone.onMute .overlay{opacity:initial; width: 100%; height: 100%; background-color: rgba(170, 170, 170, 0.7); border-radius: 50%; background-image: url("../SfImgs/wPhone/phoneSprite.png");background-repeat: no-repeat;}
div.xApp_widgetPhone .imgProfile.bigPhone.onHold .overlay{background-position:  -178px -12px;}
div.xApp_widgetPhone .imgProfile.bigPhone.onMute .overlay{background-position: 21px -14px;}

/* imgProfile objectTags */
div.xApp_widgetPhone .imgProfile .objectTag{text-transform: uppercase; position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); background-color: #5078EE; color: #fff; padding: 3px 11px; border-radius: 15px; font-size: 9px; border: 3px solid #fff; letter-spacing: 2px;}

/* defaultTransition */
div.xApp_widgetPhone .wTransitionBackground{transition: background-color 0.2s ease;-webkit-transition: background-color 0.2s ease;-moz-transition: background-color 0.2s ease;-ms-transition: background-color 0.2s ease;}

/* suggesterContactSearch  */
div.xApp_widgetPhone .suggesterContactSearch {width: calc(100% - 3px);}
div.xApp_widgetPhone .suggesterContactSearch .imgProfile{float:left;}

/* defaultDropdownMenu */
div.xApp_widgetPhone .wDropdownAnimation{}
div.xApp_widgetPhone .wDropdownAnimation.on input.wSearch{visibility: visible; opacity: 1; top: 27px;}
div.xApp_widgetPhone .wDropdownAnimation.on ul.wDropdownMenu{visibility: visible; opacity: 1; top: 22px;}

div.xApp_widgetPhone input.wSearch{visibility: hidden; opacity: 0; transition: all 0.5s ease; padding: 0 13px!important; top: 15px; font-size: 13px; left: -11px; width: 234px!important; border-radius: 5px; background-color: #fff; box-sizing: border-box; position: absolute; z-index: 1; box-shadow: 0px 2px 19px -9px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease;}
div.xApp_widgetPhone ul.wDropdownMenu{max-height:230px; visibility: hidden; opacity: 0; transition: all 0.5s ease; top: 15px;font-size: 13px; left: -11px;color: #000 !important; width: 234px; border-radius: 5px; border: 1px solid #ccc; background-color: #fff; box-sizing: border-box; position: absolute; z-index: 1; box-shadow: 0px 2px 19px -9px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease;}
div.xApp_widgetPhone ul.wDropdownMenu li{font-family: Lato; padding: 10px 19px; color: #616161; overflow: hidden;}
div.xApp_widgetPhone ul.wDropdownMenu li:hover{background-color: #F3F3F3;}
/*
div.xApp_widgetPhone .wSelectNumber div.wPrefix ul{visibility: hidden; opacity: 0; transition: all 0.5s ease; top: 0;}
div.xApp_widgetPhone .wSelectNumber div.wPrefix.on ul{visibility: visible; opacity: 1; top: 31px;}
*/

/* caller id change disabilities*/
/*div.xApp_widgetPhone.xApp_wRapperWidgetPhone .wCallerId, div.xApp_widgetPhone.xApp_wRapperWidgetPhone .wBottom a.btn.call{pointer-events: none;}
div.xApp_widgetPhone.xApp_wRapperWidgetPhone .wCallerId .select, div.xApp_widgetPhone.xApp_wRapperWidgetPhone .wBottom a.btn.call{opacity: .5;}
div.xApp_widgetPhone.xApp_wRapperWidgetPhone .generalLoader{display: block;}
div.xApp_widgetPhone.xApp_wRapperWidgetPhone .wCallerId .select{background-image: none;}*/

/* ratingStar */
div.xApp_widgetPhone .ratingStar{background: #00AE35; overflow: hidden; padding: 4px 3px 4px 2px; width: 150px; margin: 0 auto; margin-top: 12px; text-align: center; border-radius: 35px;}
div.xApp_widgetPhone .ratingStar li{width: 15px; height: 17px; margin: 1px 0 2px 0; padding: 0 7px 0 0; cursor: pointer; float: right; background-position: -127px -1px;}
div.xApp_widgetPhone .ratingStar li{}
div.xApp_widgetPhone .ratingStar li:first-child{margin-right: 18px;}
div.xApp_widgetPhone .ratingStar:hover li{}
div.xApp_widgetPhone .ratingStar li:hover, div.xApp_widgetPhone .ratingStar li:hover ~ li {background-position: -106px -1px;}

/* all btn */
div.xApp_widgetPhone div.wBtnblue{float: right; margin-left: 10px; color: #fff; background-color: #5078EE; padding: 6px 18px;border-radius: 4px; letter-spacing: .5px; font-size: 12px;}
div.xApp_widgetPhone div.wBtnblue:hover{background-color: #0e67b0;}
div.xApp_widgetPhone div.wBtnGreen{}
div.xApp_widgetPhone div.wBtnGray{}
div.xApp_widgetPhone div.wBtnRed{}

/* wSelectNumber */
div.xApp_widgetPhone .wSelectNumber{position: relative; clear: both; margin-top: 14px;}
div.xApp_widgetPhone .wSelectNumber input{width: calc(100% - 48px); padding: 0px 33px 1px 13px; font-weight: 300; font-size: 14px; height: 32px;}
div.xApp_widgetPhone .wSelectNumber div.wPrefix{border-radius: 50%; width: 18px; height: 18px; position: absolute; top: 8px; left: 11px; cursor: pointer;}
div.xApp_widgetPhone .wSelectNumber div.wPrefix .wCurrentFlag{}
div.xApp_widgetPhone .wSelectNumber div.wPrefix span{width: 10px; height: 10px; margin: 3px 0 0 21px; display: inline-block; background-position: -92px -3px;}
div.xApp_widgetPhone .wSelectNumber div.wPrefix li{}
div.xApp_widgetPhone .wSelectNumber div.wPrefix li .flag{margin-right: 6px; margin-top: -2px;}
div.xApp_widgetPhone .wSelectNumber div.wClearTxt{width: 20px; height: 20px; position: absolute; top: 7px; right: 9px; cursor: pointer; background-position: 2px 2px;}
div.xApp_widgetPhone .wSelectNumber div.wAddContact{background-color: #5078EE; width: 20px; height: 20px; position: absolute; top: 7px; right: 7px; cursor: pointer; background-position: -63px 1px; border-radius: 50%; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} 
div.xApp_widgetPhone .wSelectNumber div.wAddContact:hover{transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);}

/* wModal */
div.xApp_widgetPhone div.wModal{display: none; background: #fff; position: absolute; top: 566px; left: -31px; right: -31px; bottom: -25px;transition: top 1s cubic-bezier(0.39, 0, 0, 1);-webkit-transition: top 1s cubic-bezier(0.39, 0, 0, 1);-moz-transition: top 1s cubic-bezier(0.39, 0, 0, 1);}
div.xApp_widgetPhone div.wModal.on{z-index: 50; display: block; background: #fff; position: absolute; top: -8px; left: -18px; right: -10px; bottom: -25px;}
div.xApp_widgetPhone div.wModal .wHeader{background: #fff;color: #5078EE;padding: 10px 13px 9px 13px; width: calc(100% - 26px); text-align: center; border-bottom: 2px solid #5078EE; border-right: 1px solid #e0e0e0;}
div.xApp_widgetPhone div.wModal .wHeader div{margin: 5px 32px; text-transform: uppercase; font-weight: 400; padding-top: 1px; cursor: default; font-size: 12px;}
div.xApp_widgetPhone div.wModal .wHeader span.close{background-position: -479px 3px; display: inline-block; width: 25px; height: 25px; float: right; margin-top: -25px; margin-right: 1px; opacity: .8;cursor: pointer;}
div.xApp_widgetPhone div.wModal .wHeader span.back{background-position: -319px -280px; display: inline-block; width: 25px; height: 25px; float: left; margin-left: 1px; opacity: .8;cursor: pointer;}
div.xApp_widgetPhone div.wModal .wHeader span:hover{opacity: 1;}
div.xApp_widgetPhone div.wModal .wContent{margin: 10px 15px 15px 15px;}

/* generalSplash */
div.xApp_widgetPhone div.generalSplash{top: 167px; bottom: initial;}
div.xApp_widgetPhone div.generalSplash .img{width: 100px; height: 100px; border: solid 2px #5078EE;}
div.xApp_widgetPhone div.generalSplash .txt{margin: 22px 26px;}
div.xApp_widgetPhone div.generalSplash .statusNoRecents{background-position: 7px -207px;}
div.xApp_widgetPhone div.generalSplash .mergeContact{background-position: -146px -203px;}

/* --- ---- ---- wTop */
div.xApp_widgetPhone div.wTop{}

div.xApp_widgetPhone div.wTop .wClose{position: absolute; right: 2px; top: -16px; background-position: 32px -2px; padding-right: 15px; color: #c1c1c1; font-size: 10px;cursor: pointer;}

div.xApp_widgetPhone div.wTop .wStatus{text-transform: capitalize;position: absolute; left: 2px; top: -18px; font-size: 12px; display: inline-block; width: 13px; height: 13px; margin-right: 4px; border-radius: 0; text-indent: 16px; line-height: 11px;}
div.xApp_widgetPhone div.wTop .wStatus.disconnected{color: #CD4B40; background-position: -308px -318px;}
div.xApp_widgetPhone div.wTop .wStatus.connecting{color: #E47A29;background-position: -322px -318px;}
div.xApp_widgetPhone div.wTop .wStatus.connected{color: #1CC54C; background-position: -337px -318px;}
div.xApp_widgetPhone div.wTop .wStatus.disable{background-position: -295px -318px; color: #4a4a4a;}

/* wTbs */
div.xApp_widgetPhone div.wTop .wTbs{border: solid 1px #5078EE; border-radius: 2px; overflow: hidden; margin-top: 6px;}
div.xApp_widgetPhone div.wTop .wTbs div{display: inline-block; width: 50%; text-align: center; padding: 8px 0px; cursor: pointer; float: left; position: relative; color: #5078EE; font-size: 12px;}
div.xApp_widgetPhone div.wTop .wTbs div:hover{background-color:#E1F2FF;}
div.xApp_widgetPhone div.wTop .wTbs div.active{background: #5078EE; color: #fff;}
div.xApp_widgetPhone div.wTop .wTbs div span{background-color: #e82a32; border-radius: 20px; color: #fff; font-size: 10px; padding: 1px 5px 3px 5px; position: absolute; top: 8px; right: 5px; opacity: 1 !important;}

/* */
div.xApp_widgetPhone div.wTop input.search{display: none; padding: 0px 15px 2px 15px; width: calc(100% - 33px); text-align: center; margin-top: 20px; height: 31px;font-weight: 300;}
div.xApp_widgetPhone div.wTop a.wLink{width: 50%; display: inline-block; text-align: center; text-decoration: none; margin-top: 10px; color: #5078EE; font-size: 12px; float: left;opacity: .75;}
div.xApp_widgetPhone div.wTop a.wLink:hover{opacity: 1;}
div.xApp_widgetPhone div.wTop a.wLink.viewRecents{width: calc(50% - 15px); float: left; text-align: right;}
div.xApp_widgetPhone div.wTop a.wLink.viewRecents .ico{width: 15px; height: 15px; background-position: -248px 1px; float: left; margin: 0px 0 0 16px;}
div.xApp_widgetPhone div.wTop a.wLink.addToContacts{float: left; text-align: left; width: 50%; margin-left: 14px;}
div.xApp_widgetPhone div.wTop a.wLink.addToContacts .ico{width: 15px; height: 15px; background-position: -227px 1px; float: left; margin: -1px 3px 0px 0px;}
div.xApp_widgetPhone div.wTop a.wLink.showDialpad{display:none}
div.xApp_widgetPhone div.wTop a.wLink.hideDialpad{display:none; width: 100%;}

/* --- ---- ---- wMiddle */
div.xApp_widgetPhone div.wMiddle{}

/* wPad */
div.xApp_widgetPhone div.wMiddle ul.wPad{width: 100%; margin: 0 auto; margin-top: 12px;}
div.xApp_widgetPhone div.wMiddle ul.wPad li{float: left; width: 33%; text-align: center; padding: 3vh 0; border-bottom: 1px solid #e0e0e0; position: relative;}
div.xApp_widgetPhone div.wMiddle ul.wPad li:hover{cursor: pointer; color: #5078EE; border-bottom: 1px solid #5078EE;}
div.xApp_widgetPhone div.wMiddle ul.wPad li p{font-size: 26px; font-weight: 300; line-height: 30px; margin-top: 0px;}
div.xApp_widgetPhone div.wMiddle ul.wPad li span{display: block; height: 15px; font-size: 11px; margin-top: 4px; font-weight: 300;}

/* userList */
div.xApp_widgetPhone ul.userList{display:none; float: left;max-height: 333px; padding-bottom: 30px; width: 100%;}
div.xApp_widgetPhone ul.userList li{position:relative; width: 100%; border-radius: 40px; float: left;margin: 1px auto;}
div.xApp_widgetPhone ul.userList li:hover{cursor:pointer;background-color:#f7f7f7;}
div.xApp_widgetPhone ul.userList li .imgProfile {position: relative; margin: 6px 12px 6px 6px; float: left;}
div.xApp_widgetPhone ul.userList li .imgProfile .status{}
div.xApp_widgetPhone ul.userList li:hover .imgProfile {z-index:0;}
div.xApp_widgetPhone ul.userList li h1{margin-top: 8px; font-size: 13px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left; width: calc(100% - 90px); margin-left: 0; font-weight: initial; display: inline-block; line-height: initial;}
div.xApp_widgetPhone ul.userList li span{color: #5078EE; font-size: 11px; text-transform: uppercase; display: inline-block; width: calc(100% - 90px);}

div.xApp_widgetPhone ul.userList li .action{width: 20px; position: absolute; height: 20px; right: 20px; top: 14px; display: none;}
div.xApp_widgetPhone ul.userList li:hover .action{display: block;}

div.xApp_widgetPhone div.wMiddle ul.userList.call li:hover{background-image:url('../SfImgs/phone_call_green@2x.png');}
div.xApp_widgetPhone div.wMiddle ul.userList.transfer-call li:hover{background-image:url('../SfImgs/phone_transfer@2x.png');}

/* --- ---- ---- wBottom */
div.xApp_widgetPhone div.wBottom{text-align: center; font-size: 12px; position: absolute; bottom: 21px; height: 81px;}
div.xApp_widgetPhone a{display: table; margin: 0 auto; text-decoration: initial; color: #5078EE; margin-top: 4px; margin-bottom: 4px;}
div.xApp_widgetPhone div.wBottom a.btn{height: 40px; width: 100%; border-radius: 4px;}
div.xApp_widgetPhone div.wBottom a.showDialpad{display:none;}
div.xApp_widgetPhone div.wBottom a.hideDialpad{display:none;}
div.xApp_widgetPhone div.wBottom a.btn.call{background-color: #5078EE; background-position: 108px -469px; margin-bottom: 44px;transition: background-color 0.5s ease;-webkit-transition: background-color 0.5s ease;}
div.xApp_widgetPhone div.wBottom a.btn.call:hover{background-color: #3156C3;}
div.xApp_widgetPhone div.wBottom a.btn.call:active{background-color: #1F3883;}
div.xApp_widgetPhone div.wBottom a.btn.call.on{background-color: #E0442F;transition: background-color 0.5s ease;-webkit-transition: background-color 0.5s ease;}
div.xApp_widgetPhone div.wBottom a.btn.call.on:hover{background-color: #C13523;}
div.xApp_widgetPhone div.wBottom a.btn.call.on:active{background-color: #932F22;}

div.xApp_widgetPhone div.wBottom a.btn.decline{display:none; background-color: #E0442F; background-position:-36px -475px;}
div.xApp_widgetPhone div.wBottom a.btn.decline:hover{background-color: #C13523;}
div.xApp_widgetPhone div.wBottom a.btn.decline:active{background-color: #932F22;}
div.xApp_widgetPhone div.wBottom a.newCall{display: none; padding-left: 0px; background-position: -272px -287px; margin-top: 10px}

/* -- wGeneral -- */
/* wCallerId */
.xApp_widgetPhone .wTop .generalLoader{display: none;}
.xApp_widgetPhone .wTop .formSelect.wCallerId{margin: 10px 0 17px 0;}
.xApp_widgetPhone .wTop .formSelect.wCallerId .label{line-height: 17px; font-size: 12px; color: #4A4A4A; margin: 0 3px 0 0;float: left;}
.xApp_widgetPhone .wTop .formSelect.wCallerId .display{width: 100%; background-color: transparent; box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1); border-radius: 2px; height: 34px;}
.xApp_widgetPhone .wTop .formSelect.wCallerId .display .mini{margin: 1px 4px 0 -2px;}
.xApp_widgetPhone .wTop .formSelect.wCallerId .display .txt{color: #a0a0a0; line-height: 18px; font-size: 11px;}
.xApp_widgetPhone .wTop .formSelect.wCallerId ul{left: 0px;}
.xApp_widgetPhone .wTop .formSelect.wCallerId ul li .mini{margin: 2px 7px 0px -5px;}
.xApp_widgetPhone .wTop .formSelect.wCallerId ul li .txt{color: #a0a0a0; font-size: 11px;}

/*
div.xApp_widgetPhone .wTop .wCallerId{margin: 0 auto 0 15px; width: 222px; display: table; margin-top: 16px; margin-bottom: 9px;}
div.xApp_widgetPhone .wTop .wCallerId p.label{color: #0472e8; margin-right: 6px; display: block; float: left; font-size: 12px; margin-top: 1px;}
div.xApp_widgetPhone .wTop .wCallerId .select{float: left; width: calc(100% - 72px); position: relative;background-position:136px -336px;}
div.xApp_widgetPhone .wTop .wCallerId .select:hover{cursor:pointer;}
div.xApp_widgetPhone .wTop .wCallerId .select p{font-weight: 300; float: left; position: relative; width: calc(100% - 29px); transition: all .2s ease; margin-top: 1px;}
div.xApp_widgetPhone .wTop .wCallerId .select p span{width: 10px; height: 10px; background-position: -92px -3px; position: absolute; top: 2px; right: 17px;}
div.xApp_widgetPhone .wTop .wCallerId .select:hover .selected > p{color:#0472e8;}
div.xApp_widgetPhone .wTop .wCallerId .select span.flag{margin: 0px 5px 0 2px; border-radius: 50%; width: 18px; height: 18px; cursor: pointer; float: left;}
div.xApp_widgetPhone .wTop .wCallerId .select .dropdown{position:absolute;background-color:#FFF;z-index:5;border:1px solid #dadada;border-radius:10px;top:35px;left:-10px;right:-10px;overflow:scroll;max-height:200px;visibility:hidden;opacity:0;transform:translateY(-20px);-webkit-transform:translateY(-20px);transition:all .2s ease;}
div.xApp_widgetPhone .wTop .wCallerId .select.open .dropdown{visibility:visible;opacity:1;transform:translateY(0);-webkit-transform:translateY(0);}
div.xApp_widgetPhone .wTop .wCallerId .select .dropdown li{display:table;padding:10px 15px;width:calc(100% - 30px)}
div.xApp_widgetPhone .wTop .wCallerId .select .dropdown li:hover{background-color:#eee;}
div.xApp_widgetPhone .wTop .wCallerId .select .dropdown li p{font-size:16px}
div.xApp_widgetPhone .wTop .wCallerId .select .dropdown li .flag{width:18px;height:13px;margin-top:5px}
div.xApp_widgetPhone .wTop .wCallerId .selected .wDropdownMenu{width: auto; left: -16px; max-height: 170px; top: 27px; overflow-y: scroll; z-index: 3;}
div.xApp_widgetPhone .wTop .wCallerId .selected .wDropdownMenu li .flag{margin: -1px 6px 0 -2px;}
*/

/*wViewRecents*/
div.xApp_wRapperWidgetPhone div.wViewRecents{}
div.xApp_wRapperWidgetPhone.recents div.wTop .showDialpad{width: 100%; margin-bottom: 10px;}
div.xApp_wRapperWidgetPhone.recents ul.userList li .action{background-position: -14px 1px;}

/*wIncomigCall*/
div.xApp_widgetPhone div.wIncomigCall{display:none;}
div.xApp_widgetPhone div.wIncomigCall h1{color: #5078EE; font-size: 13px; margin: 0 auto; padding: 0; display: block; text-align: center; line-height: 42px; margin-top: 10px; margin-bottom: 18px;}
div.xApp_widgetPhone div.wIncomigCall .imgProfile {margin-bottom: 12px;}
div.xApp_widgetPhone div.wIncomigCall h2{color: #4a4a4a; font-size: 16px; margin: 18px auto; display: block; text-align: center; margin-bottom: 3px; cursor: pointer; width: fit-content; padding-bottom: 2px;}
div.xApp_widgetPhone div.wIncomigCall h2.salesforcePopLink{color: #5078EE; border-bottom: 1px solid #5078EE; padding-bottom: 2px;}
div.xApp_widgetPhone div.wIncomigCall span.wNumber{color: #3E3E3E; font-size: 12px; margin: 0 auto; display: block; text-align: center;}
div.xApp_widgetPhone div.wIncomigCall span.wLine{width: 100%; display: block; border-bottom: dotted 1px #b3b3b3; margin: 20px 0 20px 0;}
div.xApp_widgetPhone div.wIncomigCall .wInfoCall{overflow: hidden; margin: 10px 0 10px; text-align: center;}
div.xApp_widgetPhone div.wIncomigCall .wInfoCall div{display: inline-block;}
div.xApp_widgetPhone div.wIncomigCall .wInfoCall .flag{display: inline-block; float: none; margin: 0px 4px -3px 6px;}
div.xApp_widgetPhone div.wIncomigCall .wInfoCall .wNumber{}
div.xApp_widgetPhone div.wIncomigCall .wInfoCall .wqueue{width: 100%; text-align: center; margin-top: 7px; color: #0472e8; font-size: 12px;}
div.xApp_widgetPhone div.wIncomigCall li{border: solid 1px transparent; padding: 9px 6px 12px 45px; cursor: pointer; border-radius: 3px; margin-bottom: 8px;}

div.xApp_widgetPhone div.wIncomigCall li.wAnswerIncomingCall{color: #fff; background-color: #5078EE;background-position:-313px -28px;}
div.xApp_widgetPhone div.wIncomigCall li.wAnswerAndEndCurrentCall{color: #fff;background-position: -313px -28px;background-color: #00CC64;}
div.xApp_widgetPhone div.wIncomigCall li.wAnswerAndHoldCurrentCall{color: #fff;background-position: -313px 7px;background-color: #a0a0a0;}
div.xApp_widgetPhone div.wIncomigCall li.wForward{color: #fff; background-position: -313px -91px; background-color: #5078EE;}
div.xApp_widgetPhone div.wIncomigCall li.wSendVoicemail{background-position: -313px -63px; background-color: #E0442F; color: #fff;}
div.xApp_widgetPhone div.wIncomigCall .infoQueueAndNumber{background: #5078EE; color: #fff; text-align: center; padding: 5px 4px 5px 4px; margin-top: 13px; font-size: 12px; font-weight: lighter; min-height: 15px;}
div.xApp_widgetPhone div.wIncomigCall .infoQueueAndNumber .nameQueue{display: block; background: #fff; color: #5078EE; width: calc(100% + 10px); margin: 5px 0 -5px -6px; padding-top: 3px; position: relative;}

/*wCurrentCall*/
div.xApp_widgetPhone div.wCurrentCall{display:none;}
div.xApp_widgetPhone div.wCurrentCall .imgProfile {margin: 6px auto 0 auto; z-index: 2; position: relative;}
div.xApp_widgetPhone div.wCurrentCall .wavesAnimation{width: 120px; height: 120px; background-image: url(../SfImgs/wPhone/circleWave.gif); z-index: 1; position: absolute; background-size: 120px 120px; top: 92px; left: 64px;}

div.xApp_widgetPhone div.wCurrentCall h2{color: #4a4a4a; font-size: 16px; margin: 18px auto; display: block; text-align: center; margin-bottom: 3px; width: fit-content; padding-bottom: 2px;}
div.xApp_widgetPhone div.wCurrentCall h2.salesforcePopLink{color: #5078EE; border-bottom: 1px solid #5078EE; padding-bottom: 2px; cursor: pointer;}

div.xApp_widgetPhone div.wCurrentCall span.wInt{color: #3E3E3E; font-size: 12px; margin: 0 auto; display: block; text-align: center;}
div.xApp_widgetPhone div.wCurrentCall span.wDtmfTxt{display: none; text-align: center;font-size: 18px;color: #c1c1c1;margin-top: 5px;}
div.xApp_widgetPhone div.wCurrentCall h2.wNumber{}
div.xApp_widgetPhone div.wCurrentCall a.addToContacts span.ico{width: 15px; height: 15px; background-position: -227px 1px; float: left; margin: 0px 3px 0px 0px;}
div.xApp_widgetPhone div.wCurrentCall .infoQueueAndNumber{background: #5078EE; color: #fff; text-align: center; padding: 5px 4px 5px 4px; margin-top: 13px; font-size: 12px; font-weight: lighter; min-height: 15px;}
div.xApp_widgetPhone div.wCurrentCall .infoQueueAndNumber .nameQueue{display: block; background: #fff; color: #5078EE; width: calc(100% + 10px); margin: 5px 0 -5px -6px; padding-top: 3px; position: relative;}
div.xApp_widgetPhone div.wCurrentCall .wTime{text-align: center; margin-top: 11px; font-size: 25px; font-weight: 300; color: #5078EE;}
div.xApp_widgetPhone div.wCurrentCall .wTime.attachMargin{margin-top: 10px;}

div.xApp_widgetPhone div.wCurrentCall .wRecorder{text-align: center; font-size: 12px; color: #5078EE; width: 80px; margin: 10px auto 0 40px; cursor: pointer; float: left; border-right: 1px solid;}
div.xApp_widgetPhone div.wCurrentCall .wRecorder.mergeContact{margin-left: 5px; border: none;}

div.xApp_widgetPhone div.wCurrentCall ul{height: 40px; margin: 40px 0 0 0; text-align: center; position: absolute; width: 250px; background-color: rgba(80, 120, 238, 0.15); border-radius: 4px;    position: absolute; bottom: 110px;}
div.xApp_widgetPhone div.wCurrentCall li{width: 61px; height: 40px; float: left; font-size: 11px; color: #545454; line-height: 17px; border-right: 1px solid rgba(65, 101, 204, .2); cursor: pointer;}
div.xApp_widgetPhone div.wCurrentCall li:last-child{border-right: none;}
div.xApp_widgetPhone div.wCurrentCall li.dialpad{background-position: 15px -98px;}
div.xApp_widgetPhone div.wCurrentCall li.hold{background-position:-29px -98px;}
div.xApp_widgetPhone div.wCurrentCall li.mute{background-position:-72px -99px;}
div.xApp_widgetPhone div.wCurrentCall li.flip{background-position:-215px -98px;}
div.xApp_widgetPhone div.wCurrentCall li.transfer{background-position:-114px -99px;}
div.xApp_widgetPhone div.wCurrentCall li.rec{background-position:-170px -98px;}

div.xApp_widgetPhone div.wCurrentCall li.on.hold{background-position: -28px -147px; background-color: #5078EE;}
div.xApp_widgetPhone div.wCurrentCall li.on.mute{background-position: -72px -147px; background-color: #5078EE;}
div.xApp_widgetPhone div.wCurrentCall li.on.rec{background-position:-170px -146px;}

	/* ChangeTO CurrenCallDialOn */
	div.xApp_widgetPhone div.wCurrentCall li.on .ico.rec{}
	
/*machContact*/
div.xApp_widgetPhone div.matchContacts{text-align: center; position: relative;}
div.xApp_widgetPhone div.matchContacts .wName{display: inline-block;}
div.xApp_widgetPhone div.matchContacts .bulletDownBlue{ display: inline-block; width: 15px; height: 15px; background-position: -979px -418px; margin: 0px 0 -2px 4px; cursor: pointer; background-color: #0085ea; border-radius: 50%; }
div.xApp_widgetPhone div.matchContacts ul{visibility: hidden; border: 1px solid #ccc; background-color: #fefefe; left: 25px; right: 25px; margin: 0; max-height: 155px; padding: 0; position: absolute; top: 20px; z-index: 50; box-shadow: 0px 2px 19px -9px #00000075; opacity: 0; transition: all 0.5s ease; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; width: initial; height: initial; bottom: initial;}
div.xApp_widgetPhone div.matchContacts ul.on{visibility: visible; top: 43px; opacity: 1;}
div.xApp_widgetPhone div.matchContacts li{border-bottom: 1px solid #e3e3e3; color: #333; cursor: pointer; display: block; font-size: 13px; margin: 0; padding: 8px 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; text-align: left; height: initial;}
div.xApp_widgetPhone div.matchContacts li:last-child{border-bottom:none;}
div.xApp_widgetPhone div.matchContacts li:hover{background-color:#EEE; cursor: pointer;}
div.xApp_widgetPhone div.matchContacts .txtPotMatch{font-size: 11px; margin-top: 2px; margin-bottom: 11px; color: #928f8f;}
div.xApp_widgetPhone div.matchContacts .icoUserMach{ width: 12px; height: 12px; display: inline-block; background-position: -980px -408px; margin-bottom: -2px; margin-right: 3px; background-color: #0085ea; border-radius: 50%; }

/*wPostCallWork*/
div.xApp_widgetPhone div.wPostCallWork{margin-top: 93px;}
div.xApp_widgetPhone div.wPostCallWork .imgProfile {margin: 25px auto 0 auto; z-index: 2; position: relative;}
div.xApp_widgetPhone div.wPostCallWork .wavesAnimation{width: 120px; height: 120px; background-image: url(../SfImgs/wPhone/circleWave.gif); z-index: 1; position: absolute; background-size: 120px 120px; top: 111px; left: 64px;}

div.xApp_widgetPhone div.wPostCallWork h2{color: #4a4a4a; font-size: 16px; margin: 18px auto; display: block; text-align: center; margin-bottom: 3px; cursor: pointer; width: fit-content; padding-bottom: 2px;}
div.xApp_widgetPhone div.wPostCallWork h2.salesforcePopLink{color: #5078EE; border-bottom: 1px solid #5078EE; padding-bottom: 2px;}

div.xApp_widgetPhone div.wPostCallWork span.wInt{color: #3E3E3E; font-size: 12px; margin: 0 auto; display: block; text-align: center;}
div.xApp_widgetPhone div.wPostCallWork span.wDtmfTxt{display: none; text-align: center;font-size: 18px;color: #c1c1c1;margin-top: 5px;}
div.xApp_widgetPhone div.wPostCallWork h2.wNumber{}
div.xApp_widgetPhone div.wPostCallWork a.addToContacts span.ico{width: 15px; height: 15px; background-position: -227px 1px; float: left; margin: 0px 3px 0px 0px;}
div.xApp_widgetPhone div.wPostCallWork .wTime{text-align: center; margin-top: 13px; font-size: 25px; font-weight: 300; color: #5078EE;}
div.xApp_widgetPhone div.wPostCallWork .wTime.attachMargin{margin-top: 20px;}
div.xApp_widgetPhone div.wPostCallWork .txtBlue{text-align: center; margin-top: 0; font-size: 15px; font-weight: bold; color: #5078EE;}

div.xApp_widgetPhone div.wPostCallWork .wRecorder{text-align: center; font-size: 12px; color: #5078EE; width: 80px; margin: 10px auto 0 40px; cursor: pointer; float: left; border-right: 1px solid;}
div.xApp_widgetPhone div.wPostCallWork .wRecorder.mergeContact{margin-left: 5px; border: none;}

div.xApp_widgetPhone div.wPostCallWork .infoQueueAndNumber{background: #5078EE; color: #fff; text-align: center; padding: 5px 4px; margin-top: 20px; font-size: 12px; font-weight: lighter; min-height: 15px;}
div.xApp_widgetPhone div.wPostCallWork .infoQueueAndNumber .nameQueue{display: block; background: #fff; color: #5078EE; width: calc(100% + 10px); margin: 5px 0 -5px -6px; padding-top: 3px; position: relative;}

/*wConnectingCall*/
div.xApp_widgetPhone div.wConnectingCall{display:none; margin-top: 60px;}
div.xApp_widgetPhone div.wConnectingCall .imgProfile{margin-bottom: 16px;}
div.xApp_widgetPhone div.wConnectingCall h2{color: #4a4a4a; font-size: 16px; margin: 18px auto; display: block; text-align: center; margin-bottom: 3px; cursor: pointer; width: fit-content; padding-bottom: 2px;}
div.xApp_widgetPhone div.wConnectingCall h2.salesforcePopLink{color: #5078EE; border-bottom: 1px solid #5078EE; padding-bottom: 2px;}
div.xApp_widgetPhone div.wConnectingCall span.wInt{color: #3E3E3E; font-size: 12px; margin: 0 auto; display: block; text-align: center;}
div.xApp_widgetPhone div.wConnectingCall span.wStatus{color: #5078EE; font-size: 16px; margin: 0 auto; display: block; text-align: center; margin-top: 15px; font-weight: 300;}

div.xApp_widgetPhoned div.wConnectingCall div.wBottom a.btn.decline{margin-bottom: 40px;}

/*wFinishCall*/
div.xApp_widgetPhone div.wFinishCall{display:none;}
div.xApp_widgetPhone div.wFinishCall .imgProfile{margin-bottom: 16px; margin-top: 15px;}
div.xApp_widgetPhone div.wFinishCall h2{color: #4a4a4a; font-size: 16px; margin: 18px auto; display: block; text-align: center; margin-bottom: 3px; cursor: pointer; width: fit-content; padding-bottom: 2px;}
div.xApp_widgetPhone div.wFinishCall h2.salesforcePopLink{color: #5078EE; border-bottom: 1px solid #5078EE; padding-bottom: 2px;}
div.xApp_widgetPhone div.wFinishCall span.wInt{color: #3E3E3E; font-size: 12px; margin: 0 auto; display: block; text-align: center;}
div.xApp_widgetPhone div.wFinishCall .wCallFinish{text-align: center; font-size: 12px; color: #c1c1c1; margin-top: 12px;margin-bottom: 7px;}
div.xApp_widgetPhone div.wFinishCall .wTime{text-align: center; font-size: 27px; font-weight: 300; color: #8C8C8C;}
div.xApp_widgetPhone div.wFinishCall .wlineTxt{text-align: center; font-size: 12px; color: #c1c1c1; margin-top: 12px;border-top: 1px solid #dadada; padding-top: 15px;}
div.xApp_widgetPhone div.wFinishCall .wBtnSkip{text-align: center; font-size: 13px; color: #2B2B2B; margin-top: 12px; cursor: ;}

/*wActiveCalls*/
div.xApp_widgetPhone div.wActiveCalls{display:none; margin: 14px -9px 0 -14px;}
div.xApp_widgetPhone div.wActiveCalls h1{border-top: solid 1px #CACACA; width: 100%; display: block; margin: 0; color: #5078EE; font-size: 10px; padding: 0; border-bottom: solid 1px #CACACA; line-height: 22px; font-weight: initial; text-align: center;}
div.xApp_widgetPhone div.wActiveCalls ul{max-height: 358px;}
div.xApp_widgetPhone div.wActiveCalls li{padding: 16px 23px 19px 20px; border-bottom: solid 1px #c1c1c1; overflow: hidden;}
div.xApp_widgetPhone div.wActiveCalls li:last-child{border-bottom:none;}
div.xApp_widgetPhone div.wActiveCalls .imgProfile{float: left; margin-right: 10px;}
div.xApp_widgetPhone div.wActiveCalls .wName{font-size: 14px;}
div.xApp_widgetPhone div.wActiveCalls .wExt{color: #AFAFAF; font-size: 10px; font-weight: 400; margin: 3px 0 2px 0;}
div.xApp_widgetPhone div.wActiveCalls .wCurrentTime{display: inline-block; font-size: 22px; color: #5078EE; font-weight: 100;}
div.xApp_widgetPhone div.wActiveCalls .actions{position: absolute; right: 19px; bottom: 21px; background-color: #fff; padding: 2px;}
div.xApp_widgetPhone div.wActiveCalls .wBtn{float: right; width: 20px; height: 20px; border-radius: 50%; margin-left: 4px; cursor: pointer;margin-top: 4px;}
div.xApp_widgetPhone div.wActiveCalls .wBtn.wDecline{background-color: #FF3700; background-position: -186px 1px;transition:background-color 0.5s ease;-webkit-transition:background-color 0.5s ease;-moz-transition:background-color 0.5s ease;-ms-transition:background-color 0.5s ease;}
div.xApp_widgetPhone div.wActiveCalls .wBtn.wDecline:hover{background-color: #CC2D00;}
div.xApp_widgetPhone div.wActiveCalls .wBtn.wTransfer{background-color: #5078EE; background-position: -169px 1px;transition:background-color 0.5s ease;-webkit-transition:background-color 0.5s ease;-moz-transition:background-color 0.5s ease;-ms-transition:background-color 0.5s ease;}
div.xApp_widgetPhone div.wActiveCalls .wBtn.wTransfer:hover{background-color: #0066B3;}
div.xApp_widgetPhone div.wActiveCalls .wBtn.wHold{border: 1px solid #aaaaaa; background-position: -202px 1px;transition:background-color 0.5s ease;-webkit-transition:background-color 0.5s ease;-moz-transition:background-color 0.5s ease;-ms-transition:background-color 0.5s ease;width: 19px;height: 19px;}
div.xApp_widgetPhone div.wActiveCalls .wBtn.wHold:hover{background-color: #EEEEEE;}
div.xApp_widgetPhone div.wActiveCalls .wBtn.wHold.on{background-color: #AAAAAA;background-position: -264px 3px;}
div.xApp_widgetPhone div.wActiveCalls .wBtn.wResumeCall{display: none; background-color: #00BB00; width: 0; border-radius: 35px; color: #fff; font-weight: 100; font-size: 10px; height: 17px; padding: 3px 2px 0px 28px; background-position: -329px -262px; margin-right: 4px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; white-space: pre; text-indent: 38px;}
div.xApp_widgetPhone div.wActiveCalls .wBtn.wResumeCall:hover{width: 70px; text-indent: 4px;}

div.xApp_widgetPhone div.wActiveCalls li.otherCall{position: relative;}
div.xApp_widgetPhone div.wActiveCalls li.otherCall .imgProfile {}
div.xApp_widgetPhone div.wActiveCalls li.otherCall .wName{max-width: 110px;}
div.xApp_widgetPhone div.wActiveCalls li.otherCall .wExt{color: #AFAFAF; font-size: 10px; font-weight: 400; margin: 4px 0 4px 0;}
div.xApp_widgetPhone div.wActiveCalls li.otherCall .wCurrentTime{font-size: 16px;margin-top: 3px; text-align: right; width: 57px; color: #c1c1c1;}
div.xApp_widgetPhone div.wActiveCalls li.otherCall .wBtn{}
div.xApp_widgetPhone div.wActiveCalls li.otherCall .wBtn.wDecline{}
div.xApp_widgetPhone div.wActiveCalls li.otherCall .wBtn.wTransfer{margin-left: 0;}
div.xApp_widgetPhone div.wActiveCalls li.otherCall .wBtn.wHold{display:none;}
div.xApp_widgetPhone div.wActiveCalls li.otherCall .wBtn.wResumeCall{display:block;}

div.xApp_widgetPhone div.wActiveCalls .generalSplash{position: initial; margin-top: 13px;}

/*wModal modalFormRating */
div.xApp_widgetPhone div.wModal.modalFormRating .wContent .wlineTxt{text-align: center; font-size: 15px; margin: 0px 0 16px 0;}

div.xApp_widgetPhone div.wModal.modalFormRating .wContent .wTxt{margin: 26px 0px 8px 0px; text-align: center; font-size: 15px; font-weight: 300;}
div.xApp_widgetPhone div.wModal.modalFormRating .wContent ul.WForm{width: 100%; overflow: hidden; margin: 0 0px -8px 24px;}
div.xApp_widgetPhone div.wModal.modalFormRating .wContent ul.WForm li{width: 100%; overflow: hidden; margin: 1px 0 0 0;}
div.xApp_widgetPhone div.wModal.modalFormRating .wContent ul.WForm .checkOut{float: left; margin-top: 9px; margin-right: 10px;}
div.xApp_widgetPhone div.wModal.modalFormRating .wContent ul.WForm label{font-size: 13px;}
div.xApp_widgetPhone div.wModal.modalFormRating .wContent textarea{resize: none; width: calc(100% - 20px); padding: 10px; height: 70px; border-radius: 4px; border: 1px solid #CECECE;font-size: 12px;}
div.xApp_widgetPhone div.wModal.modalFormRating .wContent .wBtnSkip{float: right; margin-top: 14px; color: #A2A2A2;}
div.xApp_widgetPhone div.wModal.modalFormRating .wContent .wBtnSkip:hover{text-decoration: underline;cursor: pointer;}
div.xApp_widgetPhone div.wModal.modalFormRating .wContent .wBtnblue.submit{float: right; margin: 10px 0 0px 12px;cursor:pointer;}

/*wModal modalAddContact */
div.xApp_widgetPhone div.wModal.modalAddContact .wContent{margin:10px 15px 15px 15px;}
div.xApp_widgetPhone div.wModal.modalAddContact .wContent ul.WForm{width: calc(100% + 10px); height: 461px;}
div.xApp_widgetPhone div.wModal.modalAddContact .wContent ul.WForm li{width: calc(50% - 10px); margin: 0px 10px 5px 0; float: left;}
div.xApp_widgetPhone div.wModal.modalAddContact .wContent ul.WForm li.fullWidth{width: calc(100% - 10px);margin-bottom: 10px;}
div.xApp_widgetPhone div.wModal.modalAddContact .wContent ul.WForm li.fullWidth .formSelect ul li{width: 100%;}
div.xApp_widgetPhone div.wModal.modalAddContact .wContent ul.WForm input.txt{padding: 0px 15px 0px 10px; width: 100%; height: 31px; margin-bottom: 6px; margin-top: -2px; box-sizing: border-box; font-weight: 300;}
div.xApp_widgetPhone div.wModal.modalAddContact .wContent ul.WForm label{font-size: 13px; width: 100%; padding: 0 0px 2px 2px; line-height: 25px;}
div.xApp_widgetPhone div.wModal.modalAddContact .wContent .saveBtnWrapp{width: 277px; height: 55px; background-color: #e6e6e6; float: left; margin: -49px 0 0px -15px; padding: 10px 0 0px 5px; box-sizing: border-box;}
div.xApp_widgetPhone div.wModal.modalAddContact .wContent .saveBtnWrapp .wBtnblue.submit{float: initial; cursor: pointer; text-align: center; height: 34px; box-sizing: border-box; padding-top: 8px; position: relative; width: 245px;}
div.xApp_widgetPhone div.wModal.modalAddContact .wSelectNumber input{width: calc(100% - 67px); padding: 0 15px 0px 50px;margin-bottom: 4px;}
div.xApp_widgetPhone div.wModal.modalAddContact .wSelectNumber ul.wDropdownMenu{left: -11px; width: 247px;}
div.xApp_widgetPhone div.wModal.modalAddContact .formSelect{height: auto; margin: 0;}
div.xApp_widgetPhone div.wModal.modalAddContact .formSelect .display {width: 100%;height: 30px;}
div.xApp_widgetPhone div.wModal.modalAddContact .formSelect ul{top: 65px;}

/* wModal transferCall & mergeContact */
div.xApp_widgetPhone div.wModal.modalTransferCall ul.userList,
div.xApp_widgetPhone div.wModal.modalMergeContact ul.userList{display:block; max-height: 410px;}
div.xApp_widgetPhone div.wModal.modalTransferCall ul.userList li .action,
div.xApp_widgetPhone div.wModal.modalMergeContact ul.userList li .action{background-position: -281px 3px;}

div.xApp_widgetPhone div.wModal.modalTransferCall input,
div.xApp_widgetPhone div.wModal.modalMergeContact input{width: calc(100% - 10px); font-weight: 300; font-size: 14px; height: 32px; text-align: center; padding-left: 0; margin: 0 0 20px 0; padding-right: 10px;}

div.xApp_widgetPhone div.wModal.modalTransferCall .wConfirmTransfer{display:none;}
div.xApp_widgetPhone div.wModal.modalTransferCall .wConfirmTransfer ul{margin-top: 30px;}
div.xApp_widgetPhone div.wModal.modalTransferCall .wConfirmTransfer ul li{cursor:pointer; color: #fff; border-radius: 4px; padding: 7px 6px; text-align: center; margin-bottom: 8px;}
div.xApp_widgetPhone div.wModal.modalTransferCall .wConfirmTransfer ul li.wTransferNow{background-color:#5078EE;}
div.xApp_widgetPhone div.wModal.modalTransferCall .wConfirmTransfer ul li.wAskFirst{background-color:#0e67b0;}
div.xApp_widgetPhone div.wModal.modalTransferCall .wConfirmTransfer ul li.WTransferToVoicemail{background-color:#1cb91f;}
div.xApp_widgetPhone div.wModal.modalTransferCall .wConfirmTransfer .imgProfile {margin-bottom: 12px;}
div.xApp_widgetPhone div.wModal.modalTransferCall .wConfirmTransfer h2{color: #2B2B2B; font-size: 16px; margin: 0 auto; display: block; text-align: center; margin-bottom: 3px;}
div.xApp_widgetPhone div.wModal.modalTransferCall .wConfirmTransfer span.wNumber{color: #5078EE; font-size: 12px; margin: 0 auto; display: block; text-align: center;}
div.xApp_widgetPhone div.wModal.modalTransferCall .wConfirmTransfer span.wLine{width: 150px; display: block; margin: 0 auto; margin-top: 14px; margin-bottom: 14px; text-align: center; cursor: pointer;}

div.xApp_widgetPhone div.wModal.modalTransferCall .wConnectingAskFirst{display:none; margin-top: 60px;}
div.xApp_widgetPhone div.wModal.modalTransferCall .wConnectingAskFirst .imgProfile{margin-bottom: 16px;}
div.xApp_widgetPhone div.wModal.modalTransferCall .wConnectingAskFirst h2{color: #2B2B2B; font-size: 16px; margin: 0 auto; display: block; text-align: center; margin-bottom: 3px;}
div.xApp_widgetPhone div.wModal.modalTransferCall .wConnectingAskFirst span.wInt{color: #3E3E3E; font-size: 12px; margin: 0 auto; display: block; text-align: center;}
div.xApp_widgetPhone div.wModal.modalTransferCall .wConnectingAskFirst span.wStatus{color: #5078EE; font-size: 16px; margin: 0 auto; display: block; text-align: center; margin-top: 15px; font-weight: 300;}
div.xApp_widgetPhone div.wModal.modalTransferCall .wConnectingAskFirst a.btn.decline{background-color: #FF3700; background-position: -125px -28px; width: 60px; height: 60px; border-radius: 50%; margin-top: 24px;}

div.xApp_widgetPhone div.wModal.modalTransferCall .wAskFirst{display:none; margin-top: 60px;}
div.xApp_widgetPhone div.wModal.modalTransferCall .wAskFirst .imgProfile{margin-bottom: 16px;}
div.xApp_widgetPhone div.wModal.modalTransferCall .wAskFirst h2{color: #2B2B2B; font-size: 16px; margin: 0 auto; display: block; text-align: center; margin-bottom: 3px;}
div.xApp_widgetPhone div.wModal.modalTransferCall .wAskFirst span.wInt{color: #3E3E3E; font-size: 12px; margin: 0 auto; display: block; text-align: center;}
div.xApp_widgetPhone div.wModal.modalTransferCall .wAskFirst .wTime{text-align: center; margin-top: 5px; font-size: 25px; font-weight: 300; color: #5078EE;}
div.xApp_widgetPhone div.wModal.modalTransferCall .wAskFirst a.btn.decline{background-color: #FF3700; background-position: -125px -28px; width: 60px; height: 60px; border-radius: 50%;}
div.xApp_widgetPhone div.wModal.modalTransferCall .wAskFirst li.WTransferNow{cursor: pointer; color: #fff; border-radius: 4px; padding: 7px 6px; text-align: center; background-color: #5078EE; margin: 0 auto; width: 60%; margin-top: 20px; margin-bottom: 10px;}
div.xApp_widgetPhone div.wModal.modalTransferCall .wAskFirst li.wDecline{cursor: pointer; color: #fff; border-radius: 4px; padding: 7px 6px; text-align: center; background-color: #FF3700; margin: 0 auto; width: 60%; margin-bottom: 10px; height: 16px;background-position: -160px -279px;}

div.xApp_widgetPhone div.wConnectingCall div.wBottom a.btn.decline{margin-bottom: 40px;}

div.xApp_widgetPhone div.wModal.modalMergeContact .searchContact{}
div.xApp_widgetPhone div.wModal.modalMergeContact .confirmMerge .imgProfile{margin-top: 60px;}
div.xApp_widgetPhone div.wModal.modalMergeContact .confirmMerge .existingNumber{text-align: center; color: #757575; margin: 4px 0 0 0;}
div.xApp_widgetPhone div.wModal.modalMergeContact .confirmMerge .contactName{text-align: center; color: #4a4a4a; font-size: 17px; font-weight: 600; margin: 10px 0 0 0;}
div.xApp_widgetPhone div.wModal.modalMergeContact .confirmMerge .newNumber{text-align: center; color: #5078EE; font-size: 17px; font-weight: 600;}
div.xApp_widgetPhone div.wModal.modalMergeContact .confirmMerge .subtitle{text-align: center; color: #adadad; margin: 3px 0 0 0;}
div.xApp_widgetPhone div.wModal.modalMergeContact .confirmMerge .btnBlue{position: absolute; bottom: 70px; width: calc(100% - 29px); text-align: center;}
div.xApp_widgetPhone div.wModal.modalMergeContact .confirmMerge span{text-align: center; display: block; font-size: 25px; font-weight: 600; color: #4a4a4a; margin: 10px 0px;}

/* wModal mergeContact */

/*     ----      ----             ----      ----             ----      ----             ----      ----        */
/*  --  SWITCH  --    --    --    --    --    --    --    --    --    --    --    --    --    --    --    --> */
/*     ----      ----             ----      ----             ----      ----             ----      ----        */

/* Show Recents */
	/* attach > wTop */
	div.xApp_wRapperWidgetPhone.recents div.wTop a.wLink.viewRecents{display:none}
	div.xApp_wRapperWidgetPhone.recents div.wTop a.wLink.addToContacts{display:none}
	div.xApp_wRapperWidgetPhone.recents div.wTop a.wLink.showDialpad{display:inline-block}
	div.xApp_wRapperWidgetPhone.recents div.wTop input.search{display:block;}
	div.xApp_wRapperWidgetPhone.recents div.wTop div.wSelectNumber{display:none;}

	/* attach > wMiddle */
	div.xApp_wRapperWidgetPhone.recents div.wMiddle {}
	div.xApp_wRapperWidgetPhone.recents div.wMiddle ul.wPad{display: none;}
	div.xApp_wRapperWidgetPhone.recents div.wMiddle ul.userList{display: initial;}

	/* attach > wBottom */
	div.xApp_wRapperWidgetPhone.recents div.wBottom {display:none;}
	
/* Show Incoming Call */
	/* attach > wTop */
	div.xApp_wRapperWidgetPhone.incomingCall div.wTop a.wLink.viewRecents{display:none}
	div.xApp_wRapperWidgetPhone.incomingCall div.wTop a.wLink.addToContacts{display:none}
	div.xApp_wRapperWidgetPhone.incomingCall div.wTop a.wLink.showDialpad{display:none}
	div.xApp_wRapperWidgetPhone.incomingCall div.wTop input.search{display:none;}
	div.xApp_wRapperWidgetPhone.incomingCall div.wTop div.wSelectNumber{display:none;}
	div.xApp_wRapperWidgetPhone.incomingCall div.wTop div.wCallerId{display:none;}
	
	/* attach > wMiddle */
	div.xApp_wRapperWidgetPhone.incomingCall div.wMiddle ul.wPad{display: none;}
	div.xApp_wRapperWidgetPhone.incomingCall .wIncomigCall{display:block;}
	
	/* attach > wBottom */
	div.xApp_wRapperWidgetPhone.incomingCall div.wBottom {display:none;}


/* Show Curret Call */
	/* attach > wTop */
	div.xApp_wRapperWidgetPhone.currentCall div.wTop a.wLink.viewRecents{display:none}
	div.xApp_wRapperWidgetPhone.currentCall div.wTop a.wLink.addToContacts{display:none}
	div.xApp_wRapperWidgetPhone.currentCall div.wTop a.wLink.showDialpad{display:none}
	div.xApp_wRapperWidgetPhone.currentCall div.wTop input.search{display:none;}
	div.xApp_wRapperWidgetPhone.currentCall div.wTop div.wSelectNumber{display:none;}
		/* ChangeTO CurrenCallDialOn */
		div.xApp_wRapperWidgetPhone.currentCall.showDialPad div.wTop a.wLink.hideDialpad{display:block; margin-top: 85px;}
		div.xApp_wRapperWidgetPhone.currentCall.showDialPad div.wTop div.wCallerId{display:none;}
		
	/* attach > wMiddle */
	div.xApp_wRapperWidgetPhone.currentCall div.wMiddle ul.wPad{display: none;}
	div.xApp_wRapperWidgetPhone.currentCall .wCurrentCall{display:block;}
		/* ChangeTO CurrenCallDialOn */
		div.xApp_wRapperWidgetPhone.currentCall.showDialPad div.wisibleDialIsOff{display:none}
		div.xApp_wRapperWidgetPhone.currentCall.showDialPad div.wMiddle ul.wPad{display: initial; float: left; margin-top: 0;}
		div.xApp_wRapperWidgetPhone.currentCall.showDialPad div.wMiddle .wName{margin-top: -93px;}
		div.xApp_wRapperWidgetPhone.currentCall.showDialPad div.wMiddle .wDtmfTxt{display:block;}

	/* attach > wBottom */
	div.xApp_wRapperWidgetPhone.currentCall div.wBottom .call {display:none;}
	div.xApp_wRapperWidgetPhone.currentCall div.wBottom a.btn.decline {display:block;}
	div.xApp_wRapperWidgetPhone.currentCall div.wBottom a.newCall {display:block;}

/* Show Connecting Call */
	/* attach > wTop */
	div.xApp_wRapperWidgetPhone.connectingCall div.wTop a.wLink.viewRecents{display:none}
	div.xApp_wRapperWidgetPhone.connectingCall div.wTop a.wLink.showDialpad{display:none}
	div.xApp_wRapperWidgetPhone.connectingCall div.wTop a.wLink.addToContacts{display:none}
	div.xApp_wRapperWidgetPhone.connectingCall div.wTop input.search{display:none;}
	div.xApp_wRapperWidgetPhone.connectingCall div.wTop div.wSelectNumber{display:none;}
	
	/* attach > wMiddle */
	div.xApp_wRapperWidgetPhone.connectingCall div.wMiddle ul.wPad{display: none;}
	div.xApp_wRapperWidgetPhone.connectingCall .wConnectingCall{display:block;}
	
	/* attach > wBottom */
	div.xApp_wRapperWidgetPhone.connectingCall div.wBottom .call {display:none;}
	div.xApp_wRapperWidgetPhone.connectingCall div.wBottom a.btn.decline {display:block;}

/* Show Finish Call */
	/* attach > wTop */
	div.xApp_wRapperWidgetPhone.finishCall div.wTop a.wLink.viewRecents{display:none}
	div.xApp_wRapperWidgetPhone.finishCall div.wTop a.wLink.showDialpad{display:none}
	div.xApp_wRapperWidgetPhone.finishCall div.wTop a.wLink.addToContacts{display:none}
	div.xApp_wRapperWidgetPhone.finishCall div.wTop input.search{display:none;}
	div.xApp_wRapperWidgetPhone.finishCall div.wTop div.wSelectNumber{display:none;}
	
	/* attach > wMiddle */
	div.xApp_wRapperWidgetPhone.finishCall div.wMiddle ul.wPad{display: none;}
	div.xApp_wRapperWidgetPhone.finishCall .wFinishCall{display:block;}
	
	/* attach > wBottom */
	div.xApp_wRapperWidgetPhone.finishCall div.wBottom {display:none;}

/* Show Active Calls */
	/* attach > wTop */
	div.xApp_wRapperWidgetPhone.activeCalls div.wTop a.wLink.viewRecents{display:none}
	div.xApp_wRapperWidgetPhone.activeCalls div.wTop a.wLink.showDialpad{display:none}
	div.xApp_wRapperWidgetPhone.activeCalls div.wTop a.wLink.addToContacts{display:none}
	div.xApp_wRapperWidgetPhone.activeCalls div.wTop input.search{display:none;}
	div.xApp_wRapperWidgetPhone.activeCalls div.wTop div.wSelectNumber{display:none;}
	div.xApp_wRapperWidgetPhone.activeCalls div.wTop div.wCallerId{display:none;}
	div.xApp_wRapperWidgetPhone.activeCalls div.wBottom .call {display:none;}
	
	/* attach > wMiddle */
	div.xApp_wRapperWidgetPhone.activeCalls div.wMiddle ul.wPad{display: none;}
	div.xApp_wRapperWidgetPhone.activeCalls .wActiveCalls{display:block;}
	
	/* attach > wBottom */
	div.xApp_wRapperWidgetPhone.ativeCalls div.wBottom {display:none;}
	
/* Show wModal FormRating */
	div.xApp_wRapperWidgetPhone.showModalFormRating div.wModal.modalFormRating{display:block;}
	
/* Show wModal AddContact */
	div.xApp_wRapperWidgetPhone.showModalAddContact div.wModal.modalAddContact{display:block;}	

/* Show wModal mergeContact */
	div.xApp_wRapperWidgetPhone.showModalMergeContact div.wModal.modalMergeContact{display:block;}

/* Show wModal transferCall */
	div.xApp_wRapperWidgetPhone.showModalTransferCall div.wModal.modalTransferCall{display:block;}
	div.xApp_wRapperWidgetPhone.showModalTransferCall.showConfirmTransfer div.wModal.modalTransferCall .wConfirmTransfer{display:block;}
	div.xApp_wRapperWidgetPhone.showModalTransferCall.showConfirmTransfer div.wModal.modalTransferCall ul.userList {display:none;}
    div.xApp_wRapperWidgetPhone.showModalTransferCall.showConfirmTransfer div.wModal.modalTransferCall input {display:none;}
    
	div.xApp_wRapperWidgetPhone.showModalTransferCall.showConnectingAskFirst div.wModal.modalTransferCall .wConnectingAskFirst{display:block;}
	div.xApp_wRapperWidgetPhone.showModalTransferCall.showConnectingAskFirst div.wModal.modalTransferCall ul.userList{display:none;}
	div.xApp_wRapperWidgetPhone.showModalTransferCall.showConnectingAskFirst div.wModal.modalTransferCall input{display:none;}
	
	div.xApp_wRapperWidgetPhone.showModalTransferCall.showAskFirst div.wModal.modalTransferCall .wAskFirst{display:block;}
	div.xApp_wRapperWidgetPhone.showModalTransferCall.showAskFirst div.wModal.modalTransferCall ul.userList{display:none;}
	div.xApp_wRapperWidgetPhone.showModalTransferCall.showAskFirst div.wModal.modalTransferCall input{display:none;}

/*     ----      ----             ----      ----             ----      ----             ----      ----        */
/*  --  wrappIntegrationSf  --    --    --    --    --    --    --    --    --    --    --    --    --    --> */
/*     ----      ----             ----      ----             ----      ----             ----      ----        */
div.wrappIntegrationSf{float: right; border-left: 1px solid #e0e0e0; margin: -8px 49px 0 0; width: calc(100% - 318px); height: 100vh; overflow: hidden;}

/*ATTACH*/
	/* genaralList */
	div.wrappIntegrationSf .genaralList{margin: 0; width: 100%;}
	div.wrappIntegrationSf td.actions ul li{width: 100%!important; margin: 0!important;}
	div.wrappIntegrationSf table.genaralList tr:hover td.actions.on ul.actionsList {right: 32px;}
	
	div.wrappIntegrationSf .generalSplash{top: calc(40% - 48px); position: absolute; text-align:center;}
	div.wrappIntegrationSf .generalSplash .txt{width: 70%;}
	div.wrappIntegrationSf .generalSplash .txt.noResults{display: none;}
	div.wrappIntegrationSf .generalSplash .btnBlue{width: initial; display: inline-block;}
	
	div.wrappIntegrationSf .generalSplash.noResults .img{}
	div.wrappIntegrationSf .generalSplash.noResults .txt{display: none;}
	div.wrappIntegrationSf .generalSplash.noResults .txt.noResults{display: block;}
	
	div.wrappIntegrationSf .generalLoader{position: absolute; margin: 0px; left: calc(50% - 1.5em); top: calc(50% - 19px);}
	div.wrappIntegrationSf .generalLoader.small{width: 10px; height: 10px; position: absolute; right: 12px; top: 34px; left: initial;}
	
	div.wrappIntegrationSf .clearAllNotificationsList{margin: 0px 0 0 0; border-radius: initial;}
	
/*	.modalHost.isPhone .hideThisIn_phoneDialog{display:none;}
	.modalHost.isPhone .slaveContent{position: initial;}
	
	.modalHost.isPhone .formSelect ul{max-height: 151px;}
	.modalHost.isPhone li.formSelectWhitOption .formSelect {width: 60px!important; position: absolute; top: 26px; left: 1px;}
	.modalHost.isPhone li.formSelectWhitOption .formSelect ul {width: 152px;left: -2px;}
	.modalHost.isPhone li.formSelectWhitOption .formSelect .display {height: 31px;width: 48px;border-radius: 3px 0px 0 3px;background-color:#e6e6e6;background-position: 34px 14px;}

	.modalHost.isPhone li.formSelectWhitOption .formSelect .display .ico{width: 28px; height: 25px; margin: -6px 0 0 -8px;}
	.modalHost.isPhone li.formSelectWhitOption .formSelect .display.contact .ico{background-position:-903px -366px;}
	.modalHost.isPhone li.formSelectWhitOption .formSelect .display.lead .ico{background-position:-403px -366px;}
	.modalHost.isPhone li.formSelectWhitOption .formSelect .display.account .ico{background-position:-753px -366px;}

	.modalHost.isPhone li.formSelectWhitOption .formSelect.top ul {top: initial; bottom: 31px;}
	.modalHost.isPhone li.formSelectWhitOption input {width: calc(100% - 60px)!important; padding-left: 58px;}*/
	
	/* tabsButtons */
	div.wrappIntegrationSf .tabsButtons{width: 100%;height: 48px;}
	div.wrappIntegrationSf .tabsButtons.title .left{width: 100%; cursor: initial;}
	div.wrappIntegrationSf .tabsButtons div{border-bottom: 2px solid #ddd;font-size: 12px; color: #7d7d7d;padding: 15px 0;}
	div.wrappIntegrationSf .tabsButtons div.active{color: #585858; border-bottom: solid 2px #5078EE; font-weight: 600;}

	/* wModal */
	div.wrappIntegrationSf div.wModal{padding: 0 12px; background: #fff; position: absolute; top: 48px; transform: translateX(100%); -webkit-transform: translateX(100%); width: 100%; bottom: initial; height: 472px; transition: transform 0.4s ease; -webkit-transition: transform 0.4s ease; box-sizing: border-box;}
	div.wrappIntegrationSf div.wModal.on{transform: translateX(0px); -webkit-transform: translateX(0px);}
	
	div.wrappIntegrationSf div.wModal ul.content{padding: 0; height: 410px; width: 100%;}
	div.wrappIntegrationSf.powerDialIsActive div.wModal ul.content{height: 342px;}
	div.wrappIntegrationSf div.wModal ul.content li{margin: 5px 5px 5px 5px; width: calc(50% - 10px); position: relative;}
	div.wrappIntegrationSf div.wModal ul.content li.fullWidth{width: calc(100% - 10px); margin: 5px;}
	div.wrappIntegrationSf div.wModal ul.content li.separator{width: calc(100% - 11px); margin: 6px 5px;}
	div.wrappIntegrationSf div.wModal ul.content li input{margin: 0px 10px 0 0px; width: calc(100% - 12px);}
	div.wrappIntegrationSf div.wModal ul.content li label{color: #3c3c3c; margin: 0px 0px 8px 2px;}
	div.wrappIntegrationSf div.wModal ul.content li textarea{color: #3c3c3c; margin: 5px 0px 5px 0px; font-size: 13px; height: 80px;}
	div.wrappIntegrationSf div.wModal ul.content li .formSelect{width: 100%; min-width: initial;}
	div.wrappIntegrationSf div.wModal ul.content li .formSelect ul li{margin: 0; width: 100%;}
	div.wrappIntegrationSf div.wModal ul.content li .formSelect.multiple ul li{width: calc(100% - 22px);}

	div.wrappIntegrationSf div.wModal ul.content li .suggesterContactSearch{width: calc(100% - 2px);top: 59px;}
	div.wrappIntegrationSf div.wModal ul.content li .suggesterContactSearch li{padding: 8px 10px; cursor: pointer;}
	div.wrappIntegrationSf div.wModal ul.content li .suggesterContactSearch li label{margin: 5px 0 0 5px;}
	div.wrappIntegrationSf div.wModal ul.content li .suggesterContactSearch.top {top: initial; bottom: 35px;}

	div.wrappIntegrationSf div.wModal ul.content li .addedMemberGroupList{}
	div.wrappIntegrationSf div.wModal ul.content li .addedMemberGroupList li{}
	div.wrappIntegrationSf div.wModal ul.content li .addedMemberGroupList li label{margin: 8px 0 0 9px; max-width: 182px;}
	div.wrappIntegrationSf div.wModal ul.content li .addedMemberGroupList li .delete{margin: 3px 0 0 0;}



div.wrappIntegrationSf div.hiddenSaveBtn{ position: absolute; top: 9px; right: 24px; margin: 0; box-sizing: border-box;}
div.wrappIntegrationSf div.hiddenSaveBtn .btnBlue, div.wrappIntegrationSf div.hiddenSaveBtn .btnRed, div.wrappIntegrationSf div.hiddenSaveBtn .btnGrey {width: initial; height: initial; text-align: center; padding: 6px 12px 6px 12px; }

div.wrappIntegrationSf div.blueCorn{ height: 48px; position: absolute; bottom: 62px; margin: 0; box-sizing: border-box; padding: 0px 8px; z-index: 100; right: -383px; background: #5078EE; color: #fff; width: 372px; border-radius: 3px; } 
div.wrappIntegrationSf div.blueCorn div.left{float: left; overflow: hidden; margin-right: 12px; margin-top: 8px; margin-left: 10px;}
div.wrappIntegrationSf div.blueCorn div.left .name{font-size: 14px;}
div.wrappIntegrationSf div.blueCorn div.left .value{font-size: 12px; font-weight: lighter;}
div.wrappIntegrationSf div.blueCorn div.left .time{font-weight: lighter; font-size: 14px;}
div.wrappIntegrationSf div.blueCorn div.left .next{display: inline-block; height: 20px; width: 20px; background-position: -984px -259px; margin-left: 3px;}
div.wrappIntegrationSf div.blueCorn div.left .valueTime{float: left;}

div.wrappIntegrationSf div.blueCorn div.right{float: right; margin-top: 9px; margin-right: 3px;}
div.wrappIntegrationSf div.blueCorn div.right .pause, div.wrappIntegrationSf div.blueCorn div.right .exit{border-radius:50%; width: 30px; height: 30px; float: left; margin-left: 6px; cursor: pointer; background-color: #3555B4;}
div.wrappIntegrationSf div.blueCorn div.right .pause{background-position: -490px -52px;}
div.wrappIntegrationSf div.blueCorn div.right .exit{background-position: -529px -52px;}



	div.hiddenDeleteBtn{ -webkit-transition: transform 0.5s ease; transition: transform 0.5s ease; left: 0; bottom: -80px; height: 45px; z-index: 9999;}
	div.hiddenDeleteBtn.on{transform: translateY(-100px);}
	div.hiddenDeleteBtn div.cancelButton{ padding-left: 20px;}
	div.hiddenDeleteBtn div.actionButton{ padding-right: 20px;}
	div.hiddenDeleteBtn div.actionButton button div.generalLoader{ bottom: -47px; right: 12px; height: 15px; width: 15px;}
	div.hiddenDeleteBtn button{ font-size: 14px; font-weight: 300;}
	div.hiddenDeleteBtn .btnBlue.confirm{background-color: #5078EE; width: calc(100% - 155px); height: 45px; text-align: center; margin: 0 0 17px 19px; float: left; line-height: 40px; padding: 0;}
	div.hiddenDeleteBtn .btnBlue.confirm div.ballsLoader{padding-top: 0px;}
	div.hiddenDeleteBtn .btnBlue.cancel{background-position: -962px -636px; background-color: #777; width: 105px; height: 45px; margin: 0 0 0 15px; float: left; padding: 0; text-align: center; line-height: 40px;}

	.wrappIntegrationSf label{margin: 0 10px 0 10px; line-height:initial;color: #4a4a4a;}
	.wrappIntegrationSf input{width: calc(100% - 33px); margin: 10px 10px 0 10px;}
	.wrappIntegrationSf textarea{width: calc(100% - 38px); margin: 10px 10px 0 10px; resize: none; padding: 8px; height: 80px; border-radius: 4px; border: 1px solid #ccc;}
	
div.wrappIntegrationSf .genaralList tr{height: 51px;}
div.wrappIntegrationSf .genaralList td{padding: 0px 6px 2px 6px;}

/* callListList */
div.wrappIntegrationSf .genaralList.callListLists tbody{height: 425px;}
div.wrappIntegrationSf.powerDialIsActive .genaralList.callListLists tbody{height: 350px;}
div.wrappIntegrationSf .genaralList.callListLists tbody tr td{padding-left: 7px;}
div.wrappIntegrationSf .genaralList.callListLists tbody tr td .name{display: block;}
div.wrappIntegrationSf .genaralList.callListLists tbody tr td .date{font-size: 12px; color: #a7a7a7;}
div.wrappIntegrationSf.powerDialIsActive .createNewCallList  .content{height: 224px!important;}
div.wrappIntegrationSf .createNewCallList .content{height: 282px!important;}

/* callList */
div.wrappIntegrationSf .genaralList.callList tbody{height: 297px;}
div.wrappIntegrationSf.powerDialIsActive .genaralList.callList tbody{height: 298px;}
div.wrappIntegrationSf .genaralList.callList tr{height: 52px; position: relative;}
div.wrappIntegrationSf .genaralList.callList tr.oneLine .name{margin-top: 5px;}
div.wrappIntegrationSf .genaralList.callList td{padding: 0px 6px;}
div.wrappIntegrationSf .genaralList.callList td.padding{padding-right: 45px;}
div.wrappIntegrationSf .genaralList.callList span.name, div.wrappIntegrationSf .genaralList.callList span.date{display:block; font-size:12px}
div.wrappIntegrationSf .genaralList.callList span.name{margin-top: -1px; color: #404040; font-weight: 500; font-size: 14px; margin-bottom: -4px; width: 80%;}
div.wrappIntegrationSf .genaralList.callList span.info{color: #848484; font-weight: 500; font-size: 11px;}
div.wrappIntegrationSf .genaralList.callList span.type{width: 25px; height: 25px; float: left; margin-right: 7px; margin-left: -6px; margin-top: 2px; border-radius: 3px;}
div.wrappIntegrationSf .genaralList.callList span.type.contact{background-position: -776px -318px; background-color:#48C3CC;}
div.wrappIntegrationSf .genaralList.callList span.type.lead{background-position: -376px -318px; background-color:#F88962;}
div.wrappIntegrationSf .genaralList.callList span.date{margin-top: 0px; margin-bottom: -7px; color: #9a9a9a; font-size: 11px;}
div.wrappIntegrationSf .genaralList.callList span.sfcloudLink{position: absolute; right: 42px; background-position: -666px -27px; height: 22px; width: 26px; top: 15px; cursor: pointer;}

/* recentCalls .modalHost.isPhone */
div.wrappIntegrationSf .genaralList.recentCalls tbody{/*height: 476px!important;*/}
div.wrappIntegrationSf.powerDialIsActive .genaralList.recentCalls tbody{/*height: 412px!important;*/}

div.wrappIntegrationSf .genaralList.recentCalls tr{height: 51px;}
div.wrappIntegrationSf .genaralList.recentCalls td{padding: 0px 2px;}
div.wrappIntegrationSf .genaralList.recentCalls span.name, div.wrappIntegrationSf .genaralList.callList span.date{display:block; font-size:12px}
div.wrappIntegrationSf .genaralList.recentCalls span.name{margin-top: 0px; color: #404040; font-weight: 500; margin-top: -11px;}
div.wrappIntegrationSf .genaralList.recentCalls span.date{margin-top: 0px; margin-bottom: -7px; color: #9a9a9a; font-size: 11px;}
div.wrappIntegrationSf .genaralList.recentCalls td{padding: 9px 10px;}
div.wrappIntegrationSf .genaralList.recentCalls td.face{padding: 0px 0px 2px 2px;}
div.wrappIntegrationSf .genaralList.recentCalls tbody td.ico{width: 21px;}

div.wrappIntegrationSf .genaralList td.ico.lost{background-position: -61px -102px;}
div.wrappIntegrationSf .genaralList td.ico.recived{background-position: -61px -144px;}
div.wrappIntegrationSf .genaralList td.ico.send{background-position: -61px -186px;}

/* tags */
div.wrappIntegrationSf .genaralList .ico.tagColor{width: 19px;}
div.wrappIntegrationSf .genaralList .ico.tagColor span{width: calc(100% - 12px); height: 28px; display: inline-block; border-radius: 5px; margin: 2px 0 1px 12px;}
div.wrappIntegrationSf .genaralList .actions .ico.delete{display: block;background-position: -980px -67px; height: 6px; width: 15px; margin: 0 10px 0 0px;}
div.wrappIntegrationSf .genaralList .actions{}
div.wrappIntegrationSf .genaralList .actions .arrowUp, div.wrappIntegrationSf .genaralList .actions .arrowDown{padding: 0; width: 23px; height: 19px; float: left;border-radius: 3px;}
div.wrappIntegrationSf .genaralList .actions .arrowUp:hover, div.wrappIntegrationSf .genaralList .actions .arrowDown:hover{background-color:#e8e8e8;}
div.wrappIntegrationSf .genaralList .actions .arrowUp:active, div.wrappIntegrationSf .genaralList .actions .arrowDown:active{background-color:#d0d0d0;}
div.wrappIntegrationSf .genaralList .actions .arrowUp{background-position:-981px -234px;transform: rotate(180deg);}
div.wrappIntegrationSf .genaralList .actions .arrowDown{background-position:-981px -234px;}

/* sfActivity */
div.wrappIntegrationSf .genaralList.sfActivity tbody{height: 471px;}
div.wrappIntegrationSf.powerDialIsActive .genaralList.sfActivity tbody{height: 412px;}
div.wrappIntegrationSf .genaralList.sfActivity tbody td.ico{width: 41px;}
div.wrappIntegrationSf .genaralList.sfActivity td.middle{padding-left: 6px; padding-top: 1px;}
div.wrappIntegrationSf .genaralList.sfActivity td.date{width: 62px; text-align: right;padding: 0 15px 0 0; font-size: 11px;}
div.wrappIntegrationSf .genaralList.sfActivity td .ico{display: inline-block; width: 32px; height: 32px; margin: 2px 0 0 7px; border-radius: 3px;}
div.wrappIntegrationSf .genaralList.sfActivity .action{width: 180px;}
div.wrappIntegrationSf .genaralList.sfActivity .to{display:none;}
div.wrappIntegrationSf .genaralList.sfActivity .name{color: #5078EE; margin-left: 5px;}
div.wrappIntegrationSf .genaralList.sfActivity .assignetTo{padding-bottom: 6px;}
div.wrappIntegrationSf .genaralList.sfActivity .assignetTo .action, div.wrappIntegrationSf .genaralList.sfActivity .assignetTo .to, div.wrappIntegrationSf .genaralList.sfActivity .assignetTo .name{display:block;}
div.wrappIntegrationSf .genaralList.sfActivity .assignetTo .action{width: 180px; margin-top: 2px;}
div.wrappIntegrationSf .genaralList.sfActivity .assignetTo .to{display: inline-block; color: #989898; font-size: 11px; margin-top: 2px;}
div.wrappIntegrationSf .genaralList.sfActivity .assignetTo .name{font-size: 11px; margin-top: 2px;}

div.wrappIntegrationSf .wrapper_incomingCall .generalSplash .img{}

/**/
div.wrappIntegrationSf .wrapper_postCallWork .tabsButtons div.active{color: #5078EE; border-bottom: solid 2px #5078EE; font-weight: 600; text-align: left; padding-left: 14px; }
div.wrappIntegrationSf .wrapper_postCallWork ul.content{padding: 12px; width: calc(100% - 24px);}
div.wrappIntegrationSf .wrapper_postCallWork li{width: 100%;}
div.wrappIntegrationSf .wrapper_postCallWork label{margin-left: 0; margin-bottom: 8px;}
div.wrappIntegrationSf .wrapper_postCallWork input{margin: 0 0 4px 0; padding: 4px 0px 3px 10px!important;}
div.wrappIntegrationSf .wrapper_postCallWork textarea{margin: 0 0 4px 0; padding: 13px 0px 3px 10px!important; height: 60px!important;}
div.wrappIntegrationSf .wrapper_postCallWork .formSelect{display: inline-block; width: calc(100% - 0px); margin: 0 0 4px 0; float: left;}
div.wrappIntegrationSf .wrapper_postCallWork .formSelect .display{background-color: #fff; border: solid 1px #efebeb; border-radius: 4px; box-shadow: 0px 0px 5px #d2d0d0; padding: 8px 24px 23px 12px;}

div.wrappIntegrationSf .wrapper_postCallWork .wrappEmojMood{text-align: center; border-radius: 3px; box-shadow: 0px 0px 9px #c1c1c1;}
div.wrappIntegrationSf .wrapper_postCallWork .wrappEmojMood label{background: #5078EE; text-align: center; color: #fff; padding: 4px 0px; margin: 0;}
div.wrappIntegrationSf .wrapper_postCallWork .wrappEmojMood .emojMood{float: none; margin: 0 auto; display: inline-block; margin-top: 5px; margin-bottom: 4px;}

div.wrappIntegrationSf .wrapper_postCallWork .hiddenSaveBtn{}
div.wrappIntegrationSf .wrapper_postCallWork .btnGrey, div.wrappIntegrationSf .wrapper_postCallWork .btnBlue{float: left;}
div.wrappIntegrationSf .wrapper_postCallWork div.btnGrey{}
div.wrappIntegrationSf .wrapper_postCallWork div.btnBlue{}

/* sfActions */
div.wrappIntegrationSf .genaralList.callListLLDDD tbody{height: 471px; overflow-x: auto!important; overflow-y: auto!important;}
div.wrappIntegrationSf .genaralList.callListLLDDD tbody td.ico{width: 41px;}
div.wrappIntegrationSf .genaralList.callListLLDDD tbody td.ico .ico{ display: inline-block; width: 32px; height: 32px; margin: 2px 0 0 7px; border-radius: 3px;}

div.wrappIntegrationSf .genaralList.callListLLDDD td.ico .addComment{background-position:-613px -313px; background-color:#6296F8;}
div.wrappIntegrationSf .genaralList.callListLLDDD td.ico .addTag{background-position:-452px -313px; background-color:#C978D8;}
div.wrappIntegrationSf .genaralList.callListLLDDD td.ico .assignToCase{background-position:-532px -314px; background-color:#F2CF5B;}
div.wrappIntegrationSf .genaralList.callListLLDDD td.ico .assignToOpportunity{background-position:-293px -314px; background-color:#FCB051;}
div.wrappIntegrationSf .genaralList.callListLLDDD td.ico .assignToAccount{background-position:-653px -313px; background-color:#7382DD;}
div.wrappIntegrationSf .genaralList.callListLLDDD td.ico .createTask{background-position:-492px -314px; background-color:#4BC076;}
div.wrappIntegrationSf .genaralList.callListLLDDD td.ico .createEvent{background-position:-412px -314px; background-color:#EB7092;}
div.wrappIntegrationSf .genaralList.callListLLDDD td.ico .assignToCall{background-position:-333px -312px; background-color:#5EBF71;}
div.wrappIntegrationSf .genaralList.callListLLDDD td.ico .voicemailDrop{background-position:-694px -312px; background-color:#00A1E0;}

/* wrapp */
div.wrappIntegrationSf .wrapp{width: 100%!important; height: 526px; padding: 0; left: 287px; transform: initial;}
div.wrappIntegrationSf .wrapp .heder{height: 50px; border-bottom: dotted 1px #c1c1c1; padding: 4px 0; box-sizing: border-box;}

div.wrappIntegrationSf .wrapp .heder .btn{float:left; margin-top: 5px; cursor:pointer;}
div.wrappIntegrationSf .wrapp .heder .btn span{display: block; height: 28px; margin: 0; float: left;}
div.wrappIntegrationSf .wrapp .heder .btn .ico{width: 30px; border-radius: 3px;}
div.wrappIntegrationSf .wrapp .heder .btn .add{background-position: -567px -24px; border: 1px solid #5078EE; border-radius: 3px; width: 25px; height: 25px; margin: 0 4px 0 14px;}
div.wrappIntegrationSf .wrapp .heder .btn .back{background-position: -523px -21px;}
div.wrappIntegrationSf .wrapp .heder .refreshView{float: right; width: 17px; height: 17px; background-position: -702px -30px; margin: 11px 11px 0 0; transition: transform 0.5s ease; -webkit-transition: transform 0.8s ease;}
div.wrappIntegrationSf .wrapp .heder .refreshView.refreshing{-webkit-animation: rotation2 0.8s infinite linear;}
div.wrappIntegrationSf .wrapp .heder .refreshView:hover{transform: rotate(360deg);}
@-webkit-keyframes rotation2 {from {-webkit-transform: rotate(0deg); } to {-webkit-transform: rotate(359deg); } }


div.wrappIntegrationSf .wrapp .heder .btn .addComment{background-position: -614px -316px; background-color:#6296F8;}
div.wrappIntegrationSf .wrapp .heder .btn .addTags{background-position: -453px -316px; background-color:#C978D8;}
div.wrappIntegrationSf .wrapp .heder .btn .assingToCase{background-position: -533px -316px; background-color:#F2CF5B;}
div.wrappIntegrationSf .wrapp .heder .btn .assingToOpportunity{background-position: -293px -317px; background-color:#FCB051;}
div.wrappIntegrationSf .wrapp .heder .btn .assingToAccount{background-position: -654px -316px; background-color:#7382DD;}
div.wrappIntegrationSf .wrapp .heder .btn .createTask{background-position: -493px -316px; background-color:#4BC076;}
div.wrappIntegrationSf .wrapp .heder .btn .createEvent{background-position: -413px -316px; background-color:#EB7092;}
div.wrappIntegrationSf .wrapp .heder .btn .assignCall{background-position: -334px -316px; background-color:#5EBF71;}
div.wrappIntegrationSf .wrapp .heder .btn .voicemailDrop{background-position: -695px -316px; background-color:#00A1E0;}

div.wrappIntegrationSf .wrapp .heder .btn .txt{margin-left: 5px; padding-top: 5px; height: 22px; color: #5078EE; font-size: 14px; font-weight: 500; max-width: 276px;}

/*createNewCallList*/
.wrappIntegrationSf div.createNewCallList{}
.wrappIntegrationSf div.createNewCallList .separator{width: calc(100% - 20px); height: 1px; border-bottom: 1px solid #e6e6e6; margin: 2px 0 4px 10px;}
.wrappIntegrationSf div.createNewCallList ul.colorTags{overflow: hidden; width: calc(100% - 23px); margin: 36px 10px 0 10px; height: 38px;}
.wrappIntegrationSf div.createNewCallList ul.colorTags li{float: left; width: 44px; height: 20px; margin: 0px 17px 0px 0; cursor: pointer; border-radius: 2px; opacity: .7; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background-position: -972px -571px;}
.wrappIntegrationSf div.createNewCallList ul.colorTags li:hover{opacity: 1; padding-top: 17px;}
.wrappIntegrationSf div.createNewCallList ul.colorTags li.on{background-position: -972px -586px; opacity: 1;}
.wrappIntegrationSf div.createNewCallList ul.colorTags li.on:hover{padding-top: 0px;}
.wrappIntegrationSf div.createNewCallList ul.colorTags li:last-child{margin-right: 0;}
.wrappIntegrationSf div.createNewCallList ul.content li label{width:initial;}
.wrappIntegrationSf div.createNewCallList .checkboxSwitcher{float: right;margin: 2px 0 0 0;}
.wrappIntegrationSf div.createNewCallList .mTop{margin-top: 10px;}

/*editCallList*/
.wrappIntegrationSf div.editCallList{}
.wrappIntegrationSf div.editCallList .heder {}
.wrappIntegrationSf div.editCallList .suggester{margin-bottom: 4px;}
.wrappIntegrationSf div.editCallList .heder .btnBlue{float: right; margin: 4px 0 0 0; padding: 7px 12px 0px 12px;}
.wrappIntegrationSf div.editCallList .heder input{width: 115px; margin: 3px 0px 0 0; float: right; font-size: 12px; height: 26px;}
.wrappIntegrationSf div.editCallList .heder span.tagColor{margin: 0 3px 0 5px; float: left; width: 5px; border-radius: 5px; height: 30px;}
.wrappIntegrationSf div.editCallList .heder .txt.title{margin-top: -5px;}
.wrappIntegrationSf div.editCallList .heder .txt.info{clear: both; margin-left: 46px; margin-top: -18px; font-size: 11px; color: #9c9c9c; font-weight: 400;}

.wrappIntegrationSf div.editCallList .footer{overflow: hidden; width: 350px; height: 28px; position: absolute; bottom: 12px; padding: 10px 15px 10px 7px; margin: 0; right: 14px;}
.wrappIntegrationSf.powerDialIsActive div.editCallList .footer{display:none;}
.wrappIntegrationSf div.editCallList .footer .btnBlue, .wrappIntegrationSf div.editCallList .footer .btnGrey{transition: transform 0.5s ease, background-color 0.5s ease, width 0.5s ease;-webkit-transition: transform 0.5s ease, background-color 0.5s ease, width 0.5s ease;}

.wrappIntegrationSf div.editCallList .footer .btnBlue{color: #5078EE; width: 265px; text-align: center; background-color: transparent; border: 1px solid #5078EE; height: 35px; line-height: 19px; position: absolute; right: 0; white-space: nowrap; top: 7px;}
.wrappIntegrationSf div.editCallList .footer.saveOrder .btnBlue{background-color: #5078EE; border: 1px solid #5078EE; color:#fff}

.wrappIntegrationSf div.editCallList .footer .btnGrey{left: -10px; width: 100px; text-align: center; padding: 7px 18px 0px 18px; height: 35px; box-sizing: border-box; color: #777; background: transparent; border: 1px solid #777; line-height: 19px; position: absolute; top: 7px;}
.wrappIntegrationSf div.editCallList .footer.deleteList .btnGrey{border: 1px solid #5078EE;width: 260px; margin-right: 30px; background: #5078EE!important; color: #fff;}
.wrappIntegrationSf div.editCallList .footer.deleteList .btnBlue{color: #fff;transform: translateX(-8px); width: 95px; padding: 6px 11px 0px 14px; background-color: #777; border: 1px solid #777;}


.wrappIntegrationSf div.editCallList .footer .btnBlue div{color:#5078EE;}

/* .wrappIntegrationSf div.editCallList .footer.saveOrder .btnBlue{width:307px;background-color: #5078EE; border: 1px solid #5078EE;}
.wrappIntegrationSf div.editCallList .footer.saveOrder .btnBlue div{color:#fff;}
.wrappIntegrationSf div.editCallList .footer.saveOrder .btnGrey{transform: translateX(-110px);} */

.wrappIntegrationSf div.editCallList .content .suggesterContactSearch{left: 10px; width: calc(100% - 23px);}
.wrappIntegrationSf div.editCallList .content .suggesterContactSearch li label{margin: 5px 0px 8px 6px;}

/*addComment*/
.wModal.addComment{}

/*Assign to Account*/
.wModal.assingToAccount .generalSplash{position: initial; top: initial; margin: 38px 0 37px 0;}

/*assingToCase & opportunity*/
.wModal.assingToCase_opportunity{}
.wModal.assingToCase_opportunity .assignTo{}
.wModal.assingToCase_opportunity .generalSplash{position: initial; top: initial; margin: 38px 0 37px 0;}
.powerDialIsActive .wModal.assingToCase_opportunity .generalSplash{margin: 19px 0 37px 0;}
.wModal.assingToCase_opportunity .generalLoader{top: calc(67% - 19px);}
.wModal.assingToCase_opportunity .createNew{display: none; position: absolute; top: 0; left: 12px; right: 12px; background: #fff; bottom: 0; z-index: 2;}
.wModal.assingToCase_opportunity .createNew.on{display: initial;}

.wModal.assingToCase_opportunity .divider{margin: 12px; border-bottom: dotted 1px #c1c1c1; text-align: center; height: 10px;}
.wModal.assingToCase_opportunity .divider span{display: inline-block; background: #fff; padding: 0 10px;}
.wModal.assingToCase_opportunity label.mini {font-size: 13px; margin-top: 17px; border-bottom: solid 1px #c1b7b7; width: calc(100% - 24px); padding-bottom: 4px; color: #5a5757;}
.wModal.assingToCase_opportunity table{margin: 0 20px 0 -8px; max-height: 20px; overflow: hidden; float: left; width: calc(100% + 26px); background-color: #fff;}
.wModal.assingToCase_opportunity table tbody{height: 184px;}
.wModal.assingToCase_opportunity td.ico{width: 14px; padding-left: 18px;}
.wModal.assingToCase_opportunity td.ico span{width: 10px; height: 10px; display: inline-block; border-radius: 50%; margin: 0px 0 2px 2px;}
.wModal.assingToCase_opportunity td.ico .bulletCase{background: #f2cf5b;}
.wModal.assingToCase_opportunity td.ico .bulletOpportunity{background: #fcb051;}
.wModal.assingToCase_opportunity td .subtitle{font-size: 12px; color: #b5b5b5; margin-left: 2px;}

.wModal.assingToCase_opportunity .haveCase {padding: 0 12px; margin-top: 12px;}
.wModal.assingToCase_opportunity .haveCase.on {display:initial}
.wModal.assingToCase_opportunity .haveCase .icoSuccess{width: 62px; height: 62px; background-position: -882px -203px; border: solid 2px #0070d2; border-radius: 50%; position: relative; left: calc(50% - 31px); margin: 22px 0 8px 0;}
.wModal.assingToCase_opportunity .haveCase .assignedTo{float: left; font-size: 16px; width: 100%; margin-top: 2px;text-align: center;}
.wModal.assingToCase_opportunity .haveCase .assignedTo span{color: #c1c1c1; display: block; margin: 3px 0 11px 0;}
.wModal.assingToCase_opportunity .haveCase .name{color: #c1c1c1; text-align: center; margin: 0 0 12px 0;}
.wModal.assingToCase_opportunity .haveCase .name span{background: blue; display: inline-block; width: 18px; height: 18px; margin: 1px 0 -4px 7px;}
.wModal.assingToCase_opportunity .haveCase ul.data{margin-top: 10px; float: left; width: 100%;}
.wModal.assingToCase_opportunity .haveCase ul.data li{margin-bottom: 10px; border-top: dotted 1px #c1c1c1; padding-top: 10px;}
.wModal.assingToCase_opportunity .haveCase .txt{font-size: 15px; margin: 0 0 7px 0;}
.wModal.assingToCase_opportunity .haveCase .val{color: #c1c1c1;}

.wModal td.case{height: 56px; position: relative;}
.wModal td.case .subject{display: block; margin: -1px 0 0 0; font-size: 14px; max-width: 225px; text-overflow: ellipsis; overflow: hidden;}
.wModal td.case .caseNumber{display: block; font-size: 11px; color: #b9b9b9; margin: 3px 0 0 0;}
.wModal tr.selected td.case span.tick{width: 22px; height: 15px; background-position: -105px -159px; position: absolute; right: 32px; top: 24px;}
.wModal tr td.case span.sfcloudLink{position: absolute; right: 62px; background-position: -666px -27px; height: 22px; width: 26px; top: 21px; cursor: pointer;}

.wModal.assingToCase_opportunity tr.selected{}

/* createTaskActionModal */
.wModal.createTask{}


/* INBOX */
div.generalModal.smallDialog{}
div.generalModal.smallDialog.on{}
div.generalModal.smallDialog.on.uploadFileDialog .smallDialogContent{transform: translate(-50%, -50%) scale(1.0);}
div.generalModal.smallDialog{background-color: initial;}
div.generalModal.smallDialog .fade{cursor: pointer; width: 100%; height: 100%; background-color: #000000c9; z-index: 999; opacity: 1;}
div.generalModal.smallDialog .smallDialogContent{cursor: default;will-change: transform;position: absolute; width: 500px; height: 330px; background-color: #fff; border-radius: 10px; left: 50%; top: 47%; transform: translate(-50%, -50%) scale(0.8); transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.23, 1.38);}

div.generalModal.uploadFileDialog .smallDialogContent .image{width: 210px; height: 130px; position: relative; left: 20px; top: -30px; overflow: hidden;box-shadow: 0 0 22px 2px #00000014;}
div.generalModal.uploadFileDialog .smallDialogContent .image img{width: 100%; user-select: none;-webkit-user-select: none; -webkit-user-drag: none;border-radius: 5px;}
div.generalModal.uploadFileDialog .smallDialogContent textarea{font-size: 12px; width: calc(100% - 40px); margin: 0 0 0 20px; height: 65px; padding: 10px 0 0 10px; box-sizing: border-box; border: 1px solid #cacaca; border-radius: 4px; resize: none;}
div.generalModal.uploadFileDialog .smallDialogContent .inputRenameFile{margin: 0px 0 10px 20px; display: block; font-size: 14px; font-weight: 500; width: calc(100% - 61px); border: none; padding:0 0 0 1px; float: left;}
div.generalModal.uploadFileDialog .smallDialogContent .inputRenameFile::placeholder{opacity: .3}
div.generalModal.uploadFileDialog .smallDialogContent .inputRenameFile:hover{}
div.generalModal.uploadFileDialog .smallDialogContent .inputRenameFile:hover + .svg-edit-ico{visibility: visible;opacity: .4;}
div.generalModal.uploadFileDialog .smallDialogContent .inputRenameFile:focus{border: none!important;}
div.generalModal.uploadFileDialog .smallDialogContent .svg-edit-ico{transition: opacity 0.3s ease; visibility: hidden;opacity: 0;float: right; width: 20px; margin: 5px 18px 0 0;}
div.generalModal.uploadFileDialog .smallDialogContent .footer{position: absolute; bottom: 20px; left: 20px; right: 20px; border-top: 1px dashed #cacaca; padding: 16px 0 0 0;}
div.generalModal.uploadFileDialog .smallDialogContent .footer .btnCancel,
div.generalModal.uploadFileDialog .smallDialogContent .footer .btnSave{float: right; height: 40px; padding-top: 11px;}
div.generalModal.uploadFileDialog .smallDialogContent .footer .btnCancel{margin: 0 10px 0 0; background: #cacaca;}

div.generalModal.lightboxDialog{}
div.generalModal.lightboxDialog .smallDialogContent{pointer-events: none;width: 80%;height: 80%;background-color: transparent;}
div.generalModal.lightboxDialog .smallDialogContent .image{overflow: hidden; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center;}
div.generalModal.lightboxDialog .smallDialogContent .image img{pointer-events: initial;border-radius: 10px;margin: 0 auto; display: block; max-width: 100%; max-height: 100%;}
div.generalModal.lightboxDialog .fade{cursor: zoom-out;}
div.generalModal.lightboxDialog .arrowPrev, div.generalModal.lightboxDialog .arrowNext{width: 27px; opacity: .6; position: absolute;}
div.generalModal.lightboxDialog .arrowPrev:hover, div.generalModal.lightboxDialog .arrowNext:hover{opacity: 1;}
div.generalModal.lightboxDialog .arrowPrev{top: 45%; transform: rotate(180deg ); left:20px;}
div.generalModal.lightboxDialog .arrowNext{top: 45%; right: 20px;}

div.generalModal.lightboxDialog .lightboxFooter{position: absolute; bottom: 30px; left: 30px; right: 30px;}
div.generalModal.lightboxDialog .lightboxFooter .info{color: #fff; float: left;}
div.generalModal.lightboxDialog .lightboxFooter .info .imageName{margin: 10px 0 8px 0;}
div.generalModal.lightboxDialog .lightboxFooter .info .imageSentBy{font-size: 13px; opacity: .5;}
div.generalModal.lightboxDialog .lightboxFooter .info .imageSentBy .txt{display: inline-block;}
div.generalModal.lightboxDialog .lightboxFooter .actions{float: right;margin: 14px 0 0 0;}
div.generalModal.lightboxDialog .lightboxFooter .actions .btnBlue{width: 180px; text-align: center; height: 40px; padding: 11px 0 0 0;}
div.generalModal.lightboxDialog .lightboxFooter .actions .btnBlue a{color: #fff; display: block; height: 100%; width: 100%; line-height: 37px;}


/* newDialogs */
.vertical-centering{position: absolute; left: 50%; top: 42%; transform: translate(-50%, -50%);}
.vertical-centering-2{position: absolute; left: 50%; top: 42%; transform: translate(-50%, -50%);}

.sfNewDialog{position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; background-color: #fff; padding: 40px; transition: opacity 0.5s ease; border-radius: 10px;visibility: hidden;opacity: 0;}
.sfNewDialog.on{visibility: visible;opacity: 1;}
.sfNewDialog .createNewUserDialog{}
.sfNewDialog.sfSmallDialog{    background-color: initial; padding: 0;}
.sfNewDialog.sfSmallDialog .fade{background-color: #0000006b;cursor: pointer; width: 100%; height: 100%; z-index: 999; opacity: 1;}
.sfNewDialog.sfSmallDialog .smallDialogContent{    /* width: calc(100vw - 620px); */ /* height: calc(100vh - 340px); */ transform: translate(-50%, -50%); position: absolute; left: 50%; top: 50%; /* min-width: 640px; */ width: 560px; /*height: 400px;*/ z-index: 9999; background-color: #fff; border-radius: 10px;    padding: 30px; box-sizing: border-box;    cursor: initial;}
.sfNewDialog.sfSmallDialog .smallDialogContent .header{}
.sfNewDialog.sfSmallDialog .smallDialogContent .header .sfClose{}
.sfNewDialog.sfSmallDialog .smallDialogContent .header .title{    font-size: 20px; font-weight: 500;}
.sfNewDialog.sfSmallDialog .smallDialogContent .header .subtitle{font-size: 11px; width: 310px; color: #cacaca; margin: 5px 0 0 0;}


.sfNewDialog .head{z-index: 9999; position: absolute; width: 100%; height: 53px;}

/* MODAL messageDetailRecordDialog */
.sfNewDialog.messageDetailRecordDialog{}

.sfNewDialog.messageDetailRecordDialog .message-item{margin: 15px 0;display: inline-table;position: relative; width: calc(100% - 20px); margin-bottom: 7px; background-color: #F5F5F5; border-radius: 5px; padding: 10px;}
.sfNewDialog.messageDetailRecordDialog .message-item .sfPopLink{}
.sfNewDialog.messageDetailRecordDialog .message-item .message-avatar{float: left; height: 100%;}
.sfNewDialog.messageDetailRecordDialog .message-item .nameOrNumber{float: left; width: 140px;max-width: 140px; margin: 0 0 0 10px; font-weight: 500; font-size: 14px;}
.sfNewDialog.messageDetailRecordDialog .message-item .time{float: right; margin: 0 5px 0 10px; font-size: 12px; text-align: right;}
.sfNewDialog.messageDetailRecordDialog .message-item .message-content{-webkit-border-radius: .5rem; -moz-border-radius: .6rem; border-radius: 6px; padding: 9px 0px 7px 11px; font-size: 14px; line-height: 19px; user-select: text; -webkit-user-select: text; overflow-wrap: anywhere; float: left; width: calc(100% - 32px); box-sizing: border-box;}
.sfNewDialog.messageDetailRecordDialog .message-item .message-content .txt{}    
.sfNewDialog.messageDetailRecordDialog .message-item .message-content img{max-width: 100%; margin: 10px 0 0 0; max-height: 200px; text-align: center;}
/*.sfNewDialog.messageDetailRecordDialog .message-item.message-image .message-content{padding: 9px 0px 0px 11px;}
.sfNewDialog.messageDetailRecordDialog .message-item.message-image .message-content img{width: 100%;}*/
.sfNewDialog.messageDetailRecordDialog .sfPopLink{width: 17px; height: 17px; float: right; background-color: #fff; border-radius: 50%;}
.sfNewDialog.messageDetailRecordDialog .sfPopLink .svg-sfCloud{width: 15px; margin: 0 0 0 -2px;}

.sfNewDialog.messageDetailRecordDialog .messageDetails .copyThisToClipboard{margin: 0 0 -2px -2px;}
.sfNewDialog.messageDetailRecordDialog .messageDetails .txt{float: left; margin: 0 3px 0 0;}
.sfNewDialog.messageDetailRecordDialog .messageDetails i{margin: 1px 2px 0 0;}
.sfNewDialog.messageDetailRecordDialog .messageDetails .newAvatar{margin-right: 4px;}


/* CALL TEXT TRANSCRIPTION */

.bottomListView .tab { float: left; padding: 11px 30px 13px 30px; border-bottom: 2px solid #5078ee1c;}
.bottomListView .tab.active { border-bottom: 2px solid #5078EE;}
.bottomListView .tab:hover { background-color: #5078ee17; }
.btnTranscription { display: flex; justify-content: flex-end !important; align-items: center; }
.btnTranscription { padding: 10px 20px; color: white; border: none; cursor: pointer; font-size: 14px; }

.newComponent {
	display: block;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	clear: both;
	overflow-y: auto; /* Esto asegura que si el contenido es grande, el scroll se activar� */
	max-height: 500px; /* Define un valor m�ximo de altura, puedes ajustarlo seg�n tu necesidad */
	position: relative; /* Aseg�rate de que no interfiera con otros elementos */
}

	
.channels-container { display: flex; justify-content: space-between; gap: 20px; flex-wrap: nowrap; }
.channel-column { flex: 1 1 45%; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start;}
.channel-column ul { list-style-type: none; margin: 0; }
.channel-column li { margin-bottom: 5px; display: block; }

.modal { position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; transition: visibility 0s, opacity 0.5s ease-in-out; box-sizing: border-box; -webkit-backface-visibility: hidden; }
.modal.visible { display: block; box-shadow: initial; opacity:1; }
.modal-content { background-color: #fefefe; margin: 15% auto; padding: 20px;border: 1px solid #888;width: 80%;max-height: 80vh; overflow-y: hidden}
.shadowEfect { background-color: rgba(0,0,0,0.4) !important;}
.close { color: #aaa; font-size: 28px; font-weight: bold; position: absolute; top: 10px; right: 16px; }
.close:hover .close:focus {color: black; text-decoration: none; cursor: pointer;}

.callText { min-height: 400px; max-height: 400px; overflow-y: auto; }
	
.chat-message { padding: 10px; margin-bottom: 15px; border-radius: 8px; word-wrap: break-word; background-color: #5078EE; max-width: 60%; width: fit-content;}
.chat-message.sent {margin-left: auto; margin-right: 0.5rem; }
.chat-message.received {}
.message { font-size: 14px; color: white !important;}
.chat-message-wrapper {display: flex;align-items: center;margin-bottom: 15px;}

.circle {width: 30px;height: 30px;border-radius: 50%;display: inline-block;text-align: center;line-height: 30px;font-weight: bold;color: white;margin-top: -15px;margin-right: 10px;}
.circle-client {background-color: #4CAF50; }
.circle-agent {background-color: #FF5733;}

.sentiment-introduction {margin-bottom: 30px !important; text-align: justify; margin-top: 15px;padding-right: 16px;}
.sentiment-introduction ul {list-style-type: none !important; padding-left: 0 !important; margin-top: 15px !important; }
.sentiment-introduction ul li { margin-bottom: 10px !important; font-size: 14px !important; float: none !important; width: auto !important; margin-right: 0 !important; margin-bottom: 0 !important; position: static !important;}
.results { margin-top: 20px;}
.results h3 { margin-bottom: 20px;}

.charts-container {display: flex;justify-content: space-around;gap: 20px;margin-top: 20px;}
.chart-item {text-align: center;}
.chart-title {margin-bottom: 10px;font-size: 12px;font-weight: bolder;}
canvas {display: block !important;box-sizing: border-box !important;height: 215px !important;width: 215px !important;}

.evolution {margin-top: 25px;}
.globalSentiment {display: flex;}
.title-sentimentals {font-size: 14px;font-weight: 400;}

/* Barra de progreso */
.progress-container { position: relative;width: 60%;height: 30px;background: #f1f1f1; border-radius: 15px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);margin: 0 auto;margin-top: 15px
}

/* La barra de progreso que cambia */
.progress-bar {
	width: 100% !important;
	height: 100%;
	border-radius: 15px;
	transition: width 0.5s ease, background 0.5s ease;
	background: linear-gradient(to right, #81C784, #FFEB8B, #F44336); 
}

.progress-labels {
	position: absolute;
	width: 100%;
	top: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}

.label {
	font-size: 12px; 
	color: #333; 
	letter-spacing: 0.5px; 
}

.label.start {
	text-align: left;
}

.label.end {
	text-align: right;
}

.sentiment-analysis {
	margin-top: 30px;
}

.keywords-associated-sentiment strong {
	display: block;
	margin-bottom: 10px;
}

.sentiment-section {
	display: flex;
	flex-direction: column;
	margin-bottom: 10px;
	margin-top: 10px;
}

.sentiment-section-ul {
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	margin: 0px !important;
	list-style: none !important;
	overflow: hidden !important;
}

.sentiment-section-li {
	width: 100% !important;
	padding: 5px !important;
	position: relative !important;
	margin: 0px !important;
}

.sentiment-section-li::before {
	content: ""; 
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #007bff;
	margin-right: 10px; 
}

.keywords-associated-sentiment {
	margin-top: 50px;
}

.sentiment-section .no-data-message {
	font-size: 14px;
	color: #888;
	font-style: italic;
}

.sentiment-section .sentiment-title {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.sentiment-section .sentiment-title strong {
	margin-right: 10px;
}

.sentiment-section[data-empty="true"] .no-data-message {
	display: inline-block;
}

.expandable-text {
	width: 100%;
	margin: 20px auto;
}

.small-text {
	max-height: 60px;
	overflow: hidden;
	position: relative;
	line-height: 1.5em;
	transition: max-height 0.3s ease-in-out;
	display: block;
}

.small-text.expanded {
	display: none;
}

.full-text {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
	text-align: justify;
}

.full-text.expanded {
	max-height: 1000px;
	opacity: 1; 
}

.expand-btn {
	background: none;
	border: none;
	color: #5078EE;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
	padding: 0;
	text-decoration: underline;
	transition: color 0.3s;
}

.expand-btn:hover {
	color: #5078EE;
}

.expand-btn.expanded {
	text-decoration: none;
	outline: none;
	color: #5078EE;
	font-size: 17px;
	font-weight: bolder;
	margin-top: 5px;
}

.text-expanded-ul {
	max-height: 0; 
	opacity: 0;
	overflow: hidden;
	padding-left: 20px;
	margin-top: 5px;
	transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.text-expanded-ul.expanded {
	max-height: 1000px; 
	opacity: 1; 
	display: flex;
	flex-direction: column;
	padding: 0px;
	text-align: justify;
}

.text-expanded-li {
	margin: 0px !important;
	padding-top: 5px !important;
	display: block;
	width: 100% !important;
}
/* END CALL TEXT TRANSCRIPTION */
/* jquery.Jcrop.css v0.9.12 - MIT License */
/*
  The outer-most container in a typical Jcrop instance
  If you are having difficulty with formatting related to styles
  on a parent element, place any fixes here or in a like selector

  You can also style this element if you want to add a border, etc
  A better method for styling can be seen below with .jcrop-light
  (Add a class to the holder and style elements for that extended class)
*/
.jcrop-holder {
  direction: ltr;
  text-align: left;
}
/* Selection Border */
.jcrop-vline,
.jcrop-hline {
  background: #ffffff url("images/Jcrop.gif");
  font-size: 0;
  position: absolute;
}
.jcrop-vline {
  height: 100%;
  width: 1px !important;
}
.jcrop-vline.right {
  right: 0;
}
.jcrop-hline {
  height: 1px !important;
  width: 100%;
}
.jcrop-hline.bottom {
  bottom: 0;
}
/* Invisible click targets */
.jcrop-tracker {
  height: 100%;
  width: 100%;
  /* "turn off" link highlight */
  -webkit-tap-highlight-color: transparent;
  /* disable callout, image save panel */
  -webkit-touch-callout: none;
  /* disable cut copy paste */
  -webkit-user-select: none;
}
/* Selection Handles */
.jcrop-handle {
  background-color: #333333;
  border: 1px #eeeeee solid;
  width: 7px;
  height: 7px;
  font-size: 1px;
}
.jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px;
}
.jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%;
}
.jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%;
}
.jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0;
}
.jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0;
}
.jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px;
}
/* Dragbars */
.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%;
}
.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px;
}
.jcrop-dragbar.ord-n {
  margin-top: -4px;
}
.jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px;
}
.jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0;
}
.jcrop-dragbar.ord-w {
  margin-left: -4px;
}
/* The "jcrop-light" class/extension */
.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
  background: #ffffff;
  filter: alpha(opacity=70) !important;
  opacity: .70!important;
}
.jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000000;
  border-color: #ffffff;
  border-radius: 3px;
}
/* The "jcrop-dark" class/extension */
.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
  background: #000000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}
.jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #ffffff;
  border-color: #000000;
  border-radius: 3px;
}
/* Simple macro to turn off the antlines */
.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
  background: #ffffff;
}
/* Fix for twitter bootstrap et al. */
.jcrop-holder img,
img.jcrop-preview {
  max-width: none;
}

/**********************************************************************************************************************
*******************************   RETINA GRAL    ***************************************************************
**********************************************************************************************************************/

@media (-webkit-min-device-pixel-ratio : 1.5), (min-device-pixel-ratio : 1.5){
	/*spriteImage*/
	/*
	::-webkit-scrollbar{-webkit-appearance: none; width: 4px;}
	::-webkit-scrollbar-thumb{background-color: rgba(0,0,0,.1); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); }
	*/
}

/**********************************************************************************************************************
*******************************   RETINA USER    ***************************************************************
**********************************************************************************************************************/

@media (-webkit-min-device-pixel-ratio : 1.5), (min-device-pixel-ratio : 1.5){
	/*spriteImage*/
	.spriteMpUser{background-image:url('/Content/SfImgs/spriteMpUser@2x.png')!important;background-repeat:no-repeat;background-size:1000px 1500px!important;}
}

/**********************************************************************************************************************
*******************************    RETINA ADMIN    ************************************************************
**********************************************************************************************************************/
	
@media (-webkit-min-device-pixel-ratio : 1.5), (min-device-pixel-ratio : 1.5){
	/* image profiles & avatars */
	.spriteMpAdmin{background-image:url('/Content/SfImgs/mpAdmin/spriteMpAdmin@2x.png')!important;background-repeat:no-repeat;background-size:1500px 1500px!important;}
}

  /**********************************************************************************/
 /**************************** SALESFORCE CTI *************************************/
/*********************************************************************************/
@media screen and (min-width : 1300px) {
	.sfRightDialog.sfAfterCallWorkDialog .sfContent{width: calc(70% - 40px); margin: 0 auto;}
    .sfRightDialog.sfAfterCallWorkDialog .sfBottom.twoBtns{width: calc(70% - 40px); transform: translateX(-50%); left: 50%;}
}

@media screen and (min-width : 1366px) {
	.sfActions .sfActionsDialog, 
	.sfCallListsDialog,
	.sfRecentsDialog{width: 45%;}
}

@media screen and (min-width : 1500px) {
	.sfActions .sfActionsDialog, 
	.sfCallListsDialog,
	.sfRecentsDialog{width: 35%;}
}

@media screen and (min-width : 1600px) {
	.sfRightDialog.sfAfterCallWorkDialog .sfContent{width: calc(60% - 40px); margin: 0 auto;}
	.sfRightDialog.sfAfterCallWorkDialog .sfBottom.twoBtns{width: calc(60% - 40px);}
}


@media screen and (min-width : 1070px) {
	.generalModal.modalCallDetailsRecord .content{width: calc(89% - 22%); margin: 0 auto; position: absolute; left: 50%; transform: translateX(-50%); padding: 0;}
	.generalModal.modalCallDetailsRecord .customHead .info{    font-size: 12px;}
}

@media screen and (min-width : 800px) {
	.slaveContent.sectionDevices.skeleton ul.devicesWrapper .type{width: calc(100vw - 670px)!important;}
	.slaveContent.sectionDevices.skeleton ul.devicesWrapper .callerId{width: calc(100vw - 730px)!important;}
}



/*********************************************************/
/**************       MAX WIDTH           ***************/
/*******************************************************/
/******************************************************/

@media only screen and (max-width : 1068px) {
	.generalModal.hasSidebar .notSidebar{width: calc(100% - 220px); left: 220px;}
}



@media screen and (max-width : 990px) {
	/* GENERAL */
	.sfActions .sfActionsDialog, .sfCallListDialog, .sfRecentsDialog{width: 100%;}
	.sfActions .sfActionsDialog.on, .sfCallListsDialog.on, .sfRecentsDialog.on{width: 100%; box-shadow: initial;}
}

@media screen and (max-width : 900px){
	/* TAGS AND LI 100% */
	.sfRightDialog.sfAfterCallWorkDialog .sfContent li.content-item{width: 100%;}
}

@media screen and (max-height : 900px){
	.dial .pad ul li{height: 90px;padding: 12px 0 0 0;}
	.dial .pad ul li .number{font-size: 28px;}
}


@media screen and (max-height : 650px){
	.dial .pad ul li{height: 70px;padding: 13px 0 0 0;}
	.dial .pad ul li .number{font-size: 22px;}
}

@media screen and (max-height : 700px), (max-width : 680px) {
	/* GENERAL */
	.ctiPhoneDialog .masterLeft{width: 335px;}
	.ctiPhoneDialog .masterRight{width: calc(100% - 336px);}

	/* MIDDLE */
	.ctiPhoneDialog .masterLeft .top{padding: 12px 20px 20px 20px;}
	.ctiPhoneDialog .masterLeft .middle .callerInfo{top: calc(50% - 14px);}
	.ctiPhoneDialog .masterLeft .middle .callerInfo.onACW{top: calc(50% - 6px);}

	body.powerDialerOn .ctiPhoneDialog .masterLeft .middle .callerInfo{top: calc(50% - 17px);}
	body.powerDialerOn .ctiPhoneDialog .masterLeft .middle .callerInfo.onACW{top: calc(50% - 6px);}
	
	/*.ctiPhoneDialog .masterLeft .middle .callerInfo .imgProfile{width: 80px; height: 80px; margin: 0 auto 5px auto;}*/
	/*.ctiPhoneDialog .masterLeft .middle .callerInfo .imgProfile .initials{line-height: 79px; font-size: 22px;}*/
	.ctiPhoneDialog .masterLeft .middle .callerInfo .timer{font-size: 20px;}
	.ctiPhoneDialog .masterLeft .middle .callerInfo .addToContactsBtn{font-size: 11px; padding: 4px 0px 4px 0px;}

	/* BOTTOM */
	.ctiPhoneDialog .masterLeft .bottom{padding-bottom: 15px;}
	.ctiPhoneDialog .masterLeft .bottom .btnCall, 
	.ctiPhoneDialog .masterLeft .bottom .btnHangup, 
	.ctiPhoneDialog .masterLeft .bottom .btnStartNewCall, 
	.ctiPhoneDialog .masterLeft .bottom .btnActions{height: 34px;}
	.ctiPhoneDialog .masterLeft .bottom .btnCall .svg-phone-call{width: 23px;margin: 5px auto;}

	/*.ctiPhoneDialog .masterLeft .bottom .btnStartNewCall{height: 22px; margin: 3px 20px 0 20px; line-height: 30px; font-size: 12px;}*/
	.ctiPhoneDialog .masterLeft .bottom .btnStartNewCall{line-height: 18px; height: 21px;}
	.ctiPhoneDialog .masterLeft .bottom .btnStartNewCall .activeArea{font-size: 13px;}
	/*.ctiPhoneDialog .masterLeft .bottom .btnStartNewCall span{left: 89px; top: -12px; font-size: 20px;transform-origin: 7px 17px;}*/


	/* DIAL */
	.dial{top: 0px;}
	/*.dial input{margin:0;}*/
}

@media screen and (max-width : 760px), (max-height : 560px) {
	.ctiPhoneDialog .masterLeft .middle{top: 98px;}

	/*.dial .pad ul li{height: 70px;padding: 13px 0 0 0;}*/
	.dial .pad ul li{height: 76px; padding: 3px 0 0 0;}
	.dial .pad ul li .number{font-size: 21px;}
	body.powerDialerOn .dial .pad ul li{height: 65px; padding: 1px 0 0 0;}
	
	.dial .pad.onCall ul li{height: 72px; padding: 4px 0 0 0;}
	body.powerDialerOn .dial .pad.onCall ul li{height: 62px; padding: 0px 0 0 0;}
	
	div.slaveContent .uploadingFile .text{max-width: 280px;}

	.dial .callTitle{font-size: 13px;}
	.dial .number{font-size: 12px;}
	.dial .hideDialpad {font-size: 11px; margin: 4px 0 2px 0;}

	.generalModal.settingsDialog.hasSidebar .content{}

	  /* //////// */
	 /* CTIPHONE */
	/* //////// */
	.ctiPhoneDialog .masterLeft{width: 295px;}
	.ctiPhoneDialog .masterRight{width: calc(100% - 297px);}
	.ctiPhoneDialog .masterRight .tabs .tabRight{width: 110px;}
	.sfActions .sfActionsDialog, .sfCallListsDialog, .sfRecentsDialog, .sfAfterCallWorkDialog{box-shadow: initial;}
	.generalModal.modalRenameFile .content input{width: calc(100% - 11px);}

	.ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-top .ico{width: 55px; margin: 0 auto 10px auto;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.voicemailDropDialog .dialog-top .ico{display: none;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.voicemailDropDialog .dialog-top .title{display: none;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.voicemailDropDialog .dialog-middle{height: calc(100vh - 120px); top: 45px;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.voicemailDropDialog .dialog-middle .dialog-content .suggesterList li.item .name{max-width: 160px;}
		.ctiPhoneDialog .masterLeft .sfLeftDialog.voicemailDropDialog .dialog-middle .dialog-content .generalSplash {margin-top: calc(50vh - 230px);}

	.ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-top .title{font-size: 17px;}
	.ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-middle{height: calc(100vh - 252px); top: 175px;}
	.ctiPhoneDialog .masterLeft .sfLeftDialog.noTopDialog .dialog-middle{height: calc(100vh - 140px); top: 55px;}

	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul li .imgProfile .initials, 
	.ctiPhoneDialog .masterLeft .activeCalls .currentCall ul li .imgProfile .initials{padding-top: 15px;}
	
	/* FIX FOR SELECT-SIMPLE-PIQ ON BILLING */
	.sfLeftDialog.contactMatchDialog .marginFix{margin-top: 20px;}

	/* CONFERENCES */
	.ctiPhoneDialog .masterLeft .bottom .btnHangup.isOnConferenceCall:hover .conferenceCallEndBtn{bottom: 43px;}
	.ctiPhoneDialog .masterLeft .middle .conferenceCall ul.conferenceMembers li.member .nameOrNumber{max-width: 110px;}
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul.conference .conferenceAvatars avatar-new .imgProfile.sfAccount svg, 
	.ctiPhoneDialog .masterLeft .activeCalls .currentCall ul.conference .conferenceAvatars avatar-new .imgProfile.sfAccount svg{width: 140px; margin: 9px 0 0 9px;}

	
	/* TOP */
	.ctiPhoneDialog .masterLeft .top .formSelect{height: 32px;}
	.ctiPhoneDialog .masterLeft .top .formSelect .display{height: 30px; padding: 8px 24px 7px 12px; font-size: 11px; background-position: right 12px bottom 11px;}
	.ctiPhoneDialog .masterLeft .top .formSelect .generalLoader{top: 7px; width: 10px; height: 10px;}

	 /* MIDDLE */
	/* CALLER INFO */
	.ctiPhoneDialog .masterLeft .middle .callerInfo .name{font-size: 17px;}
	.ctiPhoneDialog .masterLeft .middle .callerInfo .number{font-size: 15px;}
	.ctiPhoneDialog .masterLeft .middle .callerInfo .imgProfile.sfContact, 
	.ctiPhoneDialog .masterLeft .middle .callerInfo .imgProfile{width: 65px!important; height: 65px!important;}
	.ctiPhoneDialog .masterLeft .middle .callerInfo .imgProfile.personAccount svg:not(.svg-sfCloud){}
	.ctiPhoneDialog .masterLeft .middle .callerInfo .imgProfile.sfAccount svg:not(.svg-sfCloud){width: 158px!important;}
	.ctiPhoneDialog .masterLeft .middle .callerInfo .callerInformation .nameAndTrigger{max-width: 200px;}

	.ctiPhoneDialog .masterLeft .sfLeftDialog.transferDialog .dialog-middle .dialog-content{padding: 65px 25px 20px 25px;}

	 /* BOTTOM */
	.ctiPhoneDialog .masterLeft .bottom.onIncomingCall .btnCall .txt, 
	.ctiPhoneDialog .masterLeft .bottom.onIncomingCall .btnHangup .txt{line-height: 33px;font-size: 12px;}
	.ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-bottom .sfBtn{cursor: pointer; width: 100%; height: 35px; margin: 0 0 10px 0; border-radius: 4px; text-align: center; color: #fff; font-size: 13px; line-height: 33px; position: relative;}
	.ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-bottom .sfBtn .ico{width: 32px; left: 5px;}

 	/* CONFERENCE CALLS */
 	.ctiPhoneDialog .masterLeft .newParticipantAlert.on{transform: translateY(-19px);}
 	.ctiPhoneDialog .masterLeft .participantLeftAlert.on{transform: translateY(-64px);}
 	.ctiPhoneDialog .masterLeft .middle .conferenceCall ul.conferenceMembers li.member .actions li.action{width: 21px; height: 21px;}
	.ctiPhoneDialog .masterLeft .middle .conferenceCall ul.conferenceMembers li.member .actions li.action.pinMember .svg-call-pin{margin: 5px 0 0 4px;}
	.generalModal.modalCallDetailsRecord .customHead .conferenceMembersList{max-height: 105px;}

	/* ACTIVE CALLS */
	.ctiPhoneDialog .masterLeft .activeCalls .currentCall ul li .imgProfile, 
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul li .imgProfile{width: 55px; height: 55px;}
		.ctiPhoneDialog .masterLeft .activeCalls .currentCall ul li .imgProfile.sfAccount svg, 
		.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul li .imgProfile.sfAccount svg{width: 130px; margin: 10px 0 0 11px;}
	
	.ctiPhoneDialog .masterLeft .activeCalls .currentCall ul li .info, 
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul li .info{width: calc(100% - 66px);}
	
	.ctiPhoneDialog .masterLeft .activeCalls .currentCall ul li .info .name,
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul li .info .name{font-size: 14px;}
	
	.ctiPhoneDialog .masterLeft .activeCalls .currentCall ul li .info .time, 
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul li .info .time{font-size: 18px;}
	.ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul li .info .time{font-size: 18px;}

	/* CREATE NEW GROUP DIALOG */
	.generalModal.modalCreateGroup .content li ul.addedMemberGroupList{max-height: calc(100vh - 223px); border-bottom: none;}
	.generalModal.modalCreateGroup .generalSplash{margin-top: 60px;}

	/* CALL DETAIL RECORDS */
	body.powerDialerOn .generalModal.modalCallDetailsRecord .content .tagsScroll{height: calc(100vh - 455px);}
	.generalModal.modalCallDetailsRecord .content .tagsScroll{height: calc(100vh - 418px);}
	.generalModal.modalCallDetailsRecord .sectionVisible textarea{height: 55px;}

	/* ACW */
	.sfRightDialog.sfAfterCallWorkDialog .sfContent li.content-item.withTextarea{height: 70px;}
	.sfRightDialog.sfAfterCallWorkDialog .sfContent li.content-item textarea{height: 70px;}
	.sfRightDialog.sfAfterCallWorkDialog .sf-separator{display: none;}
	.sfRightDialog.sfAfterCallWorkDialog .callerMood{margin-bottom: 0;}
	.sfRightDialog.sfAfterCallWorkDialog .callerMood .content{border: 1px solid #ececec; border-radius: 0 0 3px 3px; padding: 5px 0 7px 0; }
	.sfAfterCallWork .sfBottom.twoBtns .btnSaveChanges .generalLoader{top: 9px;}

	/* MESSENGER */
	div.app_messaging div.slaveNav{}

	/* RECENTS && MESSAGES */
	.generalModal.recentPostCallWork{height: 460px;}
	.generalModal.recentPostCallWork.postCallWorkDisabled{height: 286px; min-height: 286px;margin: -160px 270px 10px -250px!important;}
	/*body.powerDialerOn .generalModal.recentPostCallWork{height: 460px;}*/
	.newSlaveContent.sfMessages .newSlaveList .tableContainer .table td .tdTxt{max-width: 115px;}

	/* CALL LISTS */
	.sfRightDialog .sfContent{bottom: 69px;}
	.sfRightDialog .sfBottom .btnSaveChanges, 
	.sfRightDialog .sfBottom .btnSkip{margin: 0 0 5px 0px;line-height: 35px;height: 38px;}
	.sfRightDialog .sfBottom .goBackBtn{height: 38px;line-height: 34px;}
	.sfRightDialog .sfBottom.threeBtns .btnRetry{width: calc(10% - -25px); min-width: 100px; margin: 0 0 0 10px;height: 38px;}
	.sfRightDialog .sfBottom.threeBtns .btnRetry .display{border: none;padding: 0 0 0 13px; height: 100%; line-height: 36px; text-align: left;background-position: right 12px top 16px; }

	.sfCallLists .sfRightDialog .sfCallListDialog .sfBottom.twoBtns .tryOtherNumbers .cssTriangle{top: 16px;}
	.sfCallLists ul.listOfCallLists li.list-item{height: 54px;}
	.sfCallLists ul.listOfCallLists li.list-item .ico,
	.sfCallLists ul.listOfCallLists li.list-item .txt{margin-top:9px;}

	ul.sfGeneralList li.list-item .txt .nameOrNumber {font-size: 13px;max-width: 182px;}
	.sfRecents ul.sfGeneralList li.list-item .date{right: 238px;}

	body.powerDialerOn .generalModal.modalMeetingInfo div.dialogIco, 
	body.powerDialerOn .generalModal.modalMeetingSummary div.dialogIco{display: none;}

	/* LOGIN */
	.sfNewLogin .loginLeft {width: 77%; }
	.sfNewLogin .loginRight .designElementsLoginImg{display: none;}
	.sfNewLogin .loginRight .svg-background-login.background-login-light{display: none;}
	.sfNewLogin .loginLeft .svg-icon-login{display: none;}
	.sfNewLogin .loginRight .designFeaturesLogin{display: none;}
	.sfNewLogin .loginLeft form{margin-top: 20px} 
	.sfNewLogin .loginLeft .svg-phoneiq-logo-full{width: 140px; }
	.sfNewLogin .loginRight .svg-background-login{left: -65%; height: 151%; }
	.sfNewLogin .loginRight .svg-designshapes-circle-green{height: 27%; right: -13%; bottom: 5%;}
	.sfNewLogin .loginRight .svg-designshapes-triangle-pink{height: 16%; bottom: 43%; left: 69%;}
	.sfNewLogin .loginRight .svg-designshapes-triangle-violet{height: 18%; right: 34%; top: 88%; }
	.sfNewLogin .loginRight .svg-designshapes-hexagon-blue{height: 18%; left: 85%; top: 8%; }


      /* /////// */
	 /* DIALOGS */
	/* /////// */
	/*CREATE NEW CONTACT DIALOG*/
	.generalModal.modalCreateEditContact .content.skeleton li:nth-child(12),
	.generalModal.modalCreateEditContact .content.skeleton li:nth-child(11),
	.generalModal.modalCreateEditContact .content.skeleton li:nth-child(10),
	.generalModal.modalCreateEditContact .content.skeleton li.listSeparator{display: none;}
	.generalModal.modalCreateEditContact .content.skeleton .title{height: 20px; width: 260px; margin: 0 0 20px 0px;}
	.generalModal.modalCreateEditContact contact-form .container.isCreating {top: 40px;}
	.generalModal.modalCreateEditContact div.title{margin: 10px 0 0 38px!important;}

	.generalModal div.dialogIco{display:none;}
	.generalModal ul.content{width: calc(100% - 42px); padding: 20px 10px 39px 30px;height: calc(100vh - 160px);}
	.generalModal.modalConfirmation ul.content{height: calc(100vh - 190px);}

	
	/* GDF .generalModal ul.content.centerContent{float: left; max-height: calc(100vh - 150px);top: 53%;}*/

	.generalModal.fsDialog div.title{text-align: left;font-size: 20px;margin: 0;}S

	.generalModal.modalCreateGroup .content{height: calc(100vh - 152px);}
	.generalModal.modalCreateGroup .content.skeleton{margin: 10px 0 0 0!important;}
	.generalModal.modalCallDetailsRecord .customHead .moreCallInfo{height: 46px;}

	/* SETTINGS DIALOG */
	.generalModal.hasSidebar .content .title {text-align: left; font-size: 18px; font-weight: 500; margin: 5px 0 0px 0!important; }
	.generalModal.hasSidebar .content .subtitle{text-align: left; font-size: 12px; margin: 35px 0 12px 0;}

	.generalModal.settingsDialog.hasSidebar .content{width: calc(100% - 50px); position: initial; transform: initial; margin: 30px auto 0 auto;max-height: initial!important;}
	.generalModal.settingsDialog ul.content.voicemailDropContent{margin: initial;}
	.generalModal.settingsDialog ul.content.voicemailDropContent .VMDoptions .btnBlue{padding: 7px 6px 0px 5px;width: 122px;}
	.generalModal.settingsDialog ul.content.voicemailDropContent .VMDoptions input{width: 139px;}
	body.powerDialerOn .generalModal.settingsDialog.hasSidebar ul.content.voicemailDropContent{height: initial;}
	.generalModal.settingsDialog ul.content.voicemailDropContent .bottom .cancel{width: 40%;}
	.generalModal.settingsDialog ul.content.voicemailDropContent .bottom .saveListOrder{width: calc(60% - 10px);}
	
	.generalModal.settingsDialog .container.voicemailDrop .title,
	.generalModal.settingsDialog .container.voicemailGreeting .title{margin-bottom: 12px!important;}

	.generalModal.settingsDialog .settings-container.media-devices .col-6{-ms-flex: 0 0 50%; flex: 0 0 100%; max-width: 1000%;}
	.generalModal.settingsDialog .container.voicemailDrop .title,
	.generalModal.settingsDialog .container.voicemailGreeting .title{margin-bottom: 12px!important;}

	body.powerDialerOn .generalModal.settingsDialog.hasSidebar .content{height: 357px;}
	
	.generalModal.settingsDialog.hasSidebar .profileInfo{margin:6px 0 18px 0;}
	.generalModal.settingsDialog.hasSidebar .profileInfo .profileName{text-align: left;}
	.generalModal.settingsDialog.hasSidebar .profileInfo .profileExt{margin: 0 0px 20px 16px;}
	.generalModal.settingsDialog.hasSidebar .imgProfile{margin: 10px 0 5px 0; width: 70px; height: 70px;}
	.generalModal.settingsDialog.hasSidebar .imgProfile .initials{padding-top: 21px; font-size: 21px;}

	.generalModal.settingsDialog.hasSidebar .content.mMedia{height: calc(100vh - 30px);}
	body.powerDialerOn .generalModal.settingsDialog.hasSidebar .content.mMedia{height: calc(100vh - 98px);}
	.generalModal.settingsDialog.hasSidebar .content.mMedia .contentSeparator{display: none;}

	.generalModal.modalMeetingSummary div.title,
	.generalModal.modalMeetingInfo div.title{text-align: center;margin:0 auto;}
	.generalModal.modalMeetingSummary .content,
	.generalModal.modalMeetingInfo .content{padding: 42px 0px 42px 0px;top: 47%!important; height: initial;}

	.generalModal.modalCallDetailsRecord .sectionVisible.addTags,
	.generalModal.modalCallDetailsRecord .sectionVisible.comment{/*height: calc(100vh - 395px)!important*/;}
	.generalModal.modalCallDetailsRecord > .notSidebar > .content > .sectionVisible.callTextTranscription {
		height: calc(100vh - 319px);
	}

	.generalModal.modalCallDetailsRecord > .notSidebar > .content > .sectionVisible.callTextTranscription > * > .newComponent {
		max-height: 200px;
		overflow-x: hidden;
	}

	.generalModal.modalCallDetailsRecord > .notSidebar > .content > .sectionVisible.callTextTranscription > * > .newComponent > .modal {
		max-height: 420px;
		overflow-y: hidden;
	}

	body.powerDialerOn .generalModal.modalCallDetailsRecord .sectionVisible{height: calc(100vh - 319px);}
	body.powerDialerOn .generalModal.modalCallDetailsRecord .sectionVisible.addTags{height: calc(100vh - 319px); overflow: scroll;}
						
	/* CREATE NEW GROUP */
	.generalModal.modalCreateGroup div.imgProfile.extraLarge{margin:10px 0 14px 0!important;}
	.generalModal.modalCreateGroup div.imgProfile .initials{}
	.generalModal.modalCreateGroup .title{}
	.generalModal.modalCreateGroup .subtitle{width: 100%; text-align: left; margin: 5px auto 18px auto; line-height: 20px;}

	.generalModal.modalCreateGroup .content .left{float: right; width: 50%; margin: 45px auto 0 auto;height: calc(100vh - 190px);}
	.generalModal.modalCreateGroup .content .right{float: left; width: 45%;}
	.generalModal.modalCreateGroup .content .right li.gName{width: 100%;}
	
	.generalModal.modalCreateEditContact .content{padding: 22px 10px 39px 30px;}

	.sfRightDialog.sfActionsDialog .sfAssignToOpportunity .generalSplash,
	.sfRightDialog.sfActionsDialog .sfAssignToCase .generalSplash{top:calc(73% - 40px);}
	body.powerDialerOn .sfRightDialog.sfActionsDialog .sfAssignToOpportunity .generalSplash,
	body.powerDialerOn .sfRightDialog.sfActionsDialog .sfAssignToCase .generalSplash{top:calc(86% - 40px);}

	.sfRightDialog.sfActionsDialog .sfAssignToOpportunity .generalSplash .newSplash,
	.sfRightDialog.sfActionsDialog .sfAssignToCase .generalSplash{height: 100px; width: 220px; margin: 0 auto;}
	.sfRightDialog.sfActionsDialog .sfAddTags .generalSplash {top: calc(62% - 40px); }

	/* INBOX */
	div.masterContent.inbox .chatSidebarLeft{width: 220px;}
	div.masterContent.inbox .chatSidebarRight{width: 470px;transform: translateX(470px);}
	div.masterContent.inbox .chatSidebarRight.on{transform: translateX(0px);}
	div.masterContent.inbox .chatCenter{width: calc(100% - 221px);left: 221px;}
	div.masterContent.inbox .chatCenter.rightSidebarOpened{width: calc(100% - 221px);}
	div.masterContent.inbox .chatHeader .nameOrNumber .txt{max-width: 117px;}
}


/* CAMBIOS GENERICOS DE ANCHO */
/*****************G******************/
@media only screen and (max-width : 932px) {

	/*GDF.generalModal.hasSidebar .notSidebar{    width: calc(100vw - 306px); }*/
	.menuLeftList li {padding: 22px 3% 19px 3%;}
	/*GDF.generalModal.settingsDialog.hasSidebar .content{width: 100%; margin: 10px 0 0 24px;}*/

	/*	div.messegesList li {padding: 12px; overflow: hidden; margin-left: 14px; background-color: #f3f3f3; width:  80%; margin: 10px 0 0 20px; border-radius: 4px; }
	div.messegesList li.first {padding: 5px 0 5px 12px; }
	div.messegesList .imgProfile{display: none;}

	div.messegesList ul.mine li{float: right; margin-right: 20px; background-color: #daecff8f;}
	div.messegesList div.daleLimiter{margin: 9px 0 16px 0!important; }
	div.messegesList div.daleLimiter .value{background: #eaf4ff;}
	div.messegesList .message {overflow: hidden; color: #636363; font-size: 14px; padding: 5px 0 6px 0!important; width: 100%; }*/


}

@media only screen and (max-height : 700px) {

	/*OCULTAR ICONO DE MODALES*/
	.generalModal div.dialogIco{display:none;}
	.generalModal.modalMeetingInfo div.dialogIco, 
	.generalModal.modalMeetingSummary div.dialogIco{display: block;height: 60px; width: 60px; margin-bottom: 10px;}
	.generalModal.modalCreateEditContact contact-form .container.isCreating{top: 40px!important;}
}


/* CAMBIOS GENERICOS DE ALTO */
/*****************G******************/
@media only screen and (max-height : 600px) {

/*OCULTAR SPLASH EN LISTADO DE MODAL*/
/*.generalModal.modalNewConference div.generalSplash{display:none;}*/


}

@media only screen and (max-height : 560px) {
	div.masterContent.inbox .chatSidebarRight {width: calc(100% - 221px); transform: translateX(608px); }

}

@media screen and (max-width : 760px), (max-height : 750px) {

	/* MEETINGS DIALOG */
	.generalModal.modalNewConference .content{width: calc(100% - 42px);padding: 0px 20px;height: calc(100vh - 100px);}
	body.powerDialerOn .generalModal.modalNewConference .content{height: calc(100vh - 150px);}

	.generalModal.modalNewConference .content .left {width: 50%;}
	.generalModal.modalNewConference .content .right{width: 50%;}
	.generalModal.modalNewConference ul.content li{width: calc(100% - 26px);}
	.generalModal.modalNewConference ul.content .listSeparator{display: none;}
	.generalModal.modalNewConference.isSchedule .content .left .floatThis{float: left; width: 100%; height: initial; padding: initial;}
	.generalModal.modalNewConference.isSchedule .content .left .floatThis li{margin-bottom:24px;}
	.generalModal.modalNewConference.isSchedule .content .left .floatThis li.halfWidht{width: calc(50% - 19px);}
	.generalModal.modalNewConference.isSchedule .content .left .floatThis li.halfWidht .formSelect{min-width: 120px;}
	.generalModal.modalNewConference.isSchedule .content .left .scheduleDatePicker{display: none;}
	.generalModal.modalNewConference.isSchedule .content .left .hideShowScheduleInput{display: block;}
	.generalModal.modalNewConference.isSchedule .content .left li.hasDatePicker{display: none;}

	.generalModal.modalNewConference .content .addedMemberGroupList{height: calc(100vh - 250px);}
	.generalModal.modalNewConference .content .right li input{}
	.generalModal.modalNewConference .content .right li.listOfMembers{width: calc(100% - 20px);}


	.generalModal.modalNewConference .generalModal ul.content .listSeparator{display: none;}
	.generalModal.modalNewConference .content .left{width: calc(50% - 10px); float: left;}
	.generalModal.modalNewConference .content .right{width: calc(50% - -10px);}
	.generalModal.modalNewConference ul.content .listSeparator{width: calc(50% - 20px); margin: -14px 0 10px 0;}

}


@media only screen and (max-width : 1800px) {
	/* USER */
	/************************** STRUCTURE WRAPPER & CHILDREN **************************/
	div.slaveContent.messagingLobby ul.boxUser li{width: 20%;}
}

@media only screen and (max-width : 1500px) {
	/* USER */
	/************************** STRUCTURE WRAPPER & CHILDREN **************************/
	div.slaveContent.messagingLobby ul.boxUser li{width: 25%;}
}

@media only screen and (max-width : 1300px) {
	/* USER */
	/************************** STRUCTURE WRAPPER & CHILDREN **************************/
	div.slaveContent.messagingLobby ul.boxUser li{width: 33%;}
	/************************** CALL QUEUES **************************/
	.slaveContent.sectionCallQueues .content .queues li.queue{width:calc(50% - 68px);}
}

@media only screen and (max-width : 1100px) {
	/* USER */
	/************************** STRUCTURE WRAPPER & CHILDREN **************************/
	div.slaveHeader.messagingLobby ul.wrapperBtn.wrapperActionsCombo{width:120px;}
	div.slaveContent.messagingLobby ul.boxUser{padding: 0;width: 100%;}
	div.slaveContent.messagingLobby ul.boxUser.boxGroups li{width: 90%;}
	div.slaveContent.messagingLobby ul.boxUser.boxGroups .name{margin:13px 0 0 60px;}
	div.slaveContent.messagingLobby ul.boxUser li{padding: 0 0 4px 0px; width: calc(100% - 20px ); height: 55px; margin: 9px auto 3px 22px; float: initial; border-bottom: 1px solid #eaeaea;}
	div.slaveContent.messagingLobby ul.boxUser .msgCounterLobby{right: 38px; top: 10px;left: initial; padding: 3px 8px; bottom: initial;}

	div.slaveContent.messagingLobby ul.boxUser .imgProfile{float: left;width: 40px; height: 40px; margin: 6px 0 0 8px;}
	div.slaveContent.messagingLobby ul.boxUser.boxGroups .imgProfile.createGroup{width: 40px; height: 40px;}
	div.slaveContent.messagingLobby ul.boxUser .imgProfile.large .initials {padding-top: 10px; font-size: 14px;}
	div.slaveContent.messagingLobby ul.boxUser .imgProfile.large .status{right: -3px; width: 10px; height: 10px;}
	div.slaveContent.messagingLobby ul.boxUser .name{margin: 16px 0 0 60px;width: calc(100% - 60px);}
	div.slaveContent.messagingLobby ul.boxUser .name .favorite{right: 17px; top: 18px; position: absolute; transform: scale(1.2);}
	div.slaveContent.messagingLobby ul.boxUser.boxGroups .imgProfile.createGroup .initials{    color: #626262; font-size: 28px; font-weight: 300; padding-top: 0px;}
	div.slaveContent.messagingLobby ul.boxUser.boxGroups .members{    float: left; margin: 0 0 0px 14px; color: #bababa;}

}

@media only screen and (max-width : 1024px) {
	/* ADMIN */
	/************************** STRUCTURE WRAPPER & CHILDREN **************************/
	/* lobbyBoxes */
	div.masterPage.mpAdmin .slaveContent.lobbyBoxes .centerDiv .box {width: calc(100% - 20px);}
	div.masterPage.mpAdmin .slaveContent.lobbyBoxes .centerDiv {padding: 40px 130px 70px 130px;}
	/************************** CALL QUEUES **************************/
	.slaveContent.sectionCallQueues .content .queues li.queue{width:calc(50% - 68px);}
	
	/************************** CONFERENCES **************************/
	div.wrapperConference div.wrapperConfLive div.boxConference .members{display: none;}

	/* INBOX */
	div.masterContent.inbox .chatSidebarLeft{width: 220px;}
	div.masterContent.inbox .chatSidebarLeft .sidebarContent ul.chatMembers li .name{max-width: 100px;}
	div.masterContent.inbox .chatSidebarRight{width: 300px; transform: translateX(470px);}
	div.masterContent.inbox .chatSidebarRight.on{transform: translateX(0px);}
	div.masterContent.inbox .chatCenter{width: calc(100% - 221px);left: 221px;}
	div.masterContent.inbox .chatCenter.rightSidebarOpened{width: calc(100% - 522px);}
	div.masterContent.inbox .chatHeader .nameOrNumber .txt{max-width: 117px;}

}

@media only screen and (max-width : 930px) {
	/* USER */
	/************************** STRUCTURE WRAPPER & CHILDREN **************************/
	div.slaveContent.messagingLobby ul.boxUser li{width: calc(100% - 30px);}


	/* INBOX */
	div.masterContent.inbox .chatSidebarRight{width: calc(100% - 221px)	;transform: translateX(608px);}
	div.masterContent.inbox .chatSidebarRight.on{transform: translateX(0px);}
	div.masterContent.inbox .chatCenter{width: calc(100% - 221px);left: 221px;}
	div.masterContent.inbox .chatCenter.rightSidebarOpened{width: calc(100% - 221px);}
	div.masterContent.inbox .chatHeader .nameOrNumber .txt{max-width: 117px;}
}

@media only screen and (max-width : 850px) {
	/* ADMIN */
	/************************** STRUCTURE WRAPPER & CHILDREN **************************/
	/* lobbyBoxes */
	div.masterPage.mpAdmin .slaveContent.lobbyBoxes .centerDiv{padding: 40px 60px 70px 60px;}
}

@media only screen and (max-width : 1200px) {
	/* USER */
	/************************** STRUCTURE WRAPPER & CHILDREN **************************/
	.slaveHeader .generalBtnCall .txt{display: none;}
	.slaveHeader .generalBtnCall{min-width: 102px;}
	.slaveHeader .generalBtnCall .moreActionsBtn .moreActions{left: -58px;width: 160px;}

	.slaveHeader .generalBtnCall .call{padding: 7px 18px 10px 27px;}
	.slaveHeader .generalBtnCall .call.onlyAction{padding:7px 38px 10px 35px;}

	/**************************       FORMS & BUTTONS      ***************************/
	/* size changes  */
	/*.slaveHeader .formSelect{min-width:140px;}
	.slaveHeader .formSelect div.display{width: 140px;background-position: 89%;}*/
	.slaveHeader.appCustomer .btnBlue, .slaveHeader.appCalendar .btnBlue{text-indent: -9999px;white-space:nowrap;width: 32px;padding: 0;background-image:url('/Content/SfImgs/spriteMpUser@2x.png')!important;background-repeat:no-repeat;background-size:1000px 1500px!important;background-position: -975px -105px;}

	/* new input functions changes  */
	/*.slaveHeader .searchShowInput{position: absolute;display: block;z-index:50;width: 14px; background-position:-816px -136px; text-indent: -100059px; border: 0; margin-top: 2px;background-image: url("imgs/spriteMpUser@2x.png");background-size: 1000px;transition:width 0.5s ease;-webkit-transition:width 0.5s ease;-moz-transition:width 0.5s ease;-ms-transition:width 0.5s ease;    background-repeat: no-repeat;}*/
	/*.slaveHeader .searchShowInput:focus{border:none!important;}*/

	/*.slaveHeader .searchShowInput.on{width: 160px; background-position: -837px -136px;border: 0; margin-top: 2px;border:1px solid #0085ea;text-indent: 0;}*/
	/*.slaveHeader .searchShowInput.on:focus{border:1px solid #0085ea!important;}*/

	/* absolute positioning  */
	/* lobby */
	.slaveHeader .searchShowInput.groups{right: 20px;}
	.slaveHeader .searchShowInput.members{right: 26px;}
	/*.slaveHeader .searchShowInput.business{right: 25px;}*/
	/*.slaveHeader .searchShowInput.customer{right: 78px;}*/
	/*.slaveHeader .searchShowInput.company{right: 78px;}*/


	/* ADMIN */
	/************************** STRUCTURE WRAPPER & CHILDREN **************************/
	/* locationsLobby */
	div.masterPage.mpAdmin .slaveContent.locationsLobby .center{width: 100%; margin: 0 auto; padding: 0; padding-bottom: 26px; overflow-x: hidden; overflow-y: scroll;}
	div.masterPage.mpAdmin .slaveContent.locationsLobby .lobbyNavigation .content{left: 25px;top: 0;}
	div.masterPage.mpAdmin .slaveContent.locationsLobby .lobbyNavigation.lobby{width:100%;height:110px;min-height:110px;text-align:left;border:0;border-bottom: 1px solid #eaeaea;border-radius: 0;}
	div.masterPage.mpAdmin .slaveContent.locationsLobby .center .lobbyNavigation.lobby:hover{border:initial;}

	div.masterPage.mpAdmin .slaveContent.locationsLobby .lobbyNavigation.lobby:hover{border-left: transparent!important; border-right: transparent!important; border-bottom: 1px solid #eaeaea!important;background-color: #EEF7FF;}
	div.masterPage.mpAdmin .slaveContent.locationsLobby .lobbyNavigation.lobby .txt.title{width: 510px; margin: 31px 5px 0 -1px; float: left;}
	div.masterPage.mpAdmin .slaveContent.locationsLobby .lobbyNavigation.lobby .txt{font-size: 14px; width: 400px; margin: 6px 5px 0 -1px; font-weight: 300; float: left;}

	div.masterPage.mpAdmin .slaveContent.locationsLobby .lobbyNavigation.lobby .img{float: left;width: 80px;height: 80px;margin: 11px 20px 10px 10px;background-size: 600px;}
	div.masterPage.mpAdmin .slaveContent.locationsLobby .lobbyNavigation.lobby .img.departments{background-position: 3px;}
	div.masterPage.mpAdmin .slaveContent.locationsLobby .lobbyNavigation.lobby .img.users{background-position: -73px;}
	div.masterPage.mpAdmin .slaveContent.locationsLobby .lobbyNavigation.lobby .img.numbers{background-position: -146px;}
	div.masterPage.mpAdmin .slaveContent.locationsLobby .lobbyNavigation.lobby .img.callFlows{background-position: -223px;}
	div.masterPage.mpAdmin .slaveContent.locationsLobby .lobbyNavigation.lobby .img.callGroups{background-position: -297px;}
	div.masterPage.mpAdmin .slaveContent.locationsLobby .lobbyNavigation.lobby .img.voiceRooms{background-position: -372px;}
	div.masterPage.mpAdmin .slaveContent.locationsLobby .lobbyNavigation.lobby .img.videoRooms{background-position: -449px;}
	div.masterPage.mpAdmin .slaveContent.locationsLobby .lobbyNavigation.lobby .img.devices{background-position: -522px;}
	div.masterPage.mpAdmin .slaveContent.locationsLobby .lobbyNavigation.lobby .img.callRecording{background-position: -445px;}
	div.masterPage.mpAdmin .slaveContent.locationsLobby .lobbyNavigation.lobby .img.conferences{background-position: -632px;}
}

/* xApp_wRapperWidgetPhone */
@media (-webkit-min-device-pixel-ratio : 1.5), (min-device-pixel-ratio : 1.5){
	div.xApp_wRapperWidgetPhone .spriteWphone{background-image: url("/Content/SfImgs/wPhone/phoneSprite@2x.png");background-repeat: no-repeat;background-size:500px 500px;}
}



/* MIN QUERIES */
@media only screen and (min-width : 1400px) {
	/* ADMIN */
	/************************** STRUCTURE WRAPPER & CHILDREN **************************/
	/* lobbyBoxes */
	div.masterPage.mpAdmin .slaveContent.lobbyBoxes .centerDiv {padding: 110px 160px 70px 160px;}
}

@media only screen and (min-width : 1600px) {
	/* ADMIN */
	/************************** STRUCTURE WRAPPER & CHILDREN **************************/
	/* lobbyBoxes */
	div.masterPage.mpAdmin .slaveContent.lobbyBoxes .centerDiv {padding: 110px 260px 70px 260px;}
}

@media only screen and (min-width : 1920px) {
	/* ADMIN */
	/************************** STRUCTURE WRAPPER & CHILDREN **************************/
	/* lobbyBoxes */
	div.masterPage.mpAdmin .slaveContent.lobbyBoxes .centerDiv {padding: 110px 380px 70px 380px;}
}

@media only screen and (min-width : 960px) {

}
/* API from: https://github.com/Ranks/emojione/ */

.emojione{font-size:inherit;height:3ex;width:3.1ex;min-height:20px;min-width:20px;display:inline-block;margin:-.2ex .15em .2ex;line-height:normal;vertical-align:middle}
img.emojione{width:auto}

[class*=emojione-]{
    text-indent: -9999em;
    image-rendering: optimizeQuality;
    font-size: inherit;
    height: 64px;
    width: 64px;
    top: -3px;
    position: relative;
    display: inline-block;
    margin: 0 .15em;
    line-height: normal;
    vertical-align: middle;
    background-repeat: no-repeat;
    zoom: 0.4;
    margin: 18px;
	/*background-image: url(/content/imgs/emojione.sprites2.png);*/
}

.emojione-0023-20e3 {
    background-position: -65px 0
}

.emojione-002a-20e3 {
    background-position: -1365px -1820px
}

.emojione-0030-20e3 {
    background-position: 0 -65px
}

.emojione-0031-20e3 {
    background-position: -65px -65px
}

.emojione-0032-20e3 {
    background-position: -130px 0
}

.emojione-0033-20e3 {
    background-position: -130px -65px
}

.emojione-0034-20e3 {
    background-position: 0 -130px
}

.emojione-0035-20e3 {
    background-position: -65px -130px
}

.emojione-0036-20e3 {
    background-position: -130px -130px
}

.emojione-0037-20e3 {
    background-position: -195px 0
}

.emojione-0038-20e3 {
    background-position: -195px -65px
}

.emojione-0039-20e3 {
    background-position: -195px -130px
}

.emojione-00a9 {
    background-position: 0 -195px
}

.emojione-00ae {
    background-position: -65px -195px
}

.emojione-1f004 {
    background-position: -130px -195px
}

.emojione-1f0cf {
    background-position: -195px -195px
}

.emojione-1f170 {
    background-position: -260px 0
}

.emojione-1f171 {
    background-position: -260px -65px
}

.emojione-1f17e {
    background-position: -260px -130px
}

.emojione-1f17f {
    background-position: -260px -195px
}

.emojione-1f18e {
    background-position: 0 -260px
}

.emojione-1f191 {
    background-position: -65px -260px
}

.emojione-1f192 {
    background-position: -130px -260px
}

.emojione-1f193 {
    background-position: -195px -260px
}

.emojione-1f194 {
    background-position: -260px -260px
}

.emojione-1f195 {
    background-position: -325px 0
}

.emojione-1f196 {
    background-position: -325px -65px
}

.emojione-1f197 {
    background-position: -325px -130px
}

.emojione-1f198 {
    background-position: -325px -195px
}

.emojione-1f199 {
    background-position: -325px -260px
}

.emojione-1f19a {
    background-position: 0 -325px
}

.emojione-1f1e6-1f1e8 {
    background-position: -65px -325px
}

.emojione-1f1e6-1f1e9 {
    background-position: -130px -325px
}

.emojione-1f1e6-1f1ea {
    background-position: -195px -325px
}

.emojione-1f1e6-1f1eb {
    background-position: -260px -325px
}

.emojione-1f1e6-1f1ec {
    background-position: -325px -325px
}

.emojione-1f1e6-1f1ee {
    background-position: -390px 0
}

.emojione-1f1e6-1f1f1 {
    background-position: -390px -65px
}

.emojione-1f1e6-1f1f2 {
    background-position: -390px -130px
}

.emojione-1f1e6-1f1f4 {
    background-position: -390px -195px
}

.emojione-1f1e6-1f1f6 {
    background-position: -390px -260px
}

.emojione-1f1e6-1f1f7 {
    background-position: -390px -325px
}

.emojione-1f1e6-1f1f8 {
    background-position: 0 -390px
}

.emojione-1f1e6-1f1f9 {
    background-position: -65px -390px
}

.emojione-1f1e6-1f1fa {
    background-position: -130px -390px
}

.emojione-1f1e6-1f1fc {
    background-position: -195px -390px
}

.emojione-1f1e6-1f1fd {
    background-position: -260px -390px
}

.emojione-1f1e6-1f1ff {
    background-position: -325px -390px
}

.emojione-1f1e7-1f1e6 {
    background-position: -390px -390px
}

.emojione-1f1e7-1f1e7 {
    background-position: -455px 0
}

.emojione-1f1e7-1f1e9 {
    background-position: -455px -65px
}

.emojione-1f1e7-1f1ea {
    background-position: -455px -130px
}

.emojione-1f1e7-1f1eb {
    background-position: -455px -195px
}

.emojione-1f1e7-1f1ec {
    background-position: -455px -260px
}

.emojione-1f1e7-1f1ed {
    background-position: -455px -325px
}

.emojione-1f1e7-1f1ee {
    background-position: -455px -390px
}

.emojione-1f1e7-1f1ef {
    background-position: 0 -455px
}

.emojione-1f1e7-1f1f1 {
    background-position: -65px -455px
}

.emojione-1f1e7-1f1f2 {
    background-position: -130px -455px
}

.emojione-1f1e7-1f1f3 {
    background-position: -195px -455px
}

.emojione-1f1e7-1f1f4 {
    background-position: -260px -455px
}

.emojione-1f1e7-1f1f6 {
    background-position: -325px -455px
}

.emojione-1f1e7-1f1f7 {
    background-position: -390px -455px
}

.emojione-1f1e7-1f1f8 {
    background-position: -455px -455px
}

.emojione-1f1e7-1f1f9 {
    background-position: -520px 0
}

.emojione-1f1e7-1f1fb {
    background-position: -520px -65px
}

.emojione-1f1e7-1f1fc {
    background-position: -520px -130px
}

.emojione-1f1e7-1f1fe {
    background-position: -520px -195px
}

.emojione-1f1e7-1f1ff {
    background-position: -520px -260px
}

.emojione-1f1e8-1f1e6 {
    background-position: -520px -325px
}

.emojione-1f1e8-1f1e8 {
    background-position: -520px -390px
}

.emojione-1f1e8-1f1e9 {
    background-position: -520px -455px
}

.emojione-1f1e8-1f1eb {
    background-position: 0 -520px
}

.emojione-1f1e8-1f1ec {
    background-position: -65px -520px
}

.emojione-1f1e8-1f1ed {
    background-position: -130px -520px
}

.emojione-1f1e8-1f1ee {
    background-position: -195px -520px
}

.emojione-1f1e8-1f1f0 {
    background-position: -260px -520px
}

.emojione-1f1e8-1f1f1 {
    background-position: -325px -520px
}

.emojione-1f1e8-1f1f2 {
    background-position: -390px -520px
}

.emojione-1f1e8-1f1f3 {
    background-position: -455px -520px
}

.emojione-1f1e8-1f1f4 {
    background-position: -520px -520px
}

.emojione-1f1e8-1f1f5 {
    background-position: -585px 0
}

.emojione-1f1e8-1f1f7 {
    background-position: -585px -65px
}

.emojione-1f1e8-1f1fa {
    background-position: -585px -130px
}

.emojione-1f1e8-1f1fb {
    background-position: -585px -195px
}

.emojione-1f1e8-1f1fc {
    background-position: -585px -260px
}

.emojione-1f1e8-1f1fd {
    background-position: -585px -325px
}

.emojione-1f1e8-1f1fe {
    background-position: -585px -390px
}

.emojione-1f1e8-1f1ff {
    background-position: -585px -455px
}

.emojione-1f1e9-1f1ea {
    background-position: -585px -520px
}

.emojione-1f1e9-1f1ec {
    background-position: 0 -585px
}

.emojione-1f1e9-1f1ef {
    background-position: -65px -585px
}

.emojione-1f1e9-1f1f0 {
    background-position: -130px -585px
}

.emojione-1f1e9-1f1f2 {
    background-position: -195px -585px
}

.emojione-1f1e9-1f1f4 {
    background-position: -260px -585px
}

.emojione-1f1e9-1f1ff {
    background-position: -325px -585px
}

.emojione-1f1ea-1f1e6 {
    background-position: -390px -585px
}

.emojione-1f1ea-1f1e8 {
    background-position: -455px -585px
}

.emojione-1f1ea-1f1ea {
    background-position: -520px -585px
}

.emojione-1f1ea-1f1ec {
    background-position: -585px -585px
}

.emojione-1f1ea-1f1ed {
    background-position: -650px 0
}

.emojione-1f1ea-1f1f7 {
    background-position: -650px -65px
}

.emojione-1f1ea-1f1f8 {
    background-position: -650px -130px
}

.emojione-1f1ea-1f1f9 {
    background-position: -650px -195px
}

.emojione-1f1ea-1f1fa {
    background-position: -650px -260px
}

.emojione-1f1eb-1f1ee {
    background-position: -650px -325px
}

.emojione-1f1eb-1f1ef {
    background-position: -650px -390px
}

.emojione-1f1eb-1f1f0 {
    background-position: -650px -455px
}

.emojione-1f1eb-1f1f2 {
    background-position: -650px -520px
}

.emojione-1f1eb-1f1f4 {
    background-position: -650px -585px
}

.emojione-1f1eb-1f1f7 {
    background-position: 0 -650px
}

.emojione-1f1ec-1f1e6 {
    background-position: -65px -650px
}

.emojione-1f1ec-1f1e7 {
    background-position: -130px -650px
}

.emojione-1f1ec-1f1e9 {
    background-position: -195px -650px
}

.emojione-1f1ec-1f1ea {
    background-position: -260px -650px
}

.emojione-1f1ec-1f1eb {
    background-position: -325px -650px
}

.emojione-1f1ec-1f1ec {
    background-position: -390px -650px
}

.emojione-1f1ec-1f1ed {
    background-position: -455px -650px
}

.emojione-1f1ec-1f1ee {
    background-position: -520px -650px
}

.emojione-1f1ec-1f1f1 {
    background-position: -585px -650px
}

.emojione-1f1ec-1f1f2 {
    background-position: -650px -650px
}

.emojione-1f1ec-1f1f3 {
    background-position: -715px 0
}

.emojione-1f1ec-1f1f5 {
    background-position: -715px -65px
}

.emojione-1f1ec-1f1f6 {
    background-position: -715px -130px
}

.emojione-1f1ec-1f1f7 {
    background-position: -715px -195px
}

.emojione-1f1ec-1f1f8 {
    background-position: -715px -260px
}

.emojione-1f1ec-1f1f9 {
    background-position: -715px -325px
}

.emojione-1f1ec-1f1fa {
    background-position: -715px -390px
}

.emojione-1f1ec-1f1fc {
    background-position: -715px -455px
}

.emojione-1f1ec-1f1fe {
    background-position: -715px -520px
}

.emojione-1f1ed-1f1f0 {
    background-position: -715px -585px
}

.emojione-1f1ed-1f1f2 {
    background-position: -715px -650px
}

.emojione-1f1ed-1f1f3 {
    background-position: 0 -715px
}

.emojione-1f1ed-1f1f7 {
    background-position: -65px -715px
}

.emojione-1f1ed-1f1f9 {
    background-position: -130px -715px
}

.emojione-1f1ed-1f1fa {
    background-position: -195px -715px
}

.emojione-1f1ee-1f1e8 {
    background-position: -260px -715px
}

.emojione-1f1ee-1f1e9 {
    background-position: -325px -715px
}

.emojione-1f1ee-1f1ea {
    background-position: -390px -715px
}

.emojione-1f1ee-1f1f1 {
    background-position: -455px -715px
}

.emojione-1f1ee-1f1f2 {
    background-position: -520px -715px
}

.emojione-1f1ee-1f1f3 {
    background-position: -585px -715px
}

.emojione-1f1ee-1f1f4 {
    background-position: -650px -715px
}

.emojione-1f1ee-1f1f6 {
    background-position: -715px -715px
}

.emojione-1f1ee-1f1f7 {
    background-position: -780px 0
}

.emojione-1f1ee-1f1f8 {
    background-position: -780px -65px
}

.emojione-1f1ee-1f1f9 {
    background-position: -780px -130px
}

.emojione-1f1ef-1f1ea {
    background-position: -780px -195px
}

.emojione-1f1ef-1f1f2 {
    background-position: -780px -260px
}

.emojione-1f1ef-1f1f4 {
    background-position: -780px -325px
}

.emojione-1f1ef-1f1f5 {
    background-position: -780px -390px
}

.emojione-1f1f0-1f1ea {
    background-position: -780px -455px
}

.emojione-1f1f0-1f1ec {
    background-position: -780px -520px
}

.emojione-1f1f0-1f1ed {
    background-position: -780px -585px
}

.emojione-1f1f0-1f1ee {
    background-position: -780px -650px
}

.emojione-1f1f0-1f1f2 {
    background-position: -780px -715px
}

.emojione-1f1f0-1f1f3 {
    background-position: 0 -780px
}

.emojione-1f1f0-1f1f5 {
    background-position: -65px -780px
}

.emojione-1f1f0-1f1f7 {
    background-position: -130px -780px
}

.emojione-1f1f0-1f1fc {
    background-position: -195px -780px
}

.emojione-1f1f0-1f1fe {
    background-position: -260px -780px
}

.emojione-1f1f0-1f1ff {
    background-position: -325px -780px
}

.emojione-1f1f1-1f1e6 {
    background-position: -390px -780px
}

.emojione-1f1f1-1f1e7 {
    background-position: -455px -780px
}

.emojione-1f1f1-1f1e8 {
    background-position: -520px -780px
}

.emojione-1f1f1-1f1ee {
    background-position: -585px -780px
}

.emojione-1f1f1-1f1f0 {
    background-position: -650px -780px
}

.emojione-1f1f1-1f1f7 {
    background-position: -715px -780px
}

.emojione-1f1f1-1f1f8 {
    background-position: -780px -780px
}

.emojione-1f1f1-1f1f9 {
    background-position: -845px 0
}

.emojione-1f1f1-1f1fa {
    background-position: -845px -65px
}

.emojione-1f1f1-1f1fb {
    background-position: -845px -130px
}

.emojione-1f1f1-1f1fe {
    background-position: -845px -195px
}

.emojione-1f1f2-1f1e6 {
    background-position: -845px -260px
}

.emojione-1f1f2-1f1e8 {
    background-position: -845px -325px
}

.emojione-1f1f2-1f1e9 {
    background-position: -845px -390px
}

.emojione-1f1f2-1f1ea {
    background-position: -845px -455px
}

.emojione-1f1f2-1f1eb {
    background-position: -845px -520px
}

.emojione-1f1f2-1f1ec {
    background-position: -845px -585px
}

.emojione-1f1f2-1f1ed {
    background-position: -845px -650px
}

.emojione-1f1f2-1f1f0 {
    background-position: -845px -715px
}

.emojione-1f1f2-1f1f1 {
    background-position: -845px -780px
}

.emojione-1f1f2-1f1f2 {
    background-position: 0 -845px
}

.emojione-1f1f2-1f1f3 {
    background-position: -65px -845px
}

.emojione-1f1f2-1f1f4 {
    background-position: -130px -845px
}

.emojione-1f1f2-1f1f5 {
    background-position: -195px -845px
}

.emojione-1f1f2-1f1f6 {
    background-position: -260px -845px
}

.emojione-1f1f2-1f1f7 {
    background-position: -325px -845px
}

.emojione-1f1f2-1f1f8 {
    background-position: -390px -845px
}

.emojione-1f1f2-1f1f9 {
    background-position: -455px -845px
}

.emojione-1f1f2-1f1fa {
    background-position: -520px -845px
}

.emojione-1f1f2-1f1fb {
    background-position: -585px -845px
}

.emojione-1f1f2-1f1fc {
    background-position: -650px -845px
}

.emojione-1f1f2-1f1fd {
    background-position: -715px -845px
}

.emojione-1f1f2-1f1fe {
    background-position: -780px -845px
}

.emojione-1f1f2-1f1ff {
    background-position: -845px -845px
}

.emojione-1f1f3-1f1e6 {
    background-position: -910px 0
}

.emojione-1f1f3-1f1e8 {
    background-position: -910px -65px
}

.emojione-1f1f3-1f1ea {
    background-position: -910px -130px
}

.emojione-1f1f3-1f1eb {
    background-position: -910px -195px
}

.emojione-1f1f3-1f1ec {
    background-position: -910px -260px
}

.emojione-1f1f3-1f1ee {
    background-position: -910px -325px
}

.emojione-1f1f3-1f1f1 {
    background-position: -910px -390px
}

.emojione-1f1f3-1f1f4 {
    background-position: -910px -455px
}

.emojione-1f1f3-1f1f5 {
    background-position: -910px -520px
}

.emojione-1f1f3-1f1f7 {
    background-position: -910px -585px
}

.emojione-1f1f3-1f1fa {
    background-position: -910px -650px
}

.emojione-1f1f3-1f1ff {
    background-position: -910px -715px
}

.emojione-1f1f4-1f1f2 {
    background-position: -910px -780px
}

.emojione-1f1f5-1f1e6 {
    background-position: -910px -845px
}

.emojione-1f1f5-1f1ea {
    background-position: 0 -910px
}

.emojione-1f1f5-1f1eb {
    background-position: -65px -910px
}

.emojione-1f1f5-1f1ec {
    background-position: -130px -910px
}

.emojione-1f1f5-1f1ed {
    background-position: -195px -910px
}

.emojione-1f1f5-1f1f0 {
    background-position: -260px -910px
}

.emojione-1f1f5-1f1f1 {
    background-position: -325px -910px
}

.emojione-1f1f5-1f1f2 {
    background-position: -390px -910px
}

.emojione-1f1f5-1f1f3 {
    background-position: -455px -910px
}

.emojione-1f1f5-1f1f7 {
    background-position: -520px -910px
}

.emojione-1f1f5-1f1f8 {
    background-position: -585px -910px
}

.emojione-1f1f5-1f1f9 {
    background-position: -650px -910px
}

.emojione-1f1f5-1f1fc {
    background-position: -715px -910px
}

.emojione-1f1f5-1f1fe {
    background-position: -780px -910px
}

.emojione-1f1f6-1f1e6 {
    background-position: -845px -910px
}

.emojione-1f1f7-1f1ea {
    background-position: -910px -910px
}

.emojione-1f1f7-1f1f4 {
    background-position: -975px 0
}

.emojione-1f1f7-1f1f8 {
    background-position: -975px -65px
}

.emojione-1f1f7-1f1fa {
    background-position: -975px -130px
}

.emojione-1f1f7-1f1fc {
    background-position: -975px -195px
}

.emojione-1f1f8-1f1e6 {
    background-position: -975px -260px
}

.emojione-1f1f8-1f1e7 {
    background-position: -975px -325px
}

.emojione-1f1f8-1f1e8 {
    background-position: -975px -390px
}

.emojione-1f1f8-1f1e9 {
    background-position: -975px -455px
}

.emojione-1f1f8-1f1ea {
    background-position: -975px -520px
}

.emojione-1f1f8-1f1ec {
    background-position: -975px -585px
}

.emojione-1f1f8-1f1ed {
    background-position: -975px -650px
}

.emojione-1f1f8-1f1ee {
    background-position: -975px -715px
}

.emojione-1f1f8-1f1ef {
    background-position: -975px -780px
}

.emojione-1f1f8-1f1f0 {
    background-position: -975px -845px
}

.emojione-1f1f8-1f1f1 {
    background-position: -975px -910px
}

.emojione-1f1f8-1f1f2 {
    background-position: 0 -975px
}

.emojione-1f1f8-1f1f3 {
    background-position: -65px -975px
}

.emojione-1f1f8-1f1f4 {
    background-position: -130px -975px
}

.emojione-1f1f8-1f1f7 {
    background-position: -195px -975px
}

.emojione-1f1f8-1f1f8 {
    background-position: -260px -975px
}

.emojione-1f1f8-1f1f9 {
    background-position: -325px -975px
}

.emojione-1f1f8-1f1fb {
    background-position: -390px -975px
}

.emojione-1f1f8-1f1fd {
    background-position: -455px -975px
}

.emojione-1f1f8-1f1fe {
    background-position: -520px -975px
}

.emojione-1f1f8-1f1ff {
    background-position: -585px -975px
}

.emojione-1f1f9-1f1e6 {
    background-position: -650px -975px
}

.emojione-1f1f9-1f1e8 {
    background-position: -715px -975px
}

.emojione-1f1f9-1f1e9 {
    background-position: -780px -975px
}

.emojione-1f1f9-1f1eb {
    background-position: -845px -975px
}

.emojione-1f1f9-1f1ec {
    background-position: -910px -975px
}

.emojione-1f1f9-1f1ed {
    background-position: -975px -975px
}

.emojione-1f1f9-1f1ef {
    background-position: -1040px 0
}

.emojione-1f1f9-1f1f0 {
    background-position: -1040px -65px
}

.emojione-1f1f9-1f1f1 {
    background-position: -1040px -130px
}

.emojione-1f1f9-1f1f2 {
    background-position: -1040px -195px
}

.emojione-1f1f9-1f1f3 {
    background-position: -1040px -260px
}

.emojione-1f1f9-1f1f4 {
    background-position: -1040px -325px
}

.emojione-1f1f9-1f1f7 {
    background-position: -1040px -390px
}

.emojione-1f1f9-1f1f9 {
    background-position: -1040px -455px
}

.emojione-1f1f9-1f1fb {
    background-position: -1040px -520px
}

.emojione-1f1f9-1f1fc {
    background-position: -1040px -585px
}

.emojione-1f1f9-1f1ff {
    background-position: -1040px -650px
}

.emojione-1f1fa-1f1e6 {
    background-position: -1040px -715px
}

.emojione-1f1fa-1f1ec {
    background-position: -1040px -780px
}

.emojione-1f1fa-1f1f2 {
    background-position: -1040px -845px
}

.emojione-1f1fa-1f1f8 {
    background-position: -1040px -910px
}

.emojione-1f1fa-1f1fe {
    background-position: -1040px -975px
}

.emojione-1f1fa-1f1ff {
    background-position: 0 -1040px
}

.emojione-1f1fb-1f1e6 {
    background-position: -65px -1040px
}

.emojione-1f1fb-1f1e8 {
    background-position: -130px -1040px
}

.emojione-1f1fb-1f1ea {
    background-position: -195px -1040px
}

.emojione-1f1fb-1f1ec {
    background-position: -260px -1040px
}

.emojione-1f1fb-1f1ee {
    background-position: -325px -1040px
}

.emojione-1f1fb-1f1f3 {
    background-position: -390px -1040px
}

.emojione-1f1fb-1f1fa {
    background-position: -455px -1040px
}

.emojione-1f1fc-1f1eb {
    background-position: -520px -1040px
}

.emojione-1f1fc-1f1f8 {
    background-position: -585px -1040px
}

.emojione-1f1fd-1f1f0 {
    background-position: -650px -1040px
}

.emojione-1f1fe-1f1ea {
    background-position: -715px -1040px
}

.emojione-1f1fe-1f1f9 {
    background-position: -780px -1040px
}

.emojione-1f1ff-1f1e6 {
    background-position: -845px -1040px
}

.emojione-1f1ff-1f1f2 {
    background-position: -910px -1040px
}

.emojione-1f1ff-1f1fc {
    background-position: -975px -1040px
}

.emojione-1f201 {
    background-position: -1040px -1040px
}

.emojione-1f202 {
    background-position: -1105px 0
}

.emojione-1f21a {
    background-position: -1105px -65px
}

.emojione-1f22f {
    background-position: -1105px -130px
}

.emojione-1f232 {
    background-position: -1105px -195px
}

.emojione-1f233 {
    background-position: -1105px -260px
}

.emojione-1f234 {
    background-position: -1105px -325px
}

.emojione-1f235 {
    background-position: -1105px -390px
}

.emojione-1f236 {
    background-position: -1105px -455px
}

.emojione-1f237 {
    background-position: -1105px -520px
}

.emojione-1f238 {
    background-position: -1105px -585px
}

.emojione-1f239 {
    background-position: -1105px -650px
}

.emojione-1f23a {
    background-position: -1105px -715px
}

.emojione-1f250 {
    background-position: -1105px -780px
}

.emojione-1f251 {
    background-position: -1105px -845px
}

.emojione-1f300 {
    background-position: -1105px -910px
}

.emojione-1f301 {
    background-position: -1105px -975px
}

.emojione-1f302 {
    background-position: -1105px -1040px
}

.emojione-1f303 {
    background-position: 0 -1105px
}

.emojione-1f304 {
    background-position: -65px -1105px
}

.emojione-1f305 {
    background-position: -130px -1105px
}

.emojione-1f306 {
    background-position: -195px -1105px
}

.emojione-1f307 {
    background-position: -260px -1105px
}

.emojione-1f308 {
    background-position: -325px -1105px
}

.emojione-1f309 {
    background-position: -390px -1105px
}

.emojione-1f30a {
    background-position: -455px -1105px
}

.emojione-1f30b {
    background-position: -520px -1105px
}

.emojione-1f30c {
    background-position: -585px -1105px
}

.emojione-1f30d {
    background-position: -650px -1105px
}

.emojione-1f30e {
    background-position: -715px -1105px
}

.emojione-1f30f {
    background-position: -780px -1105px
}

.emojione-1f310 {
    background-position: -845px -1105px
}

.emojione-1f311 {
    background-position: -910px -1105px
}

.emojione-1f312 {
    background-position: -975px -1105px
}

.emojione-1f313 {
    background-position: -1040px -1105px
}

.emojione-1f314 {
    background-position: -1105px -1105px
}

.emojione-1f315 {
    background-position: -1170px 0
}

.emojione-1f316 {
    background-position: -1170px -65px
}

.emojione-1f317 {
    background-position: -1170px -130px
}

.emojione-1f318 {
    background-position: -1170px -195px
}

.emojione-1f319 {
    background-position: -1170px -260px
}

.emojione-1f31a {
    background-position: -1170px -325px
}

.emojione-1f31b {
    background-position: -1170px -390px
}

.emojione-1f31c {
    background-position: -1170px -455px
}

.emojione-1f31d {
    background-position: -1170px -520px
}

.emojione-1f31e {
    background-position: -1170px -585px
}

.emojione-1f31f {
    background-position: -1170px -650px
}

.emojione-1f320 {
    background-position: -1170px -715px
}

.emojione-1f321 {
    background-position: -1170px -780px
}

.emojione-1f324 {
    background-position: -1170px -845px
}

.emojione-1f325 {
    background-position: -1170px -910px
}

.emojione-1f326 {
    background-position: -1170px -975px
}

.emojione-1f327 {
    background-position: -1170px -1040px
}

.emojione-1f328 {
    background-position: -1170px -1105px
}

.emojione-1f329 {
    background-position: 0 -1170px
}

.emojione-1f32a {
    background-position: -65px -1170px
}

.emojione-1f32b {
    background-position: -130px -1170px
}

.emojione-1f32c {
    background-position: -195px -1170px
}

.emojione-1f32d {
    background-position: -260px -1170px
}

.emojione-1f32e {
    background-position: -325px -1170px
}

.emojione-1f32f {
    background-position: -390px -1170px
}

.emojione-1f330 {
    background-position: -455px -1170px
}

.emojione-1f331 {
    background-position: -520px -1170px
}

.emojione-1f332 {
    background-position: -585px -1170px
}

.emojione-1f333 {
    background-position: -650px -1170px
}

.emojione-1f334 {
    background-position: -715px -1170px
}

.emojione-1f335 {
    background-position: -780px -1170px
}

.emojione-1f336 {
    background-position: -845px -1170px
}

.emojione-1f337 {
    background-position: -910px -1170px
}

.emojione-1f338 {
    background-position: -975px -1170px
}

.emojione-1f339 {
    background-position: -1040px -1170px
}

.emojione-1f33a {
    background-position: -1105px -1170px
}

.emojione-1f33b {
    background-position: -1170px -1170px
}

.emojione-1f33c {
    background-position: -1235px 0
}

.emojione-1f33d {
    background-position: -1235px -65px
}

.emojione-1f33e {
    background-position: -1235px -130px
}

.emojione-1f33f {
    background-position: -1235px -195px
}

.emojione-1f340 {
    background-position: -1235px -260px
}

.emojione-1f341 {
    background-position: -1235px -325px
}

.emojione-1f342 {
    background-position: -1235px -390px
}

.emojione-1f343 {
    background-position: -1235px -455px
}

.emojione-1f344 {
    background-position: -1235px -520px
}

.emojione-1f345 {
    background-position: -1235px -585px
}

.emojione-1f346 {
    background-position: -1235px -650px
}

.emojione-1f347 {
    background-position: -1235px -715px
}

.emojione-1f348 {
    background-position: -1235px -780px
}

.emojione-1f349 {
    background-position: -1235px -845px
}

.emojione-1f34a {
    background-position: -1235px -910px
}

.emojione-1f34b {
    background-position: -1235px -975px
}

.emojione-1f34c {
    background-position: -1235px -1040px
}

.emojione-1f34d {
    background-position: -1235px -1105px
}

.emojione-1f34e {
    background-position: -1235px -1170px
}

.emojione-1f34f {
    background-position: 0 -1235px
}

.emojione-1f350 {
    background-position: -65px -1235px
}

.emojione-1f351 {
    background-position: -130px -1235px
}

.emojione-1f352 {
    background-position: -195px -1235px
}

.emojione-1f353 {
    background-position: -260px -1235px
}

.emojione-1f354 {
    background-position: -325px -1235px
}

.emojione-1f355 {
    background-position: -390px -1235px
}

.emojione-1f356 {
    background-position: -455px -1235px
}

.emojione-1f357 {
    background-position: -520px -1235px
}

.emojione-1f358 {
    background-position: -585px -1235px
}

.emojione-1f359 {
    background-position: -650px -1235px
}

.emojione-1f35a {
    background-position: -715px -1235px
}

.emojione-1f35b {
    background-position: -780px -1235px
}

.emojione-1f35c {
    background-position: -845px -1235px
}

.emojione-1f35d {
    background-position: -910px -1235px
}

.emojione-1f35e {
    background-position: -975px -1235px
}

.emojione-1f35f {
    background-position: -1040px -1235px
}

.emojione-1f360 {
    background-position: -1105px -1235px
}

.emojione-1f361 {
    background-position: -1170px -1235px
}

.emojione-1f362 {
    background-position: -1235px -1235px
}

.emojione-1f363 {
    background-position: -1300px 0
}

.emojione-1f364 {
    background-position: -1300px -65px
}

.emojione-1f365 {
    background-position: -1300px -130px
}

.emojione-1f366 {
    background-position: -1300px -195px
}

.emojione-1f367 {
    background-position: -1300px -260px
}

.emojione-1f368 {
    background-position: -1300px -325px
}

.emojione-1f369 {
    background-position: -1300px -390px
}

.emojione-1f36a {
    background-position: -1300px -455px
}

.emojione-1f36b {
    background-position: -1300px -520px
}

.emojione-1f36c {
    background-position: -1300px -585px
}

.emojione-1f36d {
    background-position: -1300px -650px
}

.emojione-1f36e {
    background-position: -1300px -715px
}

.emojione-1f36f {
    background-position: -1300px -780px
}

.emojione-1f370 {
    background-position: -1300px -845px
}

.emojione-1f371 {
    background-position: -1300px -910px
}

.emojione-1f372 {
    background-position: -1300px -975px
}

.emojione-1f373 {
    background-position: -1300px -1040px
}

.emojione-1f374 {
    background-position: -1300px -1105px
}

.emojione-1f375 {
    background-position: -1300px -1170px
}

.emojione-1f376 {
    background-position: -1300px -1235px
}

.emojione-1f377 {
    background-position: 0 -1300px
}

.emojione-1f378 {
    background-position: -65px -1300px
}

.emojione-1f379 {
    background-position: -130px -1300px
}

.emojione-1f37a {
    background-position: -195px -1300px
}

.emojione-1f37b {
    background-position: -260px -1300px
}

.emojione-1f37c {
    background-position: -325px -1300px
}

.emojione-1f37d {
    background-position: -390px -1300px
}

.emojione-1f37e {
    background-position: -455px -1300px
}

.emojione-1f37f {
    background-position: -520px -1300px
}

.emojione-1f380 {
    background-position: -585px -1300px
}

.emojione-1f381 {
    background-position: -650px -1300px
}

.emojione-1f382 {
    background-position: -715px -1300px
}

.emojione-1f383 {
    background-position: -780px -1300px
}

.emojione-1f384 {
    background-position: -845px -1300px
}

.emojione-1f385-1f3fb {
    background-position: -910px -1300px
}

.emojione-1f385-1f3fc {
    background-position: -975px -1300px
}

.emojione-1f385-1f3fd {
    background-position: -1040px -1300px
}

.emojione-1f385-1f3fe {
    background-position: -1105px -1300px
}

.emojione-1f385-1f3ff {
    background-position: -1170px -1300px
}

.emojione-1f385 {
    background-position: -1235px -1300px
}

.emojione-1f386 {
    background-position: -1300px -1300px
}

.emojione-1f387 {
    background-position: -1365px 0
}

.emojione-1f388 {
    background-position: -1365px -65px
}

.emojione-1f389 {
    background-position: -1365px -130px
}

.emojione-1f38a {
    background-position: -1365px -195px
}

.emojione-1f38b {
    background-position: -1365px -260px
}

.emojione-1f38c {
    background-position: -1365px -325px
}

.emojione-1f38d {
    background-position: -1365px -390px
}

.emojione-1f38e {
    background-position: -1365px -455px
}

.emojione-1f38f {
    background-position: -1365px -520px
}

.emojione-1f390 {
    background-position: -1365px -585px
}

.emojione-1f391 {
    background-position: -1365px -650px
}

.emojione-1f392 {
    background-position: -1365px -715px
}

.emojione-1f393 {
    background-position: -1365px -780px
}

.emojione-1f396 {
    background-position: -1365px -845px
}

.emojione-1f397 {
    background-position: -1365px -910px
}

.emojione-1f399 {
    background-position: -1365px -975px
}

.emojione-1f39a {
    background-position: -1365px -1040px
}

.emojione-1f39b {
    background-position: -1365px -1105px
}

.emojione-1f39e {
    background-position: -1365px -1170px
}

.emojione-1f39f {
    background-position: -1365px -1235px
}

.emojione-1f3a0 {
    background-position: -1365px -1300px
}

.emojione-1f3a1 {
    background-position: 0 -1365px
}

.emojione-1f3a2 {
    background-position: -65px -1365px
}

.emojione-1f3a3 {
    background-position: -130px -1365px
}

.emojione-1f3a4 {
    background-position: -195px -1365px
}

.emojione-1f3a5 {
    background-position: -260px -1365px
}

.emojione-1f3a6 {
    background-position: -325px -1365px
}

.emojione-1f3a7 {
    background-position: -390px -1365px
}

.emojione-1f3a8 {
    background-position: -455px -1365px
}

.emojione-1f3a9 {
    background-position: -520px -1365px
}

.emojione-1f3aa {
    background-position: -585px -1365px
}

.emojione-1f3ab {
    background-position: -650px -1365px
}

.emojione-1f3ac {
    background-position: -715px -1365px
}

.emojione-1f3ad {
    background-position: -780px -1365px
}

.emojione-1f3ae {
    background-position: -845px -1365px
}

.emojione-1f3af {
    background-position: -910px -1365px
}

.emojione-1f3b0 {
    background-position: -975px -1365px
}

.emojione-1f3b1 {
    background-position: -1040px -1365px
}

.emojione-1f3b2 {
    background-position: -1105px -1365px
}

.emojione-1f3b3 {
    background-position: -1170px -1365px
}

.emojione-1f3b4 {
    background-position: -1235px -1365px
}

.emojione-1f3b5 {
    background-position: -1300px -1365px
}

.emojione-1f3b6 {
    background-position: -1365px -1365px
}

.emojione-1f3b7 {
    background-position: -1430px 0
}

.emojione-1f3b8 {
    background-position: -1430px -65px
}

.emojione-1f3b9 {
    background-position: -1430px -130px
}

.emojione-1f3ba {
    background-position: -1430px -195px
}

.emojione-1f3bb {
    background-position: -1430px -260px
}

.emojione-1f3bc {
    background-position: -1430px -325px
}

.emojione-1f3bd {
    background-position: -1430px -390px
}

.emojione-1f3be {
    background-position: -1430px -455px
}

.emojione-1f3bf {
    background-position: -1430px -520px
}

.emojione-1f3c0 {
    background-position: -1430px -585px
}

.emojione-1f3c1 {
    background-position: -1430px -650px
}

.emojione-1f3c2 {
    background-position: -1430px -715px
}

.emojione-1f3c3-1f3fb {
    background-position: -1430px -780px
}

.emojione-1f3c3-1f3fc {
    background-position: -1430px -845px
}

.emojione-1f3c3-1f3fd {
    background-position: -1430px -910px
}

.emojione-1f3c3-1f3fe {
    background-position: -1430px -975px
}

.emojione-1f3c3-1f3ff {
    background-position: -1430px -1040px
}

.emojione-1f3c3 {
    background-position: -1430px -1105px
}

.emojione-1f3c4-1f3fb {
    background-position: -1430px -1170px
}

.emojione-1f3c4-1f3fc {
    background-position: -1430px -1235px
}

.emojione-1f3c4-1f3fd {
    background-position: -1430px -1300px
}

.emojione-1f3c4-1f3fe {
    background-position: -1430px -1365px
}

.emojione-1f3c4-1f3ff {
    background-position: 0 -1430px
}

.emojione-1f3c4 {
    background-position: -65px -1430px
}

.emojione-1f3c5 {
    background-position: -130px -1430px
}

.emojione-1f3c6 {
    background-position: -195px -1430px
}

.emojione-1f3c7-1f3fb {
    background-position: -260px -1430px
}

.emojione-1f3c7-1f3fc {
    background-position: -325px -1430px
}

.emojione-1f3c7-1f3fd {
    background-position: -390px -1430px
}

.emojione-1f3c7-1f3fe {
    background-position: -455px -1430px
}

.emojione-1f3c7-1f3ff {
    background-position: -520px -1430px
}

.emojione-1f3c7 {
    background-position: -585px -1430px
}

.emojione-1f3c8 {
    background-position: -650px -1430px
}

.emojione-1f3c9 {
    background-position: -715px -1430px
}

.emojione-1f3ca-1f3fb {
    background-position: -780px -1430px
}

.emojione-1f3ca-1f3fc {
    background-position: -845px -1430px
}

.emojione-1f3ca-1f3fd {
    background-position: -910px -1430px
}

.emojione-1f3ca-1f3fe {
    background-position: -975px -1430px
}

.emojione-1f3ca-1f3ff {
    background-position: -1040px -1430px
}

.emojione-1f3ca {
    background-position: -1105px -1430px
}

.emojione-1f3cb-1f3fb {
    background-position: -1170px -1430px
}

.emojione-1f3cb-1f3fc {
    background-position: -1235px -1430px
}

.emojione-1f3cb-1f3fd {
    background-position: -1300px -1430px
}

.emojione-1f3cb-1f3fe {
    background-position: -1365px -1430px
}

.emojione-1f3cb-1f3ff {
    background-position: -1430px -1430px
}

.emojione-1f3cb {
    background-position: -1495px 0
}

.emojione-1f3cc {
    background-position: -1495px -65px
}

.emojione-1f3cd {
    background-position: -1495px -130px
}

.emojione-1f3ce {
    background-position: -1495px -195px
}

.emojione-1f3cf {
    background-position: -1495px -260px
}

.emojione-1f3d0 {
    background-position: -1495px -325px
}

.emojione-1f3d1 {
    background-position: -1495px -390px
}

.emojione-1f3d2 {
    background-position: -1495px -455px
}

.emojione-1f3d3 {
    background-position: -1495px -520px
}

.emojione-1f3d4 {
    background-position: -1495px -585px
}

.emojione-1f3d5 {
    background-position: -1495px -650px
}

.emojione-1f3d6 {
    background-position: -1495px -715px
}

.emojione-1f3d7 {
    background-position: -1495px -780px
}

.emojione-1f3d8 {
    background-position: -1495px -845px
}

.emojione-1f3d9 {
    background-position: -1495px -910px
}

.emojione-1f3da {
    background-position: -1495px -975px
}

.emojione-1f3db {
    background-position: -1495px -1040px
}

.emojione-1f3dc {
    background-position: -1495px -1105px
}

.emojione-1f3dd {
    background-position: -1495px -1170px
}

.emojione-1f3de {
    background-position: -1495px -1235px
}

.emojione-1f3df {
    background-position: -1495px -1300px
}

.emojione-1f3e0 {
    background-position: -1495px -1365px
}

.emojione-1f3e1 {
    background-position: -1495px -1430px
}

.emojione-1f3e2 {
    background-position: 0 -1495px
}

.emojione-1f3e3 {
    background-position: -65px -1495px
}

.emojione-1f3e4 {
    background-position: -130px -1495px
}

.emojione-1f3e5 {
    background-position: -195px -1495px
}

.emojione-1f3e6 {
    background-position: -260px -1495px
}

.emojione-1f3e7 {
    background-position: -325px -1495px
}

.emojione-1f3e8 {
    background-position: -390px -1495px
}

.emojione-1f3e9 {
    background-position: -455px -1495px
}

.emojione-1f3ea {
    background-position: -520px -1495px
}

.emojione-1f3eb {
    background-position: -585px -1495px
}

.emojione-1f3ec {
    background-position: -650px -1495px
}

.emojione-1f3ed {
    background-position: -715px -1495px
}

.emojione-1f3ee {
    background-position: -780px -1495px
}

.emojione-1f3ef {
    background-position: -845px -1495px
}

.emojione-1f3f0 {
    background-position: -910px -1495px
}

.emojione-1f3f3 {
    background-position: -975px -1495px
}

.emojione-1f3f4 {
    background-position: -1040px -1495px
}

.emojione-1f3f5 {
    background-position: -1105px -1495px
}

.emojione-1f3f7 {
    background-position: -1170px -1495px
}

.emojione-1f3f8 {
    background-position: -1235px -1495px
}

.emojione-1f3f9 {
    background-position: -1300px -1495px
}

.emojione-1f3fa {
    background-position: -1365px -1495px
}

.emojione-1f3fb {
    background-position: -1430px -1495px
}

.emojione-1f3fc {
    background-position: -1495px -1495px
}

.emojione-1f3fd {
    background-position: -1560px 0
}

.emojione-1f3fe {
    background-position: -1560px -65px
}

.emojione-1f3ff {
    background-position: -1560px -130px
}

.emojione-1f400 {
    background-position: -1560px -195px
}

.emojione-1f401 {
    background-position: -1560px -260px
}

.emojione-1f402 {
    background-position: -1560px -325px
}

.emojione-1f403 {
    background-position: -1560px -390px
}

.emojione-1f404 {
    background-position: -1560px -455px
}

.emojione-1f405 {
    background-position: -1560px -520px
}

.emojione-1f406 {
    background-position: -1560px -585px
}

.emojione-1f407 {
    background-position: -1560px -650px
}

.emojione-1f408 {
    background-position: -1560px -715px
}

.emojione-1f409 {
    background-position: -1560px -780px
}

.emojione-1f40a {
    background-position: -1560px -845px
}

.emojione-1f40b {
    background-position: -1560px -910px
}

.emojione-1f40c {
    background-position: -1560px -975px
}

.emojione-1f40d {
    background-position: -1560px -1040px
}

.emojione-1f40e {
    background-position: -1560px -1105px
}

.emojione-1f40f {
    background-position: -1560px -1170px
}

.emojione-1f410 {
    background-position: -1560px -1235px
}

.emojione-1f411 {
    background-position: -1560px -1300px
}

.emojione-1f412 {
    background-position: -1560px -1365px
}

.emojione-1f413 {
    background-position: -1560px -1430px
}

.emojione-1f414 {
    background-position: -1560px -1495px
}

.emojione-1f415 {
    background-position: 0 -1560px
}

.emojione-1f416 {
    background-position: -65px -1560px
}

.emojione-1f417 {
    background-position: -130px -1560px
}

.emojione-1f418 {
    background-position: -195px -1560px
}

.emojione-1f419 {
    background-position: -260px -1560px
}

.emojione-1f41a {
    background-position: -325px -1560px
}

.emojione-1f41b {
    background-position: -390px -1560px
}

.emojione-1f41c {
    background-position: -455px -1560px
}

.emojione-1f41d {
    background-position: -520px -1560px
}

.emojione-1f41e {
    background-position: -585px -1560px
}

.emojione-1f41f {
    background-position: -650px -1560px
}

.emojione-1f420 {
    background-position: -715px -1560px
}

.emojione-1f421 {
    background-position: -780px -1560px
}

.emojione-1f422 {
    background-position: -845px -1560px
}

.emojione-1f423 {
    background-position: -910px -1560px
}

.emojione-1f424 {
    background-position: -975px -1560px
}

.emojione-1f425 {
    background-position: -1040px -1560px
}

.emojione-1f426 {
    background-position: -1105px -1560px
}

.emojione-1f427 {
    background-position: -1170px -1560px
}

.emojione-1f428 {
    background-position: -1235px -1560px
}

.emojione-1f429 {
    background-position: -1300px -1560px
}

.emojione-1f42a {
    background-position: -1365px -1560px
}

.emojione-1f42b {
    background-position: -1430px -1560px
}

.emojione-1f42c {
    background-position: -1495px -1560px
}

.emojione-1f42d {
    background-position: -1560px -1560px
}

.emojione-1f42e {
    background-position: -1625px 0
}

.emojione-1f42f {
    background-position: -1625px -65px
}

.emojione-1f430 {
    background-position: -1625px -130px
}

.emojione-1f431 {
    background-position: -1625px -195px
}

.emojione-1f432 {
    background-position: -1625px -260px
}

.emojione-1f433 {
    background-position: -1625px -325px
}

.emojione-1f434 {
    background-position: -1625px -390px
}

.emojione-1f435 {
    background-position: -1625px -455px
}

.emojione-1f436 {
    background-position: -1625px -520px
}

.emojione-1f437 {
    background-position: -1625px -585px
}

.emojione-1f438 {
    background-position: -1625px -650px
}

.emojione-1f439 {
    background-position: -1625px -715px
}

.emojione-1f43a {
    background-position: -1625px -780px
}

.emojione-1f43b {
    background-position: -1625px -845px
}

.emojione-1f43c {
    background-position: -1625px -910px
}

.emojione-1f43d {
    background-position: -1625px -975px
}

.emojione-1f43e {
    background-position: -1625px -1040px
}

.emojione-1f43f {
    background-position: -1625px -1105px
}

.emojione-1f440 {
    background-position: -1625px -1170px
}

.emojione-1f441-1f5e8 {
    background-position: -1625px -1235px
}

.emojione-1f441 {
    background-position: -1625px -1300px
}

.emojione-1f442-1f3fb {
    background-position: -1625px -1365px
}

.emojione-1f442-1f3fc {
    background-position: -1625px -1430px
}

.emojione-1f442-1f3fd {
    background-position: -1625px -1495px
}

.emojione-1f442-1f3fe {
    background-position: -1625px -1560px
}

.emojione-1f442-1f3ff {
    background-position: 0 -1625px
}

.emojione-1f442 {
    background-position: -65px -1625px
}

.emojione-1f443-1f3fb {
    background-position: -130px -1625px
}

.emojione-1f443-1f3fc {
    background-position: -195px -1625px
}

.emojione-1f443-1f3fd {
    background-position: -260px -1625px
}

.emojione-1f443-1f3fe {
    background-position: -325px -1625px
}

.emojione-1f443-1f3ff {
    background-position: -390px -1625px
}

.emojione-1f443 {
    background-position: -455px -1625px
}

.emojione-1f444 {
    background-position: -520px -1625px
}

.emojione-1f445 {
    background-position: -585px -1625px
}

.emojione-1f446-1f3fb {
    background-position: -650px -1625px
}

.emojione-1f446-1f3fc {
    background-position: -715px -1625px
}

.emojione-1f446-1f3fd {
    background-position: -780px -1625px
}

.emojione-1f446-1f3fe {
    background-position: -845px -1625px
}

.emojione-1f446-1f3ff {
    background-position: -910px -1625px
}

.emojione-1f446 {
    background-position: -975px -1625px
}

.emojione-1f447-1f3fb {
    background-position: -1040px -1625px
}

.emojione-1f447-1f3fc {
    background-position: -1105px -1625px
}

.emojione-1f447-1f3fd {
    background-position: -1170px -1625px
}

.emojione-1f447-1f3fe {
    background-position: -1235px -1625px
}

.emojione-1f447-1f3ff {
    background-position: -1300px -1625px
}

.emojione-1f447 {
    background-position: -1365px -1625px
}

.emojione-1f448-1f3fb {
    background-position: -1430px -1625px
}

.emojione-1f448-1f3fc {
    background-position: -1495px -1625px
}

.emojione-1f448-1f3fd {
    background-position: -1560px -1625px
}

.emojione-1f448-1f3fe {
    background-position: -1625px -1625px
}

.emojione-1f448-1f3ff {
    background-position: -1690px 0
}

.emojione-1f448 {
    background-position: -1690px -65px
}

.emojione-1f449-1f3fb {
    background-position: -1690px -130px
}

.emojione-1f449-1f3fc {
    background-position: -1690px -195px
}

.emojione-1f449-1f3fd {
    background-position: -1690px -260px
}

.emojione-1f449-1f3fe {
    background-position: -1690px -325px
}

.emojione-1f449-1f3ff {
    background-position: -1690px -390px
}

.emojione-1f449 {
    background-position: -1690px -455px
}

.emojione-1f44a-1f3fb {
    background-position: -1690px -520px
}

.emojione-1f44a-1f3fc {
    background-position: -1690px -585px
}

.emojione-1f44a-1f3fd {
    background-position: -1690px -650px
}

.emojione-1f44a-1f3fe {
    background-position: -1690px -715px
}

.emojione-1f44a-1f3ff {
    background-position: -1690px -780px
}

.emojione-1f44a {
    background-position: -1690px -845px
}

.emojione-1f44b-1f3fb {
    background-position: -1690px -910px
}

.emojione-1f44b-1f3fc {
    background-position: -1690px -975px
}

.emojione-1f44b-1f3fd {
    background-position: -1690px -1040px
}

.emojione-1f44b-1f3fe {
    background-position: -1690px -1105px
}

.emojione-1f44b-1f3ff {
    background-position: -1690px -1170px
}

.emojione-1f44b {
    background-position: -1690px -1235px
}

.emojione-1f44c-1f3fb {
    background-position: -1690px -1300px
}

.emojione-1f44c-1f3fc {
    background-position: -1690px -1365px
}

.emojione-1f44c-1f3fd {
    background-position: -1690px -1430px
}

.emojione-1f44c-1f3fe {
    background-position: -1690px -1495px
}

.emojione-1f44c-1f3ff {
    background-position: -1690px -1560px
}

.emojione-1f44c {
    background-position: -1690px -1625px
}

.emojione-1f44d-1f3fb {
    background-position: 0 -1690px
}

.emojione-1f44d-1f3fc {
    background-position: -65px -1690px
}

.emojione-1f44d-1f3fd {
    background-position: -130px -1690px
}

.emojione-1f44d-1f3fe {
    background-position: -195px -1690px
}

.emojione-1f44d-1f3ff {
    background-position: -260px -1690px
}

.emojione-1f44d {
    background-position: -325px -1690px
}

.emojione-1f44e-1f3fb {
    background-position: -390px -1690px
}

.emojione-1f44e-1f3fc {
    background-position: -455px -1690px
}

.emojione-1f44e-1f3fd {
    background-position: -520px -1690px
}

.emojione-1f44e-1f3fe {
    background-position: -585px -1690px
}

.emojione-1f44e-1f3ff {
    background-position: -650px -1690px
}

.emojione-1f44e {
    background-position: -715px -1690px
}

.emojione-1f44f-1f3fb {
    background-position: -780px -1690px
}

.emojione-1f44f-1f3fc {
    background-position: -845px -1690px
}

.emojione-1f44f-1f3fd {
    background-position: -910px -1690px
}

.emojione-1f44f-1f3fe {
    background-position: -975px -1690px
}

.emojione-1f44f-1f3ff {
    background-position: -1040px -1690px
}

.emojione-1f44f {
    background-position: -1105px -1690px
}

.emojione-1f450-1f3fb {
    background-position: -1170px -1690px
}

.emojione-1f450-1f3fc {
    background-position: -1235px -1690px
}

.emojione-1f450-1f3fd {
    background-position: -1300px -1690px
}

.emojione-1f450-1f3fe {
    background-position: -1365px -1690px
}

.emojione-1f450-1f3ff {
    background-position: -1430px -1690px
}

.emojione-1f450 {
    background-position: -1495px -1690px
}

.emojione-1f451 {
    background-position: -1560px -1690px
}

.emojione-1f452 {
    background-position: -1625px -1690px
}

.emojione-1f453 {
    background-position: -1690px -1690px
}

.emojione-1f454 {
    background-position: -1755px 0
}

.emojione-1f455 {
    background-position: -1755px -65px
}

.emojione-1f456 {
    background-position: -1755px -130px
}

.emojione-1f457 {
    background-position: -1755px -195px
}

.emojione-1f458 {
    background-position: -1755px -260px
}

.emojione-1f459 {
    background-position: -1755px -325px
}

.emojione-1f45a {
    background-position: -1755px -390px
}

.emojione-1f45b {
    background-position: -1755px -455px
}

.emojione-1f45c {
    background-position: -1755px -520px
}

.emojione-1f45d {
    background-position: -1755px -585px
}

.emojione-1f45e {
    background-position: -1755px -650px
}

.emojione-1f45f {
    background-position: -1755px -715px
}

.emojione-1f460 {
    background-position: -1755px -780px
}

.emojione-1f461 {
    background-position: -1755px -845px
}

.emojione-1f462 {
    background-position: -1755px -910px
}

.emojione-1f463 {
    background-position: -1755px -975px
}

.emojione-1f464 {
    background-position: -1755px -1040px
}

.emojione-1f465 {
    background-position: -1755px -1105px
}

.emojione-1f466-1f3fb {
    background-position: -1755px -1170px
}

.emojione-1f466-1f3fc {
    background-position: -1755px -1235px
}

.emojione-1f466-1f3fd {
    background-position: -1755px -1300px
}

.emojione-1f466-1f3fe {
    background-position: -1755px -1365px
}

.emojione-1f466-1f3ff {
    background-position: -1755px -1430px
}

.emojione-1f466 {
    background-position: -1755px -1495px
}

.emojione-1f467-1f3fb {
    background-position: -1755px -1560px
}

.emojione-1f467-1f3fc {
    background-position: -1755px -1625px
}

.emojione-1f467-1f3fd {
    background-position: -1755px -1690px
}

.emojione-1f467-1f3fe {
    background-position: 0 -1755px
}

.emojione-1f467-1f3ff {
    background-position: -65px -1755px
}

.emojione-1f467 {
    background-position: -130px -1755px
}

.emojione-1f468-1f3fb {
    background-position: -195px -1755px
}

.emojione-1f468-1f3fc {
    background-position: -260px -1755px
}

.emojione-1f468-1f3fd {
    background-position: -325px -1755px
}

.emojione-1f468-1f3fe {
    background-position: -390px -1755px
}

.emojione-1f468-1f3ff {
    background-position: -455px -1755px
}

.emojione-1f468-1f468-1f466-1f466 {
    background-position: -520px -1755px
}

.emojione-1f468-1f468-1f466 {
    background-position: -585px -1755px
}

.emojione-1f468-1f468-1f467-1f466 {
    background-position: -650px -1755px
}

.emojione-1f468-1f468-1f467-1f467 {
    background-position: -715px -1755px
}

.emojione-1f468-1f468-1f467 {
    background-position: -780px -1755px
}

.emojione-1f468-1f469-1f466-1f466 {
    background-position: -845px -1755px
}

.emojione-1f468-1f469-1f467-1f466 {
    background-position: -910px -1755px
}

.emojione-1f468-1f469-1f467-1f467 {
    background-position: -975px -1755px
}

.emojione-1f468-1f469-1f467 {
    background-position: -1040px -1755px
}

.emojione-1f468-2764-1f468 {
    background-position: -1105px -1755px
}

.emojione-1f468-2764-1f48b-1f468 {
    background-position: -1170px -1755px
}

.emojione-1f468 {
    background-position: -1235px -1755px
}

.emojione-1f469-1f3fb {
    background-position: -1300px -1755px
}

.emojione-1f469-1f3fc {
    background-position: -1365px -1755px
}

.emojione-1f469-1f3fd {
    background-position: -1430px -1755px
}

.emojione-1f469-1f3fe {
    background-position: -1495px -1755px
}

.emojione-1f469-1f3ff {
    background-position: -1560px -1755px
}

.emojione-1f469-1f469-1f466-1f466 {
    background-position: -1625px -1755px
}

.emojione-1f469-1f469-1f466 {
    background-position: -1690px -1755px
}

.emojione-1f469-1f469-1f467-1f466 {
    background-position: -1755px -1755px
}

.emojione-1f469-1f469-1f467-1f467 {
    background-position: -1820px 0
}

.emojione-1f469-1f469-1f467 {
    background-position: -1820px -65px
}

.emojione-1f469-2764-1f469 {
    background-position: -1820px -130px
}

.emojione-1f469-2764-1f48b-1f469 {
    background-position: -1820px -195px
}

.emojione-1f469 {
    background-position: -1820px -260px
}

.emojione-1f46a {
    background-position: -1820px -325px
}

.emojione-1f46b {
    background-position: -1820px -390px
}

.emojione-1f46c {
    background-position: -1820px -455px
}

.emojione-1f46d {
    background-position: -1820px -520px
}

.emojione-1f46e-1f3fb {
    background-position: -1820px -585px
}

.emojione-1f46e-1f3fc {
    background-position: -1820px -650px
}

.emojione-1f46e-1f3fd {
    background-position: -1820px -715px
}

.emojione-1f46e-1f3fe {
    background-position: -1820px -780px
}

.emojione-1f46e-1f3ff {
    background-position: -1820px -845px
}

.emojione-1f46e {
    background-position: -1820px -910px
}

.emojione-1f46f {
    background-position: -1820px -975px
}

.emojione-1f470-1f3fb {
    background-position: -1820px -1040px
}

.emojione-1f470-1f3fc {
    background-position: -1820px -1105px
}

.emojione-1f470-1f3fd {
    background-position: -1820px -1170px
}

.emojione-1f470-1f3fe {
    background-position: -1820px -1235px
}

.emojione-1f470-1f3ff {
    background-position: -1820px -1300px
}

.emojione-1f470 {
    background-position: -1820px -1365px
}

.emojione-1f471-1f3fb {
    background-position: -1820px -1430px
}

.emojione-1f471-1f3fc {
    background-position: -1820px -1495px
}

.emojione-1f471-1f3fd {
    background-position: -1820px -1560px
}

.emojione-1f471-1f3fe {
    background-position: -1820px -1625px
}

.emojione-1f471-1f3ff {
    background-position: -1820px -1690px
}

.emojione-1f471 {
    background-position: -1820px -1755px
}

.emojione-1f472-1f3fb {
    background-position: 0 -1820px
}

.emojione-1f472-1f3fc {
    background-position: -65px -1820px
}

.emojione-1f472-1f3fd {
    background-position: -130px -1820px
}

.emojione-1f472-1f3fe {
    background-position: -195px -1820px
}

.emojione-1f472-1f3ff {
    background-position: -260px -1820px
}

.emojione-1f472 {
    background-position: -325px -1820px
}

.emojione-1f473-1f3fb {
    background-position: -390px -1820px
}

.emojione-1f473-1f3fc {
    background-position: -455px -1820px
}

.emojione-1f473-1f3fd {
    background-position: -520px -1820px
}

.emojione-1f473-1f3fe {
    background-position: -585px -1820px
}

.emojione-1f473-1f3ff {
    background-position: -650px -1820px
}

.emojione-1f473 {
    background-position: -715px -1820px
}

.emojione-1f474-1f3fb {
    background-position: -780px -1820px
}

.emojione-1f474-1f3fc {
    background-position: -845px -1820px
}

.emojione-1f474-1f3fd {
    background-position: -910px -1820px
}

.emojione-1f474-1f3fe {
    background-position: -975px -1820px
}

.emojione-1f474-1f3ff {
    background-position: -1040px -1820px
}

.emojione-1f474 {
    background-position: -1105px -1820px
}

.emojione-1f475-1f3fb {
    background-position: -1170px -1820px
}

.emojione-1f475-1f3fc {
    background-position: -1235px -1820px
}

.emojione-1f475-1f3fd {
    background-position: -1300px -1820px
}

.emojione-1f475-1f3fe {
    background-position: 0 0
}

.emojione-1f475-1f3ff {
    background-position: -1430px -1820px
}

.emojione-1f475 {
    background-position: -1495px -1820px
}

.emojione-1f476-1f3fb {
    background-position: -1560px -1820px
}

.emojione-1f476-1f3fc {
    background-position: -1625px -1820px
}

.emojione-1f476-1f3fd {
    background-position: -1690px -1820px
}

.emojione-1f476-1f3fe {
    background-position: -1755px -1820px
}

.emojione-1f476-1f3ff {
    background-position: -1820px -1820px
}

.emojione-1f476 {
    background-position: -1885px 0
}

.emojione-1f477-1f3fb {
    background-position: -1885px -65px
}

.emojione-1f477-1f3fc {
    background-position: -1885px -130px
}

.emojione-1f477-1f3fd {
    background-position: -1885px -195px
}

.emojione-1f477-1f3fe {
    background-position: -1885px -260px
}

.emojione-1f477-1f3ff {
    background-position: -1885px -325px
}

.emojione-1f477 {
    background-position: -1885px -390px
}

.emojione-1f478-1f3fb {
    background-position: -1885px -455px
}

.emojione-1f478-1f3fc {
    background-position: -1885px -520px
}

.emojione-1f478-1f3fd {
    background-position: -1885px -585px
}

.emojione-1f478-1f3fe {
    background-position: -1885px -650px
}

.emojione-1f478-1f3ff {
    background-position: -1885px -715px
}

.emojione-1f478 {
    background-position: -1885px -780px
}

.emojione-1f479 {
    background-position: -1885px -845px
}

.emojione-1f47a {
    background-position: -1885px -910px
}

.emojione-1f47b {
    background-position: -1885px -975px
}

.emojione-1f47c-1f3fb {
    background-position: -1885px -1040px
}

.emojione-1f47c-1f3fc {
    background-position: -1885px -1105px
}

.emojione-1f47c-1f3fd {
    background-position: -1885px -1170px
}

.emojione-1f47c-1f3fe {
    background-position: -1885px -1235px
}

.emojione-1f47c-1f3ff {
    background-position: -1885px -1300px
}

.emojione-1f47c {
    background-position: -1885px -1365px
}

.emojione-1f47d {
    background-position: -1885px -1430px
}

.emojione-1f47e {
    background-position: -1885px -1495px
}

.emojione-1f47f {
    background-position: -1885px -1560px
}

.emojione-1f480 {
    background-position: -1885px -1625px
}

.emojione-1f481-1f3fb {
    background-position: -1885px -1690px
}

.emojione-1f481-1f3fc {
    background-position: -1885px -1755px
}

.emojione-1f481-1f3fd {
    background-position: -1885px -1820px
}

.emojione-1f481-1f3fe {
    background-position: 0 -1885px
}

.emojione-1f481-1f3ff {
    background-position: -65px -1885px
}

.emojione-1f481 {
    background-position: -130px -1885px
}

.emojione-1f482-1f3fb {
    background-position: -195px -1885px
}

.emojione-1f482-1f3fc {
    background-position: -260px -1885px
}

.emojione-1f482-1f3fd {
    background-position: -325px -1885px
}

.emojione-1f482-1f3fe {
    background-position: -390px -1885px
}

.emojione-1f482-1f3ff {
    background-position: -455px -1885px
}

.emojione-1f482 {
    background-position: -520px -1885px
}

.emojione-1f483-1f3fb {
    background-position: -585px -1885px
}

.emojione-1f483-1f3fc {
    background-position: -650px -1885px
}

.emojione-1f483-1f3fd {
    background-position: -715px -1885px
}

.emojione-1f483-1f3fe {
    background-position: -780px -1885px
}

.emojione-1f483-1f3ff {
    background-position: -845px -1885px
}

.emojione-1f483 {
    background-position: -910px -1885px
}

.emojione-1f484 {
    background-position: -975px -1885px
}

.emojione-1f485-1f3fb {
    background-position: -1040px -1885px
}

.emojione-1f485-1f3fc {
    background-position: -1105px -1885px
}

.emojione-1f485-1f3fd {
    background-position: -1170px -1885px
}

.emojione-1f485-1f3fe {
    background-position: -1235px -1885px
}

.emojione-1f485-1f3ff {
    background-position: -1300px -1885px
}

.emojione-1f485 {
    background-position: -1365px -1885px
}

.emojione-1f486-1f3fb {
    background-position: -1430px -1885px
}

.emojione-1f486-1f3fc {
    background-position: -1495px -1885px
}

.emojione-1f486-1f3fd {
    background-position: -1560px -1885px
}

.emojione-1f486-1f3fe {
    background-position: -1625px -1885px
}

.emojione-1f486-1f3ff {
    background-position: -1690px -1885px
}

.emojione-1f486 {
    background-position: -1755px -1885px
}

.emojione-1f487-1f3fb {
    background-position: -1820px -1885px
}

.emojione-1f487-1f3fc {
    background-position: -1885px -1885px
}

.emojione-1f487-1f3fd {
    background-position: -1950px 0
}

.emojione-1f487-1f3fe {
    background-position: -1950px -65px
}

.emojione-1f487-1f3ff {
    background-position: -1950px -130px
}

.emojione-1f487 {
    background-position: -1950px -195px
}

.emojione-1f488 {
    background-position: -1950px -260px
}

.emojione-1f489 {
    background-position: -1950px -325px
}

.emojione-1f48a {
    background-position: -1950px -390px
}

.emojione-1f48b {
    background-position: -1950px -455px
}

.emojione-1f48c {
    background-position: -1950px -520px
}

.emojione-1f48d {
    background-position: -1950px -585px
}

.emojione-1f48e {
    background-position: -1950px -650px
}

.emojione-1f48f {
    background-position: -1950px -715px
}

.emojione-1f490 {
    background-position: -1950px -780px
}

.emojione-1f491 {
    background-position: -1950px -845px
}

.emojione-1f492 {
    background-position: -1950px -910px
}

.emojione-1f493 {
    background-position: -1950px -975px
}

.emojione-1f494 {
    background-position: -1950px -1040px
}

.emojione-1f495 {
    background-position: -1950px -1105px
}

.emojione-1f496 {
    background-position: -1950px -1170px
}

.emojione-1f497 {
    background-position: -1950px -1235px
}

.emojione-1f498 {
    background-position: -1950px -1300px
}

.emojione-1f499 {
    background-position: -1950px -1365px
}

.emojione-1f49a {
    background-position: -1950px -1430px
}

.emojione-1f49b {
    background-position: -1950px -1495px
}

.emojione-1f49c {
    background-position: -1950px -1560px
}

.emojione-1f49d {
    background-position: -1950px -1625px
}

.emojione-1f49e {
    background-position: -1950px -1690px
}

.emojione-1f49f {
    background-position: -1950px -1755px
}

.emojione-1f4a0 {
    background-position: -1950px -1820px
}

.emojione-1f4a1 {
    background-position: -1950px -1885px
}

.emojione-1f4a2 {
    background-position: 0 -1950px
}

.emojione-1f4a3 {
    background-position: -65px -1950px
}

.emojione-1f4a4 {
    background-position: -130px -1950px
}

.emojione-1f4a5 {
    background-position: -195px -1950px
}

.emojione-1f4a6 {
    background-position: -260px -1950px
}

.emojione-1f4a7 {
    background-position: -325px -1950px
}

.emojione-1f4a8 {
    background-position: -390px -1950px
}

.emojione-1f4a9 {
    background-position: -455px -1950px
}

.emojione-1f4aa-1f3fb {
    background-position: -520px -1950px
}

.emojione-1f4aa-1f3fc {
    background-position: -585px -1950px
}

.emojione-1f4aa-1f3fd {
    background-position: -650px -1950px
}

.emojione-1f4aa-1f3fe {
    background-position: -715px -1950px
}

.emojione-1f4aa-1f3ff {
    background-position: -780px -1950px
}

.emojione-1f4aa {
    background-position: -845px -1950px
}

.emojione-1f4ab {
    background-position: -910px -1950px
}

.emojione-1f4ac {
    background-position: -975px -1950px
}

.emojione-1f4ad {
    background-position: -1040px -1950px
}

.emojione-1f4ae {
    background-position: -1105px -1950px
}

.emojione-1f4af {
    background-position: -1170px -1950px
}

.emojione-1f4b0 {
    background-position: -1235px -1950px
}

.emojione-1f4b1 {
    background-position: -1300px -1950px
}

.emojione-1f4b2 {
    background-position: -1365px -1950px
}

.emojione-1f4b3 {
    background-position: -1430px -1950px
}

.emojione-1f4b4 {
    background-position: -1495px -1950px
}

.emojione-1f4b5 {
    background-position: -1560px -1950px
}

.emojione-1f4b6 {
    background-position: -1625px -1950px
}

.emojione-1f4b7 {
    background-position: -1690px -1950px
}

.emojione-1f4b8 {
    background-position: -1755px -1950px
}

.emojione-1f4b9 {
    background-position: -1820px -1950px
}

.emojione-1f4ba {
    background-position: -1885px -1950px
}

.emojione-1f4bb {
    background-position: -1950px -1950px
}

.emojione-1f4bc {
    background-position: -2015px 0
}

.emojione-1f4bd {
    background-position: -2015px -65px
}

.emojione-1f4be {
    background-position: -2015px -130px
}

.emojione-1f4bf {
    background-position: -2015px -195px
}

.emojione-1f4c0 {
    background-position: -2015px -260px
}

.emojione-1f4c1 {
    background-position: -2015px -325px
}

.emojione-1f4c2 {
    background-position: -2015px -390px
}

.emojione-1f4c3 {
    background-position: -2015px -455px
}

.emojione-1f4c4 {
    background-position: -2015px -520px
}

.emojione-1f4c5 {
    background-position: -2015px -585px
}

.emojione-1f4c6 {
    background-position: -2015px -650px
}

.emojione-1f4c7 {
    background-position: -2015px -715px
}

.emojione-1f4c8 {
    background-position: -2015px -780px
}

.emojione-1f4c9 {
    background-position: -2015px -845px
}

.emojione-1f4ca {
    background-position: -2015px -910px
}

.emojione-1f4cb {
    background-position: -2015px -975px
}

.emojione-1f4cc {
    background-position: -2015px -1040px
}

.emojione-1f4cd {
    background-position: -2015px -1105px
}

.emojione-1f4ce {
    background-position: -2015px -1170px
}

.emojione-1f4cf {
    background-position: -2015px -1235px
}

.emojione-1f4d0 {
    background-position: -2015px -1300px
}

.emojione-1f4d1 {
    background-position: -2015px -1365px
}

.emojione-1f4d2 {
    background-position: -2015px -1430px
}

.emojione-1f4d3 {
    background-position: -2015px -1495px
}

.emojione-1f4d4 {
    background-position: -2015px -1560px
}

.emojione-1f4d5 {
    background-position: -2015px -1625px
}

.emojione-1f4d6 {
    background-position: -2015px -1690px
}

.emojione-1f4d7 {
    background-position: -2015px -1755px
}

.emojione-1f4d8 {
    background-position: -2015px -1820px
}

.emojione-1f4d9 {
    background-position: -2015px -1885px
}

.emojione-1f4da {
    background-position: -2015px -1950px
}

.emojione-1f4db {
    background-position: 0 -2015px
}

.emojione-1f4dc {
    background-position: -65px -2015px
}

.emojione-1f4dd {
    background-position: -130px -2015px
}

.emojione-1f4de {
    background-position: -195px -2015px
}

.emojione-1f4df {
    background-position: -260px -2015px
}

.emojione-1f4e0 {
    background-position: -325px -2015px
}

.emojione-1f4e1 {
    background-position: -390px -2015px
}

.emojione-1f4e2 {
    background-position: -455px -2015px
}

.emojione-1f4e3 {
    background-position: -520px -2015px
}

.emojione-1f4e4 {
    background-position: -585px -2015px
}

.emojione-1f4e5 {
    background-position: -650px -2015px
}

.emojione-1f4e6 {
    background-position: -715px -2015px
}

.emojione-1f4e7 {
    background-position: -780px -2015px
}

.emojione-1f4e8 {
    background-position: -845px -2015px
}

.emojione-1f4e9 {
    background-position: -910px -2015px
}

.emojione-1f4ea {
    background-position: -975px -2015px
}

.emojione-1f4eb {
    background-position: -1040px -2015px
}

.emojione-1f4ec {
    background-position: -1105px -2015px
}

.emojione-1f4ed {
    background-position: -1170px -2015px
}

.emojione-1f4ee {
    background-position: -1235px -2015px
}

.emojione-1f4ef {
    background-position: -1300px -2015px
}

.emojione-1f4f0 {
    background-position: -1365px -2015px
}

.emojione-1f4f1 {
    background-position: -1430px -2015px
}

.emojione-1f4f2 {
    background-position: -1495px -2015px
}

.emojione-1f4f3 {
    background-position: -1560px -2015px
}

.emojione-1f4f4 {
    background-position: -1625px -2015px
}

.emojione-1f4f5 {
    background-position: -1690px -2015px
}

.emojione-1f4f6 {
    background-position: -1755px -2015px
}

.emojione-1f4f7 {
    background-position: -1820px -2015px
}

.emojione-1f4f8 {
    background-position: -1885px -2015px
}

.emojione-1f4f9 {
    background-position: -1950px -2015px
}

.emojione-1f4fa {
    background-position: -2015px -2015px
}

.emojione-1f4fb {
    background-position: -2080px 0
}

.emojione-1f4fc {
    background-position: -2080px -65px
}

.emojione-1f4fd {
    background-position: -2080px -130px
}

.emojione-1f4ff {
    background-position: -2080px -195px
}

.emojione-1f500 {
    background-position: -2080px -260px
}

.emojione-1f501 {
    background-position: -2080px -325px
}

.emojione-1f502 {
    background-position: -2080px -390px
}

.emojione-1f503 {
    background-position: -2080px -455px
}

.emojione-1f504 {
    background-position: -2080px -520px
}

.emojione-1f505 {
    background-position: -2080px -585px
}

.emojione-1f506 {
    background-position: -2080px -650px
}

.emojione-1f507 {
    background-position: -2080px -715px
}

.emojione-1f508 {
    background-position: -2080px -780px
}

.emojione-1f509 {
    background-position: -2080px -845px
}

.emojione-1f50a {
    background-position: -2080px -910px
}

.emojione-1f50b {
    background-position: -2080px -975px
}

.emojione-1f50c {
    background-position: -2080px -1040px
}

.emojione-1f50d {
    background-position: -2080px -1105px
}

.emojione-1f50e {
    background-position: -2080px -1170px
}

.emojione-1f50f {
    background-position: -2080px -1235px
}

.emojione-1f510 {
    background-position: -2080px -1300px
}

.emojione-1f511 {
    background-position: -2080px -1365px
}

.emojione-1f512 {
    background-position: -2080px -1430px
}

.emojione-1f513 {
    background-position: -2080px -1495px
}

.emojione-1f514 {
    background-position: -2080px -1560px
}

.emojione-1f515 {
    background-position: -2080px -1625px
}

.emojione-1f516 {
    background-position: -2080px -1690px
}

.emojione-1f517 {
    background-position: -2080px -1755px
}

.emojione-1f518 {
    background-position: -2080px -1820px
}

.emojione-1f519 {
    background-position: -2080px -1885px
}

.emojione-1f51a {
    background-position: -2080px -1950px
}

.emojione-1f51b {
    background-position: -2080px -2015px
}

.emojione-1f51c {
    background-position: 0 -2080px
}

.emojione-1f51d {
    background-position: -65px -2080px
}

.emojione-1f51e {
    background-position: -130px -2080px
}

.emojione-1f51f {
    background-position: -195px -2080px
}

.emojione-1f520 {
    background-position: -260px -2080px
}

.emojione-1f521 {
    background-position: -325px -2080px
}

.emojione-1f522 {
    background-position: -390px -2080px
}

.emojione-1f523 {
    background-position: -455px -2080px
}

.emojione-1f524 {
    background-position: -520px -2080px
}

.emojione-1f525 {
    background-position: -585px -2080px
}

.emojione-1f526 {
    background-position: -650px -2080px
}

.emojione-1f527 {
    background-position: -715px -2080px
}

.emojione-1f528 {
    background-position: -780px -2080px
}

.emojione-1f529 {
    background-position: -845px -2080px
}

.emojione-1f52a {
    background-position: -910px -2080px
}

.emojione-1f52b {
    background-position: -975px -2080px
}

.emojione-1f52c {
    background-position: -1040px -2080px
}

.emojione-1f52d {
    background-position: -1105px -2080px
}

.emojione-1f52e {
    background-position: -1170px -2080px
}

.emojione-1f52f {
    background-position: -1235px -2080px
}

.emojione-1f530 {
    background-position: -1300px -2080px
}

.emojione-1f531 {
    background-position: -1365px -2080px
}

.emojione-1f532 {
    background-position: -1430px -2080px
}

.emojione-1f533 {
    background-position: -1495px -2080px
}

.emojione-1f534 {
    background-position: -1560px -2080px
}

.emojione-1f535 {
    background-position: -1625px -2080px
}

.emojione-1f536 {
    background-position: -1690px -2080px
}

.emojione-1f537 {
    background-position: -1755px -2080px
}

.emojione-1f538 {
    background-position: -1820px -2080px
}

.emojione-1f539 {
    background-position: -1885px -2080px
}

.emojione-1f53a {
    background-position: -1950px -2080px
}

.emojione-1f53b {
    background-position: -2015px -2080px
}

.emojione-1f53c {
    background-position: -2080px -2080px
}

.emojione-1f53d {
    background-position: -2145px 0
}

.emojione-1f549 {
    background-position: -2145px -65px
}

.emojione-1f54a {
    background-position: -2145px -130px
}

.emojione-1f54b {
    background-position: -2145px -195px
}

.emojione-1f54c {
    background-position: -2145px -260px
}

.emojione-1f54d {
    background-position: -2145px -325px
}

.emojione-1f54e {
    background-position: -2145px -390px
}

.emojione-1f550 {
    background-position: -2145px -455px
}

.emojione-1f551 {
    background-position: -2145px -520px
}

.emojione-1f552 {
    background-position: -2145px -585px
}

.emojione-1f553 {
    background-position: -2145px -650px
}

.emojione-1f554 {
    background-position: -2145px -715px
}

.emojione-1f555 {
    background-position: -2145px -780px
}

.emojione-1f556 {
    background-position: -2145px -845px
}

.emojione-1f557 {
    background-position: -2145px -910px
}

.emojione-1f558 {
    background-position: -2145px -975px
}

.emojione-1f559 {
    background-position: -2145px -1040px
}

.emojione-1f55a {
    background-position: -2145px -1105px
}

.emojione-1f55b {
    background-position: -2145px -1170px
}

.emojione-1f55c {
    background-position: -2145px -1235px
}

.emojione-1f55d {
    background-position: -2145px -1300px
}

.emojione-1f55e {
    background-position: -2145px -1365px
}

.emojione-1f55f {
    background-position: -2145px -1430px
}

.emojione-1f560 {
    background-position: -2145px -1495px
}

.emojione-1f561 {
    background-position: -2145px -1560px
}

.emojione-1f562 {
    background-position: -2145px -1625px
}

.emojione-1f563 {
    background-position: -2145px -1690px
}

.emojione-1f564 {
    background-position: -2145px -1755px
}

.emojione-1f565 {
    background-position: -2145px -1820px
}

.emojione-1f566 {
    background-position: -2145px -1885px
}

.emojione-1f567 {
    background-position: -2145px -1950px
}

.emojione-1f56f {
    background-position: -2145px -2015px
}

.emojione-1f570 {
    background-position: -2145px -2080px
}

.emojione-1f573 {
    background-position: 0 -2145px
}

.emojione-1f574 {
    background-position: -65px -2145px
}

.emojione-1f575-1f3fb {
    background-position: -130px -2145px
}

.emojione-1f575-1f3fc {
    background-position: -195px -2145px
}

.emojione-1f575-1f3fd {
    background-position: -260px -2145px
}

.emojione-1f575-1f3fe {
    background-position: -325px -2145px
}

.emojione-1f575-1f3ff {
    background-position: -390px -2145px
}

.emojione-1f575 {
    background-position: -455px -2145px
}

.emojione-1f576 {
    background-position: -520px -2145px
}

.emojione-1f577 {
    background-position: -585px -2145px
}

.emojione-1f578 {
    background-position: -650px -2145px
}

.emojione-1f579 {
    background-position: -715px -2145px
}

.emojione-1f587 {
    background-position: -780px -2145px
}

.emojione-1f58a {
    background-position: -845px -2145px
}

.emojione-1f58b {
    background-position: -910px -2145px
}

.emojione-1f58c {
    background-position: -975px -2145px
}

.emojione-1f58d {
    background-position: -1040px -2145px
}

.emojione-1f590-1f3fb {
    background-position: -1105px -2145px
}

.emojione-1f590-1f3fc {
    background-position: -1170px -2145px
}

.emojione-1f590-1f3fd {
    background-position: -1235px -2145px
}

.emojione-1f590-1f3fe {
    background-position: -1300px -2145px
}

.emojione-1f590-1f3ff {
    background-position: -1365px -2145px
}

.emojione-1f590 {
    background-position: -1430px -2145px
}

.emojione-1f595-1f3fb {
    background-position: -1495px -2145px
}

.emojione-1f595-1f3fc {
    background-position: -1560px -2145px
}

.emojione-1f595-1f3fd {
    background-position: -1625px -2145px
}

.emojione-1f595-1f3fe {
    background-position: -1690px -2145px
}

.emojione-1f595-1f3ff {
    background-position: -1755px -2145px
}

.emojione-1f595 {
    background-position: -1820px -2145px
}

.emojione-1f596-1f3fb {
    background-position: -1885px -2145px
}

.emojione-1f596-1f3fc {
    background-position: -1950px -2145px
}

.emojione-1f596-1f3fd {
    background-position: -2015px -2145px
}

.emojione-1f596-1f3fe {
    background-position: -2080px -2145px
}

.emojione-1f596-1f3ff {
    background-position: -2145px -2145px
}

.emojione-1f596 {
    background-position: -2210px 0
}

.emojione-1f5a5 {
    background-position: -2210px -65px
}

.emojione-1f5a8 {
    background-position: -2210px -130px
}

.emojione-1f5b1 {
    background-position: -2210px -195px
}

.emojione-1f5b2 {
    background-position: -2210px -260px
}

.emojione-1f5bc {
    background-position: -2210px -325px
}

.emojione-1f5c2 {
    background-position: -2210px -390px
}

.emojione-1f5c3 {
    background-position: -2210px -455px
}

.emojione-1f5c4 {
    background-position: -2210px -520px
}

.emojione-1f5d1 {
    background-position: -2210px -585px
}

.emojione-1f5d2 {
    background-position: -2210px -650px
}

.emojione-1f5d3 {
    background-position: -2210px -715px
}

.emojione-1f5dc {
    background-position: -2210px -780px
}

.emojione-1f5dd {
    background-position: -2210px -845px
}

.emojione-1f5de {
    background-position: -2210px -910px
}

.emojione-1f5e1 {
    background-position: -2210px -975px
}

.emojione-1f5e3 {
    background-position: -2210px -1040px
}

.emojione-1f5ef {
    background-position: -2210px -1105px
}

.emojione-1f5f3 {
    background-position: -2210px -1170px
}

.emojione-1f5fa {
    background-position: -2210px -1235px
}

.emojione-1f5fb {
    background-position: -2210px -1300px
}

.emojione-1f5fc {
    background-position: -2210px -1365px
}

.emojione-1f5fd {
    background-position: -2210px -1430px
}

.emojione-1f5fe {
    background-position: -2210px -1495px
}

.emojione-1f5ff {
    background-position: -2210px -1560px
}

.emojione-1f600 {
    background-position: -2210px -1625px
}

.emojione-1f601 {
    background-position: -2210px -1690px
}

.emojione-1f602 {
    background-position: -2210px -1755px
}

.emojione-1f603 {
    background-position: -2210px -1820px
}

.emojione-1f604 {
    background-position: -2210px -1885px
}

.emojione-1f605 {
    background-position: -2210px -1950px
}

.emojione-1f606 {
    background-position: -2210px -2015px
}

.emojione-1f607 {
    background-position: -2210px -2080px
}

.emojione-1f608 {
    background-position: -2210px -2145px
}

.emojione-1f609 {
    background-position: 0 -2210px
}

.emojione-1f60a {
    background-position: -65px -2210px
}

.emojione-1f60b {
    background-position: -130px -2210px
}

.emojione-1f60c {
    background-position: -195px -2210px
}

.emojione-1f60d {
    background-position: -260px -2210px
}

.emojione-1f60e {
    background-position: -325px -2210px
}

.emojione-1f60f {
    background-position: -390px -2210px
}

.emojione-1f610 {
    background-position: -455px -2210px
}

.emojione-1f611 {
    background-position: -520px -2210px
}

.emojione-1f612 {
    background-position: -585px -2210px
}

.emojione-1f613 {
    background-position: -650px -2210px
}

.emojione-1f614 {
    background-position: -715px -2210px
}

.emojione-1f615 {
    background-position: -780px -2210px
}

.emojione-1f616 {
    background-position: -845px -2210px
}

.emojione-1f617 {
    background-position: -910px -2210px
}

.emojione-1f618 {
    background-position: -975px -2210px
}

.emojione-1f619 {
    background-position: -1040px -2210px
}

.emojione-1f61a {
    background-position: -1105px -2210px
}

.emojione-1f61b {
    background-position: -1170px -2210px
}

.emojione-1f61c {
    background-position: -1235px -2210px
}

.emojione-1f61d {
    background-position: -1300px -2210px
}

.emojione-1f61e {
    background-position: -1365px -2210px
}

.emojione-1f61f {
    background-position: -1430px -2210px
}

.emojione-1f620 {
    background-position: -1495px -2210px
}

.emojione-1f621 {
    background-position: -1560px -2210px
}

.emojione-1f622 {
    background-position: -1625px -2210px
}

.emojione-1f623 {
    background-position: -1690px -2210px
}

.emojione-1f624 {
    background-position: -1755px -2210px
}

.emojione-1f625 {
    background-position: -1820px -2210px
}

.emojione-1f626 {
    background-position: -1885px -2210px
}

.emojione-1f627 {
    background-position: -1950px -2210px
}

.emojione-1f628 {
    background-position: -2015px -2210px
}

.emojione-1f629 {
    background-position: -2080px -2210px
}

.emojione-1f62a {
    background-position: -2145px -2210px
}

.emojione-1f62b {
    background-position: -2210px -2210px
}

.emojione-1f62c {
    background-position: -2275px 0
}

.emojione-1f62d {
    background-position: -2275px -65px
}

.emojione-1f62e {
    background-position: -2275px -130px
}

.emojione-1f62f {
    background-position: -2275px -195px
}

.emojione-1f630 {
    background-position: -2275px -260px
}

.emojione-1f631 {
    background-position: -2275px -325px
}

.emojione-1f632 {
    background-position: -2275px -390px
}

.emojione-1f633 {
    background-position: -2275px -455px
}

.emojione-1f634 {
    background-position: -2275px -520px
}

.emojione-1f635 {
    background-position: -2275px -585px
}

.emojione-1f636 {
    background-position: -2275px -650px
}

.emojione-1f637 {
    background-position: -2275px -715px
}

.emojione-1f638 {
    background-position: -2275px -780px
}

.emojione-1f639 {
    background-position: -2275px -845px
}

.emojione-1f63a {
    background-position: -2275px -910px
}

.emojione-1f63b {
    background-position: -2275px -975px
}

.emojione-1f63c {
    background-position: -2275px -1040px
}

.emojione-1f63d {
    background-position: -2275px -1105px
}

.emojione-1f63e {
    background-position: -2275px -1170px
}

.emojione-1f63f {
    background-position: -2275px -1235px
}

.emojione-1f640 {
    background-position: -2275px -1300px
}

.emojione-1f641 {
    background-position: -2275px -1365px
}

.emojione-1f642 {
    background-position: -2275px -1430px
}

.emojione-1f643 {
    background-position: -2275px -1495px
}

.emojione-1f644 {
    background-position: -2275px -1560px
}

.emojione-1f645-1f3fb {
    background-position: -2275px -1625px
}

.emojione-1f645-1f3fc {
    background-position: -2275px -1690px
}

.emojione-1f645-1f3fd {
    background-position: -2275px -1755px
}

.emojione-1f645-1f3fe {
    background-position: -2275px -1820px
}

.emojione-1f645-1f3ff {
    background-position: -2275px -1885px
}

.emojione-1f645 {
    background-position: -2275px -1950px
}

.emojione-1f646-1f3fb {
    background-position: -2275px -2015px
}

.emojione-1f646-1f3fc {
    background-position: -2275px -2080px
}

.emojione-1f646-1f3fd {
    background-position: -2275px -2145px
}

.emojione-1f646-1f3fe {
    background-position: -2275px -2210px
}

.emojione-1f646-1f3ff {
    background-position: 0 -2275px
}

.emojione-1f646 {
    background-position: -65px -2275px
}

.emojione-1f647-1f3fb {
    background-position: -130px -2275px
}

.emojione-1f647-1f3fc {
    background-position: -195px -2275px
}

.emojione-1f647-1f3fd {
    background-position: -260px -2275px
}

.emojione-1f647-1f3fe {
    background-position: -325px -2275px
}

.emojione-1f647-1f3ff {
    background-position: -390px -2275px
}

.emojione-1f647 {
    background-position: -455px -2275px
}

.emojione-1f648 {
    background-position: -520px -2275px
}

.emojione-1f649 {
    background-position: -585px -2275px
}

.emojione-1f64a {
    background-position: -650px -2275px
}

.emojione-1f64b-1f3fb {
    background-position: -715px -2275px
}

.emojione-1f64b-1f3fc {
    background-position: -780px -2275px
}

.emojione-1f64b-1f3fd {
    background-position: -845px -2275px
}

.emojione-1f64b-1f3fe {
    background-position: -910px -2275px
}

.emojione-1f64b-1f3ff {
    background-position: -975px -2275px
}

.emojione-1f64b {
    background-position: -1040px -2275px
}

.emojione-1f64c-1f3fb {
    background-position: -1105px -2275px
}

.emojione-1f64c-1f3fc {
    background-position: -1170px -2275px
}

.emojione-1f64c-1f3fd {
    background-position: -1235px -2275px
}

.emojione-1f64c-1f3fe {
    background-position: -1300px -2275px
}

.emojione-1f64c-1f3ff {
    background-position: -1365px -2275px
}

.emojione-1f64c {
    background-position: -1430px -2275px
}

.emojione-1f64d-1f3fb {
    background-position: -1495px -2275px
}

.emojione-1f64d-1f3fc {
    background-position: -1560px -2275px
}

.emojione-1f64d-1f3fd {
    background-position: -1625px -2275px
}

.emojione-1f64d-1f3fe {
    background-position: -1690px -2275px
}

.emojione-1f64d-1f3ff {
    background-position: -1755px -2275px
}

.emojione-1f64d {
    background-position: -1820px -2275px
}

.emojione-1f64e-1f3fb {
    background-position: -1885px -2275px
}

.emojione-1f64e-1f3fc {
    background-position: -1950px -2275px
}

.emojione-1f64e-1f3fd {
    background-position: -2015px -2275px
}

.emojione-1f64e-1f3fe {
    background-position: -2080px -2275px
}

.emojione-1f64e-1f3ff {
    background-position: -2145px -2275px
}

.emojione-1f64e {
    background-position: -2210px -2275px
}

.emojione-1f64f-1f3fb {
    background-position: -2275px -2275px
}

.emojione-1f64f-1f3fc {
    background-position: -2340px 0
}

.emojione-1f64f-1f3fd {
    background-position: -2340px -65px
}

.emojione-1f64f-1f3fe {
    background-position: -2340px -130px
}

.emojione-1f64f-1f3ff {
    background-position: -2340px -195px
}

.emojione-1f64f {
    background-position: -2340px -260px
}

.emojione-1f680 {
    background-position: -2340px -325px
}

.emojione-1f681 {
    background-position: -2340px -390px
}

.emojione-1f682 {
    background-position: -2340px -455px
}

.emojione-1f683 {
    background-position: -2340px -520px
}

.emojione-1f684 {
    background-position: -2340px -585px
}

.emojione-1f685 {
    background-position: -2340px -650px
}

.emojione-1f686 {
    background-position: -2340px -715px
}

.emojione-1f687 {
    background-position: -2340px -780px
}

.emojione-1f688 {
    background-position: -2340px -845px
}

.emojione-1f689 {
    background-position: -2340px -910px
}

.emojione-1f68a {
    background-position: -2340px -975px
}

.emojione-1f68b {
    background-position: -2340px -1040px
}

.emojione-1f68c {
    background-position: -2340px -1105px
}

.emojione-1f68d {
    background-position: -2340px -1170px
}

.emojione-1f68e {
    background-position: -2340px -1235px
}

.emojione-1f68f {
    background-position: -2340px -1300px
}

.emojione-1f690 {
    background-position: -2340px -1365px
}

.emojione-1f691 {
    background-position: -2340px -1430px
}

.emojione-1f692 {
    background-position: -2340px -1495px
}

.emojione-1f693 {
    background-position: -2340px -1560px
}

.emojione-1f694 {
    background-position: -2340px -1625px
}

.emojione-1f695 {
    background-position: -2340px -1690px
}

.emojione-1f696 {
    background-position: -2340px -1755px
}

.emojione-1f697 {
    background-position: -2340px -1820px
}

.emojione-1f698 {
    background-position: -2340px -1885px
}

.emojione-1f699 {
    background-position: -2340px -1950px
}

.emojione-1f69a {
    background-position: -2340px -2015px
}

.emojione-1f69b {
    background-position: -2340px -2080px
}

.emojione-1f69c {
    background-position: -2340px -2145px
}

.emojione-1f69d {
    background-position: -2340px -2210px
}

.emojione-1f69e {
    background-position: -2340px -2275px
}

.emojione-1f69f {
    background-position: 0 -2340px
}

.emojione-1f6a0 {
    background-position: -65px -2340px
}

.emojione-1f6a1 {
    background-position: -130px -2340px
}

.emojione-1f6a2 {
    background-position: -195px -2340px
}

.emojione-1f6a3-1f3fb {
    background-position: -260px -2340px
}

.emojione-1f6a3-1f3fc {
    background-position: -325px -2340px
}

.emojione-1f6a3-1f3fd {
    background-position: -390px -2340px
}

.emojione-1f6a3-1f3fe {
    background-position: -455px -2340px
}

.emojione-1f6a3-1f3ff {
    background-position: -520px -2340px
}

.emojione-1f6a3 {
    background-position: -585px -2340px
}

.emojione-1f6a4 {
    background-position: -650px -2340px
}

.emojione-1f6a5 {
    background-position: -715px -2340px
}

.emojione-1f6a6 {
    background-position: -780px -2340px
}

.emojione-1f6a7 {
    background-position: -845px -2340px
}

.emojione-1f6a8 {
    background-position: -910px -2340px
}

.emojione-1f6a9 {
    background-position: -975px -2340px
}

.emojione-1f6aa {
    background-position: -1040px -2340px
}

.emojione-1f6ab {
    background-position: -1105px -2340px
}

.emojione-1f6ac {
    background-position: -1170px -2340px
}

.emojione-1f6ad {
    background-position: -1235px -2340px
}

.emojione-1f6ae {
    background-position: -1300px -2340px
}

.emojione-1f6af {
    background-position: -1365px -2340px
}

.emojione-1f6b0 {
    background-position: -1430px -2340px
}

.emojione-1f6b1 {
    background-position: -1495px -2340px
}

.emojione-1f6b2 {
    background-position: -1560px -2340px
}

.emojione-1f6b3 {
    background-position: -1625px -2340px
}

.emojione-1f6b4-1f3fb {
    background-position: -1690px -2340px
}

.emojione-1f6b4-1f3fc {
    background-position: -1755px -2340px
}

.emojione-1f6b4-1f3fd {
    background-position: -1820px -2340px
}

.emojione-1f6b4-1f3fe {
    background-position: -1885px -2340px
}

.emojione-1f6b4-1f3ff {
    background-position: -1950px -2340px
}

.emojione-1f6b4 {
    background-position: -2015px -2340px
}

.emojione-1f6b5-1f3fb {
    background-position: -2080px -2340px
}

.emojione-1f6b5-1f3fc {
    background-position: -2145px -2340px
}

.emojione-1f6b5-1f3fd {
    background-position: -2210px -2340px
}

.emojione-1f6b5-1f3fe {
    background-position: -2275px -2340px
}

.emojione-1f6b5-1f3ff {
    background-position: -2340px -2340px
}

.emojione-1f6b5 {
    background-position: -2405px 0
}

.emojione-1f6b6-1f3fb {
    background-position: -2405px -65px
}

.emojione-1f6b6-1f3fc {
    background-position: -2405px -130px
}

.emojione-1f6b6-1f3fd {
    background-position: -2405px -195px
}

.emojione-1f6b6-1f3fe {
    background-position: -2405px -260px
}

.emojione-1f6b6-1f3ff {
    background-position: -2405px -325px
}

.emojione-1f6b6 {
    background-position: -2405px -390px
}

.emojione-1f6b7 {
    background-position: -2405px -455px
}

.emojione-1f6b8 {
    background-position: -2405px -520px
}

.emojione-1f6b9 {
    background-position: -2405px -585px
}

.emojione-1f6ba {
    background-position: -2405px -650px
}

.emojione-1f6bb {
    background-position: -2405px -715px
}

.emojione-1f6bc {
    background-position: -2405px -780px
}

.emojione-1f6bd {
    background-position: -2405px -845px
}

.emojione-1f6be {
    background-position: -2405px -910px
}

.emojione-1f6bf {
    background-position: -2405px -975px
}

.emojione-1f6c0-1f3fb {
    background-position: -2405px -1040px
}

.emojione-1f6c0-1f3fc {
    background-position: -2405px -1105px
}

.emojione-1f6c0-1f3fd {
    background-position: -2405px -1170px
}

.emojione-1f6c0-1f3fe {
    background-position: -2405px -1235px
}

.emojione-1f6c0-1f3ff {
    background-position: -2405px -1300px
}

.emojione-1f6c0 {
    background-position: -2405px -1365px
}

.emojione-1f6c1 {
    background-position: -2405px -1430px
}

.emojione-1f6c2 {
    background-position: -2405px -1495px
}

.emojione-1f6c3 {
    background-position: -2405px -1560px
}

.emojione-1f6c4 {
    background-position: -2405px -1625px
}

.emojione-1f6c5 {
    background-position: -2405px -1690px
}

.emojione-1f6cb {
    background-position: -2405px -1755px
}

.emojione-1f6cc {
    background-position: -2405px -1820px
}

.emojione-1f6cd {
    background-position: -2405px -1885px
}

.emojione-1f6ce {
    background-position: -2405px -1950px
}

.emojione-1f6cf {
    background-position: -2405px -2015px
}

.emojione-1f6d0 {
    background-position: -2405px -2080px
}

.emojione-1f6e0 {
    background-position: -2405px -2145px
}

.emojione-1f6e1 {
    background-position: -2405px -2210px
}

.emojione-1f6e2 {
    background-position: -2405px -2275px
}

.emojione-1f6e3 {
    background-position: -2405px -2340px
}

.emojione-1f6e4 {
    background-position: 0 -2405px
}

.emojione-1f6e5 {
    background-position: -65px -2405px
}

.emojione-1f6e9 {
    background-position: -130px -2405px
}

.emojione-1f6eb {
    background-position: -195px -2405px
}

.emojione-1f6ec {
    background-position: -260px -2405px
}

.emojione-1f6f0 {
    background-position: -325px -2405px
}

.emojione-1f6f3 {
    background-position: -390px -2405px
}

.emojione-1f910 {
    background-position: -455px -2405px
}

.emojione-1f911 {
    background-position: -520px -2405px
}

.emojione-1f912 {
    background-position: -585px -2405px
}

.emojione-1f913 {
    background-position: -650px -2405px
}

.emojione-1f914 {
    background-position: -715px -2405px
}

.emojione-1f915 {
    background-position: -780px -2405px
}

.emojione-1f916 {
    background-position: -845px -2405px
}

.emojione-1f917 {
    background-position: -910px -2405px
}

.emojione-1f918-1f3fb {
    background-position: -975px -2405px
}

.emojione-1f918-1f3fc {
    background-position: -1040px -2405px
}

.emojione-1f918-1f3fd {
    background-position: -1105px -2405px
}

.emojione-1f918-1f3fe {
    background-position: -1170px -2405px
}

.emojione-1f918-1f3ff {
    background-position: -1235px -2405px
}

.emojione-1f918 {
    background-position: -1300px -2405px
}

.emojione-1f980 {
    background-position: -1365px -2405px
}

.emojione-1f981 {
    background-position: -1430px -2405px
}

.emojione-1f982 {
    background-position: -1495px -2405px
}

.emojione-1f983 {
    background-position: -1560px -2405px
}

.emojione-1f984 {
    background-position: -1625px -2405px
}

.emojione-1f9c0 {
    background-position: -1690px -2405px
}

.emojione-203c {
    background-position: -1755px -2405px
}

.emojione-2049 {
    background-position: -1820px -2405px
}

.emojione-2122 {
    background-position: -1885px -2405px
}

.emojione-2139 {
    background-position: -1950px -2405px
}

.emojione-2194 {
    background-position: -2015px -2405px
}

.emojione-2195 {
    background-position: -2080px -2405px
}

.emojione-2196 {
    background-position: -2145px -2405px
}

.emojione-2197 {
    background-position: -2210px -2405px
}

.emojione-2198 {
    background-position: -2275px -2405px
}

.emojione-2199 {
    background-position: -2340px -2405px
}

.emojione-21a9 {
    background-position: -2405px -2405px
}

.emojione-21aa {
    background-position: -2470px 0
}

.emojione-231a {
    background-position: -2470px -65px
}

.emojione-231b {
    background-position: -2470px -130px
}

.emojione-2328 {
    background-position: -2470px -195px
}

.emojione-23e9 {
    background-position: -2470px -260px
}

.emojione-23ea {
    background-position: -2470px -325px
}

.emojione-23eb {
    background-position: -2470px -390px
}

.emojione-23ec {
    background-position: -2470px -455px
}

.emojione-23ed {
    background-position: -2470px -520px
}

.emojione-23ee {
    background-position: -2470px -585px
}

.emojione-23ef {
    background-position: -2470px -650px
}

.emojione-23f0 {
    background-position: -2470px -715px
}

.emojione-23f1 {
    background-position: -2470px -780px
}

.emojione-23f2 {
    background-position: -2470px -845px
}

.emojione-23f3 {
    background-position: -2470px -910px
}

.emojione-23f8 {
    background-position: -2470px -975px
}

.emojione-23f9 {
    background-position: -2470px -1040px
}

.emojione-23fa {
    background-position: -2470px -1105px
}

.emojione-24c2 {
    background-position: -2470px -1170px
}

.emojione-25aa {
    background-position: -2470px -1235px
}

.emojione-25ab {
    background-position: -2470px -1300px
}

.emojione-25b6 {
    background-position: -2470px -1365px
}

.emojione-25c0 {
    background-position: -2470px -1430px
}

.emojione-25fb {
    background-position: -2470px -1495px
}

.emojione-25fc {
    background-position: -2470px -1560px
}

.emojione-25fd {
    background-position: -2470px -1625px
}

.emojione-25fe {
    background-position: -2470px -1690px
}

.emojione-2600 {
    background-position: -2470px -1755px
}

.emojione-2601 {
    background-position: -2470px -1820px
}

.emojione-2602 {
    background-position: -2470px -1885px
}

.emojione-2603 {
    background-position: -2470px -1950px
}

.emojione-2604 {
    background-position: -2470px -2015px
}

.emojione-260e {
    background-position: -2470px -2080px
}

.emojione-2611 {
    background-position: -2470px -2145px
}

.emojione-2614 {
    background-position: -2470px -2210px
}

.emojione-2615 {
    background-position: -2470px -2275px
}

.emojione-2618 {
    background-position: -2470px -2340px
}

.emojione-261d-1f3fb {
    background-position: -2470px -2405px
}

.emojione-261d-1f3fc {
    background-position: 0 -2470px
}

.emojione-261d-1f3fd {
    background-position: -65px -2470px
}

.emojione-261d-1f3fe {
    background-position: -130px -2470px
}

.emojione-261d-1f3ff {
    background-position: -195px -2470px
}

.emojione-261d {
    background-position: -260px -2470px
}

.emojione-2620 {
    background-position: -325px -2470px
}

.emojione-2622 {
    background-position: -390px -2470px
}

.emojione-2623 {
    background-position: -455px -2470px
}

.emojione-2626 {
    background-position: -520px -2470px
}

.emojione-262a {
    background-position: -585px -2470px
}

.emojione-262e {
    background-position: -650px -2470px
}

.emojione-262f {
    background-position: -715px -2470px
}

.emojione-2638 {
    background-position: -780px -2470px
}

.emojione-2639 {
    background-position: -845px -2470px
}

.emojione-263a {
    background-position: -910px -2470px
}

.emojione-2648 {
    background-position: -975px -2470px
}

.emojione-2649 {
    background-position: -1040px -2470px
}

.emojione-264a {
    background-position: -1105px -2470px
}

.emojione-264b {
    background-position: -1170px -2470px
}

.emojione-264c {
    background-position: -1235px -2470px
}

.emojione-264d {
    background-position: -1300px -2470px
}

.emojione-264e {
    background-position: -1365px -2470px
}

.emojione-264f {
    background-position: -1430px -2470px
}

.emojione-2650 {
    background-position: -1495px -2470px
}

.emojione-2651 {
    background-position: -1560px -2470px
}

.emojione-2652 {
    background-position: -1625px -2470px
}

.emojione-2653 {
    background-position: -1690px -2470px
}

.emojione-2660 {
    background-position: -1755px -2470px
}

.emojione-2663 {
    background-position: -1820px -2470px
}

.emojione-2665 {
    background-position: -1885px -2470px
}

.emojione-2666 {
    background-position: -1950px -2470px
}

.emojione-2668 {
    background-position: -2015px -2470px
}

.emojione-267b {
    background-position: -2080px -2470px
}

.emojione-267f {
    background-position: -2145px -2470px
}

.emojione-2692 {
    background-position: -2210px -2470px
}

.emojione-2693 {
    background-position: -2275px -2470px
}

.emojione-2694 {
    background-position: -2340px -2470px
}

.emojione-2696 {
    background-position: -2405px -2470px
}

.emojione-2697 {
    background-position: -2470px -2470px
}

.emojione-2699 {
    background-position: -2535px 0
}

.emojione-269b {
    background-position: -2535px -65px
}

.emojione-269c {
    background-position: -2535px -130px
}

.emojione-26a0 {
    background-position: -2535px -195px
}

.emojione-26a1 {
    background-position: -2535px -260px
}

.emojione-26aa {
    background-position: -2535px -325px
}

.emojione-26ab {
    background-position: -2535px -390px
}

.emojione-26b0 {
    background-position: -2535px -455px
}

.emojione-26b1 {
    background-position: -2535px -520px
}

.emojione-26bd {
    background-position: -2535px -585px
}

.emojione-26be {
    background-position: -2535px -650px
}

.emojione-26c4 {
    background-position: -2535px -715px
}

.emojione-26c5 {
    background-position: -2535px -780px
}

.emojione-26c8 {
    background-position: -2535px -845px
}

.emojione-26ce {
    background-position: -2535px -910px
}

.emojione-26cf {
    background-position: -2535px -975px
}

.emojione-26d1 {
    background-position: -2535px -1040px
}

.emojione-26d3 {
    background-position: -2535px -1105px
}

.emojione-26d4 {
    background-position: -2535px -1170px
}

.emojione-26e9 {
    background-position: -2535px -1235px
}

.emojione-26ea {
    background-position: -2535px -1300px
}

.emojione-26f0 {
    background-position: -2535px -1365px
}

.emojione-26f1 {
    background-position: -2535px -1430px
}

.emojione-26f2 {
    background-position: -2535px -1495px
}

.emojione-26f3 {
    background-position: -2535px -1560px
}

.emojione-26f4 {
    background-position: -2535px -1625px
}

.emojione-26f5 {
    background-position: -2535px -1690px
}

.emojione-26f7 {
    background-position: -2535px -1755px
}

.emojione-26f8 {
    background-position: -2535px -1820px
}

.emojione-26f9-1f3fb {
    background-position: -2535px -1885px
}

.emojione-26f9-1f3fc {
    background-position: -2535px -1950px
}

.emojione-26f9-1f3fd {
    background-position: -2535px -2015px
}

.emojione-26f9-1f3fe {
    background-position: -2535px -2080px
}

.emojione-26f9-1f3ff {
    background-position: -2535px -2145px
}

.emojione-26f9 {
    background-position: -2535px -2210px
}

.emojione-26fa {
    background-position: -2535px -2275px
}

.emojione-26fd {
    background-position: -2535px -2340px
}

.emojione-2702 {
    background-position: -2535px -2405px
}

.emojione-2705 {
    background-position: -2535px -2470px
}

.emojione-2708 {
    background-position: 0 -2535px
}

.emojione-2709 {
    background-position: -65px -2535px
}

.emojione-270a-1f3fb {
    background-position: -130px -2535px
}

.emojione-270a-1f3fc {
    background-position: -195px -2535px
}

.emojione-270a-1f3fd {
    background-position: -260px -2535px
}

.emojione-270a-1f3fe {
    background-position: -325px -2535px
}

.emojione-270a-1f3ff {
    background-position: -390px -2535px
}

.emojione-270a {
    background-position: -455px -2535px
}

.emojione-270b-1f3fb {
    background-position: -520px -2535px
}

.emojione-270b-1f3fc {
    background-position: -585px -2535px
}

.emojione-270b-1f3fd {
    background-position: -650px -2535px
}

.emojione-270b-1f3fe {
    background-position: -715px -2535px
}

.emojione-270b-1f3ff {
    background-position: -780px -2535px
}

.emojione-270b {
    background-position: -845px -2535px
}

.emojione-270c-1f3fb {
    background-position: -910px -2535px
}

.emojione-270c-1f3fc {
    background-position: -975px -2535px
}

.emojione-270c-1f3fd {
    background-position: -1040px -2535px
}

.emojione-270c-1f3fe {
    background-position: -1105px -2535px
}

.emojione-270c-1f3ff {
    background-position: -1170px -2535px
}

.emojione-270c {
    background-position: -1235px -2535px
}

.emojione-270d-1f3fb {
    background-position: -1300px -2535px
}

.emojione-270d-1f3fc {
    background-position: -1365px -2535px
}

.emojione-270d-1f3fd {
    background-position: -1430px -2535px
}

.emojione-270d-1f3fe {
    background-position: -1495px -2535px
}

.emojione-270d-1f3ff {
    background-position: -1560px -2535px
}

.emojione-270d {
    background-position: -1625px -2535px
}

.emojione-270f {
    background-position: -1690px -2535px
}

.emojione-2712 {
    background-position: -1755px -2535px
}

.emojione-2714 {
    background-position: -1820px -2535px
}

.emojione-2716 {
    background-position: -1885px -2535px
}

.emojione-271d {
    background-position: -1950px -2535px
}

.emojione-2721 {
    background-position: -2015px -2535px
}

.emojione-2728 {
    background-position: -2080px -2535px
}

.emojione-2733 {
    background-position: -2145px -2535px
}

.emojione-2734 {
    background-position: -2210px -2535px
}

.emojione-2744 {
    background-position: -2275px -2535px
}

.emojione-2747 {
    background-position: -2340px -2535px
}

.emojione-274c {
    background-position: -2405px -2535px
}

.emojione-274e {
    background-position: -2470px -2535px
}

.emojione-2753 {
    background-position: -2535px -2535px
}

.emojione-2754 {
    background-position: -2600px 0
}

.emojione-2755 {
    background-position: -2600px -65px
}

.emojione-2757 {
    background-position: -2600px -130px
}

.emojione-2763 {
    background-position: -2600px -195px
}

.emojione-2764 {
    background-position: -2600px -260px
}

.emojione-2795 {
    background-position: -2600px -325px
}

.emojione-2796 {
    background-position: -2600px -390px
}

.emojione-2797 {
    background-position: -2600px -455px
}

.emojione-27a1 {
    background-position: -2600px -520px
}

.emojione-27b0 {
    background-position: -2600px -585px
}

.emojione-27bf {
    background-position: -2600px -650px
}

.emojione-2934 {
    background-position: -2600px -715px
}

.emojione-2935 {
    background-position: -2600px -780px
}

.emojione-2b05 {
    background-position: -2600px -845px
}

.emojione-2b06 {
    background-position: -2600px -910px
}

.emojione-2b07 {
    background-position: -2600px -975px
}

.emojione-2b1b {
    background-position: -2600px -1040px
}

.emojione-2b1c {
    background-position: -2600px -1105px
}

.emojione-2b50 {
    background-position: -2600px -1170px
}

.emojione-2b55 {
    background-position: -2600px -1235px
}

.emojione-3030 {
    background-position: -2600px -1300px
}

.emojione-303d {
    background-position: -2600px -1365px
}

.emojione-3297 {
    background-position: -2600px -1430px
}

.emojione-3299 {
    background-position: -2600px -1495px
}

/* DARK MODE */
body.darkSide, 
body.darkSide a, 
body.darkSide h1{color:#dcddde;}
body.darkSide .skAnim{background: linear-gradient(-90deg , #cccccc 0%, #ffffff 50%, #cccccc 100%);}

/* BACKGROUNDS */
/* 1 #212224 */
body.darkSide div.masterNav,
body.darkSide div.masterPage,
body.darkSide div.masterNav ul.actions .imgProfile .settingsTrigger,
body.darkSide .generalModal.settingsDialog.hasSidebar .content.preferences .container.themesSection .radioButtonContainer.darkCheckbox .radioButtonContainer,
body.darkSide .sfNewDialog.messageDetailRecordDialog .message-item{background-color: #212224!important;}

/* 2 #303136 */
body.darkSide .generalModal,
body.darkSide .modalDarkMode,
body.darkSide .masterContent,
body.darkSide .newSlaveContent,
body.darkSide div.slaveHeader,
body.darkSide .sfRecentsDialog, 
body.darkSide .daterangepicker,
body.darkSide .sf-separator span,
body.darkSide .imgProfile .sfPopLink,
body.darkSide .sfAfterCallWorkDialog,
body.darkSide .sfGeneralList.skeleton,
body.darkSide .formSelect ul li:hover,
body.darkSide .sfActions .sfActionsDialog, 
body.darkSide div.app_messaging div.slaveNav,
body.darkSide .daterangepicker .calendar-table,
body.darkSide .generalModal.hasSidebar .sidebar,
body.darkSide .ctiPhoneDialog .masterRight .tabs,
body.darkSide .ctiPhoneDialog .masterLeft .sfLeftDialog,
body.darkSide select-simple-piq .newSelect .display label,
body.darkSide .sfNewDialog.sfSmallDialog .smallDialogContent,
body.darkSide .ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-bottom,
body.darkSide input-suggester-piq.typeList .inputSuggesterPiq .results{background-color: #303136!important;}

body.darkSide .ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-bottom,
body.darkSide .sfRightDialog .sfAssignToCase .sfContent li.content-item.assigned,
body.darkSide .generalModal.settingsDialog.hasSidebar .content.preferences .container.themesSection .themeType.dark,
body.darkSide div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container:not(.dateContainer):hover,
body.darkSide .sfRightDialog .sfAssignToOpportunity .sfContent li.content-item.assigned,
body.darkSide .sfPowerDialer .header ul.actions li.pausePD ul.moreOptions, 
body.darkSide .sfPowerDialer .header ul.actions li.leavePD ul.moreOptions,
body.darkSide .sfRightDialog .sfBottom,
body.darkSide div.wrapperConference div.wrapperConfLive{background-color: #303136!important;}

/* 3 #36393F */
body.darkSide .infiniteLoader,
body.darkSide .sfCallListsDialog,
body.darkSide .dial .pad ul li:hover,
body.darkSide .menuLeftList li.selected,
body.darkSide .wrapperTextarea textarea,
body.darkSide ul.addedMemberGroupList li:hover,
body.darkSide .suggesterContactSearch li:hover,
body.darkSide avatar-piq .newAvatar .sfPopLink,
body.darkSide .sfActivity ul li.list-item:hover,
body.darkSide div.app_messaging div.slaveContent,
body.darkSide .suggesterContactSearch li.selected, 
body.darkSide .generalModal.hasSidebar .notSidebar,
body.darkSide .sfCallLists .sfGeneralList.skeleton,
body.darkSide .generalModal .formSelect ul li:hover,
body.darkSide contact-form .header .tabs .one:hover,
body.darkSide contact-form .header .tabs .two:hover,
body.darkSide div.messegesList div.daleLimiter .value,
body.darkSide .generalModal ul.content .listSeparator span,
body.darkSide .ctiPhoneDialog .masterRight .phoneRightContent,
body.darkSide .ctiPhoneDialog .masterLeft .bottom .btnActions,
body.darkSide .generalModal.hasSidebar .sidebar .nav li:hover,
body.darkSide .ctiPhoneDialog .masterLeft .tabs .tabLeft:hover, 
body.darkSide .ctiPhoneDialog .masterLeft .tabs .tabRight:hover,
body.darkSide .ctiPhoneDialog .masterRight .tabs .tabLeft:hover, 
body.darkSide .ctiPhoneDialog .masterRight .tabs .tabRight:hover,
body.darkSide interval-selector select-simple-piq .newSelect .display,
body.darkSide select-simple-piq .newSelect .selectList .selectListItem:hover, 
body.darkSide select-simple-countries .newSelect .selectList .selectListItem:hover,
body.darkSide .slaveContent.sectionDevices .moreOptions .boxLabel .formSelect .display,
body.darkSide .generalModal.settingsDialog ul.content.voicemailDropContent .genaralList,
body.darkSide div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container .message-actions,
body.darkSide div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container .message-actions .action,
body.darkSide div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container .message-actions .action i.formSelect.moreOptions ul li:hover,
body.darkSide .sfRightDialog .sfBottom{background-color: #36393F!important;}

body.darkSide .slaveContent.sectionDevices .moreOptions .boxLabel .formSelect .display,
body.darkSide interval-selector select-simple-piq .newSelect .display,
body.darkSide .sfCallLists ul.listOfCallLists li.ui-sortable-helper,
body.darkSide input-suggester-piq .inputSuggesterPiq .results ul.listOfMembers li:hover,
body.darkSide input-suggester-piq .inputSuggesterPiq .results ul.listOfMembers li.selected{background-color: #36393F!important;}


/* 4 #40434C */
body.darkSide input,
body.darkSide textarea,
body.darkSide .formSelect ul,
body.darkSide .emojMood:hover,
body.darkSide .inputAnim label,
body.darkSide div.attachType.mini,
body.darkSide .menuLeftList li:hover,
body.darkSide .suggesterContactSearch,
body.darkSide .generalModal .formSelect,
body.darkSide .formSelect.withTitle label,
body.darkSide table.genaralList.hasClick tr:hover,
body.darkSide .sfRightDialog .sfContent .formSelect,
body.darkSide checkbox-container .checkboxContainer,
body.darkSide select-simple-piq .newSelect .selectList, 
body.darkSide .sfRightDialog .sfContent .formSelect label,
body.darkSide textarea-validation .parentContainer textarea,
body.darkSide .formSelect.multiple .labelFormSelectMultiple,
body.darkSide select-simple-countries .newSelect .selectList,
body.darkSide div.app_messaging .wrapperProfiles ul li:hover,
body.darkSide input-suggester-piq .inputSuggesterPiq .results,
body.darkSide div.app_messaging .wrapperProfiles ul li.active,
body.darkSide div.generalModal.smallDialog .smallDialogContent,
body.darkSide contact-form .contactFormHeader .tabs .one:hover, 
body.darkSide contact-form .contactFormHeader .tabs .two:hover,
body.darkSide .sfRightDialog .sfContent li.content-item.assigned,
body.darkSide .slaveContent.sectionDevices .moreOptions .boxLabel,
body.darkSide input-suggester-piq .inputSuggesterPiq .itemSelected,
body.darkSide div.masterContent.inbox .chatHeader .newSelect .display,
body.darkSide div.masterContent.inbox .chatHeader .rightActions .call ul,
body.darkSide div.masterContent.inbox .chatHeader .rightActions .searchIcon,
body.darkSide .slaveContent.sectionDevices checkbox-container .checkboxContainer,
body.darkSide .contactListResults .suggesterContactList.listType li:hover,
body.darkSide div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container.message-beginnning-container,
body.darkSide div.masterContent.inbox .chatSidebarRight .sidebarRightContent.searchConversation .searchedMessages .searchedMessagesList .message-item,
body.darkSide .sfPowerDialer .header ul.actions li.pausePD ul.moreOptions li:hover, 
body.darkSide .sfPowerDialer .header ul.actions li.leavePD ul.moreOptions li:hover{background-color: #40434C!important;}

/* 5 #56575d */
body.darkSide div.masterContent.inbox .chatHeader .rightActions .call ul li:hover,
body.darkSide div.masterContent.inbox .chatSidebarRight .sidebarRightContent.searchConversation .searchedMessages .searchedMessagesList .message-item .goToMessage{background-color: #56575d!important;}

/* 6 #14532d */
body.darkSide .sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists.powerDialerList li.statusHuman .txt.fixDarkModeText{ color: #14532d }

/* 7 #713f12 */
body.darkSide .sfCallLists .sfRightDialog .sfCallListDialog ul.listOfCallLists.powerDialerList li.statusIVR .txt.fixDarkModeText{ color: #713f12 }

/* BG DARK */
body.darkSide .daterangepicker td.off, 
body.darkSide .daterangepicker td.off.in-range, 
body.darkSide .daterangepicker td.off.start-date, 
body.darkSide .daterangepicker td.off.end-date{background-color: #232323!important;}

/* COLORS */
body.darkSide input,
body.darkSide textarea,
body.darkSide .dial input,
body.darkSide .inputDatePicker,
body.darkSide .daterangepicker,
body.darkSide .formSelect ul li,
body.darkSide .sfPlaceholder .txt,
body.darkSide table.genaralList td,
body.darkSide .formSelect div.display,
body.darkSide .dial .pad ul li .number,
body.darkSide div.messegesList .message,
body.darkSide div.attachType.mini .name,
body.darkSide .suggesterContactSearch label,
body.darkSide ul.addedMemberGroupList label,
body.darkSide .generalModal ul.content li input,
body.darkSide .formSelect.withTitle div.display .txt,
body.darkSide .imgProfile.dashed.withAvatar .initials,
body.darkSide ul.wrapperBtn.wrapperActionsCombo input,
body.darkSide select-simple-piq .newSelect .display .txt,
body.darkSide checkbox-container .checkboxContainer label,
body.darkSide div.app_messaging .wrapperProfiles p.dividers,
body.darkSide .sfRecents ul.sfGeneralList li.list-item .date,
body.darkSide .sfRightDialog .sfContent li.content-item input,
body.darkSide .generalModal.modalConfirmation ul.content li p,
body.darkSide .sfRecents ul.sfGeneralList li.list-item .duration,
body.darkSide .sfRightDialog .sfContent li.content-item textarea,
body.darkSide .generalModal.settingsDialog .profileInfo .profileExt,
body.darkSide .sfRightDialog .sfContent .formSelect div.display .txt,
body.darkSide .generalModal.settingsDialog .profileInfo .profileName,
body.darkSide .generalModal.modalCallDetailsRecord .customHead .title,
body.darkSide div.masterContent.inbox .chatHeader .newSelect .display .txt,
body.darkSide .sfCallLists .sfRightDialog .sfCallListDialog .sfHeader .title,
body.darkSide div.masterContent.inbox .chatHeader .rightActions .call ul li i,
body.darkSide div.masterContent.inbox .chatHeader .rightActions .searchIcon i,
body.darkSide .ctiPhoneDialog .masterLeft .top .formSelect.phoneNumber .display .label,
body.darkSide .slaveContent.sectionDevices checkbox-container .checkboxContainer label,
body.darkSide .ctiPhoneDialog .masterLeft .middle .callerInfo .acwCallStatus .txt span,
body.darkSide .newSlaveContent.sfMessages .newSlaveList .tableContainer .table td .tdTxt,
body.darkSide div.masterContent.inbox .chatSidebarRight .sidebarRightContent.searchConversation .header input,
body.darkSide div.masterContent.inbox .chatSidebarRight .sidebarRightContent.searchConversation .header .title,
body.darkSide div.masterContent.inbox .chatSidebarRight .sidebarRightContent.searchConversation .searchedMessages .searchedMessagesList .message-item .goToMessage,
body.darkSide .newSlaveContent.sfMessages .newSlaveList .tableContainer .table thead tr th,
body.darkSide .eWrong .inputWithIco .inputAnim .suggesterContactSearch li label{color: #dcddde!important;}

body.darkSide #oppSearch{ -webkit-text-fill-color: white !important; caret-color: white; }
 
body.darkSide #oppSearch:-webkit-autofill,
body.darkSide #oppSearch:-webkit-autofill:hover,
body.darkSide #oppSearch:-webkit-autofill:focus,
body.darkSide #oppSearch:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #40434c inset !important;
}

/* BORDERS */
body.darkSide .dial .pad ul li,
body.darkSide table.genaralList tr,
body.darkSide .sfActions ul li.list-item, 
body.darkSide .sfActivity ul li.list-item,
body.darkSide ul.sfGeneralList li.list-item,
body.darkSide .inputSuggesterList .searchResults,
body.darkSide .sfCallLists ul.listOfCallLists li.list-item,
body.darkSide div.slaveContent.messagingLobby ul.boxUser li,
body.darkSide .contactListResults .suggesterContactList.listType li,
body.darkSide input-suggester-piq .inputSuggesterPiq input.newSuggesterPiq,
body.darkSide .sfPowerDialer .header ul.actions li.pausePD ul.moreOptions li, 
body.darkSide .sfPowerDialer .header ul.actions li.leavePD ul.moreOptions li,
body.darkSide .ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-middle .dialog-content .suggesterList li.item,
body.darkSide .ctiPhoneDialog .masterLeft .middle .conferenceCall ul.conferenceMembers li.member{border-bottom: 1px solid #424242!important;}

body.darkSide input-suggester-piq.transferCall .inputSuggesterPiq .newSuggesterPiq{border: none !important;}

body.darkSide .ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-middle .dialog-content .suggesterList,
body.darkSide .table th, 
body.darkSide .table td{border-top: 1px solid #424242!important;}

body.darkSide textarea,
body.darkSide .generalModal ul.content .customerMoodCointainer,
body.darkSide .sfPowerDialer .header ul.actions li.pausePD ul.moreOptions, 
body.darkSide .sfPowerDialer .header ul.actions li.leavePD ul.moreOptions{border: 1px solid #40434C!important;}

body.darkSide .sfCallLists .sfRightDialog .sfCallListDialog .sfContent .addToList input{border: 1px solid #424242!important;}

/* LIGHT */
body.darkSide .formSelect ul,
body.darkSide select-simple-piq .newSelect .display,
body.darkSide select-simple-piq .newSelect .selectList, 
body.darkSide .intervalSelectorComponent .parentContent,
body.darkSide select-simple-countries .newSelect .selectList,
body.darkSide div.masterContent.inbox .chatHeader .rightActions .call ul,
body.darkSide select-simple-piq .newSelect .searchable input,
body.darkSide .suggesterContactSearch{border: 1px solid #5d5d5d!important;}
body.darkSide .intervalSelectorComponent input-validation .parentContainer input{border-right: 1px solid #5d5d5d!important;}

body.darkSide .eWrong select-simple-piq .newSelect .display{
    border-color: #EB3636!important;
}

body.darkSide .formSelect ul li,
body.darkSide div.masterContent.inbox .chatHeader .rightActions .call ul li,
body.darkSide input-suggester-piq .inputSuggesterPiq .results ul.listOfMembers li,
body.darkSide select-simple-piq .newSelect .selectList .selectListItem{border-bottom: 1px solid #5d5d5d;}

body.darkSide .formSelect ul li:last-child{border-bottom: none;}

/* LIGHT */
body.darkSide div.masterContent.inbox .chatHeader .rightActions .separator{border-right: 1px solid #e3e3e326;}

/* DARK */
body.darkSide div.app_messaging div.slaveNav,
body.darkSide div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container .message-actions,
body.darkSide .ctiPhoneDialog .masterLeft .sfLeftDialog{border-right: 1px solid #303136;}
body.darkSide .ctiPhoneDialog .masterLeft{border-right: 1px solid #36393F;}

body.darkSide div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container .message-actions{border: 1px solid #303136;}

body.darkSide .formSelect div.display,
body.darkSide .slaveContent.sectionDevices ul.devicesWrapper li.li,
body.darkSide .slaveContent.sectionDevices ul.callHandlingSection.callWaiting li,
body.darkSide .callHandlingComponent{border: solid 1px #40444c;}

/* DARK */
body.darkSide div.slaveHeader{border-bottom: 1px solid #212121;}
body.darkSide .menuLeftList,
body.darkSide .menuLeftList li{border-bottom: 2px solid #212121;}
body.darkSide .wrapperTextarea,
body.darkSide div.app_messaging .wrapperProfiles{border-top: 1px solid #212121;}

/* FILLS*/
body.darkSide div.masterNav ul.appNavigation li .appIcon .ico{fill:#212224;}
body.darkSide .svg-menu-voicemail { filter: invert(100%); }

/* DESIGN CHANGES */
body.darkSide div.wrapperConference div.wrapperConfLive div.boxConference{background-color: #212224!important;box-shadow: initial;}
body.darkSide .generalModal.modalCallDetailsRecord .customHead .icoConference avatar-piq:nth-child(1) .newAvatar,
body.darkSide .generalModal.modalCallDetailsRecord .customHead .icoConference avatar-piq:nth-child(2) .newAvatar{border: 2px solid #36393f;}
body.darkSide .ctiPhoneDialog .masterLeft .sfLeftDialog.addParticipantDialog input-suggester-piq .inputSuggesterPiq input.newSuggesterPiq{border: 1px solid #424242!important;}

body.darkSide .ctiPhoneDialog .masterLeft .activeCalls .currentCall ul.conference .conferenceAvatars avatar-new{border: 2px solid #303136!important;}
body.darkSide .ctiPhoneDialog .masterLeft .activeCalls .currentCall ul.conference .conferenceAvatars avatar-new .imgProfile{border: 3px solid #303136!important;}
body.darkSide .ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul.conference .conferenceAvatars avatar-new{border: 2px solid #303136!important;}
body.darkSide .ctiPhoneDialog .masterLeft .activeCalls .callsOnHold ul.conference .conferenceAvatars avatar-new .imgProfile{border: 3px solid #303136!important;}

body.darkSide .generalModal.modalCallDetailsRecord .customHead .icoConference .avatarNew .imgProfile{border: 2px solid #36393f;}
body.darkSide .ctiPhoneDialog .masterLeft .middle .conferenceCall .header .icos avatar-new .imgProfile,
body.darkSide .ctiPhoneDialog .masterLeft .middle .conferenceCall .header .icos avatar-new{border: 2px solid #303136;}
body.darkSide .ctiPhoneDialog .masterLeft .activeCalls .currentCall ul.conference .conferenceAvatars avatar-new{border: 2px solid #303136;}
body.darkSide .ctiPhoneDialog .masterLeft .activeCalls .currentCall ul.conference .conferenceAvatars avatar-new .imgProfile{border: 3px solid #303136;}
body.darkSide .ctiPhoneDialog .masterLeft .newParticipantAlert{background-color: #212223;}
body.darkSide .table thead th{border-bottom: 2px solid #424242!important;}
body.darkSide .newSlaveContent.sfMessages .newSlaveList{border-top: 1px solid #424242!important;}
body.darkSide input::placeholder{color: #7d7d7d!important;}
body.darkSide .generalModal.modalCreateEditContact contact-form .container .row .listItem input-validation .parentContainer input{border: 1px solid #40434c!important;}
body.darkSide .imgProfile.dashed.withAvatar{border: 1px solid #fff;}
body.darkSide .checkIn{background-position: -598px -32px;}
body.darkSide div.ui-datepicker.ui-widget{background-color: #303136; border: solid 1px #525252;}
body.darkSide div.ui-datepicker.ui-widget .ui-datepicker-calendar thead tr th span{color: #fff;}
body.darkSide .ui-datepicker-calendar td{background-color: #2d2d2d;}
body.darkSide div.ui-datepicker.ui-widget .ui-datepicker-calendar tbody tr td a.ui-state-default{color: #fff;}
body.darkSide div.ui-datepicker.ui-widget .ui-datepicker-unselectable.ui-state-disabled span{color: #fff; background-color: #40434c!important;}
body.darkSide .daterangepicker .drp-buttons .btn.cancelBtn{background-color: #464646;color: #fff;}
body.darkSide .generalModal div.foot .btnNo{background-color: #888888;}
body.darkSide interval-selector input-validation .parentContainer input{border-right:none!important;height: 42px;}
body.darkSide input.pressEnter:focus{background: initial;}
body.darkSide .dial input{border-radius: 3px;}
body.darkSide .dial input:focus{border: 1px solid #4c4c4c!important;}
body.darkSide select-simple-piq .newSelect .searchable{background-color: initial!important;}
body.darkSide .generalModal.settingsDialog.hasSidebar .content.preferences select-simple-piq .newSelect .display label{background-color: #36393f!important;}

body.darkSide ul.addedMemberGroupList .delete{background-position: -426px -50px;}
body.darkSide .listOfTags .tag{background-color: #4e515a;}
body.darkSide .listOfTags .tag .aniTag{background-color: #40434c;}
body.darkSide .suggesterContactSearch label{margin: 5px 0 0 7px!important;background-color: initial!important;}
body.darkSide .daterangepicker .calendar-table{border: none!important;}
body.darkSide .generalModal.settingsDialog ul.content.voicemailDropContent .genaralList{border-top: 1px solid #424242!important;border-bottom: 1px solid #424242!important;}
body.darkSide select-media-uploader .mfuTriggers{border: 1px solid #40434c;background-color: #40434c;}
body.darkSide avatar-piq .newAvatar .status{border: 2px solid #303136;}
body.darkSide .generalModal.businessContactInfo .status{border: 4px solid #303136;}
body.darkSide .sfRightDialog .sfContent .formSelect div.display{background-position: right 12px bottom 18px!important;}

body.darkSide .sfRightDialog .sfContent .inputWithIco .formSelect div.display{border-radius: 0 3px 3px 0;}
body.darkSide .sfRightDialog .sfContent .inputWithIco input{border-radius: 0;}

body.darkSide .inputWithIco{border: none!important;}
body.darkSide .sfClose.black svg{stroke: #fff;}
body.darkSide .border-blue{border: 1px solid #5078EE!important; color: #fff!important; background-color: #303136!important;} body.darkSide input,
body.darkSide .ctiPhoneDialog .masterLeft .top .formSelect{border: none!important;}
body.darkSide textarea-validation .parentContainer textarea{border: none!important;}
body.darkSide input:focus,
body.darkSide div.app_messaging div.slaveNav .suggester input{border: none!important;}
body.darkSide .newSplash svg, body.darkSide .sfPlaceholder .ico, body.darkSide .ctiPhoneDialog .masterLeft .sfLeftDialog .dialog-top .ico{opacity: .6;}
body.darkSide .sfCallLists ul.listOfCallLists li.list-item:hover{background-color: #ffffff08;}
body.darkSide .formSelect.searchable .searchTroughList{border: 1px solid #5d5d5d; background-color: #40434c;}
body.darkSide .generalModal.hasSidebar .sidebar .nav li.separator{border-bottom: 1px solid #6d6d6d;}
body.darkSide .generalModal.hasSidebar .sidebar .nav h3{color: #6d6d6d;}
body.darkSide .formSelect ul{box-shadow: none!important;}
body.darkSide .inputAnim label{border-radius: 3px 3px 0 0; margin: 10px 10px 10px 1px;}
body.darkSide .imgProfile.large .status{border: 2px solid #303136;}
body.darkSide .imgProfile.extraSmall .status{border: 2px solid #303136;}
body.darkSide .generalModal ul.content li input{border: 1px solid #36393F!important;}
body.darkSide input-suggester-piq .inputAnim label{border-radius: 3px 3px 0 0; margin: 10px 10px 10px 0px;}
body.darkSide .ctiPhoneDialog .masterRight .tabs,
body.darkSide .ctiPhoneDialog .masterLeft .tabs{border-bottom: 2px solid #272727;}
body.darkSide .sfRightDialog .sfContent li.content-item textarea{background-color: #40434C; border: none;}
body.darkSide div.masterNav .checkboxSwitcher.selected{box-shadow: inset 0 0 0 10px rgb(33 35 36);}
body.darkSide .inputAnim textarea:focus + label{border-radius: 2px 2px 0 0; color: #5078ee!important;}
body.darkSide .ctiPhoneDialog .masterLeft .middle .callerInfo .imgProfile .sfTag{border: 4px solid #303236;}
body.darkSide .callerMood .content {border: 1px solid #40454c!important; background-color: #40444c; }
body.darkSide div.masterContent.inbox .chatHeader .rightActions .call ul li i{background-color: #ffffff2b;}
body.darkSide .generalModal.settingsDialog.hasSidebar .content.preferences .container.themesSection .themeType.light{background-color: #fff;}
body.darkSide .generalModal.settingsDialog.hasSidebar .content.preferences .container.lobby .lobbyItem{box-shadow: initial;background-color: #393e48;}
body.darkSide div.masterContent.inbox .chatSidebarRight .sidebarRightContent.contactInfo .header .tabs .one.active, 
body.darkSide div.masterContent.inbox .chatSidebarRight .sidebarRightContent.contactInfo .header .tabs .two.active{border-bottom: 2px solid #5078EE;}
body.darkSide div.masterContent.inbox .chatSidebarRight .sidebarRightContent.sfActions .sfActionsDialog .inputAnim label{margin: 10px 10px 10px 0px;}
body.darkSide div.masterContent.inbox .chatSidebarRight .sidebarRightContent.contactInfo .container.activity .sfActivity .sfPlaceholder .ico svg{display: none;}
body.darkSide div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item .message-content .txt a{color: #5078EE;}

body.darkSide .ctiPhoneDialog .masterLeft .activeCalls .currentCall .title, 
body.darkSide .ctiPhoneDialog .masterLeft .activeCalls .callsOnHold .title{border-top: 1px solid #525252;border-bottom: 1px solid #525252;}

body.darkSide .ctiPhoneDialog .close,
body.darkSide .generalModal.modalVoiceMail audio,
body.darkSide table.genaralList td.actions .ico,
body.darkSide div.messegesList ul.readStatus.sent li .ticks,
body.darkSide div.app_messaging div.slaveNav .btnLobby .ico,
body.darkSide .generalModal.modalCreateGroup .content li ul.addedMemberGroupList .delete,
body.darkSide .generalModal div.close{filter: invert(1);}
body.darkSide .wrapperTextarea textarea{border: none!important;}

/* INBOX */
body.darkSide div.masterContent.inbox{color: #fff;}
body.darkSide div.masterContent.inbox .skAnim{opacity: .2;}
body.darkSide div.masterContent.inbox .chatSidebarLeft{background-color: #303136;border-right: 1px solid #2a2b2f;}
body.darkSide div.masterContent.inbox .chatSidebarLeft .personalOrShared{    background-color: #40434C;}
body.darkSide div.masterContent.inbox .chatSidebarLeft .personalOrShared.isPersonal .left,
body.darkSide div.masterContent.inbox .chatSidebarLeft .personalOrShared.isPersonal .right{background-color: #40434C;color: #fff;}
body.darkSide div.masterContent.inbox .chatSidebarLeft .sidebarContent .sidebarActions input{color: #fff;background-color: #40434C;}
body.darkSide div.masterContent.inbox .chatSidebarLeft .sidebarContent .sidebarActions .startNewChat{background-color: #40434C}
body.darkSide div.masterContent.inbox .chatSidebarLeft .sidebarContent .sidebarActions{border-bottom: 1px solid #e3e3e326;}
body.darkSide div.masterContent.inbox .chatSidebarLeft .sidebarContent ul.chatMembers li.active{    background-color: #e8effe24;}

body.darkSide div.masterContent.inbox .chatSidebarRight .sidebarRightContent.contactInfo .container .row .listItem input{background-color: transparent!important; color: #fff;}
body.darkSide div.masterContent.inbox .chatSidebarRight .sidebarRightContent.contactInfo .header .tabs .one:hover, 
body.darkSide div.masterContent.inbox .chatSidebarRight .sidebarRightContent.contactInfo .header .tabs .two:hover{background-color: #ecf0fd1f;}
body.darkSide div.masterContent.inbox .chatSidebarRight .sidebarRightContent.contactInfo .header .tabs .one, 
body.darkSide div.masterContent.inbox .chatSidebarRight .sidebarRightContent.contactInfo .header .tabs .two{border-bottom: 2px solid #e3e3e32b;}

body.darkSide div.masterContent.inbox .chatCenter{background-color: #36393F;}
body.darkSide div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item .message-content,
body.darkSide div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-item.outgoing-message .message-content{background-color:#40434C;}

body.darkSide div.masterContent.inbox .chatHeader{background-color: #36393F;border-bottom: 1px solid #00000052;}
body.darkSide div.masterContent.inbox .chatHeader .rightActions .search input{border:none;background-color: #40434C;}
body.darkSide div.masterContent.inbox .chatHeader .nameOrNumber .txt{color: #fff;}
body.darkSide div.masterContent.inbox .chatHeader .rightActions .assign{background-color: #40434C; color: #ffffffba;}
body.darkSide div.masterContent.inbox .chatCenter .chat .chat-body .messages .messages-divider-date:before{background-color: #363a3f; border: 1px solid #ffffff0f;}
body.darkSide div.masterContent.inbox .chatCenter .chat .chat-body .messages .messages-divider-date{border-bottom: 1px solid #e0e0e017;}
body.darkSide div.masterContent.inbox .chatCenter .chatPlaceHolder.noConversation{background-color: #363a3f;background-image: none;}
body.darkSide div.masterContent.inbox .chatCenter .chatPlaceHolder .title{color:#fff;}
body.darkSide div.masterContent.inbox .chatCenter .chatFooter{background-color: #36393F;}
body.darkSide div.masterContent.inbox .chatCenter .chat{background-color: #36393F;}
body.darkSide div.masterContent.inbox .chatCenter .chatFooter .chatActions{background-color: #2A2B30;border: 1px solid #d9d9d900;}
body.darkSide div.masterContent.inbox .chatCenter .chatFooter .chatActions .inputContainer{background-color:#40434C;}
body.darkSide div.masterContent.inbox .chatCenter .chatFooter .chatActions .inputContainer textarea{color: #fff;background-color:#40434C;}
body.darkSide div.masterContent.inbox .chatCenter .chatFooter .chatActions .actionsContainer .formSelect.phoneNumber .display .label{color:#fff;}
body.darkSide div.masterContent.inbox .inputSuggesterPiq input.newSuggesterPiq{color: #fff; border: none!important; background-color: #40434c!important;padding: 0 0 0 11px;}

body.darkSide div.masterContent.inbox .chatSidebarRight{background-color: #303136;border-left: 1px solid #00000052;}
body.darkSide div.masterContent.inbox .chatSidebarRight .sidebarRightContent .header{border-bottom: 1px solid #00000052;}
body.darkSide div.masterContent.inbox .chatSidebarRight .sidebarRightContent.searchConversation .searchedMessages .searchedMessagesList .message-item.skeleton .skAnim{opacity: 1!important; background: linear-gradient(-90deg , #5c616d 0%, #40444c 50%, #5c616d 100%); background-size: 300% 300%; animation: pulse 8s ease-out infinite;}

body.darkSide .generalModal.modalCallDetailsRecord .chat-container .themeType.dark { background-color: #333; color: #fff; }
body.darkSide .generalModal.modalCallDetailsRecord .chat-container .sent .themeType.dark { background-color: #ffffff; color: #fff;}
body.darkSide .generalModal.modalCallDetailsRecord .progress-container .progress-labels .label { color: #f8f8f8 !important }

body.darkSide .modalDarkMode .close span { color: white }
body.darkSide .modal-content {background-color: #454545; border: none;}
body.darkSide .chat-message {background-color: #898A8B;}
body.darkSide .close {color: #5078EE;}
body.darkSide .modalDarkMode .close span{ color: white }



/* MaterialDesignIcons.com */
@font-face{font-family:"Material Design Icons";src:url("/Content/fonts/materialDesignFont/materialdesignicons-webfont.eot") format("embedded-opentype"),url("/Content/fonts/materialDesignFont/materialdesignicons-webfont.woff2") format("woff2"),url("/Content/fonts/materialDesignFont/materialdesignicons-webfont.woff") format("woff"),url("/Content/fonts/materialDesignFont/materialdesignicons-webfont.ttf") format("truetype");font-weight:normal;font-style:normal}.mdi:before,.mdi-set{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mdi-ab-testing::before{content:"\F01C9"}.mdi-abacus::before{content:"\F16E0"}.mdi-abjad-arabic::before{content:"\F1328"}.mdi-abjad-hebrew::before{content:"\F1329"}.mdi-abugida-devanagari::before{content:"\F132A"}.mdi-abugida-thai::before{content:"\F132B"}.mdi-access-point::before{content:"\F0003"}.mdi-access-point-check::before{content:"\F1538"}.mdi-access-point-minus::before{content:"\F1539"}.mdi-access-point-network::before{content:"\F0002"}.mdi-access-point-network-off::before{content:"\F0BE1"}.mdi-access-point-off::before{content:"\F1511"}.mdi-access-point-plus::before{content:"\F153A"}.mdi-access-point-remove::before{content:"\F153B"}.mdi-account::before{content:"\F0004"}.mdi-account-alert::before{content:"\F0005"}.mdi-account-alert-outline::before{content:"\F0B50"}.mdi-account-arrow-left::before{content:"\F0B51"}.mdi-account-arrow-left-outline::before{content:"\F0B52"}.mdi-account-arrow-right::before{content:"\F0B53"}.mdi-account-arrow-right-outline::before{content:"\F0B54"}.mdi-account-box::before{content:"\F0006"}.mdi-account-box-multiple::before{content:"\F0934"}.mdi-account-box-multiple-outline::before{content:"\F100A"}.mdi-account-box-outline::before{content:"\F0007"}.mdi-account-cancel::before{content:"\F12DF"}.mdi-account-cancel-outline::before{content:"\F12E0"}.mdi-account-cash::before{content:"\F1097"}.mdi-account-cash-outline::before{content:"\F1098"}.mdi-account-check::before{content:"\F0008"}.mdi-account-check-outline::before{content:"\F0BE2"}.mdi-account-child::before{content:"\F0A89"}.mdi-account-child-circle::before{content:"\F0A8A"}.mdi-account-child-outline::before{content:"\F10C8"}.mdi-account-circle::before{content:"\F0009"}.mdi-account-circle-outline::before{content:"\F0B55"}.mdi-account-clock::before{content:"\F0B56"}.mdi-account-clock-outline::before{content:"\F0B57"}.mdi-account-cog::before{content:"\F1370"}.mdi-account-cog-outline::before{content:"\F1371"}.mdi-account-convert::before{content:"\F000A"}.mdi-account-convert-outline::before{content:"\F1301"}.mdi-account-cowboy-hat::before{content:"\F0E9B"}.mdi-account-details::before{content:"\F0631"}.mdi-account-details-outline::before{content:"\F1372"}.mdi-account-edit::before{content:"\F06BC"}.mdi-account-edit-outline::before{content:"\F0FFB"}.mdi-account-group::before{content:"\F0849"}.mdi-account-group-outline::before{content:"\F0B58"}.mdi-account-hard-hat::before{content:"\F05B5"}.mdi-account-heart::before{content:"\F0899"}.mdi-account-heart-outline::before{content:"\F0BE3"}.mdi-account-key::before{content:"\F000B"}.mdi-account-key-outline::before{content:"\F0BE4"}.mdi-account-lock::before{content:"\F115E"}.mdi-account-lock-outline::before{content:"\F115F"}.mdi-account-minus::before{content:"\F000D"}.mdi-account-minus-outline::before{content:"\F0AEC"}.mdi-account-multiple::before{content:"\F000E"}.mdi-account-multiple-check::before{content:"\F08C5"}.mdi-account-multiple-check-outline::before{content:"\F11FE"}.mdi-account-multiple-minus::before{content:"\F05D3"}.mdi-account-multiple-minus-outline::before{content:"\F0BE5"}.mdi-account-multiple-outline::before{content:"\F000F"}.mdi-account-multiple-plus::before{content:"\F0010"}.mdi-account-multiple-plus-outline::before{content:"\F0800"}.mdi-account-multiple-remove::before{content:"\F120A"}.mdi-account-multiple-remove-outline::before{content:"\F120B"}.mdi-account-music::before{content:"\F0803"}.mdi-account-music-outline::before{content:"\F0CE9"}.mdi-account-network::before{content:"\F0011"}.mdi-account-network-outline::before{content:"\F0BE6"}.mdi-account-off::before{content:"\F0012"}.mdi-account-off-outline::before{content:"\F0BE7"}.mdi-account-outline::before{content:"\F0013"}.mdi-account-plus::before{content:"\F0014"}.mdi-account-plus-outline::before{content:"\F0801"}.mdi-account-question::before{content:"\F0B59"}.mdi-account-question-outline::before{content:"\F0B5A"}.mdi-account-reactivate::before{content:"\F152B"}.mdi-account-reactivate-outline::before{content:"\F152C"}.mdi-account-remove::before{content:"\F0015"}.mdi-account-remove-outline::before{content:"\F0AED"}.mdi-account-search::before{content:"\F0016"}.mdi-account-search-outline::before{content:"\F0935"}.mdi-account-settings::before{content:"\F0630"}.mdi-account-settings-outline::before{content:"\F10C9"}.mdi-account-star::before{content:"\F0017"}.mdi-account-star-outline::before{content:"\F0BE8"}.mdi-account-supervisor::before{content:"\F0A8B"}.mdi-account-supervisor-circle::before{content:"\F0A8C"}.mdi-account-supervisor-circle-outline::before{content:"\F14EC"}.mdi-account-supervisor-outline::before{content:"\F112D"}.mdi-account-switch::before{content:"\F0019"}.mdi-account-switch-outline::before{content:"\F04CB"}.mdi-account-tie::before{content:"\F0CE3"}.mdi-account-tie-outline::before{content:"\F10CA"}.mdi-account-tie-voice::before{content:"\F1308"}.mdi-account-tie-voice-off::before{content:"\F130A"}.mdi-account-tie-voice-off-outline::before{content:"\F130B"}.mdi-account-tie-voice-outline::before{content:"\F1309"}.mdi-account-voice::before{content:"\F05CB"}.mdi-adjust::before{content:"\F001A"}.mdi-adobe::before{content:"\F0936"}.mdi-adobe-acrobat::before{content:"\F0F9D"}.mdi-air-conditioner::before{content:"\F001B"}.mdi-air-filter::before{content:"\F0D43"}.mdi-air-horn::before{content:"\F0DAC"}.mdi-air-humidifier::before{content:"\F1099"}.mdi-air-humidifier-off::before{content:"\F1466"}.mdi-air-purifier::before{content:"\F0D44"}.mdi-airbag::before{content:"\F0BE9"}.mdi-airballoon::before{content:"\F001C"}.mdi-airballoon-outline::before{content:"\F100B"}.mdi-airplane::before{content:"\F001D"}.mdi-airplane-landing::before{content:"\F05D4"}.mdi-airplane-off::before{content:"\F001E"}.mdi-airplane-takeoff::before{content:"\F05D5"}.mdi-airport::before{content:"\F084B"}.mdi-alarm::before{content:"\F0020"}.mdi-alarm-bell::before{content:"\F078E"}.mdi-alarm-check::before{content:"\F0021"}.mdi-alarm-light::before{content:"\F078F"}.mdi-alarm-light-off::before{content:"\F171E"}.mdi-alarm-light-off-outline::before{content:"\F171F"}.mdi-alarm-light-outline::before{content:"\F0BEA"}.mdi-alarm-multiple::before{content:"\F0022"}.mdi-alarm-note::before{content:"\F0E71"}.mdi-alarm-note-off::before{content:"\F0E72"}.mdi-alarm-off::before{content:"\F0023"}.mdi-alarm-panel::before{content:"\F15C4"}.mdi-alarm-panel-outline::before{content:"\F15C5"}.mdi-alarm-plus::before{content:"\F0024"}.mdi-alarm-snooze::before{content:"\F068E"}.mdi-album::before{content:"\F0025"}.mdi-alert::before{content:"\F0026"}.mdi-alert-box::before{content:"\F0027"}.mdi-alert-box-outline::before{content:"\F0CE4"}.mdi-alert-circle::before{content:"\F0028"}.mdi-alert-circle-check::before{content:"\F11ED"}.mdi-alert-circle-check-outline::before{content:"\F11EE"}.mdi-alert-circle-outline::before{content:"\F05D6"}.mdi-alert-decagram::before{content:"\F06BD"}.mdi-alert-decagram-outline::before{content:"\F0CE5"}.mdi-alert-minus::before{content:"\F14BB"}.mdi-alert-minus-outline::before{content:"\F14BE"}.mdi-alert-octagon::before{content:"\F0029"}.mdi-alert-octagon-outline::before{content:"\F0CE6"}.mdi-alert-octagram::before{content:"\F0767"}.mdi-alert-octagram-outline::before{content:"\F0CE7"}.mdi-alert-outline::before{content:"\F002A"}.mdi-alert-plus::before{content:"\F14BA"}.mdi-alert-plus-outline::before{content:"\F14BD"}.mdi-alert-remove::before{content:"\F14BC"}.mdi-alert-remove-outline::before{content:"\F14BF"}.mdi-alert-rhombus::before{content:"\F11CE"}.mdi-alert-rhombus-outline::before{content:"\F11CF"}.mdi-alien::before{content:"\F089A"}.mdi-alien-outline::before{content:"\F10CB"}.mdi-align-horizontal-center::before{content:"\F11C3"}.mdi-align-horizontal-left::before{content:"\F11C2"}.mdi-align-horizontal-right::before{content:"\F11C4"}.mdi-align-vertical-bottom::before{content:"\F11C5"}.mdi-align-vertical-center::before{content:"\F11C6"}.mdi-align-vertical-top::before{content:"\F11C7"}.mdi-all-inclusive::before{content:"\F06BE"}.mdi-allergy::before{content:"\F1258"}.mdi-alpha::before{content:"\F002B"}.mdi-alpha-a::before{content:"\F0AEE"}.mdi-alpha-a-box::before{content:"\F0B08"}.mdi-alpha-a-box-outline::before{content:"\F0BEB"}.mdi-alpha-a-circle::before{content:"\F0BEC"}.mdi-alpha-a-circle-outline::before{content:"\F0BED"}.mdi-alpha-b::before{content:"\F0AEF"}.mdi-alpha-b-box::before{content:"\F0B09"}.mdi-alpha-b-box-outline::before{content:"\F0BEE"}.mdi-alpha-b-circle::before{content:"\F0BEF"}.mdi-alpha-b-circle-outline::before{content:"\F0BF0"}.mdi-alpha-c::before{content:"\F0AF0"}.mdi-alpha-c-box::before{content:"\F0B0A"}.mdi-alpha-c-box-outline::before{content:"\F0BF1"}.mdi-alpha-c-circle::before{content:"\F0BF2"}.mdi-alpha-c-circle-outline::before{content:"\F0BF3"}.mdi-alpha-d::before{content:"\F0AF1"}.mdi-alpha-d-box::before{content:"\F0B0B"}.mdi-alpha-d-box-outline::before{content:"\F0BF4"}.mdi-alpha-d-circle::before{content:"\F0BF5"}.mdi-alpha-d-circle-outline::before{content:"\F0BF6"}.mdi-alpha-e::before{content:"\F0AF2"}.mdi-alpha-e-box::before{content:"\F0B0C"}.mdi-alpha-e-box-outline::before{content:"\F0BF7"}.mdi-alpha-e-circle::before{content:"\F0BF8"}.mdi-alpha-e-circle-outline::before{content:"\F0BF9"}.mdi-alpha-f::before{content:"\F0AF3"}.mdi-alpha-f-box::before{content:"\F0B0D"}.mdi-alpha-f-box-outline::before{content:"\F0BFA"}.mdi-alpha-f-circle::before{content:"\F0BFB"}.mdi-alpha-f-circle-outline::before{content:"\F0BFC"}.mdi-alpha-g::before{content:"\F0AF4"}.mdi-alpha-g-box::before{content:"\F0B0E"}.mdi-alpha-g-box-outline::before{content:"\F0BFD"}.mdi-alpha-g-circle::before{content:"\F0BFE"}.mdi-alpha-g-circle-outline::before{content:"\F0BFF"}.mdi-alpha-h::before{content:"\F0AF5"}.mdi-alpha-h-box::before{content:"\F0B0F"}.mdi-alpha-h-box-outline::before{content:"\F0C00"}.mdi-alpha-h-circle::before{content:"\F0C01"}.mdi-alpha-h-circle-outline::before{content:"\F0C02"}.mdi-alpha-i::before{content:"\F0AF6"}.mdi-alpha-i-box::before{content:"\F0B10"}.mdi-alpha-i-box-outline::before{content:"\F0C03"}.mdi-alpha-i-circle::before{content:"\F0C04"}.mdi-alpha-i-circle-outline::before{content:"\F0C05"}.mdi-alpha-j::before{content:"\F0AF7"}.mdi-alpha-j-box::before{content:"\F0B11"}.mdi-alpha-j-box-outline::before{content:"\F0C06"}.mdi-alpha-j-circle::before{content:"\F0C07"}.mdi-alpha-j-circle-outline::before{content:"\F0C08"}.mdi-alpha-k::before{content:"\F0AF8"}.mdi-alpha-k-box::before{content:"\F0B12"}.mdi-alpha-k-box-outline::before{content:"\F0C09"}.mdi-alpha-k-circle::before{content:"\F0C0A"}.mdi-alpha-k-circle-outline::before{content:"\F0C0B"}.mdi-alpha-l::before{content:"\F0AF9"}.mdi-alpha-l-box::before{content:"\F0B13"}.mdi-alpha-l-box-outline::before{content:"\F0C0C"}.mdi-alpha-l-circle::before{content:"\F0C0D"}.mdi-alpha-l-circle-outline::before{content:"\F0C0E"}.mdi-alpha-m::before{content:"\F0AFA"}.mdi-alpha-m-box::before{content:"\F0B14"}.mdi-alpha-m-box-outline::before{content:"\F0C0F"}.mdi-alpha-m-circle::before{content:"\F0C10"}.mdi-alpha-m-circle-outline::before{content:"\F0C11"}.mdi-alpha-n::before{content:"\F0AFB"}.mdi-alpha-n-box::before{content:"\F0B15"}.mdi-alpha-n-box-outline::before{content:"\F0C12"}.mdi-alpha-n-circle::before{content:"\F0C13"}.mdi-alpha-n-circle-outline::before{content:"\F0C14"}.mdi-alpha-o::before{content:"\F0AFC"}.mdi-alpha-o-box::before{content:"\F0B16"}.mdi-alpha-o-box-outline::before{content:"\F0C15"}.mdi-alpha-o-circle::before{content:"\F0C16"}.mdi-alpha-o-circle-outline::before{content:"\F0C17"}.mdi-alpha-p::before{content:"\F0AFD"}.mdi-alpha-p-box::before{content:"\F0B17"}.mdi-alpha-p-box-outline::before{content:"\F0C18"}.mdi-alpha-p-circle::before{content:"\F0C19"}.mdi-alpha-p-circle-outline::before{content:"\F0C1A"}.mdi-alpha-q::before{content:"\F0AFE"}.mdi-alpha-q-box::before{content:"\F0B18"}.mdi-alpha-q-box-outline::before{content:"\F0C1B"}.mdi-alpha-q-circle::before{content:"\F0C1C"}.mdi-alpha-q-circle-outline::before{content:"\F0C1D"}.mdi-alpha-r::before{content:"\F0AFF"}.mdi-alpha-r-box::before{content:"\F0B19"}.mdi-alpha-r-box-outline::before{content:"\F0C1E"}.mdi-alpha-r-circle::before{content:"\F0C1F"}.mdi-alpha-r-circle-outline::before{content:"\F0C20"}.mdi-alpha-s::before{content:"\F0B00"}.mdi-alpha-s-box::before{content:"\F0B1A"}.mdi-alpha-s-box-outline::before{content:"\F0C21"}.mdi-alpha-s-circle::before{content:"\F0C22"}.mdi-alpha-s-circle-outline::before{content:"\F0C23"}.mdi-alpha-t::before{content:"\F0B01"}.mdi-alpha-t-box::before{content:"\F0B1B"}.mdi-alpha-t-box-outline::before{content:"\F0C24"}.mdi-alpha-t-circle::before{content:"\F0C25"}.mdi-alpha-t-circle-outline::before{content:"\F0C26"}.mdi-alpha-u::before{content:"\F0B02"}.mdi-alpha-u-box::before{content:"\F0B1C"}.mdi-alpha-u-box-outline::before{content:"\F0C27"}.mdi-alpha-u-circle::before{content:"\F0C28"}.mdi-alpha-u-circle-outline::before{content:"\F0C29"}.mdi-alpha-v::before{content:"\F0B03"}.mdi-alpha-v-box::before{content:"\F0B1D"}.mdi-alpha-v-box-outline::before{content:"\F0C2A"}.mdi-alpha-v-circle::before{content:"\F0C2B"}.mdi-alpha-v-circle-outline::before{content:"\F0C2C"}.mdi-alpha-w::before{content:"\F0B04"}.mdi-alpha-w-box::before{content:"\F0B1E"}.mdi-alpha-w-box-outline::before{content:"\F0C2D"}.mdi-alpha-w-circle::before{content:"\F0C2E"}.mdi-alpha-w-circle-outline::before{content:"\F0C2F"}.mdi-alpha-x::before{content:"\F0B05"}.mdi-alpha-x-box::before{content:"\F0B1F"}.mdi-alpha-x-box-outline::before{content:"\F0C30"}.mdi-alpha-x-circle::before{content:"\F0C31"}.mdi-alpha-x-circle-outline::before{content:"\F0C32"}.mdi-alpha-y::before{content:"\F0B06"}.mdi-alpha-y-box::before{content:"\F0B20"}.mdi-alpha-y-box-outline::before{content:"\F0C33"}.mdi-alpha-y-circle::before{content:"\F0C34"}.mdi-alpha-y-circle-outline::before{content:"\F0C35"}.mdi-alpha-z::before{content:"\F0B07"}.mdi-alpha-z-box::before{content:"\F0B21"}.mdi-alpha-z-box-outline::before{content:"\F0C36"}.mdi-alpha-z-circle::before{content:"\F0C37"}.mdi-alpha-z-circle-outline::before{content:"\F0C38"}.mdi-alphabet-aurebesh::before{content:"\F132C"}.mdi-alphabet-cyrillic::before{content:"\F132D"}.mdi-alphabet-greek::before{content:"\F132E"}.mdi-alphabet-latin::before{content:"\F132F"}.mdi-alphabet-piqad::before{content:"\F1330"}.mdi-alphabet-tengwar::before{content:"\F1337"}.mdi-alphabetical::before{content:"\F002C"}.mdi-alphabetical-off::before{content:"\F100C"}.mdi-alphabetical-variant::before{content:"\F100D"}.mdi-alphabetical-variant-off::before{content:"\F100E"}.mdi-altimeter::before{content:"\F05D7"}.mdi-amazon::before{content:"\F002D"}.mdi-amazon-alexa::before{content:"\F08C6"}.mdi-ambulance::before{content:"\F002F"}.mdi-ammunition::before{content:"\F0CE8"}.mdi-ampersand::before{content:"\F0A8D"}.mdi-amplifier::before{content:"\F0030"}.mdi-amplifier-off::before{content:"\F11B5"}.mdi-anchor::before{content:"\F0031"}.mdi-android::before{content:"\F0032"}.mdi-android-auto::before{content:"\F0A8E"}.mdi-android-debug-bridge::before{content:"\F0033"}.mdi-android-messages::before{content:"\F0D45"}.mdi-android-studio::before{content:"\F0034"}.mdi-angle-acute::before{content:"\F0937"}.mdi-angle-obtuse::before{content:"\F0938"}.mdi-angle-right::before{content:"\F0939"}.mdi-angular::before{content:"\F06B2"}.mdi-angularjs::before{content:"\F06BF"}.mdi-animation::before{content:"\F05D8"}.mdi-animation-outline::before{content:"\F0A8F"}.mdi-animation-play::before{content:"\F093A"}.mdi-animation-play-outline::before{content:"\F0A90"}.mdi-ansible::before{content:"\F109A"}.mdi-antenna::before{content:"\F1119"}.mdi-anvil::before{content:"\F089B"}.mdi-apache-kafka::before{content:"\F100F"}.mdi-api::before{content:"\F109B"}.mdi-api-off::before{content:"\F1257"}.mdi-apple::before{content:"\F0035"}.mdi-apple-airplay::before{content:"\F001F"}.mdi-apple-finder::before{content:"\F0036"}.mdi-apple-icloud::before{content:"\F0038"}.mdi-apple-ios::before{content:"\F0037"}.mdi-apple-keyboard-caps::before{content:"\F0632"}.mdi-apple-keyboard-command::before{content:"\F0633"}.mdi-apple-keyboard-control::before{content:"\F0634"}.mdi-apple-keyboard-option::before{content:"\F0635"}.mdi-apple-keyboard-shift::before{content:"\F0636"}.mdi-apple-safari::before{content:"\F0039"}.mdi-application::before{content:"\F0614"}.mdi-application-cog::before{content:"\F1577"}.mdi-application-export::before{content:"\F0DAD"}.mdi-application-import::before{content:"\F0DAE"}.mdi-application-settings::before{content:"\F1555"}.mdi-approximately-equal::before{content:"\F0F9E"}.mdi-approximately-equal-box::before{content:"\F0F9F"}.mdi-apps::before{content:"\F003B"}.mdi-apps-box::before{content:"\F0D46"}.mdi-arch::before{content:"\F08C7"}.mdi-archive::before{content:"\F003C"}.mdi-archive-alert::before{content:"\F14FD"}.mdi-archive-alert-outline::before{content:"\F14FE"}.mdi-archive-arrow-down::before{content:"\F1259"}.mdi-archive-arrow-down-outline::before{content:"\F125A"}.mdi-archive-arrow-up::before{content:"\F125B"}.mdi-archive-arrow-up-outline::before{content:"\F125C"}.mdi-archive-outline::before{content:"\F120E"}.mdi-arm-flex::before{content:"\F0FD7"}.mdi-arm-flex-outline::before{content:"\F0FD6"}.mdi-arrange-bring-forward::before{content:"\F003D"}.mdi-arrange-bring-to-front::before{content:"\F003E"}.mdi-arrange-send-backward::before{content:"\F003F"}.mdi-arrange-send-to-back::before{content:"\F0040"}.mdi-arrow-all::before{content:"\F0041"}.mdi-arrow-bottom-left::before{content:"\F0042"}.mdi-arrow-bottom-left-bold-outline::before{content:"\F09B7"}.mdi-arrow-bottom-left-thick::before{content:"\F09B8"}.mdi-arrow-bottom-left-thin-circle-outline::before{content:"\F1596"}.mdi-arrow-bottom-right::before{content:"\F0043"}.mdi-arrow-bottom-right-bold-outline::before{content:"\F09B9"}.mdi-arrow-bottom-right-thick::before{content:"\F09BA"}.mdi-arrow-bottom-right-thin-circle-outline::before{content:"\F1595"}.mdi-arrow-collapse::before{content:"\F0615"}.mdi-arrow-collapse-all::before{content:"\F0044"}.mdi-arrow-collapse-down::before{content:"\F0792"}.mdi-arrow-collapse-horizontal::before{content:"\F084C"}.mdi-arrow-collapse-left::before{content:"\F0793"}.mdi-arrow-collapse-right::before{content:"\F0794"}.mdi-arrow-collapse-up::before{content:"\F0795"}.mdi-arrow-collapse-vertical::before{content:"\F084D"}.mdi-arrow-decision::before{content:"\F09BB"}.mdi-arrow-decision-auto::before{content:"\F09BC"}.mdi-arrow-decision-auto-outline::before{content:"\F09BD"}.mdi-arrow-decision-outline::before{content:"\F09BE"}.mdi-arrow-down::before{content:"\F0045"}.mdi-arrow-down-bold::before{content:"\F072E"}.mdi-arrow-down-bold-box::before{content:"\F072F"}.mdi-arrow-down-bold-box-outline::before{content:"\F0730"}.mdi-arrow-down-bold-circle::before{content:"\F0047"}.mdi-arrow-down-bold-circle-outline::before{content:"\F0048"}.mdi-arrow-down-bold-hexagon-outline::before{content:"\F0049"}.mdi-arrow-down-bold-outline::before{content:"\F09BF"}.mdi-arrow-down-box::before{content:"\F06C0"}.mdi-arrow-down-circle::before{content:"\F0CDB"}.mdi-arrow-down-circle-outline::before{content:"\F0CDC"}.mdi-arrow-down-drop-circle::before{content:"\F004A"}.mdi-arrow-down-drop-circle-outline::before{content:"\F004B"}.mdi-arrow-down-thick::before{content:"\F0046"}.mdi-arrow-down-thin-circle-outline::before{content:"\F1599"}.mdi-arrow-expand::before{content:"\F0616"}.mdi-arrow-expand-all::before{content:"\F004C"}.mdi-arrow-expand-down::before{content:"\F0796"}.mdi-arrow-expand-horizontal::before{content:"\F084E"}.mdi-arrow-expand-left::before{content:"\F0797"}.mdi-arrow-expand-right::before{content:"\F0798"}.mdi-arrow-expand-up::before{content:"\F0799"}.mdi-arrow-expand-vertical::before{content:"\F084F"}.mdi-arrow-horizontal-lock::before{content:"\F115B"}.mdi-arrow-left::before{content:"\F004D"}.mdi-arrow-left-bold::before{content:"\F0731"}.mdi-arrow-left-bold-box::before{content:"\F0732"}.mdi-arrow-left-bold-box-outline::before{content:"\F0733"}.mdi-arrow-left-bold-circle::before{content:"\F004F"}.mdi-arrow-left-bold-circle-outline::before{content:"\F0050"}.mdi-arrow-left-bold-hexagon-outline::before{content:"\F0051"}.mdi-arrow-left-bold-outline::before{content:"\F09C0"}.mdi-arrow-left-box::before{content:"\F06C1"}.mdi-arrow-left-circle::before{content:"\F0CDD"}.mdi-arrow-left-circle-outline::before{content:"\F0CDE"}.mdi-arrow-left-drop-circle::before{content:"\F0052"}.mdi-arrow-left-drop-circle-outline::before{content:"\F0053"}.mdi-arrow-left-right::before{content:"\F0E73"}.mdi-arrow-left-right-bold::before{content:"\F0E74"}.mdi-arrow-left-right-bold-outline::before{content:"\F09C1"}.mdi-arrow-left-thick::before{content:"\F004E"}.mdi-arrow-left-thin-circle-outline::before{content:"\F159A"}.mdi-arrow-right::before{content:"\F0054"}.mdi-arrow-right-bold::before{content:"\F0734"}.mdi-arrow-right-bold-box::before{content:"\F0735"}.mdi-arrow-right-bold-box-outline::before{content:"\F0736"}.mdi-arrow-right-bold-circle::before{content:"\F0056"}.mdi-arrow-right-bold-circle-outline::before{content:"\F0057"}.mdi-arrow-right-bold-hexagon-outline::before{content:"\F0058"}.mdi-arrow-right-bold-outline::before{content:"\F09C2"}.mdi-arrow-right-box::before{content:"\F06C2"}.mdi-arrow-right-circle::before{content:"\F0CDF"}.mdi-arrow-right-circle-outline::before{content:"\F0CE0"}.mdi-arrow-right-drop-circle::before{content:"\F0059"}.mdi-arrow-right-drop-circle-outline::before{content:"\F005A"}.mdi-arrow-right-thick::before{content:"\F0055"}.mdi-arrow-right-thin-circle-outline::before{content:"\F1598"}.mdi-arrow-split-horizontal::before{content:"\F093B"}.mdi-arrow-split-vertical::before{content:"\F093C"}.mdi-arrow-top-left::before{content:"\F005B"}.mdi-arrow-top-left-bold-outline::before{content:"\F09C3"}.mdi-arrow-top-left-bottom-right::before{content:"\F0E75"}.mdi-arrow-top-left-bottom-right-bold::before{content:"\F0E76"}.mdi-arrow-top-left-thick::before{content:"\F09C4"}.mdi-arrow-top-left-thin-circle-outline::before{content:"\F1593"}.mdi-arrow-top-right::before{content:"\F005C"}.mdi-arrow-top-right-bold-outline::before{content:"\F09C5"}.mdi-arrow-top-right-bottom-left::before{content:"\F0E77"}.mdi-arrow-top-right-bottom-left-bold::before{content:"\F0E78"}.mdi-arrow-top-right-thick::before{content:"\F09C6"}.mdi-arrow-top-right-thin-circle-outline::before{content:"\F1594"}.mdi-arrow-up::before{content:"\F005D"}.mdi-arrow-up-bold::before{content:"\F0737"}.mdi-arrow-up-bold-box::before{content:"\F0738"}.mdi-arrow-up-bold-box-outline::before{content:"\F0739"}.mdi-arrow-up-bold-circle::before{content:"\F005F"}.mdi-arrow-up-bold-circle-outline::before{content:"\F0060"}.mdi-arrow-up-bold-hexagon-outline::before{content:"\F0061"}.mdi-arrow-up-bold-outline::before{content:"\F09C7"}.mdi-arrow-up-box::before{content:"\F06C3"}.mdi-arrow-up-circle::before{content:"\F0CE1"}.mdi-arrow-up-circle-outline::before{content:"\F0CE2"}.mdi-arrow-up-down::before{content:"\F0E79"}.mdi-arrow-up-down-bold::before{content:"\F0E7A"}.mdi-arrow-up-down-bold-outline::before{content:"\F09C8"}.mdi-arrow-up-drop-circle::before{content:"\F0062"}.mdi-arrow-up-drop-circle-outline::before{content:"\F0063"}.mdi-arrow-up-thick::before{content:"\F005E"}.mdi-arrow-up-thin-circle-outline::before{content:"\F1597"}.mdi-arrow-vertical-lock::before{content:"\F115C"}.mdi-artstation::before{content:"\F0B5B"}.mdi-aspect-ratio::before{content:"\F0A24"}.mdi-assistant::before{content:"\F0064"}.mdi-asterisk::before{content:"\F06C4"}.mdi-at::before{content:"\F0065"}.mdi-atlassian::before{content:"\F0804"}.mdi-atm::before{content:"\F0D47"}.mdi-atom::before{content:"\F0768"}.mdi-atom-variant::before{content:"\F0E7B"}.mdi-attachment::before{content:"\F0066"}.mdi-audio-video::before{content:"\F093D"}.mdi-audio-video-off::before{content:"\F11B6"}.mdi-augmented-reality::before{content:"\F0850"}.mdi-auto-download::before{content:"\F137E"}.mdi-auto-fix::before{content:"\F0068"}.mdi-auto-upload::before{content:"\F0069"}.mdi-autorenew::before{content:"\F006A"}.mdi-av-timer::before{content:"\F006B"}.mdi-aws::before{content:"\F0E0F"}.mdi-axe::before{content:"\F08C8"}.mdi-axis::before{content:"\F0D48"}.mdi-axis-arrow::before{content:"\F0D49"}.mdi-axis-arrow-info::before{content:"\F140E"}.mdi-axis-arrow-lock::before{content:"\F0D4A"}.mdi-axis-lock::before{content:"\F0D4B"}.mdi-axis-x-arrow::before{content:"\F0D4C"}.mdi-axis-x-arrow-lock::before{content:"\F0D4D"}.mdi-axis-x-rotate-clockwise::before{content:"\F0D4E"}.mdi-axis-x-rotate-counterclockwise::before{content:"\F0D4F"}.mdi-axis-x-y-arrow-lock::before{content:"\F0D50"}.mdi-axis-y-arrow::before{content:"\F0D51"}.mdi-axis-y-arrow-lock::before{content:"\F0D52"}.mdi-axis-y-rotate-clockwise::before{content:"\F0D53"}.mdi-axis-y-rotate-counterclockwise::before{content:"\F0D54"}.mdi-axis-z-arrow::before{content:"\F0D55"}.mdi-axis-z-arrow-lock::before{content:"\F0D56"}.mdi-axis-z-rotate-clockwise::before{content:"\F0D57"}.mdi-axis-z-rotate-counterclockwise::before{content:"\F0D58"}.mdi-babel::before{content:"\F0A25"}.mdi-baby::before{content:"\F006C"}.mdi-baby-bottle::before{content:"\F0F39"}.mdi-baby-bottle-outline::before{content:"\F0F3A"}.mdi-baby-buggy::before{content:"\F13E0"}.mdi-baby-carriage::before{content:"\F068F"}.mdi-baby-carriage-off::before{content:"\F0FA0"}.mdi-baby-face::before{content:"\F0E7C"}.mdi-baby-face-outline::before{content:"\F0E7D"}.mdi-backburger::before{content:"\F006D"}.mdi-backspace::before{content:"\F006E"}.mdi-backspace-outline::before{content:"\F0B5C"}.mdi-backspace-reverse::before{content:"\F0E7E"}.mdi-backspace-reverse-outline::before{content:"\F0E7F"}.mdi-backup-restore::before{content:"\F006F"}.mdi-bacteria::before{content:"\F0ED5"}.mdi-bacteria-outline::before{content:"\F0ED6"}.mdi-badge-account::before{content:"\F0DA7"}.mdi-badge-account-alert::before{content:"\F0DA8"}.mdi-badge-account-alert-outline::before{content:"\F0DA9"}.mdi-badge-account-horizontal::before{content:"\F0E0D"}.mdi-badge-account-horizontal-outline::before{content:"\F0E0E"}.mdi-badge-account-outline::before{content:"\F0DAA"}.mdi-badminton::before{content:"\F0851"}.mdi-bag-carry-on::before{content:"\F0F3B"}.mdi-bag-carry-on-check::before{content:"\F0D65"}.mdi-bag-carry-on-off::before{content:"\F0F3C"}.mdi-bag-checked::before{content:"\F0F3D"}.mdi-bag-personal::before{content:"\F0E10"}.mdi-bag-personal-off::before{content:"\F0E11"}.mdi-bag-personal-off-outline::before{content:"\F0E12"}.mdi-bag-personal-outline::before{content:"\F0E13"}.mdi-bag-suitcase::before{content:"\F158B"}.mdi-bag-suitcase-off::before{content:"\F158D"}.mdi-bag-suitcase-off-outline::before{content:"\F158E"}.mdi-bag-suitcase-outline::before{content:"\F158C"}.mdi-baguette::before{content:"\F0F3E"}.mdi-balloon::before{content:"\F0A26"}.mdi-ballot::before{content:"\F09C9"}.mdi-ballot-outline::before{content:"\F09CA"}.mdi-ballot-recount::before{content:"\F0C39"}.mdi-ballot-recount-outline::before{content:"\F0C3A"}.mdi-bandage::before{content:"\F0DAF"}.mdi-bandcamp::before{content:"\F0675"}.mdi-bank::before{content:"\F0070"}.mdi-bank-check::before{content:"\F1655"}.mdi-bank-minus::before{content:"\F0DB0"}.mdi-bank-off::before{content:"\F1656"}.mdi-bank-off-outline::before{content:"\F1657"}.mdi-bank-outline::before{content:"\F0E80"}.mdi-bank-plus::before{content:"\F0DB1"}.mdi-bank-remove::before{content:"\F0DB2"}.mdi-bank-transfer::before{content:"\F0A27"}.mdi-bank-transfer-in::before{content:"\F0A28"}.mdi-bank-transfer-out::before{content:"\F0A29"}.mdi-barcode::before{content:"\F0071"}.mdi-barcode-off::before{content:"\F1236"}.mdi-barcode-scan::before{content:"\F0072"}.mdi-barley::before{content:"\F0073"}.mdi-barley-off::before{content:"\F0B5D"}.mdi-barn::before{content:"\F0B5E"}.mdi-barrel::before{content:"\F0074"}.mdi-baseball::before{content:"\F0852"}.mdi-baseball-bat::before{content:"\F0853"}.mdi-baseball-diamond::before{content:"\F15EC"}.mdi-baseball-diamond-outline::before{content:"\F15ED"}.mdi-bash::before{content:"\F1183"}.mdi-basket::before{content:"\F0076"}.mdi-basket-fill::before{content:"\F0077"}.mdi-basket-minus::before{content:"\F1523"}.mdi-basket-minus-outline::before{content:"\F1524"}.mdi-basket-off::before{content:"\F1525"}.mdi-basket-off-outline::before{content:"\F1526"}.mdi-basket-outline::before{content:"\F1181"}.mdi-basket-plus::before{content:"\F1527"}.mdi-basket-plus-outline::before{content:"\F1528"}.mdi-basket-remove::before{content:"\F1529"}.mdi-basket-remove-outline::before{content:"\F152A"}.mdi-basket-unfill::before{content:"\F0078"}.mdi-basketball::before{content:"\F0806"}.mdi-basketball-hoop::before{content:"\F0C3B"}.mdi-basketball-hoop-outline::before{content:"\F0C3C"}.mdi-bat::before{content:"\F0B5F"}.mdi-battery::before{content:"\F0079"}.mdi-battery-10::before{content:"\F007A"}.mdi-battery-10-bluetooth::before{content:"\F093E"}.mdi-battery-20::before{content:"\F007B"}.mdi-battery-20-bluetooth::before{content:"\F093F"}.mdi-battery-30::before{content:"\F007C"}.mdi-battery-30-bluetooth::before{content:"\F0940"}.mdi-battery-40::before{content:"\F007D"}.mdi-battery-40-bluetooth::before{content:"\F0941"}.mdi-battery-50::before{content:"\F007E"}.mdi-battery-50-bluetooth::before{content:"\F0942"}.mdi-battery-60::before{content:"\F007F"}.mdi-battery-60-bluetooth::before{content:"\F0943"}.mdi-battery-70::before{content:"\F0080"}.mdi-battery-70-bluetooth::before{content:"\F0944"}.mdi-battery-80::before{content:"\F0081"}.mdi-battery-80-bluetooth::before{content:"\F0945"}.mdi-battery-90::before{content:"\F0082"}.mdi-battery-90-bluetooth::before{content:"\F0946"}.mdi-battery-alert::before{content:"\F0083"}.mdi-battery-alert-bluetooth::before{content:"\F0947"}.mdi-battery-alert-variant::before{content:"\F10CC"}.mdi-battery-alert-variant-outline::before{content:"\F10CD"}.mdi-battery-bluetooth::before{content:"\F0948"}.mdi-battery-bluetooth-variant::before{content:"\F0949"}.mdi-battery-charging::before{content:"\F0084"}.mdi-battery-charging-10::before{content:"\F089C"}.mdi-battery-charging-100::before{content:"\F0085"}.mdi-battery-charging-20::before{content:"\F0086"}.mdi-battery-charging-30::before{content:"\F0087"}.mdi-battery-charging-40::before{content:"\F0088"}.mdi-battery-charging-50::before{content:"\F089D"}.mdi-battery-charging-60::before{content:"\F0089"}.mdi-battery-charging-70::before{content:"\F089E"}.mdi-battery-charging-80::before{content:"\F008A"}.mdi-battery-charging-90::before{content:"\F008B"}.mdi-battery-charging-high::before{content:"\F12A6"}.mdi-battery-charging-low::before{content:"\F12A4"}.mdi-battery-charging-medium::before{content:"\F12A5"}.mdi-battery-charging-outline::before{content:"\F089F"}.mdi-battery-charging-wireless::before{content:"\F0807"}.mdi-battery-charging-wireless-10::before{content:"\F0808"}.mdi-battery-charging-wireless-20::before{content:"\F0809"}.mdi-battery-charging-wireless-30::before{content:"\F080A"}.mdi-battery-charging-wireless-40::before{content:"\F080B"}.mdi-battery-charging-wireless-50::before{content:"\F080C"}.mdi-battery-charging-wireless-60::before{content:"\F080D"}.mdi-battery-charging-wireless-70::before{content:"\F080E"}.mdi-battery-charging-wireless-80::before{content:"\F080F"}.mdi-battery-charging-wireless-90::before{content:"\F0810"}.mdi-battery-charging-wireless-alert::before{content:"\F0811"}.mdi-battery-charging-wireless-outline::before{content:"\F0812"}.mdi-battery-heart::before{content:"\F120F"}.mdi-battery-heart-outline::before{content:"\F1210"}.mdi-battery-heart-variant::before{content:"\F1211"}.mdi-battery-high::before{content:"\F12A3"}.mdi-battery-low::before{content:"\F12A1"}.mdi-battery-medium::before{content:"\F12A2"}.mdi-battery-minus::before{content:"\F008C"}.mdi-battery-negative::before{content:"\F008D"}.mdi-battery-off::before{content:"\F125D"}.mdi-battery-off-outline::before{content:"\F125E"}.mdi-battery-outline::before{content:"\F008E"}.mdi-battery-plus::before{content:"\F008F"}.mdi-battery-positive::before{content:"\F0090"}.mdi-battery-unknown::before{content:"\F0091"}.mdi-battery-unknown-bluetooth::before{content:"\F094A"}.mdi-battlenet::before{content:"\F0B60"}.mdi-beach::before{content:"\F0092"}.mdi-beaker::before{content:"\F0CEA"}.mdi-beaker-alert::before{content:"\F1229"}.mdi-beaker-alert-outline::before{content:"\F122A"}.mdi-beaker-check::before{content:"\F122B"}.mdi-beaker-check-outline::before{content:"\F122C"}.mdi-beaker-minus::before{content:"\F122D"}.mdi-beaker-minus-outline::before{content:"\F122E"}.mdi-beaker-outline::before{content:"\F0690"}.mdi-beaker-plus::before{content:"\F122F"}.mdi-beaker-plus-outline::before{content:"\F1230"}.mdi-beaker-question::before{content:"\F1231"}.mdi-beaker-question-outline::before{content:"\F1232"}.mdi-beaker-remove::before{content:"\F1233"}.mdi-beaker-remove-outline::before{content:"\F1234"}.mdi-bed::before{content:"\F02E3"}.mdi-bed-double::before{content:"\F0FD4"}.mdi-bed-double-outline::before{content:"\F0FD3"}.mdi-bed-empty::before{content:"\F08A0"}.mdi-bed-king::before{content:"\F0FD2"}.mdi-bed-king-outline::before{content:"\F0FD1"}.mdi-bed-outline::before{content:"\F0099"}.mdi-bed-queen::before{content:"\F0FD0"}.mdi-bed-queen-outline::before{content:"\F0FDB"}.mdi-bed-single::before{content:"\F106D"}.mdi-bed-single-outline::before{content:"\F106E"}.mdi-bee::before{content:"\F0FA1"}.mdi-bee-flower::before{content:"\F0FA2"}.mdi-beehive-off-outline::before{content:"\F13ED"}.mdi-beehive-outline::before{content:"\F10CE"}.mdi-beekeeper::before{content:"\F14E2"}.mdi-beer::before{content:"\F0098"}.mdi-beer-outline::before{content:"\F130C"}.mdi-bell::before{content:"\F009A"}.mdi-bell-alert::before{content:"\F0D59"}.mdi-bell-alert-outline::before{content:"\F0E81"}.mdi-bell-cancel::before{content:"\F13E7"}.mdi-bell-cancel-outline::before{content:"\F13E8"}.mdi-bell-check::before{content:"\F11E5"}.mdi-bell-check-outline::before{content:"\F11E6"}.mdi-bell-circle::before{content:"\F0D5A"}.mdi-bell-circle-outline::before{content:"\F0D5B"}.mdi-bell-minus::before{content:"\F13E9"}.mdi-bell-minus-outline::before{content:"\F13EA"}.mdi-bell-off::before{content:"\F009B"}.mdi-bell-off-outline::before{content:"\F0A91"}.mdi-bell-outline::before{content:"\F009C"}.mdi-bell-plus::before{content:"\F009D"}.mdi-bell-plus-outline::before{content:"\F0A92"}.mdi-bell-remove::before{content:"\F13EB"}.mdi-bell-remove-outline::before{content:"\F13EC"}.mdi-bell-ring::before{content:"\F009E"}.mdi-bell-ring-outline::before{content:"\F009F"}.mdi-bell-sleep::before{content:"\F00A0"}.mdi-bell-sleep-outline::before{content:"\F0A93"}.mdi-beta::before{content:"\F00A1"}.mdi-betamax::before{content:"\F09CB"}.mdi-biathlon::before{content:"\F0E14"}.mdi-bicycle::before{content:"\F109C"}.mdi-bicycle-basket::before{content:"\F1235"}.mdi-bicycle-electric::before{content:"\F15B4"}.mdi-bicycle-penny-farthing::before{content:"\F15E9"}.mdi-bike::before{content:"\F00A3"}.mdi-bike-fast::before{content:"\F111F"}.mdi-billboard::before{content:"\F1010"}.mdi-billiards::before{content:"\F0B61"}.mdi-billiards-rack::before{content:"\F0B62"}.mdi-binoculars::before{content:"\F00A5"}.mdi-bio::before{content:"\F00A6"}.mdi-biohazard::before{content:"\F00A7"}.mdi-bird::before{content:"\F15C6"}.mdi-bitbucket::before{content:"\F00A8"}.mdi-bitcoin::before{content:"\F0813"}.mdi-black-mesa::before{content:"\F00A9"}.mdi-blender::before{content:"\F0CEB"}.mdi-blender-software::before{content:"\F00AB"}.mdi-blinds::before{content:"\F00AC"}.mdi-blinds-open::before{content:"\F1011"}.mdi-block-helper::before{content:"\F00AD"}.mdi-blogger::before{content:"\F00AE"}.mdi-blood-bag::before{content:"\F0CEC"}.mdi-bluetooth::before{content:"\F00AF"}.mdi-bluetooth-audio::before{content:"\F00B0"}.mdi-bluetooth-connect::before{content:"\F00B1"}.mdi-bluetooth-off::before{content:"\F00B2"}.mdi-bluetooth-settings::before{content:"\F00B3"}.mdi-bluetooth-transfer::before{content:"\F00B4"}.mdi-blur::before{content:"\F00B5"}.mdi-blur-linear::before{content:"\F00B6"}.mdi-blur-off::before{content:"\F00B7"}.mdi-blur-radial::before{content:"\F00B8"}.mdi-bolnisi-cross::before{content:"\F0CED"}.mdi-bolt::before{content:"\F0DB3"}.mdi-bomb::before{content:"\F0691"}.mdi-bomb-off::before{content:"\F06C5"}.mdi-bone::before{content:"\F00B9"}.mdi-book::before{content:"\F00BA"}.mdi-book-account::before{content:"\F13AD"}.mdi-book-account-outline::before{content:"\F13AE"}.mdi-book-alert::before{content:"\F167C"}.mdi-book-alert-outline::before{content:"\F167D"}.mdi-book-alphabet::before{content:"\F061D"}.mdi-book-arrow-down::before{content:"\F167E"}.mdi-book-arrow-down-outline::before{content:"\F167F"}.mdi-book-arrow-left::before{content:"\F1680"}.mdi-book-arrow-left-outline::before{content:"\F1681"}.mdi-book-arrow-right::before{content:"\F1682"}.mdi-book-arrow-right-outline::before{content:"\F1683"}.mdi-book-arrow-up::before{content:"\F1684"}.mdi-book-arrow-up-outline::before{content:"\F1685"}.mdi-book-cancel::before{content:"\F1686"}.mdi-book-cancel-outline::before{content:"\F1687"}.mdi-book-check::before{content:"\F14F3"}.mdi-book-check-outline::before{content:"\F14F4"}.mdi-book-clock::before{content:"\F1688"}.mdi-book-clock-outline::before{content:"\F1689"}.mdi-book-cog::before{content:"\F168A"}.mdi-book-cog-outline::before{content:"\F168B"}.mdi-book-cross::before{content:"\F00A2"}.mdi-book-edit::before{content:"\F168C"}.mdi-book-edit-outline::before{content:"\F168D"}.mdi-book-education::before{content:"\F16C9"}.mdi-book-education-outline::before{content:"\F16CA"}.mdi-book-information-variant::before{content:"\F106F"}.mdi-book-lock::before{content:"\F079A"}.mdi-book-lock-open::before{content:"\F079B"}.mdi-book-lock-open-outline::before{content:"\F168E"}.mdi-book-lock-outline::before{content:"\F168F"}.mdi-book-marker::before{content:"\F1690"}.mdi-book-marker-outline::before{content:"\F1691"}.mdi-book-minus::before{content:"\F05D9"}.mdi-book-minus-multiple::before{content:"\F0A94"}.mdi-book-minus-multiple-outline::before{content:"\F090B"}.mdi-book-minus-outline::before{content:"\F1692"}.mdi-book-multiple::before{content:"\F00BB"}.mdi-book-multiple-outline::before{content:"\F0436"}.mdi-book-music::before{content:"\F0067"}.mdi-book-music-outline::before{content:"\F1693"}.mdi-book-off::before{content:"\F1694"}.mdi-book-off-outline::before{content:"\F1695"}.mdi-book-open::before{content:"\F00BD"}.mdi-book-open-blank-variant::before{content:"\F00BE"}.mdi-book-open-outline::before{content:"\F0B63"}.mdi-book-open-page-variant::before{content:"\F05DA"}.mdi-book-open-page-variant-outline::before{content:"\F15D6"}.mdi-book-open-variant::before{content:"\F14F7"}.mdi-book-outline::before{content:"\F0B64"}.mdi-book-play::before{content:"\F0E82"}.mdi-book-play-outline::before{content:"\F0E83"}.mdi-book-plus::before{content:"\F05DB"}.mdi-book-plus-multiple::before{content:"\F0A95"}.mdi-book-plus-multiple-outline::before{content:"\F0ADE"}.mdi-book-plus-outline::before{content:"\F1696"}.mdi-book-refresh::before{content:"\F1697"}.mdi-book-refresh-outline::before{content:"\F1698"}.mdi-book-remove::before{content:"\F0A97"}.mdi-book-remove-multiple::before{content:"\F0A96"}.mdi-book-remove-multiple-outline::before{content:"\F04CA"}.mdi-book-remove-outline::before{content:"\F1699"}.mdi-book-search::before{content:"\F0E84"}.mdi-book-search-outline::before{content:"\F0E85"}.mdi-book-settings::before{content:"\F169A"}.mdi-book-settings-outline::before{content:"\F169B"}.mdi-book-sync::before{content:"\F169C"}.mdi-book-sync-outline::before{content:"\F16C8"}.mdi-book-variant::before{content:"\F00BF"}.mdi-book-variant-multiple::before{content:"\F00BC"}.mdi-bookmark::before{content:"\F00C0"}.mdi-bookmark-check::before{content:"\F00C1"}.mdi-bookmark-check-outline::before{content:"\F137B"}.mdi-bookmark-minus::before{content:"\F09CC"}.mdi-bookmark-minus-outline::before{content:"\F09CD"}.mdi-bookmark-multiple::before{content:"\F0E15"}.mdi-bookmark-multiple-outline::before{content:"\F0E16"}.mdi-bookmark-music::before{content:"\F00C2"}.mdi-bookmark-music-outline::before{content:"\F1379"}.mdi-bookmark-off::before{content:"\F09CE"}.mdi-bookmark-off-outline::before{content:"\F09CF"}.mdi-bookmark-outline::before{content:"\F00C3"}.mdi-bookmark-plus::before{content:"\F00C5"}.mdi-bookmark-plus-outline::before{content:"\F00C4"}.mdi-bookmark-remove::before{content:"\F00C6"}.mdi-bookmark-remove-outline::before{content:"\F137A"}.mdi-bookshelf::before{content:"\F125F"}.mdi-boom-gate::before{content:"\F0E86"}.mdi-boom-gate-alert::before{content:"\F0E87"}.mdi-boom-gate-alert-outline::before{content:"\F0E88"}.mdi-boom-gate-down::before{content:"\F0E89"}.mdi-boom-gate-down-outline::before{content:"\F0E8A"}.mdi-boom-gate-outline::before{content:"\F0E8B"}.mdi-boom-gate-up::before{content:"\F0E8C"}.mdi-boom-gate-up-outline::before{content:"\F0E8D"}.mdi-boombox::before{content:"\F05DC"}.mdi-boomerang::before{content:"\F10CF"}.mdi-bootstrap::before{content:"\F06C6"}.mdi-border-all::before{content:"\F00C7"}.mdi-border-all-variant::before{content:"\F08A1"}.mdi-border-bottom::before{content:"\F00C8"}.mdi-border-bottom-variant::before{content:"\F08A2"}.mdi-border-color::before{content:"\F00C9"}.mdi-border-horizontal::before{content:"\F00CA"}.mdi-border-inside::before{content:"\F00CB"}.mdi-border-left::before{content:"\F00CC"}.mdi-border-left-variant::before{content:"\F08A3"}.mdi-border-none::before{content:"\F00CD"}.mdi-border-none-variant::before{content:"\F08A4"}.mdi-border-outside::before{content:"\F00CE"}.mdi-border-right::before{content:"\F00CF"}.mdi-border-right-variant::before{content:"\F08A5"}.mdi-border-style::before{content:"\F00D0"}.mdi-border-top::before{content:"\F00D1"}.mdi-border-top-variant::before{content:"\F08A6"}.mdi-border-vertical::before{content:"\F00D2"}.mdi-bottle-soda::before{content:"\F1070"}.mdi-bottle-soda-classic::before{content:"\F1071"}.mdi-bottle-soda-classic-outline::before{content:"\F1363"}.mdi-bottle-soda-outline::before{content:"\F1072"}.mdi-bottle-tonic::before{content:"\F112E"}.mdi-bottle-tonic-outline::before{content:"\F112F"}.mdi-bottle-tonic-plus::before{content:"\F1130"}.mdi-bottle-tonic-plus-outline::before{content:"\F1131"}.mdi-bottle-tonic-skull::before{content:"\F1132"}.mdi-bottle-tonic-skull-outline::before{content:"\F1133"}.mdi-bottle-wine::before{content:"\F0854"}.mdi-bottle-wine-outline::before{content:"\F1310"}.mdi-bow-tie::before{content:"\F0678"}.mdi-bowl::before{content:"\F028E"}.mdi-bowl-mix::before{content:"\F0617"}.mdi-bowl-mix-outline::before{content:"\F02E4"}.mdi-bowl-outline::before{content:"\F02A9"}.mdi-bowling::before{content:"\F00D3"}.mdi-box::before{content:"\F00D4"}.mdi-box-cutter::before{content:"\F00D5"}.mdi-box-cutter-off::before{content:"\F0B4A"}.mdi-box-shadow::before{content:"\F0637"}.mdi-boxing-glove::before{content:"\F0B65"}.mdi-braille::before{content:"\F09D0"}.mdi-brain::before{content:"\F09D1"}.mdi-bread-slice::before{content:"\F0CEE"}.mdi-bread-slice-outline::before{content:"\F0CEF"}.mdi-bridge::before{content:"\F0618"}.mdi-briefcase::before{content:"\F00D6"}.mdi-briefcase-account::before{content:"\F0CF0"}.mdi-briefcase-account-outline::before{content:"\F0CF1"}.mdi-briefcase-check::before{content:"\F00D7"}.mdi-briefcase-check-outline::before{content:"\F131E"}.mdi-briefcase-clock::before{content:"\F10D0"}.mdi-briefcase-clock-outline::before{content:"\F10D1"}.mdi-briefcase-download::before{content:"\F00D8"}.mdi-briefcase-download-outline::before{content:"\F0C3D"}.mdi-briefcase-edit::before{content:"\F0A98"}.mdi-briefcase-edit-outline::before{content:"\F0C3E"}.mdi-briefcase-minus::before{content:"\F0A2A"}.mdi-briefcase-minus-outline::before{content:"\F0C3F"}.mdi-briefcase-off::before{content:"\F1658"}.mdi-briefcase-off-outline::before{content:"\F1659"}.mdi-briefcase-outline::before{content:"\F0814"}.mdi-briefcase-plus::before{content:"\F0A2B"}.mdi-briefcase-plus-outline::before{content:"\F0C40"}.mdi-briefcase-remove::before{content:"\F0A2C"}.mdi-briefcase-remove-outline::before{content:"\F0C41"}.mdi-briefcase-search::before{content:"\F0A2D"}.mdi-briefcase-search-outline::before{content:"\F0C42"}.mdi-briefcase-upload::before{content:"\F00D9"}.mdi-briefcase-upload-outline::before{content:"\F0C43"}.mdi-briefcase-variant::before{content:"\F1494"}.mdi-briefcase-variant-off::before{content:"\F165A"}.mdi-briefcase-variant-off-outline::before{content:"\F165B"}.mdi-briefcase-variant-outline::before{content:"\F1495"}.mdi-brightness-1::before{content:"\F00DA"}.mdi-brightness-2::before{content:"\F00DB"}.mdi-brightness-3::before{content:"\F00DC"}.mdi-brightness-4::before{content:"\F00DD"}.mdi-brightness-5::before{content:"\F00DE"}.mdi-brightness-6::before{content:"\F00DF"}.mdi-brightness-7::before{content:"\F00E0"}.mdi-brightness-auto::before{content:"\F00E1"}.mdi-brightness-percent::before{content:"\F0CF2"}.mdi-broadcast::before{content:"\F1720"}.mdi-broadcast-off::before{content:"\F1721"}.mdi-broom::before{content:"\F00E2"}.mdi-brush::before{content:"\F00E3"}.mdi-bucket::before{content:"\F1415"}.mdi-bucket-outline::before{content:"\F1416"}.mdi-buddhism::before{content:"\F094B"}.mdi-buffer::before{content:"\F0619"}.mdi-buffet::before{content:"\F0578"}.mdi-bug::before{content:"\F00E4"}.mdi-bug-check::before{content:"\F0A2E"}.mdi-bug-check-outline::before{content:"\F0A2F"}.mdi-bug-outline::before{content:"\F0A30"}.mdi-bugle::before{content:"\F0DB4"}.mdi-bulldozer::before{content:"\F0B22"}.mdi-bullet::before{content:"\F0CF3"}.mdi-bulletin-board::before{content:"\F00E5"}.mdi-bullhorn::before{content:"\F00E6"}.mdi-bullhorn-outline::before{content:"\F0B23"}.mdi-bullseye::before{content:"\F05DD"}.mdi-bullseye-arrow::before{content:"\F08C9"}.mdi-bulma::before{content:"\F12E7"}.mdi-bunk-bed::before{content:"\F1302"}.mdi-bunk-bed-outline::before{content:"\F0097"}.mdi-bus::before{content:"\F00E7"}.mdi-bus-alert::before{content:"\F0A99"}.mdi-bus-articulated-end::before{content:"\F079C"}.mdi-bus-articulated-front::before{content:"\F079D"}.mdi-bus-clock::before{content:"\F08CA"}.mdi-bus-double-decker::before{content:"\F079E"}.mdi-bus-marker::before{content:"\F1212"}.mdi-bus-multiple::before{content:"\F0F3F"}.mdi-bus-school::before{content:"\F079F"}.mdi-bus-side::before{content:"\F07A0"}.mdi-bus-stop::before{content:"\F1012"}.mdi-bus-stop-covered::before{content:"\F1013"}.mdi-bus-stop-uncovered::before{content:"\F1014"}.mdi-butterfly::before{content:"\F1589"}.mdi-butterfly-outline::before{content:"\F158A"}.mdi-cable-data::before{content:"\F1394"}.mdi-cached::before{content:"\F00E8"}.mdi-cactus::before{content:"\F0DB5"}.mdi-cake::before{content:"\F00E9"}.mdi-cake-layered::before{content:"\F00EA"}.mdi-cake-variant::before{content:"\F00EB"}.mdi-calculator::before{content:"\F00EC"}.mdi-calculator-variant::before{content:"\F0A9A"}.mdi-calculator-variant-outline::before{content:"\F15A6"}.mdi-calendar::before{content:"\F00ED"}.mdi-calendar-account::before{content:"\F0ED7"}.mdi-calendar-account-outline::before{content:"\F0ED8"}.mdi-calendar-alert::before{content:"\F0A31"}.mdi-calendar-arrow-left::before{content:"\F1134"}.mdi-calendar-arrow-right::before{content:"\F1135"}.mdi-calendar-blank::before{content:"\F00EE"}.mdi-calendar-blank-multiple::before{content:"\F1073"}.mdi-calendar-blank-outline::before{content:"\F0B66"}.mdi-calendar-check::before{content:"\F00EF"}.mdi-calendar-check-outline::before{content:"\F0C44"}.mdi-calendar-clock::before{content:"\F00F0"}.mdi-calendar-clock-outline::before{content:"\F16E1"}.mdi-calendar-cursor::before{content:"\F157B"}.mdi-calendar-edit::before{content:"\F08A7"}.mdi-calendar-end::before{content:"\F166C"}.mdi-calendar-export::before{content:"\F0B24"}.mdi-calendar-heart::before{content:"\F09D2"}.mdi-calendar-import::before{content:"\F0B25"}.mdi-calendar-lock::before{content:"\F1641"}.mdi-calendar-lock-outline::before{content:"\F1642"}.mdi-calendar-minus::before{content:"\F0D5C"}.mdi-calendar-month::before{content:"\F0E17"}.mdi-calendar-month-outline::before{content:"\F0E18"}.mdi-calendar-multiple::before{content:"\F00F1"}.mdi-calendar-multiple-check::before{content:"\F00F2"}.mdi-calendar-multiselect::before{content:"\F0A32"}.mdi-calendar-outline::before{content:"\F0B67"}.mdi-calendar-plus::before{content:"\F00F3"}.mdi-calendar-question::before{content:"\F0692"}.mdi-calendar-range::before{content:"\F0679"}.mdi-calendar-range-outline::before{content:"\F0B68"}.mdi-calendar-refresh::before{content:"\F01E1"}.mdi-calendar-refresh-outline::before{content:"\F0203"}.mdi-calendar-remove::before{content:"\F00F4"}.mdi-calendar-remove-outline::before{content:"\F0C45"}.mdi-calendar-search::before{content:"\F094C"}.mdi-calendar-star::before{content:"\F09D3"}.mdi-calendar-start::before{content:"\F166D"}.mdi-calendar-sync::before{content:"\F0E8E"}.mdi-calendar-sync-outline::before{content:"\F0E8F"}.mdi-calendar-text::before{content:"\F00F5"}.mdi-calendar-text-outline::before{content:"\F0C46"}.mdi-calendar-today::before{content:"\F00F6"}.mdi-calendar-week::before{content:"\F0A33"}.mdi-calendar-week-begin::before{content:"\F0A34"}.mdi-calendar-weekend::before{content:"\F0ED9"}.mdi-calendar-weekend-outline::before{content:"\F0EDA"}.mdi-call-made::before{content:"\F00F7"}.mdi-call-merge::before{content:"\F00F8"}.mdi-call-missed::before{content:"\F00F9"}.mdi-call-received::before{content:"\F00FA"}.mdi-call-split::before{content:"\F00FB"}.mdi-camcorder::before{content:"\F00FC"}.mdi-camcorder-off::before{content:"\F00FF"}.mdi-camera::before{content:"\F0100"}.mdi-camera-account::before{content:"\F08CB"}.mdi-camera-burst::before{content:"\F0693"}.mdi-camera-control::before{content:"\F0B69"}.mdi-camera-enhance::before{content:"\F0101"}.mdi-camera-enhance-outline::before{content:"\F0B6A"}.mdi-camera-flip::before{content:"\F15D9"}.mdi-camera-flip-outline::before{content:"\F15DA"}.mdi-camera-front::before{content:"\F0102"}.mdi-camera-front-variant::before{content:"\F0103"}.mdi-camera-gopro::before{content:"\F07A1"}.mdi-camera-image::before{content:"\F08CC"}.mdi-camera-iris::before{content:"\F0104"}.mdi-camera-metering-center::before{content:"\F07A2"}.mdi-camera-metering-matrix::before{content:"\F07A3"}.mdi-camera-metering-partial::before{content:"\F07A4"}.mdi-camera-metering-spot::before{content:"\F07A5"}.mdi-camera-off::before{content:"\F05DF"}.mdi-camera-outline::before{content:"\F0D5D"}.mdi-camera-party-mode::before{content:"\F0105"}.mdi-camera-plus::before{content:"\F0EDB"}.mdi-camera-plus-outline::before{content:"\F0EDC"}.mdi-camera-rear::before{content:"\F0106"}.mdi-camera-rear-variant::before{content:"\F0107"}.mdi-camera-retake::before{content:"\F0E19"}.mdi-camera-retake-outline::before{content:"\F0E1A"}.mdi-camera-switch::before{content:"\F0108"}.mdi-camera-switch-outline::before{content:"\F084A"}.mdi-camera-timer::before{content:"\F0109"}.mdi-camera-wireless::before{content:"\F0DB6"}.mdi-camera-wireless-outline::before{content:"\F0DB7"}.mdi-campfire::before{content:"\F0EDD"}.mdi-cancel::before{content:"\F073A"}.mdi-candle::before{content:"\F05E2"}.mdi-candycane::before{content:"\F010A"}.mdi-cannabis::before{content:"\F07A6"}.mdi-cannabis-off::before{content:"\F166E"}.mdi-caps-lock::before{content:"\F0A9B"}.mdi-car::before{content:"\F010B"}.mdi-car-2-plus::before{content:"\F1015"}.mdi-car-3-plus::before{content:"\F1016"}.mdi-car-arrow-left::before{content:"\F13B2"}.mdi-car-arrow-right::before{content:"\F13B3"}.mdi-car-back::before{content:"\F0E1B"}.mdi-car-battery::before{content:"\F010C"}.mdi-car-brake-abs::before{content:"\F0C47"}.mdi-car-brake-alert::before{content:"\F0C48"}.mdi-car-brake-hold::before{content:"\F0D5E"}.mdi-car-brake-parking::before{content:"\F0D5F"}.mdi-car-brake-retarder::before{content:"\F1017"}.mdi-car-child-seat::before{content:"\F0FA3"}.mdi-car-clutch::before{content:"\F1018"}.mdi-car-cog::before{content:"\F13CC"}.mdi-car-connected::before{content:"\F010D"}.mdi-car-convertible::before{content:"\F07A7"}.mdi-car-coolant-level::before{content:"\F1019"}.mdi-car-cruise-control::before{content:"\F0D60"}.mdi-car-defrost-front::before{content:"\F0D61"}.mdi-car-defrost-rear::before{content:"\F0D62"}.mdi-car-door::before{content:"\F0B6B"}.mdi-car-door-lock::before{content:"\F109D"}.mdi-car-electric::before{content:"\F0B6C"}.mdi-car-electric-outline::before{content:"\F15B5"}.mdi-car-emergency::before{content:"\F160F"}.mdi-car-esp::before{content:"\F0C49"}.mdi-car-estate::before{content:"\F07A8"}.mdi-car-hatchback::before{content:"\F07A9"}.mdi-car-info::before{content:"\F11BE"}.mdi-car-key::before{content:"\F0B6D"}.mdi-car-lifted-pickup::before{content:"\F152D"}.mdi-car-light-dimmed::before{content:"\F0C4A"}.mdi-car-light-fog::before{content:"\F0C4B"}.mdi-car-light-high::before{content:"\F0C4C"}.mdi-car-limousine::before{content:"\F08CD"}.mdi-car-multiple::before{content:"\F0B6E"}.mdi-car-off::before{content:"\F0E1C"}.mdi-car-outline::before{content:"\F14ED"}.mdi-car-parking-lights::before{content:"\F0D63"}.mdi-car-pickup::before{content:"\F07AA"}.mdi-car-seat::before{content:"\F0FA4"}.mdi-car-seat-cooler::before{content:"\F0FA5"}.mdi-car-seat-heater::before{content:"\F0FA6"}.mdi-car-settings::before{content:"\F13CD"}.mdi-car-shift-pattern::before{content:"\F0F40"}.mdi-car-side::before{content:"\F07AB"}.mdi-car-sports::before{content:"\F07AC"}.mdi-car-tire-alert::before{content:"\F0C4D"}.mdi-car-traction-control::before{content:"\F0D64"}.mdi-car-turbocharger::before{content:"\F101A"}.mdi-car-wash::before{content:"\F010E"}.mdi-car-windshield::before{content:"\F101B"}.mdi-car-windshield-outline::before{content:"\F101C"}.mdi-carabiner::before{content:"\F14C0"}.mdi-caravan::before{content:"\F07AD"}.mdi-card::before{content:"\F0B6F"}.mdi-card-account-details::before{content:"\F05D2"}.mdi-card-account-details-outline::before{content:"\F0DAB"}.mdi-card-account-details-star::before{content:"\F02A3"}.mdi-card-account-details-star-outline::before{content:"\F06DB"}.mdi-card-account-mail::before{content:"\F018E"}.mdi-card-account-mail-outline::before{content:"\F0E98"}.mdi-card-account-phone::before{content:"\F0E99"}.mdi-card-account-phone-outline::before{content:"\F0E9A"}.mdi-card-bulleted::before{content:"\F0B70"}.mdi-card-bulleted-off::before{content:"\F0B71"}.mdi-card-bulleted-off-outline::before{content:"\F0B72"}.mdi-card-bulleted-outline::before{content:"\F0B73"}.mdi-card-bulleted-settings::before{content:"\F0B74"}.mdi-card-bulleted-settings-outline::before{content:"\F0B75"}.mdi-card-minus::before{content:"\F1600"}.mdi-card-minus-outline::before{content:"\F1601"}.mdi-card-off::before{content:"\F1602"}.mdi-card-off-outline::before{content:"\F1603"}.mdi-card-outline::before{content:"\F0B76"}.mdi-card-plus::before{content:"\F11FF"}.mdi-card-plus-outline::before{content:"\F1200"}.mdi-card-remove::before{content:"\F1604"}.mdi-card-remove-outline::before{content:"\F1605"}.mdi-card-search::before{content:"\F1074"}.mdi-card-search-outline::before{content:"\F1075"}.mdi-card-text::before{content:"\F0B77"}.mdi-card-text-outline::before{content:"\F0B78"}.mdi-cards::before{content:"\F0638"}.mdi-cards-club::before{content:"\F08CE"}.mdi-cards-diamond::before{content:"\F08CF"}.mdi-cards-diamond-outline::before{content:"\F101D"}.mdi-cards-heart::before{content:"\F08D0"}.mdi-cards-outline::before{content:"\F0639"}.mdi-cards-playing-outline::before{content:"\F063A"}.mdi-cards-spade::before{content:"\F08D1"}.mdi-cards-variant::before{content:"\F06C7"}.mdi-carrot::before{content:"\F010F"}.mdi-cart::before{content:"\F0110"}.mdi-cart-arrow-down::before{content:"\F0D66"}.mdi-cart-arrow-right::before{content:"\F0C4E"}.mdi-cart-arrow-up::before{content:"\F0D67"}.mdi-cart-check::before{content:"\F15EA"}.mdi-cart-minus::before{content:"\F0D68"}.mdi-cart-off::before{content:"\F066B"}.mdi-cart-outline::before{content:"\F0111"}.mdi-cart-plus::before{content:"\F0112"}.mdi-cart-remove::before{content:"\F0D69"}.mdi-cart-variant::before{content:"\F15EB"}.mdi-case-sensitive-alt::before{content:"\F0113"}.mdi-cash::before{content:"\F0114"}.mdi-cash-100::before{content:"\F0115"}.mdi-cash-check::before{content:"\F14EE"}.mdi-cash-lock::before{content:"\F14EA"}.mdi-cash-lock-open::before{content:"\F14EB"}.mdi-cash-marker::before{content:"\F0DB8"}.mdi-cash-minus::before{content:"\F1260"}.mdi-cash-multiple::before{content:"\F0116"}.mdi-cash-plus::before{content:"\F1261"}.mdi-cash-refund::before{content:"\F0A9C"}.mdi-cash-register::before{content:"\F0CF4"}.mdi-cash-remove::before{content:"\F1262"}.mdi-cash-usd::before{content:"\F1176"}.mdi-cash-usd-outline::before{content:"\F0117"}.mdi-cassette::before{content:"\F09D4"}.mdi-cast::before{content:"\F0118"}.mdi-cast-audio::before{content:"\F101E"}.mdi-cast-connected::before{content:"\F0119"}.mdi-cast-education::before{content:"\F0E1D"}.mdi-cast-off::before{content:"\F078A"}.mdi-castle::before{content:"\F011A"}.mdi-cat::before{content:"\F011B"}.mdi-cctv::before{content:"\F07AE"}.mdi-ceiling-light::before{content:"\F0769"}.mdi-cellphone::before{content:"\F011C"}.mdi-cellphone-android::before{content:"\F011D"}.mdi-cellphone-arrow-down::before{content:"\F09D5"}.mdi-cellphone-basic::before{content:"\F011E"}.mdi-cellphone-charging::before{content:"\F1397"}.mdi-cellphone-cog::before{content:"\F0951"}.mdi-cellphone-dock::before{content:"\F011F"}.mdi-cellphone-erase::before{content:"\F094D"}.mdi-cellphone-information::before{content:"\F0F41"}.mdi-cellphone-iphone::before{content:"\F0120"}.mdi-cellphone-key::before{content:"\F094E"}.mdi-cellphone-link::before{content:"\F0121"}.mdi-cellphone-link-off::before{content:"\F0122"}.mdi-cellphone-lock::before{content:"\F094F"}.mdi-cellphone-message::before{content:"\F08D3"}.mdi-cellphone-message-off::before{content:"\F10D2"}.mdi-cellphone-nfc::before{content:"\F0E90"}.mdi-cellphone-nfc-off::before{content:"\F12D8"}.mdi-cellphone-off::before{content:"\F0950"}.mdi-cellphone-play::before{content:"\F101F"}.mdi-cellphone-screenshot::before{content:"\F0A35"}.mdi-cellphone-settings::before{content:"\F0123"}.mdi-cellphone-sound::before{content:"\F0952"}.mdi-cellphone-text::before{content:"\F08D2"}.mdi-cellphone-wireless::before{content:"\F0815"}.mdi-celtic-cross::before{content:"\F0CF5"}.mdi-centos::before{content:"\F111A"}.mdi-certificate::before{content:"\F0124"}.mdi-certificate-outline::before{content:"\F1188"}.mdi-chair-rolling::before{content:"\F0F48"}.mdi-chair-school::before{content:"\F0125"}.mdi-charity::before{content:"\F0C4F"}.mdi-chart-arc::before{content:"\F0126"}.mdi-chart-areaspline::before{content:"\F0127"}.mdi-chart-areaspline-variant::before{content:"\F0E91"}.mdi-chart-bar::before{content:"\F0128"}.mdi-chart-bar-stacked::before{content:"\F076A"}.mdi-chart-bell-curve::before{content:"\F0C50"}.mdi-chart-bell-curve-cumulative::before{content:"\F0FA7"}.mdi-chart-box::before{content:"\F154D"}.mdi-chart-box-outline::before{content:"\F154E"}.mdi-chart-box-plus-outline::before{content:"\F154F"}.mdi-chart-bubble::before{content:"\F05E3"}.mdi-chart-donut::before{content:"\F07AF"}.mdi-chart-donut-variant::before{content:"\F07B0"}.mdi-chart-gantt::before{content:"\F066C"}.mdi-chart-histogram::before{content:"\F0129"}.mdi-chart-line::before{content:"\F012A"}.mdi-chart-line-stacked::before{content:"\F076B"}.mdi-chart-line-variant::before{content:"\F07B1"}.mdi-chart-multiline::before{content:"\F08D4"}.mdi-chart-multiple::before{content:"\F1213"}.mdi-chart-pie::before{content:"\F012B"}.mdi-chart-ppf::before{content:"\F1380"}.mdi-chart-sankey::before{content:"\F11DF"}.mdi-chart-sankey-variant::before{content:"\F11E0"}.mdi-chart-scatter-plot::before{content:"\F0E92"}.mdi-chart-scatter-plot-hexbin::before{content:"\F066D"}.mdi-chart-timeline::before{content:"\F066E"}.mdi-chart-timeline-variant::before{content:"\F0E93"}.mdi-chart-timeline-variant-shimmer::before{content:"\F15B6"}.mdi-chart-tree::before{content:"\F0E94"}.mdi-chat::before{content:"\F0B79"}.mdi-chat-alert::before{content:"\F0B7A"}.mdi-chat-alert-outline::before{content:"\F12C9"}.mdi-chat-minus::before{content:"\F1410"}.mdi-chat-minus-outline::before{content:"\F1413"}.mdi-chat-outline::before{content:"\F0EDE"}.mdi-chat-plus::before{content:"\F140F"}.mdi-chat-plus-outline::before{content:"\F1412"}.mdi-chat-processing::before{content:"\F0B7B"}.mdi-chat-processing-outline::before{content:"\F12CA"}.mdi-chat-question::before{content:"\F1738"}.mdi-chat-question-outline::before{content:"\F1739"}.mdi-chat-remove::before{content:"\F1411"}.mdi-chat-remove-outline::before{content:"\F1414"}.mdi-chat-sleep::before{content:"\F12D1"}.mdi-chat-sleep-outline::before{content:"\F12D2"}.mdi-check::before{content:"\F012C"}.mdi-check-all::before{content:"\F012D"}.mdi-check-bold::before{content:"\F0E1E"}.mdi-check-box-multiple-outline::before{content:"\F0C51"}.mdi-check-box-outline::before{content:"\F0C52"}.mdi-check-circle::before{content:"\F05E0"}.mdi-check-circle-outline::before{content:"\F05E1"}.mdi-check-decagram::before{content:"\F0791"}.mdi-check-decagram-outline::before{content:"\F1740"}.mdi-check-network::before{content:"\F0C53"}.mdi-check-network-outline::before{content:"\F0C54"}.mdi-check-outline::before{content:"\F0855"}.mdi-check-underline::before{content:"\F0E1F"}.mdi-check-underline-circle::before{content:"\F0E20"}.mdi-check-underline-circle-outline::before{content:"\F0E21"}.mdi-checkbook::before{content:"\F0A9D"}.mdi-checkbox-blank::before{content:"\F012E"}.mdi-checkbox-blank-circle::before{content:"\F012F"}.mdi-checkbox-blank-circle-outline::before{content:"\F0130"}.mdi-checkbox-blank-off::before{content:"\F12EC"}.mdi-checkbox-blank-off-outline::before{content:"\F12ED"}.mdi-checkbox-blank-outline::before{content:"\F0131"}.mdi-checkbox-intermediate::before{content:"\F0856"}.mdi-checkbox-marked::before{content:"\F0132"}.mdi-checkbox-marked-circle::before{content:"\F0133"}.mdi-checkbox-marked-circle-outline::before{content:"\F0134"}.mdi-checkbox-marked-outline::before{content:"\F0135"}.mdi-checkbox-multiple-blank::before{content:"\F0136"}.mdi-checkbox-multiple-blank-circle::before{content:"\F063B"}.mdi-checkbox-multiple-blank-circle-outline::before{content:"\F063C"}.mdi-checkbox-multiple-blank-outline::before{content:"\F0137"}.mdi-checkbox-multiple-marked::before{content:"\F0138"}.mdi-checkbox-multiple-marked-circle::before{content:"\F063D"}.mdi-checkbox-multiple-marked-circle-outline::before{content:"\F063E"}.mdi-checkbox-multiple-marked-outline::before{content:"\F0139"}.mdi-checkerboard::before{content:"\F013A"}.mdi-checkerboard-minus::before{content:"\F1202"}.mdi-checkerboard-plus::before{content:"\F1201"}.mdi-checkerboard-remove::before{content:"\F1203"}.mdi-cheese::before{content:"\F12B9"}.mdi-cheese-off::before{content:"\F13EE"}.mdi-chef-hat::before{content:"\F0B7C"}.mdi-chemical-weapon::before{content:"\F013B"}.mdi-chess-bishop::before{content:"\F085C"}.mdi-chess-king::before{content:"\F0857"}.mdi-chess-knight::before{content:"\F0858"}.mdi-chess-pawn::before{content:"\F0859"}.mdi-chess-queen::before{content:"\F085A"}.mdi-chess-rook::before{content:"\F085B"}.mdi-chevron-double-down::before{content:"\F013C"}.mdi-chevron-double-left::before{content:"\F013D"}.mdi-chevron-double-right::before{content:"\F013E"}.mdi-chevron-double-up::before{content:"\F013F"}.mdi-chevron-down::before{content:"\F0140"}.mdi-chevron-down-box::before{content:"\F09D6"}.mdi-chevron-down-box-outline::before{content:"\F09D7"}.mdi-chevron-down-circle::before{content:"\F0B26"}.mdi-chevron-down-circle-outline::before{content:"\F0B27"}.mdi-chevron-left::before{content:"\F0141"}.mdi-chevron-left-box::before{content:"\F09D8"}.mdi-chevron-left-box-outline::before{content:"\F09D9"}.mdi-chevron-left-circle::before{content:"\F0B28"}.mdi-chevron-left-circle-outline::before{content:"\F0B29"}.mdi-chevron-right::before{content:"\F0142"}.mdi-chevron-right-box::before{content:"\F09DA"}.mdi-chevron-right-box-outline::before{content:"\F09DB"}.mdi-chevron-right-circle::before{content:"\F0B2A"}.mdi-chevron-right-circle-outline::before{content:"\F0B2B"}.mdi-chevron-triple-down::before{content:"\F0DB9"}.mdi-chevron-triple-left::before{content:"\F0DBA"}.mdi-chevron-triple-right::before{content:"\F0DBB"}.mdi-chevron-triple-up::before{content:"\F0DBC"}.mdi-chevron-up::before{content:"\F0143"}.mdi-chevron-up-box::before{content:"\F09DC"}.mdi-chevron-up-box-outline::before{content:"\F09DD"}.mdi-chevron-up-circle::before{content:"\F0B2C"}.mdi-chevron-up-circle-outline::before{content:"\F0B2D"}.mdi-chili-hot::before{content:"\F07B2"}.mdi-chili-medium::before{content:"\F07B3"}.mdi-chili-mild::before{content:"\F07B4"}.mdi-chili-off::before{content:"\F1467"}.mdi-chip::before{content:"\F061A"}.mdi-christianity::before{content:"\F0953"}.mdi-christianity-outline::before{content:"\F0CF6"}.mdi-church::before{content:"\F0144"}.mdi-cigar::before{content:"\F1189"}.mdi-cigar-off::before{content:"\F141B"}.mdi-circle::before{content:"\F0765"}.mdi-circle-box::before{content:"\F15DC"}.mdi-circle-box-outline::before{content:"\F15DD"}.mdi-circle-double::before{content:"\F0E95"}.mdi-circle-edit-outline::before{content:"\F08D5"}.mdi-circle-expand::before{content:"\F0E96"}.mdi-circle-half::before{content:"\F1395"}.mdi-circle-half-full::before{content:"\F1396"}.mdi-circle-medium::before{content:"\F09DE"}.mdi-circle-multiple::before{content:"\F0B38"}.mdi-circle-multiple-outline::before{content:"\F0695"}.mdi-circle-off-outline::before{content:"\F10D3"}.mdi-circle-outline::before{content:"\F0766"}.mdi-circle-slice-1::before{content:"\F0A9E"}.mdi-circle-slice-2::before{content:"\F0A9F"}.mdi-circle-slice-3::before{content:"\F0AA0"}.mdi-circle-slice-4::before{content:"\F0AA1"}.mdi-circle-slice-5::before{content:"\F0AA2"}.mdi-circle-slice-6::before{content:"\F0AA3"}.mdi-circle-slice-7::before{content:"\F0AA4"}.mdi-circle-slice-8::before{content:"\F0AA5"}.mdi-circle-small::before{content:"\F09DF"}.mdi-circular-saw::before{content:"\F0E22"}.mdi-city::before{content:"\F0146"}.mdi-city-variant::before{content:"\F0A36"}.mdi-city-variant-outline::before{content:"\F0A37"}.mdi-clipboard::before{content:"\F0147"}.mdi-clipboard-account::before{content:"\F0148"}.mdi-clipboard-account-outline::before{content:"\F0C55"}.mdi-clipboard-alert::before{content:"\F0149"}.mdi-clipboard-alert-outline::before{content:"\F0CF7"}.mdi-clipboard-arrow-down::before{content:"\F014A"}.mdi-clipboard-arrow-down-outline::before{content:"\F0C56"}.mdi-clipboard-arrow-left::before{content:"\F014B"}.mdi-clipboard-arrow-left-outline::before{content:"\F0CF8"}.mdi-clipboard-arrow-right::before{content:"\F0CF9"}.mdi-clipboard-arrow-right-outline::before{content:"\F0CFA"}.mdi-clipboard-arrow-up::before{content:"\F0C57"}.mdi-clipboard-arrow-up-outline::before{content:"\F0C58"}.mdi-clipboard-check::before{content:"\F014E"}.mdi-clipboard-check-multiple::before{content:"\F1263"}.mdi-clipboard-check-multiple-outline::before{content:"\F1264"}.mdi-clipboard-check-outline::before{content:"\F08A8"}.mdi-clipboard-clock::before{content:"\F16E2"}.mdi-clipboard-clock-outline::before{content:"\F16E3"}.mdi-clipboard-edit::before{content:"\F14E5"}.mdi-clipboard-edit-outline::before{content:"\F14E6"}.mdi-clipboard-file::before{content:"\F1265"}.mdi-clipboard-file-outline::before{content:"\F1266"}.mdi-clipboard-flow::before{content:"\F06C8"}.mdi-clipboard-flow-outline::before{content:"\F1117"}.mdi-clipboard-list::before{content:"\F10D4"}.mdi-clipboard-list-outline::before{content:"\F10D5"}.mdi-clipboard-minus::before{content:"\F1618"}.mdi-clipboard-minus-outline::before{content:"\F1619"}.mdi-clipboard-multiple::before{content:"\F1267"}.mdi-clipboard-multiple-outline::before{content:"\F1268"}.mdi-clipboard-off::before{content:"\F161A"}.mdi-clipboard-off-outline::before{content:"\F161B"}.mdi-clipboard-outline::before{content:"\F014C"}.mdi-clipboard-play::before{content:"\F0C59"}.mdi-clipboard-play-multiple::before{content:"\F1269"}.mdi-clipboard-play-multiple-outline::before{content:"\F126A"}.mdi-clipboard-play-outline::before{content:"\F0C5A"}.mdi-clipboard-plus::before{content:"\F0751"}.mdi-clipboard-plus-outline::before{content:"\F131F"}.mdi-clipboard-pulse::before{content:"\F085D"}.mdi-clipboard-pulse-outline::before{content:"\F085E"}.mdi-clipboard-remove::before{content:"\F161C"}.mdi-clipboard-remove-outline::before{content:"\F161D"}.mdi-clipboard-search::before{content:"\F161E"}.mdi-clipboard-search-outline::before{content:"\F161F"}.mdi-clipboard-text::before{content:"\F014D"}.mdi-clipboard-text-multiple::before{content:"\F126B"}.mdi-clipboard-text-multiple-outline::before{content:"\F126C"}.mdi-clipboard-text-off::before{content:"\F1620"}.mdi-clipboard-text-off-outline::before{content:"\F1621"}.mdi-clipboard-text-outline::before{content:"\F0A38"}.mdi-clipboard-text-play::before{content:"\F0C5B"}.mdi-clipboard-text-play-outline::before{content:"\F0C5C"}.mdi-clipboard-text-search::before{content:"\F1622"}.mdi-clipboard-text-search-outline::before{content:"\F1623"}.mdi-clippy::before{content:"\F014F"}.mdi-clock::before{content:"\F0954"}.mdi-clock-alert::before{content:"\F0955"}.mdi-clock-alert-outline::before{content:"\F05CE"}.mdi-clock-check::before{content:"\F0FA8"}.mdi-clock-check-outline::before{content:"\F0FA9"}.mdi-clock-digital::before{content:"\F0E97"}.mdi-clock-end::before{content:"\F0151"}.mdi-clock-fast::before{content:"\F0152"}.mdi-clock-in::before{content:"\F0153"}.mdi-clock-out::before{content:"\F0154"}.mdi-clock-outline::before{content:"\F0150"}.mdi-clock-start::before{content:"\F0155"}.mdi-clock-time-eight::before{content:"\F1446"}.mdi-clock-time-eight-outline::before{content:"\F1452"}.mdi-clock-time-eleven::before{content:"\F1449"}.mdi-clock-time-eleven-outline::before{content:"\F1455"}.mdi-clock-time-five::before{content:"\F1443"}.mdi-clock-time-five-outline::before{content:"\F144F"}.mdi-clock-time-four::before{content:"\F1442"}.mdi-clock-time-four-outline::before{content:"\F144E"}.mdi-clock-time-nine::before{content:"\F1447"}.mdi-clock-time-nine-outline::before{content:"\F1453"}.mdi-clock-time-one::before{content:"\F143F"}.mdi-clock-time-one-outline::before{content:"\F144B"}.mdi-clock-time-seven::before{content:"\F1445"}.mdi-clock-time-seven-outline::before{content:"\F1451"}.mdi-clock-time-six::before{content:"\F1444"}.mdi-clock-time-six-outline::before{content:"\F1450"}.mdi-clock-time-ten::before{content:"\F1448"}.mdi-clock-time-ten-outline::before{content:"\F1454"}.mdi-clock-time-three::before{content:"\F1441"}.mdi-clock-time-three-outline::before{content:"\F144D"}.mdi-clock-time-twelve::before{content:"\F144A"}.mdi-clock-time-twelve-outline::before{content:"\F1456"}.mdi-clock-time-two::before{content:"\F1440"}.mdi-clock-time-two-outline::before{content:"\F144C"}.mdi-close::before{content:"\F0156"}.mdi-close-box::before{content:"\F0157"}.mdi-close-box-multiple::before{content:"\F0C5D"}.mdi-close-box-multiple-outline::before{content:"\F0C5E"}.mdi-close-box-outline::before{content:"\F0158"}.mdi-close-circle::before{content:"\F0159"}.mdi-close-circle-multiple::before{content:"\F062A"}.mdi-close-circle-multiple-outline::before{content:"\F0883"}.mdi-close-circle-outline::before{content:"\F015A"}.mdi-close-network::before{content:"\F015B"}.mdi-close-network-outline::before{content:"\F0C5F"}.mdi-close-octagon::before{content:"\F015C"}.mdi-close-octagon-outline::before{content:"\F015D"}.mdi-close-outline::before{content:"\F06C9"}.mdi-close-thick::before{content:"\F1398"}.mdi-closed-caption::before{content:"\F015E"}.mdi-closed-caption-outline::before{content:"\F0DBD"}.mdi-cloud::before{content:"\F015F"}.mdi-cloud-alert::before{content:"\F09E0"}.mdi-cloud-braces::before{content:"\F07B5"}.mdi-cloud-check::before{content:"\F0160"}.mdi-cloud-check-outline::before{content:"\F12CC"}.mdi-cloud-circle::before{content:"\F0161"}.mdi-cloud-download::before{content:"\F0162"}.mdi-cloud-download-outline::before{content:"\F0B7D"}.mdi-cloud-lock::before{content:"\F11F1"}.mdi-cloud-lock-outline::before{content:"\F11F2"}.mdi-cloud-off-outline::before{content:"\F0164"}.mdi-cloud-outline::before{content:"\F0163"}.mdi-cloud-print::before{content:"\F0165"}.mdi-cloud-print-outline::before{content:"\F0166"}.mdi-cloud-question::before{content:"\F0A39"}.mdi-cloud-refresh::before{content:"\F052A"}.mdi-cloud-search::before{content:"\F0956"}.mdi-cloud-search-outline::before{content:"\F0957"}.mdi-cloud-sync::before{content:"\F063F"}.mdi-cloud-sync-outline::before{content:"\F12D6"}.mdi-cloud-tags::before{content:"\F07B6"}.mdi-cloud-upload::before{content:"\F0167"}.mdi-cloud-upload-outline::before{content:"\F0B7E"}.mdi-clover::before{content:"\F0816"}.mdi-coach-lamp::before{content:"\F1020"}.mdi-coat-rack::before{content:"\F109E"}.mdi-code-array::before{content:"\F0168"}.mdi-code-braces::before{content:"\F0169"}.mdi-code-braces-box::before{content:"\F10D6"}.mdi-code-brackets::before{content:"\F016A"}.mdi-code-equal::before{content:"\F016B"}.mdi-code-greater-than::before{content:"\F016C"}.mdi-code-greater-than-or-equal::before{content:"\F016D"}.mdi-code-json::before{content:"\F0626"}.mdi-code-less-than::before{content:"\F016E"}.mdi-code-less-than-or-equal::before{content:"\F016F"}.mdi-code-not-equal::before{content:"\F0170"}.mdi-code-not-equal-variant::before{content:"\F0171"}.mdi-code-parentheses::before{content:"\F0172"}.mdi-code-parentheses-box::before{content:"\F10D7"}.mdi-code-string::before{content:"\F0173"}.mdi-code-tags::before{content:"\F0174"}.mdi-code-tags-check::before{content:"\F0694"}.mdi-codepen::before{content:"\F0175"}.mdi-coffee::before{content:"\F0176"}.mdi-coffee-maker::before{content:"\F109F"}.mdi-coffee-off::before{content:"\F0FAA"}.mdi-coffee-off-outline::before{content:"\F0FAB"}.mdi-coffee-outline::before{content:"\F06CA"}.mdi-coffee-to-go::before{content:"\F0177"}.mdi-coffee-to-go-outline::before{content:"\F130E"}.mdi-coffin::before{content:"\F0B7F"}.mdi-cog::before{content:"\F0493"}.mdi-cog-box::before{content:"\F0494"}.mdi-cog-clockwise::before{content:"\F11DD"}.mdi-cog-counterclockwise::before{content:"\F11DE"}.mdi-cog-off::before{content:"\F13CE"}.mdi-cog-off-outline::before{content:"\F13CF"}.mdi-cog-outline::before{content:"\F08BB"}.mdi-cog-refresh::before{content:"\F145E"}.mdi-cog-refresh-outline::before{content:"\F145F"}.mdi-cog-sync::before{content:"\F1460"}.mdi-cog-sync-outline::before{content:"\F1461"}.mdi-cog-transfer::before{content:"\F105B"}.mdi-cog-transfer-outline::before{content:"\F105C"}.mdi-cogs::before{content:"\F08D6"}.mdi-collage::before{content:"\F0640"}.mdi-collapse-all::before{content:"\F0AA6"}.mdi-collapse-all-outline::before{content:"\F0AA7"}.mdi-color-helper::before{content:"\F0179"}.mdi-comma::before{content:"\F0E23"}.mdi-comma-box::before{content:"\F0E2B"}.mdi-comma-box-outline::before{content:"\F0E24"}.mdi-comma-circle::before{content:"\F0E25"}.mdi-comma-circle-outline::before{content:"\F0E26"}.mdi-comment::before{content:"\F017A"}.mdi-comment-account::before{content:"\F017B"}.mdi-comment-account-outline::before{content:"\F017C"}.mdi-comment-alert::before{content:"\F017D"}.mdi-comment-alert-outline::before{content:"\F017E"}.mdi-comment-arrow-left::before{content:"\F09E1"}.mdi-comment-arrow-left-outline::before{content:"\F09E2"}.mdi-comment-arrow-right::before{content:"\F09E3"}.mdi-comment-arrow-right-outline::before{content:"\F09E4"}.mdi-comment-bookmark::before{content:"\F15AE"}.mdi-comment-bookmark-outline::before{content:"\F15AF"}.mdi-comment-check::before{content:"\F017F"}.mdi-comment-check-outline::before{content:"\F0180"}.mdi-comment-edit::before{content:"\F11BF"}.mdi-comment-edit-outline::before{content:"\F12C4"}.mdi-comment-eye::before{content:"\F0A3A"}.mdi-comment-eye-outline::before{content:"\F0A3B"}.mdi-comment-flash::before{content:"\F15B0"}.mdi-comment-flash-outline::before{content:"\F15B1"}.mdi-comment-minus::before{content:"\F15DF"}.mdi-comment-minus-outline::before{content:"\F15E0"}.mdi-comment-multiple::before{content:"\F085F"}.mdi-comment-multiple-outline::before{content:"\F0181"}.mdi-comment-off::before{content:"\F15E1"}.mdi-comment-off-outline::before{content:"\F15E2"}.mdi-comment-outline::before{content:"\F0182"}.mdi-comment-plus::before{content:"\F09E5"}.mdi-comment-plus-outline::before{content:"\F0183"}.mdi-comment-processing::before{content:"\F0184"}.mdi-comment-processing-outline::before{content:"\F0185"}.mdi-comment-question::before{content:"\F0817"}.mdi-comment-question-outline::before{content:"\F0186"}.mdi-comment-quote::before{content:"\F1021"}.mdi-comment-quote-outline::before{content:"\F1022"}.mdi-comment-remove::before{content:"\F05DE"}.mdi-comment-remove-outline::before{content:"\F0187"}.mdi-comment-search::before{content:"\F0A3C"}.mdi-comment-search-outline::before{content:"\F0A3D"}.mdi-comment-text::before{content:"\F0188"}.mdi-comment-text-multiple::before{content:"\F0860"}.mdi-comment-text-multiple-outline::before{content:"\F0861"}.mdi-comment-text-outline::before{content:"\F0189"}.mdi-compare::before{content:"\F018A"}.mdi-compare-horizontal::before{content:"\F1492"}.mdi-compare-vertical::before{content:"\F1493"}.mdi-compass::before{content:"\F018B"}.mdi-compass-off::before{content:"\F0B80"}.mdi-compass-off-outline::before{content:"\F0B81"}.mdi-compass-outline::before{content:"\F018C"}.mdi-compass-rose::before{content:"\F1382"}.mdi-concourse-ci::before{content:"\F10A0"}.mdi-connection::before{content:"\F1616"}.mdi-console::before{content:"\F018D"}.mdi-console-line::before{content:"\F07B7"}.mdi-console-network::before{content:"\F08A9"}.mdi-console-network-outline::before{content:"\F0C60"}.mdi-consolidate::before{content:"\F10D8"}.mdi-contactless-payment::before{content:"\F0D6A"}.mdi-contactless-payment-circle::before{content:"\F0321"}.mdi-contactless-payment-circle-outline::before{content:"\F0408"}.mdi-contacts::before{content:"\F06CB"}.mdi-contacts-outline::before{content:"\F05B8"}.mdi-contain::before{content:"\F0A3E"}.mdi-contain-end::before{content:"\F0A3F"}.mdi-contain-start::before{content:"\F0A40"}.mdi-content-copy::before{content:"\F018F"}.mdi-content-cut::before{content:"\F0190"}.mdi-content-duplicate::before{content:"\F0191"}.mdi-content-paste::before{content:"\F0192"}.mdi-content-save::before{content:"\F0193"}.mdi-content-save-alert::before{content:"\F0F42"}.mdi-content-save-alert-outline::before{content:"\F0F43"}.mdi-content-save-all::before{content:"\F0194"}.mdi-content-save-all-outline::before{content:"\F0F44"}.mdi-content-save-cog::before{content:"\F145B"}.mdi-content-save-cog-outline::before{content:"\F145C"}.mdi-content-save-edit::before{content:"\F0CFB"}.mdi-content-save-edit-outline::before{content:"\F0CFC"}.mdi-content-save-move::before{content:"\F0E27"}.mdi-content-save-move-outline::before{content:"\F0E28"}.mdi-content-save-off::before{content:"\F1643"}.mdi-content-save-off-outline::before{content:"\F1644"}.mdi-content-save-outline::before{content:"\F0818"}.mdi-content-save-settings::before{content:"\F061B"}.mdi-content-save-settings-outline::before{content:"\F0B2E"}.mdi-contrast::before{content:"\F0195"}.mdi-contrast-box::before{content:"\F0196"}.mdi-contrast-circle::before{content:"\F0197"}.mdi-controller-classic::before{content:"\F0B82"}.mdi-controller-classic-outline::before{content:"\F0B83"}.mdi-cookie::before{content:"\F0198"}.mdi-cookie-alert::before{content:"\F16D0"}.mdi-cookie-alert-outline::before{content:"\F16D1"}.mdi-cookie-check::before{content:"\F16D2"}.mdi-cookie-check-outline::before{content:"\F16D3"}.mdi-cookie-clock::before{content:"\F16E4"}.mdi-cookie-clock-outline::before{content:"\F16E5"}.mdi-cookie-cog::before{content:"\F16D4"}.mdi-cookie-cog-outline::before{content:"\F16D5"}.mdi-cookie-edit::before{content:"\F16E6"}.mdi-cookie-edit-outline::before{content:"\F16E7"}.mdi-cookie-lock::before{content:"\F16E8"}.mdi-cookie-lock-outline::before{content:"\F16E9"}.mdi-cookie-minus::before{content:"\F16DA"}.mdi-cookie-minus-outline::before{content:"\F16DB"}.mdi-cookie-off::before{content:"\F16EA"}.mdi-cookie-off-outline::before{content:"\F16EB"}.mdi-cookie-outline::before{content:"\F16DE"}.mdi-cookie-plus::before{content:"\F16D6"}.mdi-cookie-plus-outline::before{content:"\F16D7"}.mdi-cookie-refresh::before{content:"\F16EC"}.mdi-cookie-refresh-outline::before{content:"\F16ED"}.mdi-cookie-remove::before{content:"\F16D8"}.mdi-cookie-remove-outline::before{content:"\F16D9"}.mdi-cookie-settings::before{content:"\F16DC"}.mdi-cookie-settings-outline::before{content:"\F16DD"}.mdi-coolant-temperature::before{content:"\F03C8"}.mdi-copyright::before{content:"\F05E6"}.mdi-cordova::before{content:"\F0958"}.mdi-corn::before{content:"\F07B8"}.mdi-corn-off::before{content:"\F13EF"}.mdi-cosine-wave::before{content:"\F1479"}.mdi-counter::before{content:"\F0199"}.mdi-cow::before{content:"\F019A"}.mdi-cpu-32-bit::before{content:"\F0EDF"}.mdi-cpu-64-bit::before{content:"\F0EE0"}.mdi-crane::before{content:"\F0862"}.mdi-creation::before{content:"\F0674"}.mdi-creative-commons::before{content:"\F0D6B"}.mdi-credit-card::before{content:"\F0FEF"}.mdi-credit-card-check::before{content:"\F13D0"}.mdi-credit-card-check-outline::before{content:"\F13D1"}.mdi-credit-card-clock::before{content:"\F0EE1"}.mdi-credit-card-clock-outline::before{content:"\F0EE2"}.mdi-credit-card-marker::before{content:"\F06A8"}.mdi-credit-card-marker-outline::before{content:"\F0DBE"}.mdi-credit-card-minus::before{content:"\F0FAC"}.mdi-credit-card-minus-outline::before{content:"\F0FAD"}.mdi-credit-card-multiple::before{content:"\F0FF0"}.mdi-credit-card-multiple-outline::before{content:"\F019C"}.mdi-credit-card-off::before{content:"\F0FF1"}.mdi-credit-card-off-outline::before{content:"\F05E4"}.mdi-credit-card-outline::before{content:"\F019B"}.mdi-credit-card-plus::before{content:"\F0FF2"}.mdi-credit-card-plus-outline::before{content:"\F0676"}.mdi-credit-card-refresh::before{content:"\F1645"}.mdi-credit-card-refresh-outline::before{content:"\F1646"}.mdi-credit-card-refund::before{content:"\F0FF3"}.mdi-credit-card-refund-outline::before{content:"\F0AA8"}.mdi-credit-card-remove::before{content:"\F0FAE"}.mdi-credit-card-remove-outline::before{content:"\F0FAF"}.mdi-credit-card-scan::before{content:"\F0FF4"}.mdi-credit-card-scan-outline::before{content:"\F019D"}.mdi-credit-card-search::before{content:"\F1647"}.mdi-credit-card-search-outline::before{content:"\F1648"}.mdi-credit-card-settings::before{content:"\F0FF5"}.mdi-credit-card-settings-outline::before{content:"\F08D7"}.mdi-credit-card-sync::before{content:"\F1649"}.mdi-credit-card-sync-outline::before{content:"\F164A"}.mdi-credit-card-wireless::before{content:"\F0802"}.mdi-credit-card-wireless-off::before{content:"\F057A"}.mdi-credit-card-wireless-off-outline::before{content:"\F057B"}.mdi-credit-card-wireless-outline::before{content:"\F0D6C"}.mdi-cricket::before{content:"\F0D6D"}.mdi-crop::before{content:"\F019E"}.mdi-crop-free::before{content:"\F019F"}.mdi-crop-landscape::before{content:"\F01A0"}.mdi-crop-portrait::before{content:"\F01A1"}.mdi-crop-rotate::before{content:"\F0696"}.mdi-crop-square::before{content:"\F01A2"}.mdi-crosshairs::before{content:"\F01A3"}.mdi-crosshairs-gps::before{content:"\F01A4"}.mdi-crosshairs-off::before{content:"\F0F45"}.mdi-crosshairs-question::before{content:"\F1136"}.mdi-crown::before{content:"\F01A5"}.mdi-crown-outline::before{content:"\F11D0"}.mdi-cryengine::before{content:"\F0959"}.mdi-crystal-ball::before{content:"\F0B2F"}.mdi-cube::before{content:"\F01A6"}.mdi-cube-off::before{content:"\F141C"}.mdi-cube-off-outline::before{content:"\F141D"}.mdi-cube-outline::before{content:"\F01A7"}.mdi-cube-scan::before{content:"\F0B84"}.mdi-cube-send::before{content:"\F01A8"}.mdi-cube-unfolded::before{content:"\F01A9"}.mdi-cup::before{content:"\F01AA"}.mdi-cup-off::before{content:"\F05E5"}.mdi-cup-off-outline::before{content:"\F137D"}.mdi-cup-outline::before{content:"\F130F"}.mdi-cup-water::before{content:"\F01AB"}.mdi-cupboard::before{content:"\F0F46"}.mdi-cupboard-outline::before{content:"\F0F47"}.mdi-cupcake::before{content:"\F095A"}.mdi-curling::before{content:"\F0863"}.mdi-currency-bdt::before{content:"\F0864"}.mdi-currency-brl::before{content:"\F0B85"}.mdi-currency-btc::before{content:"\F01AC"}.mdi-currency-cny::before{content:"\F07BA"}.mdi-currency-eth::before{content:"\F07BB"}.mdi-currency-eur::before{content:"\F01AD"}.mdi-currency-eur-off::before{content:"\F1315"}.mdi-currency-gbp::before{content:"\F01AE"}.mdi-currency-ils::before{content:"\F0C61"}.mdi-currency-inr::before{content:"\F01AF"}.mdi-currency-jpy::before{content:"\F07BC"}.mdi-currency-krw::before{content:"\F07BD"}.mdi-currency-kzt::before{content:"\F0865"}.mdi-currency-mnt::before{content:"\F1512"}.mdi-currency-ngn::before{content:"\F01B0"}.mdi-currency-php::before{content:"\F09E6"}.mdi-currency-rial::before{content:"\F0E9C"}.mdi-currency-rub::before{content:"\F01B1"}.mdi-currency-sign::before{content:"\F07BE"}.mdi-currency-try::before{content:"\F01B2"}.mdi-currency-twd::before{content:"\F07BF"}.mdi-currency-usd::before{content:"\F01C1"}.mdi-currency-usd-circle::before{content:"\F116B"}.mdi-currency-usd-circle-outline::before{content:"\F0178"}.mdi-currency-usd-off::before{content:"\F067A"}.mdi-current-ac::before{content:"\F1480"}.mdi-current-dc::before{content:"\F095C"}.mdi-cursor-default::before{content:"\F01C0"}.mdi-cursor-default-click::before{content:"\F0CFD"}.mdi-cursor-default-click-outline::before{content:"\F0CFE"}.mdi-cursor-default-gesture::before{content:"\F1127"}.mdi-cursor-default-gesture-outline::before{content:"\F1128"}.mdi-cursor-default-outline::before{content:"\F01BF"}.mdi-cursor-move::before{content:"\F01BE"}.mdi-cursor-pointer::before{content:"\F01BD"}.mdi-cursor-text::before{content:"\F05E7"}.mdi-dance-ballroom::before{content:"\F15FB"}.mdi-dance-pole::before{content:"\F1578"}.mdi-data-matrix::before{content:"\F153C"}.mdi-data-matrix-edit::before{content:"\F153D"}.mdi-data-matrix-minus::before{content:"\F153E"}.mdi-data-matrix-plus::before{content:"\F153F"}.mdi-data-matrix-remove::before{content:"\F1540"}.mdi-data-matrix-scan::before{content:"\F1541"}.mdi-database::before{content:"\F01BC"}.mdi-database-alert::before{content:"\F163A"}.mdi-database-alert-outline::before{content:"\F1624"}.mdi-database-arrow-down::before{content:"\F163B"}.mdi-database-arrow-down-outline::before{content:"\F1625"}.mdi-database-arrow-left::before{content:"\F163C"}.mdi-database-arrow-left-outline::before{content:"\F1626"}.mdi-database-arrow-right::before{content:"\F163D"}.mdi-database-arrow-right-outline::before{content:"\F1627"}.mdi-database-arrow-up::before{content:"\F163E"}.mdi-database-arrow-up-outline::before{content:"\F1628"}.mdi-database-check::before{content:"\F0AA9"}.mdi-database-check-outline::before{content:"\F1629"}.mdi-database-clock::before{content:"\F163F"}.mdi-database-clock-outline::before{content:"\F162A"}.mdi-database-cog::before{content:"\F164B"}.mdi-database-cog-outline::before{content:"\F164C"}.mdi-database-edit::before{content:"\F0B86"}.mdi-database-edit-outline::before{content:"\F162B"}.mdi-database-export::before{content:"\F095E"}.mdi-database-export-outline::before{content:"\F162C"}.mdi-database-import::before{content:"\F095D"}.mdi-database-import-outline::before{content:"\F162D"}.mdi-database-lock::before{content:"\F0AAA"}.mdi-database-lock-outline::before{content:"\F162E"}.mdi-database-marker::before{content:"\F12F6"}.mdi-database-marker-outline::before{content:"\F162F"}.mdi-database-minus::before{content:"\F01BB"}.mdi-database-minus-outline::before{content:"\F1630"}.mdi-database-off::before{content:"\F1640"}.mdi-database-off-outline::before{content:"\F1631"}.mdi-database-outline::before{content:"\F1632"}.mdi-database-plus::before{content:"\F01BA"}.mdi-database-plus-outline::before{content:"\F1633"}.mdi-database-refresh::before{content:"\F05C2"}.mdi-database-refresh-outline::before{content:"\F1634"}.mdi-database-remove::before{content:"\F0D00"}.mdi-database-remove-outline::before{content:"\F1635"}.mdi-database-search::before{content:"\F0866"}.mdi-database-search-outline::before{content:"\F1636"}.mdi-database-settings::before{content:"\F0D01"}.mdi-database-settings-outline::before{content:"\F1637"}.mdi-database-sync::before{content:"\F0CFF"}.mdi-database-sync-outline::before{content:"\F1638"}.mdi-death-star::before{content:"\F08D8"}.mdi-death-star-variant::before{content:"\F08D9"}.mdi-deathly-hallows::before{content:"\F0B87"}.mdi-debian::before{content:"\F08DA"}.mdi-debug-step-into::before{content:"\F01B9"}.mdi-debug-step-out::before{content:"\F01B8"}.mdi-debug-step-over::before{content:"\F01B7"}.mdi-decagram::before{content:"\F076C"}.mdi-decagram-outline::before{content:"\F076D"}.mdi-decimal::before{content:"\F10A1"}.mdi-decimal-comma::before{content:"\F10A2"}.mdi-decimal-comma-decrease::before{content:"\F10A3"}.mdi-decimal-comma-increase::before{content:"\F10A4"}.mdi-decimal-decrease::before{content:"\F01B6"}.mdi-decimal-increase::before{content:"\F01B5"}.mdi-delete::before{content:"\F01B4"}.mdi-delete-alert::before{content:"\F10A5"}.mdi-delete-alert-outline::before{content:"\F10A6"}.mdi-delete-circle::before{content:"\F0683"}.mdi-delete-circle-outline::before{content:"\F0B88"}.mdi-delete-clock::before{content:"\F1556"}.mdi-delete-clock-outline::before{content:"\F1557"}.mdi-delete-empty::before{content:"\F06CC"}.mdi-delete-empty-outline::before{content:"\F0E9D"}.mdi-delete-forever::before{content:"\F05E8"}.mdi-delete-forever-outline::before{content:"\F0B89"}.mdi-delete-off::before{content:"\F10A7"}.mdi-delete-off-outline::before{content:"\F10A8"}.mdi-delete-outline::before{content:"\F09E7"}.mdi-delete-restore::before{content:"\F0819"}.mdi-delete-sweep::before{content:"\F05E9"}.mdi-delete-sweep-outline::before{content:"\F0C62"}.mdi-delete-variant::before{content:"\F01B3"}.mdi-delta::before{content:"\F01C2"}.mdi-desk::before{content:"\F1239"}.mdi-desk-lamp::before{content:"\F095F"}.mdi-deskphone::before{content:"\F01C3"}.mdi-desktop-classic::before{content:"\F07C0"}.mdi-desktop-mac::before{content:"\F01C4"}.mdi-desktop-mac-dashboard::before{content:"\F09E8"}.mdi-desktop-tower::before{content:"\F01C5"}.mdi-desktop-tower-monitor::before{content:"\F0AAB"}.mdi-details::before{content:"\F01C6"}.mdi-dev-to::before{content:"\F0D6E"}.mdi-developer-board::before{content:"\F0697"}.mdi-deviantart::before{content:"\F01C7"}.mdi-devices::before{content:"\F0FB0"}.mdi-diabetes::before{content:"\F1126"}.mdi-dialpad::before{content:"\F061C"}.mdi-diameter::before{content:"\F0C63"}.mdi-diameter-outline::before{content:"\F0C64"}.mdi-diameter-variant::before{content:"\F0C65"}.mdi-diamond::before{content:"\F0B8A"}.mdi-diamond-outline::before{content:"\F0B8B"}.mdi-diamond-stone::before{content:"\F01C8"}.mdi-dice-1::before{content:"\F01CA"}.mdi-dice-1-outline::before{content:"\F114A"}.mdi-dice-2::before{content:"\F01CB"}.mdi-dice-2-outline::before{content:"\F114B"}.mdi-dice-3::before{content:"\F01CC"}.mdi-dice-3-outline::before{content:"\F114C"}.mdi-dice-4::before{content:"\F01CD"}.mdi-dice-4-outline::before{content:"\F114D"}.mdi-dice-5::before{content:"\F01CE"}.mdi-dice-5-outline::before{content:"\F114E"}.mdi-dice-6::before{content:"\F01CF"}.mdi-dice-6-outline::before{content:"\F114F"}.mdi-dice-d10::before{content:"\F1153"}.mdi-dice-d10-outline::before{content:"\F076F"}.mdi-dice-d12::before{content:"\F1154"}.mdi-dice-d12-outline::before{content:"\F0867"}.mdi-dice-d20::before{content:"\F1155"}.mdi-dice-d20-outline::before{content:"\F05EA"}.mdi-dice-d4::before{content:"\F1150"}.mdi-dice-d4-outline::before{content:"\F05EB"}.mdi-dice-d6::before{content:"\F1151"}.mdi-dice-d6-outline::before{content:"\F05ED"}.mdi-dice-d8::before{content:"\F1152"}.mdi-dice-d8-outline::before{content:"\F05EC"}.mdi-dice-multiple::before{content:"\F076E"}.mdi-dice-multiple-outline::before{content:"\F1156"}.mdi-digital-ocean::before{content:"\F1237"}.mdi-dip-switch::before{content:"\F07C1"}.mdi-directions::before{content:"\F01D0"}.mdi-directions-fork::before{content:"\F0641"}.mdi-disc::before{content:"\F05EE"}.mdi-disc-alert::before{content:"\F01D1"}.mdi-disc-player::before{content:"\F0960"}.mdi-discord::before{content:"\F066F"}.mdi-dishwasher::before{content:"\F0AAC"}.mdi-dishwasher-alert::before{content:"\F11B8"}.mdi-dishwasher-off::before{content:"\F11B9"}.mdi-disqus::before{content:"\F01D2"}.mdi-distribute-horizontal-center::before{content:"\F11C9"}.mdi-distribute-horizontal-left::before{content:"\F11C8"}.mdi-distribute-horizontal-right::before{content:"\F11CA"}.mdi-distribute-vertical-bottom::before{content:"\F11CB"}.mdi-distribute-vertical-center::before{content:"\F11CC"}.mdi-distribute-vertical-top::before{content:"\F11CD"}.mdi-diving-flippers::before{content:"\F0DBF"}.mdi-diving-helmet::before{content:"\F0DC0"}.mdi-diving-scuba::before{content:"\F0DC1"}.mdi-diving-scuba-flag::before{content:"\F0DC2"}.mdi-diving-scuba-tank::before{content:"\F0DC3"}.mdi-diving-scuba-tank-multiple::before{content:"\F0DC4"}.mdi-diving-snorkel::before{content:"\F0DC5"}.mdi-division::before{content:"\F01D4"}.mdi-division-box::before{content:"\F01D5"}.mdi-dlna::before{content:"\F0A41"}.mdi-dna::before{content:"\F0684"}.mdi-dns::before{content:"\F01D6"}.mdi-dns-outline::before{content:"\F0B8C"}.mdi-do-not-disturb::before{content:"\F0698"}.mdi-do-not-disturb-off::before{content:"\F0699"}.mdi-dock-bottom::before{content:"\F10A9"}.mdi-dock-left::before{content:"\F10AA"}.mdi-dock-right::before{content:"\F10AB"}.mdi-dock-top::before{content:"\F1513"}.mdi-dock-window::before{content:"\F10AC"}.mdi-docker::before{content:"\F0868"}.mdi-doctor::before{content:"\F0A42"}.mdi-dog::before{content:"\F0A43"}.mdi-dog-service::before{content:"\F0AAD"}.mdi-dog-side::before{content:"\F0A44"}.mdi-dog-side-off::before{content:"\F16EE"}.mdi-dolby::before{content:"\F06B3"}.mdi-dolly::before{content:"\F0E9E"}.mdi-domain::before{content:"\F01D7"}.mdi-domain-off::before{content:"\F0D6F"}.mdi-domain-plus::before{content:"\F10AD"}.mdi-domain-remove::before{content:"\F10AE"}.mdi-dome-light::before{content:"\F141E"}.mdi-domino-mask::before{content:"\F1023"}.mdi-donkey::before{content:"\F07C2"}.mdi-door::before{content:"\F081A"}.mdi-door-closed::before{content:"\F081B"}.mdi-door-closed-lock::before{content:"\F10AF"}.mdi-door-open::before{content:"\F081C"}.mdi-doorbell::before{content:"\F12E6"}.mdi-doorbell-video::before{content:"\F0869"}.mdi-dot-net::before{content:"\F0AAE"}.mdi-dots-grid::before{content:"\F15FC"}.mdi-dots-hexagon::before{content:"\F15FF"}.mdi-dots-horizontal::before{content:"\F01D8"}.mdi-dots-horizontal-circle::before{content:"\F07C3"}.mdi-dots-horizontal-circle-outline::before{content:"\F0B8D"}.mdi-dots-square::before{content:"\F15FD"}.mdi-dots-triangle::before{content:"\F15FE"}.mdi-dots-vertical::before{content:"\F01D9"}.mdi-dots-vertical-circle::before{content:"\F07C4"}.mdi-dots-vertical-circle-outline::before{content:"\F0B8E"}.mdi-douban::before{content:"\F069A"}.mdi-download::before{content:"\F01DA"}.mdi-download-box::before{content:"\F1462"}.mdi-download-box-outline::before{content:"\F1463"}.mdi-download-circle::before{content:"\F1464"}.mdi-download-circle-outline::before{content:"\F1465"}.mdi-download-lock::before{content:"\F1320"}.mdi-download-lock-outline::before{content:"\F1321"}.mdi-download-multiple::before{content:"\F09E9"}.mdi-download-network::before{content:"\F06F4"}.mdi-download-network-outline::before{content:"\F0C66"}.mdi-download-off::before{content:"\F10B0"}.mdi-download-off-outline::before{content:"\F10B1"}.mdi-download-outline::before{content:"\F0B8F"}.mdi-drag::before{content:"\F01DB"}.mdi-drag-horizontal::before{content:"\F01DC"}.mdi-drag-horizontal-variant::before{content:"\F12F0"}.mdi-drag-variant::before{content:"\F0B90"}.mdi-drag-vertical::before{content:"\F01DD"}.mdi-drag-vertical-variant::before{content:"\F12F1"}.mdi-drama-masks::before{content:"\F0D02"}.mdi-draw::before{content:"\F0F49"}.mdi-drawing::before{content:"\F01DE"}.mdi-drawing-box::before{content:"\F01DF"}.mdi-dresser::before{content:"\F0F4A"}.mdi-dresser-outline::before{content:"\F0F4B"}.mdi-drone::before{content:"\F01E2"}.mdi-dropbox::before{content:"\F01E3"}.mdi-drupal::before{content:"\F01E4"}.mdi-duck::before{content:"\F01E5"}.mdi-dumbbell::before{content:"\F01E6"}.mdi-dump-truck::before{content:"\F0C67"}.mdi-ear-hearing::before{content:"\F07C5"}.mdi-ear-hearing-off::before{content:"\F0A45"}.mdi-earth::before{content:"\F01E7"}.mdi-earth-arrow-right::before{content:"\F1311"}.mdi-earth-box::before{content:"\F06CD"}.mdi-earth-box-minus::before{content:"\F1407"}.mdi-earth-box-off::before{content:"\F06CE"}.mdi-earth-box-plus::before{content:"\F1406"}.mdi-earth-box-remove::before{content:"\F1408"}.mdi-earth-minus::before{content:"\F1404"}.mdi-earth-off::before{content:"\F01E8"}.mdi-earth-plus::before{content:"\F1403"}.mdi-earth-remove::before{content:"\F1405"}.mdi-egg::before{content:"\F0AAF"}.mdi-egg-easter::before{content:"\F0AB0"}.mdi-egg-off::before{content:"\F13F0"}.mdi-egg-off-outline::before{content:"\F13F1"}.mdi-egg-outline::before{content:"\F13F2"}.mdi-eiffel-tower::before{content:"\F156B"}.mdi-eight-track::before{content:"\F09EA"}.mdi-eject::before{content:"\F01EA"}.mdi-eject-outline::before{content:"\F0B91"}.mdi-electric-switch::before{content:"\F0E9F"}.mdi-electric-switch-closed::before{content:"\F10D9"}.mdi-electron-framework::before{content:"\F1024"}.mdi-elephant::before{content:"\F07C6"}.mdi-elevation-decline::before{content:"\F01EB"}.mdi-elevation-rise::before{content:"\F01EC"}.mdi-elevator::before{content:"\F01ED"}.mdi-elevator-down::before{content:"\F12C2"}.mdi-elevator-passenger::before{content:"\F1381"}.mdi-elevator-up::before{content:"\F12C1"}.mdi-ellipse::before{content:"\F0EA0"}.mdi-ellipse-outline::before{content:"\F0EA1"}.mdi-email::before{content:"\F01EE"}.mdi-email-alert::before{content:"\F06CF"}.mdi-email-alert-outline::before{content:"\F0D42"}.mdi-email-box::before{content:"\F0D03"}.mdi-email-check::before{content:"\F0AB1"}.mdi-email-check-outline::before{content:"\F0AB2"}.mdi-email-edit::before{content:"\F0EE3"}.mdi-email-edit-outline::before{content:"\F0EE4"}.mdi-email-lock::before{content:"\F01F1"}.mdi-email-mark-as-unread::before{content:"\F0B92"}.mdi-email-minus::before{content:"\F0EE5"}.mdi-email-minus-outline::before{content:"\F0EE6"}.mdi-email-multiple::before{content:"\F0EE7"}.mdi-email-multiple-outline::before{content:"\F0EE8"}.mdi-email-newsletter::before{content:"\F0FB1"}.mdi-email-off::before{content:"\F13E3"}.mdi-email-off-outline::before{content:"\F13E4"}.mdi-email-open::before{content:"\F01EF"}.mdi-email-open-multiple::before{content:"\F0EE9"}.mdi-email-open-multiple-outline::before{content:"\F0EEA"}.mdi-email-open-outline::before{content:"\F05EF"}.mdi-email-outline::before{content:"\F01F0"}.mdi-email-plus::before{content:"\F09EB"}.mdi-email-plus-outline::before{content:"\F09EC"}.mdi-email-receive::before{content:"\F10DA"}.mdi-email-receive-outline::before{content:"\F10DB"}.mdi-email-remove::before{content:"\F1661"}.mdi-email-remove-outline::before{content:"\F1662"}.mdi-email-search::before{content:"\F0961"}.mdi-email-search-outline::before{content:"\F0962"}.mdi-email-send::before{content:"\F10DC"}.mdi-email-send-outline::before{content:"\F10DD"}.mdi-email-sync::before{content:"\F12C7"}.mdi-email-sync-outline::before{content:"\F12C8"}.mdi-email-variant::before{content:"\F05F0"}.mdi-ember::before{content:"\F0B30"}.mdi-emby::before{content:"\F06B4"}.mdi-emoticon::before{content:"\F0C68"}.mdi-emoticon-angry::before{content:"\F0C69"}.mdi-emoticon-angry-outline::before{content:"\F0C6A"}.mdi-emoticon-confused::before{content:"\F10DE"}.mdi-emoticon-confused-outline::before{content:"\F10DF"}.mdi-emoticon-cool::before{content:"\F0C6B"}.mdi-emoticon-cool-outline::before{content:"\F01F3"}.mdi-emoticon-cry::before{content:"\F0C6C"}.mdi-emoticon-cry-outline::before{content:"\F0C6D"}.mdi-emoticon-dead::before{content:"\F0C6E"}.mdi-emoticon-dead-outline::before{content:"\F069B"}.mdi-emoticon-devil::before{content:"\F0C6F"}.mdi-emoticon-devil-outline::before{content:"\F01F4"}.mdi-emoticon-excited::before{content:"\F0C70"}.mdi-emoticon-excited-outline::before{content:"\F069C"}.mdi-emoticon-frown::before{content:"\F0F4C"}.mdi-emoticon-frown-outline::before{content:"\F0F4D"}.mdi-emoticon-happy::before{content:"\F0C71"}.mdi-emoticon-happy-outline::before{content:"\F01F5"}.mdi-emoticon-kiss::before{content:"\F0C72"}.mdi-emoticon-kiss-outline::before{content:"\F0C73"}.mdi-emoticon-lol::before{content:"\F1214"}.mdi-emoticon-lol-outline::before{content:"\F1215"}.mdi-emoticon-neutral::before{content:"\F0C74"}.mdi-emoticon-neutral-outline::before{content:"\F01F6"}.mdi-emoticon-outline::before{content:"\F01F2"}.mdi-emoticon-poop::before{content:"\F01F7"}.mdi-emoticon-poop-outline::before{content:"\F0C75"}.mdi-emoticon-sad::before{content:"\F0C76"}.mdi-emoticon-sad-outline::before{content:"\F01F8"}.mdi-emoticon-sick::before{content:"\F157C"}.mdi-emoticon-sick-outline::before{content:"\F157D"}.mdi-emoticon-tongue::before{content:"\F01F9"}.mdi-emoticon-tongue-outline::before{content:"\F0C77"}.mdi-emoticon-wink::before{content:"\F0C78"}.mdi-emoticon-wink-outline::before{content:"\F0C79"}.mdi-engine::before{content:"\F01FA"}.mdi-engine-off::before{content:"\F0A46"}.mdi-engine-off-outline::before{content:"\F0A47"}.mdi-engine-outline::before{content:"\F01FB"}.mdi-epsilon::before{content:"\F10E0"}.mdi-equal::before{content:"\F01FC"}.mdi-equal-box::before{content:"\F01FD"}.mdi-equalizer::before{content:"\F0EA2"}.mdi-equalizer-outline::before{content:"\F0EA3"}.mdi-eraser::before{content:"\F01FE"}.mdi-eraser-variant::before{content:"\F0642"}.mdi-escalator::before{content:"\F01FF"}.mdi-escalator-box::before{content:"\F1399"}.mdi-escalator-down::before{content:"\F12C0"}.mdi-escalator-up::before{content:"\F12BF"}.mdi-eslint::before{content:"\F0C7A"}.mdi-et::before{content:"\F0AB3"}.mdi-ethereum::before{content:"\F086A"}.mdi-ethernet::before{content:"\F0200"}.mdi-ethernet-cable::before{content:"\F0201"}.mdi-ethernet-cable-off::before{content:"\F0202"}.mdi-ev-plug-ccs1::before{content:"\F1519"}.mdi-ev-plug-ccs2::before{content:"\F151A"}.mdi-ev-plug-chademo::before{content:"\F151B"}.mdi-ev-plug-tesla::before{content:"\F151C"}.mdi-ev-plug-type1::before{content:"\F151D"}.mdi-ev-plug-type2::before{content:"\F151E"}.mdi-ev-station::before{content:"\F05F1"}.mdi-evernote::before{content:"\F0204"}.mdi-excavator::before{content:"\F1025"}.mdi-exclamation::before{content:"\F0205"}.mdi-exclamation-thick::before{content:"\F1238"}.mdi-exit-run::before{content:"\F0A48"}.mdi-exit-to-app::before{content:"\F0206"}.mdi-expand-all::before{content:"\F0AB4"}.mdi-expand-all-outline::before{content:"\F0AB5"}.mdi-expansion-card::before{content:"\F08AE"}.mdi-expansion-card-variant::before{content:"\F0FB2"}.mdi-exponent::before{content:"\F0963"}.mdi-exponent-box::before{content:"\F0964"}.mdi-export::before{content:"\F0207"}.mdi-export-variant::before{content:"\F0B93"}.mdi-eye::before{content:"\F0208"}.mdi-eye-check::before{content:"\F0D04"}.mdi-eye-check-outline::before{content:"\F0D05"}.mdi-eye-circle::before{content:"\F0B94"}.mdi-eye-circle-outline::before{content:"\F0B95"}.mdi-eye-minus::before{content:"\F1026"}.mdi-eye-minus-outline::before{content:"\F1027"}.mdi-eye-off::before{content:"\F0209"}.mdi-eye-off-outline::before{content:"\F06D1"}.mdi-eye-outline::before{content:"\F06D0"}.mdi-eye-plus::before{content:"\F086B"}.mdi-eye-plus-outline::before{content:"\F086C"}.mdi-eye-remove::before{content:"\F15E3"}.mdi-eye-remove-outline::before{content:"\F15E4"}.mdi-eye-settings::before{content:"\F086D"}.mdi-eye-settings-outline::before{content:"\F086E"}.mdi-eyedropper::before{content:"\F020A"}.mdi-eyedropper-minus::before{content:"\F13DD"}.mdi-eyedropper-off::before{content:"\F13DF"}.mdi-eyedropper-plus::before{content:"\F13DC"}.mdi-eyedropper-remove::before{content:"\F13DE"}.mdi-eyedropper-variant::before{content:"\F020B"}.mdi-face::before{content:"\F0643"}.mdi-face-agent::before{content:"\F0D70"}.mdi-face-mask::before{content:"\F1586"}.mdi-face-mask-outline::before{content:"\F1587"}.mdi-face-outline::before{content:"\F0B96"}.mdi-face-profile::before{content:"\F0644"}.mdi-face-profile-woman::before{content:"\F1076"}.mdi-face-recognition::before{content:"\F0C7B"}.mdi-face-shimmer::before{content:"\F15CC"}.mdi-face-shimmer-outline::before{content:"\F15CD"}.mdi-face-woman::before{content:"\F1077"}.mdi-face-woman-outline::before{content:"\F1078"}.mdi-face-woman-shimmer::before{content:"\F15CE"}.mdi-face-woman-shimmer-outline::before{content:"\F15CF"}.mdi-facebook::before{content:"\F020C"}.mdi-facebook-gaming::before{content:"\F07DD"}.mdi-facebook-messenger::before{content:"\F020E"}.mdi-facebook-workplace::before{content:"\F0B31"}.mdi-factory::before{content:"\F020F"}.mdi-family-tree::before{content:"\F160E"}.mdi-fan::before{content:"\F0210"}.mdi-fan-alert::before{content:"\F146C"}.mdi-fan-auto::before{content:"\F171D"}.mdi-fan-chevron-down::before{content:"\F146D"}.mdi-fan-chevron-up::before{content:"\F146E"}.mdi-fan-minus::before{content:"\F1470"}.mdi-fan-off::before{content:"\F081D"}.mdi-fan-plus::before{content:"\F146F"}.mdi-fan-remove::before{content:"\F1471"}.mdi-fan-speed-1::before{content:"\F1472"}.mdi-fan-speed-2::before{content:"\F1473"}.mdi-fan-speed-3::before{content:"\F1474"}.mdi-fast-forward::before{content:"\F0211"}.mdi-fast-forward-10::before{content:"\F0D71"}.mdi-fast-forward-30::before{content:"\F0D06"}.mdi-fast-forward-5::before{content:"\F11F8"}.mdi-fast-forward-60::before{content:"\F160B"}.mdi-fast-forward-outline::before{content:"\F06D2"}.mdi-fax::before{content:"\F0212"}.mdi-feather::before{content:"\F06D3"}.mdi-feature-search::before{content:"\F0A49"}.mdi-feature-search-outline::before{content:"\F0A4A"}.mdi-fedora::before{content:"\F08DB"}.mdi-fencing::before{content:"\F14C1"}.mdi-ferris-wheel::before{content:"\F0EA4"}.mdi-ferry::before{content:"\F0213"}.mdi-file::before{content:"\F0214"}.mdi-file-account::before{content:"\F073B"}.mdi-file-account-outline::before{content:"\F1028"}.mdi-file-alert::before{content:"\F0A4B"}.mdi-file-alert-outline::before{content:"\F0A4C"}.mdi-file-cabinet::before{content:"\F0AB6"}.mdi-file-cad::before{content:"\F0EEB"}.mdi-file-cad-box::before{content:"\F0EEC"}.mdi-file-cancel::before{content:"\F0DC6"}.mdi-file-cancel-outline::before{content:"\F0DC7"}.mdi-file-certificate::before{content:"\F1186"}.mdi-file-certificate-outline::before{content:"\F1187"}.mdi-file-chart::before{content:"\F0215"}.mdi-file-chart-outline::before{content:"\F1029"}.mdi-file-check::before{content:"\F0216"}.mdi-file-check-outline::before{content:"\F0E29"}.mdi-file-clock::before{content:"\F12E1"}.mdi-file-clock-outline::before{content:"\F12E2"}.mdi-file-cloud::before{content:"\F0217"}.mdi-file-cloud-outline::before{content:"\F102A"}.mdi-file-code::before{content:"\F022E"}.mdi-file-code-outline::before{content:"\F102B"}.mdi-file-cog::before{content:"\F107B"}.mdi-file-cog-outline::before{content:"\F107C"}.mdi-file-compare::before{content:"\F08AA"}.mdi-file-delimited::before{content:"\F0218"}.mdi-file-delimited-outline::before{content:"\F0EA5"}.mdi-file-document::before{content:"\F0219"}.mdi-file-document-edit::before{content:"\F0DC8"}.mdi-file-document-edit-outline::before{content:"\F0DC9"}.mdi-file-document-multiple::before{content:"\F1517"}.mdi-file-document-multiple-outline::before{content:"\F1518"}.mdi-file-document-outline::before{content:"\F09EE"}.mdi-file-download::before{content:"\F0965"}.mdi-file-download-outline::before{content:"\F0966"}.mdi-file-edit::before{content:"\F11E7"}.mdi-file-edit-outline::before{content:"\F11E8"}.mdi-file-excel::before{content:"\F021B"}.mdi-file-excel-box::before{content:"\F021C"}.mdi-file-excel-box-outline::before{content:"\F102C"}.mdi-file-excel-outline::before{content:"\F102D"}.mdi-file-export::before{content:"\F021D"}.mdi-file-export-outline::before{content:"\F102E"}.mdi-file-eye::before{content:"\F0DCA"}.mdi-file-eye-outline::before{content:"\F0DCB"}.mdi-file-find::before{content:"\F021E"}.mdi-file-find-outline::before{content:"\F0B97"}.mdi-file-hidden::before{content:"\F0613"}.mdi-file-image::before{content:"\F021F"}.mdi-file-image-outline::before{content:"\F0EB0"}.mdi-file-import::before{content:"\F0220"}.mdi-file-import-outline::before{content:"\F102F"}.mdi-file-key::before{content:"\F1184"}.mdi-file-key-outline::before{content:"\F1185"}.mdi-file-link::before{content:"\F1177"}.mdi-file-link-outline::before{content:"\F1178"}.mdi-file-lock::before{content:"\F0221"}.mdi-file-lock-outline::before{content:"\F1030"}.mdi-file-move::before{content:"\F0AB9"}.mdi-file-move-outline::before{content:"\F1031"}.mdi-file-multiple::before{content:"\F0222"}.mdi-file-multiple-outline::before{content:"\F1032"}.mdi-file-music::before{content:"\F0223"}.mdi-file-music-outline::before{content:"\F0E2A"}.mdi-file-outline::before{content:"\F0224"}.mdi-file-pdf::before{content:"\F0225"}.mdi-file-pdf-box::before{content:"\F0226"}.mdi-file-pdf-box-outline::before{content:"\F0FB3"}.mdi-file-pdf-outline::before{content:"\F0E2D"}.mdi-file-percent::before{content:"\F081E"}.mdi-file-percent-outline::before{content:"\F1033"}.mdi-file-phone::before{content:"\F1179"}.mdi-file-phone-outline::before{content:"\F117A"}.mdi-file-plus::before{content:"\F0752"}.mdi-file-plus-outline::before{content:"\F0EED"}.mdi-file-powerpoint::before{content:"\F0227"}.mdi-file-powerpoint-box::before{content:"\F0228"}.mdi-file-powerpoint-box-outline::before{content:"\F1034"}.mdi-file-powerpoint-outline::before{content:"\F1035"}.mdi-file-presentation-box::before{content:"\F0229"}.mdi-file-question::before{content:"\F086F"}.mdi-file-question-outline::before{content:"\F1036"}.mdi-file-refresh::before{content:"\F0918"}.mdi-file-refresh-outline::before{content:"\F0541"}.mdi-file-remove::before{content:"\F0B98"}.mdi-file-remove-outline::before{content:"\F1037"}.mdi-file-replace::before{content:"\F0B32"}.mdi-file-replace-outline::before{content:"\F0B33"}.mdi-file-restore::before{content:"\F0670"}.mdi-file-restore-outline::before{content:"\F1038"}.mdi-file-search::before{content:"\F0C7C"}.mdi-file-search-outline::before{content:"\F0C7D"}.mdi-file-send::before{content:"\F022A"}.mdi-file-send-outline::before{content:"\F1039"}.mdi-file-settings::before{content:"\F1079"}.mdi-file-settings-outline::before{content:"\F107A"}.mdi-file-star::before{content:"\F103A"}.mdi-file-star-outline::before{content:"\F103B"}.mdi-file-swap::before{content:"\F0FB4"}.mdi-file-swap-outline::before{content:"\F0FB5"}.mdi-file-sync::before{content:"\F1216"}.mdi-file-sync-outline::before{content:"\F1217"}.mdi-file-table::before{content:"\F0C7E"}.mdi-file-table-box::before{content:"\F10E1"}.mdi-file-table-box-multiple::before{content:"\F10E2"}.mdi-file-table-box-multiple-outline::before{content:"\F10E3"}.mdi-file-table-box-outline::before{content:"\F10E4"}.mdi-file-table-outline::before{content:"\F0C7F"}.mdi-file-tree::before{content:"\F0645"}.mdi-file-tree-outline::before{content:"\F13D2"}.mdi-file-undo::before{content:"\F08DC"}.mdi-file-undo-outline::before{content:"\F103C"}.mdi-file-upload::before{content:"\F0A4D"}.mdi-file-upload-outline::before{content:"\F0A4E"}.mdi-file-video::before{content:"\F022B"}.mdi-file-video-outline::before{content:"\F0E2C"}.mdi-file-word::before{content:"\F022C"}.mdi-file-word-box::before{content:"\F022D"}.mdi-file-word-box-outline::before{content:"\F103D"}.mdi-file-word-outline::before{content:"\F103E"}.mdi-film::before{content:"\F022F"}.mdi-filmstrip::before{content:"\F0230"}.mdi-filmstrip-box::before{content:"\F0332"}.mdi-filmstrip-box-multiple::before{content:"\F0D18"}.mdi-filmstrip-off::before{content:"\F0231"}.mdi-filter::before{content:"\F0232"}.mdi-filter-menu::before{content:"\F10E5"}.mdi-filter-menu-outline::before{content:"\F10E6"}.mdi-filter-minus::before{content:"\F0EEE"}.mdi-filter-minus-outline::before{content:"\F0EEF"}.mdi-filter-off::before{content:"\F14EF"}.mdi-filter-off-outline::before{content:"\F14F0"}.mdi-filter-outline::before{content:"\F0233"}.mdi-filter-plus::before{content:"\F0EF0"}.mdi-filter-plus-outline::before{content:"\F0EF1"}.mdi-filter-remove::before{content:"\F0234"}.mdi-filter-remove-outline::before{content:"\F0235"}.mdi-filter-variant::before{content:"\F0236"}.mdi-filter-variant-minus::before{content:"\F1112"}.mdi-filter-variant-plus::before{content:"\F1113"}.mdi-filter-variant-remove::before{content:"\F103F"}.mdi-finance::before{content:"\F081F"}.mdi-find-replace::before{content:"\F06D4"}.mdi-fingerprint::before{content:"\F0237"}.mdi-fingerprint-off::before{content:"\F0EB1"}.mdi-fire::before{content:"\F0238"}.mdi-fire-alert::before{content:"\F15D7"}.mdi-fire-extinguisher::before{content:"\F0EF2"}.mdi-fire-hydrant::before{content:"\F1137"}.mdi-fire-hydrant-alert::before{content:"\F1138"}.mdi-fire-hydrant-off::before{content:"\F1139"}.mdi-fire-off::before{content:"\F1722"}.mdi-fire-truck::before{content:"\F08AB"}.mdi-firebase::before{content:"\F0967"}.mdi-firefox::before{content:"\F0239"}.mdi-fireplace::before{content:"\F0E2E"}.mdi-fireplace-off::before{content:"\F0E2F"}.mdi-firework::before{content:"\F0E30"}.mdi-firework-off::before{content:"\F1723"}.mdi-fish::before{content:"\F023A"}.mdi-fish-off::before{content:"\F13F3"}.mdi-fishbowl::before{content:"\F0EF3"}.mdi-fishbowl-outline::before{content:"\F0EF4"}.mdi-fit-to-page::before{content:"\F0EF5"}.mdi-fit-to-page-outline::before{content:"\F0EF6"}.mdi-flag::before{content:"\F023B"}.mdi-flag-checkered::before{content:"\F023C"}.mdi-flag-minus::before{content:"\F0B99"}.mdi-flag-minus-outline::before{content:"\F10B2"}.mdi-flag-outline::before{content:"\F023D"}.mdi-flag-plus::before{content:"\F0B9A"}.mdi-flag-plus-outline::before{content:"\F10B3"}.mdi-flag-remove::before{content:"\F0B9B"}.mdi-flag-remove-outline::before{content:"\F10B4"}.mdi-flag-triangle::before{content:"\F023F"}.mdi-flag-variant::before{content:"\F0240"}.mdi-flag-variant-outline::before{content:"\F023E"}.mdi-flare::before{content:"\F0D72"}.mdi-flash::before{content:"\F0241"}.mdi-flash-alert::before{content:"\F0EF7"}.mdi-flash-alert-outline::before{content:"\F0EF8"}.mdi-flash-auto::before{content:"\F0242"}.mdi-flash-circle::before{content:"\F0820"}.mdi-flash-off::before{content:"\F0243"}.mdi-flash-outline::before{content:"\F06D5"}.mdi-flash-red-eye::before{content:"\F067B"}.mdi-flashlight::before{content:"\F0244"}.mdi-flashlight-off::before{content:"\F0245"}.mdi-flask::before{content:"\F0093"}.mdi-flask-empty::before{content:"\F0094"}.mdi-flask-empty-minus::before{content:"\F123A"}.mdi-flask-empty-minus-outline::before{content:"\F123B"}.mdi-flask-empty-off::before{content:"\F13F4"}.mdi-flask-empty-off-outline::before{content:"\F13F5"}.mdi-flask-empty-outline::before{content:"\F0095"}.mdi-flask-empty-plus::before{content:"\F123C"}.mdi-flask-empty-plus-outline::before{content:"\F123D"}.mdi-flask-empty-remove::before{content:"\F123E"}.mdi-flask-empty-remove-outline::before{content:"\F123F"}.mdi-flask-minus::before{content:"\F1240"}.mdi-flask-minus-outline::before{content:"\F1241"}.mdi-flask-off::before{content:"\F13F6"}.mdi-flask-off-outline::before{content:"\F13F7"}.mdi-flask-outline::before{content:"\F0096"}.mdi-flask-plus::before{content:"\F1242"}.mdi-flask-plus-outline::before{content:"\F1243"}.mdi-flask-remove::before{content:"\F1244"}.mdi-flask-remove-outline::before{content:"\F1245"}.mdi-flask-round-bottom::before{content:"\F124B"}.mdi-flask-round-bottom-empty::before{content:"\F124C"}.mdi-flask-round-bottom-empty-outline::before{content:"\F124D"}.mdi-flask-round-bottom-outline::before{content:"\F124E"}.mdi-fleur-de-lis::before{content:"\F1303"}.mdi-flip-horizontal::before{content:"\F10E7"}.mdi-flip-to-back::before{content:"\F0247"}.mdi-flip-to-front::before{content:"\F0248"}.mdi-flip-vertical::before{content:"\F10E8"}.mdi-floor-lamp::before{content:"\F08DD"}.mdi-floor-lamp-dual::before{content:"\F1040"}.mdi-floor-lamp-variant::before{content:"\F1041"}.mdi-floor-plan::before{content:"\F0821"}.mdi-floppy::before{content:"\F0249"}.mdi-floppy-variant::before{content:"\F09EF"}.mdi-flower::before{content:"\F024A"}.mdi-flower-outline::before{content:"\F09F0"}.mdi-flower-poppy::before{content:"\F0D08"}.mdi-flower-tulip::before{content:"\F09F1"}.mdi-flower-tulip-outline::before{content:"\F09F2"}.mdi-focus-auto::before{content:"\F0F4E"}.mdi-focus-field::before{content:"\F0F4F"}.mdi-focus-field-horizontal::before{content:"\F0F50"}.mdi-focus-field-vertical::before{content:"\F0F51"}.mdi-folder::before{content:"\F024B"}.mdi-folder-account::before{content:"\F024C"}.mdi-folder-account-outline::before{content:"\F0B9C"}.mdi-folder-alert::before{content:"\F0DCC"}.mdi-folder-alert-outline::before{content:"\F0DCD"}.mdi-folder-clock::before{content:"\F0ABA"}.mdi-folder-clock-outline::before{content:"\F0ABB"}.mdi-folder-cog::before{content:"\F107F"}.mdi-folder-cog-outline::before{content:"\F1080"}.mdi-folder-download::before{content:"\F024D"}.mdi-folder-download-outline::before{content:"\F10E9"}.mdi-folder-edit::before{content:"\F08DE"}.mdi-folder-edit-outline::before{content:"\F0DCE"}.mdi-folder-google-drive::before{content:"\F024E"}.mdi-folder-heart::before{content:"\F10EA"}.mdi-folder-heart-outline::before{content:"\F10EB"}.mdi-folder-home::before{content:"\F10B5"}.mdi-folder-home-outline::before{content:"\F10B6"}.mdi-folder-image::before{content:"\F024F"}.mdi-folder-information::before{content:"\F10B7"}.mdi-folder-information-outline::before{content:"\F10B8"}.mdi-folder-key::before{content:"\F08AC"}.mdi-folder-key-network::before{content:"\F08AD"}.mdi-folder-key-network-outline::before{content:"\F0C80"}.mdi-folder-key-outline::before{content:"\F10EC"}.mdi-folder-lock::before{content:"\F0250"}.mdi-folder-lock-open::before{content:"\F0251"}.mdi-folder-marker::before{content:"\F126D"}.mdi-folder-marker-outline::before{content:"\F126E"}.mdi-folder-move::before{content:"\F0252"}.mdi-folder-move-outline::before{content:"\F1246"}.mdi-folder-multiple::before{content:"\F0253"}.mdi-folder-multiple-image::before{content:"\F0254"}.mdi-folder-multiple-outline::before{content:"\F0255"}.mdi-folder-multiple-plus::before{content:"\F147E"}.mdi-folder-multiple-plus-outline::before{content:"\F147F"}.mdi-folder-music::before{content:"\F1359"}.mdi-folder-music-outline::before{content:"\F135A"}.mdi-folder-network::before{content:"\F0870"}.mdi-folder-network-outline::before{content:"\F0C81"}.mdi-folder-open::before{content:"\F0770"}.mdi-folder-open-outline::before{content:"\F0DCF"}.mdi-folder-outline::before{content:"\F0256"}.mdi-folder-plus::before{content:"\F0257"}.mdi-folder-plus-outline::before{content:"\F0B9D"}.mdi-folder-pound::before{content:"\F0D09"}.mdi-folder-pound-outline::before{content:"\F0D0A"}.mdi-folder-refresh::before{content:"\F0749"}.mdi-folder-refresh-outline::before{content:"\F0542"}.mdi-folder-remove::before{content:"\F0258"}.mdi-folder-remove-outline::before{content:"\F0B9E"}.mdi-folder-search::before{content:"\F0968"}.mdi-folder-search-outline::before{content:"\F0969"}.mdi-folder-settings::before{content:"\F107D"}.mdi-folder-settings-outline::before{content:"\F107E"}.mdi-folder-star::before{content:"\F069D"}.mdi-folder-star-multiple::before{content:"\F13D3"}.mdi-folder-star-multiple-outline::before{content:"\F13D4"}.mdi-folder-star-outline::before{content:"\F0B9F"}.mdi-folder-swap::before{content:"\F0FB6"}.mdi-folder-swap-outline::before{content:"\F0FB7"}.mdi-folder-sync::before{content:"\F0D0B"}.mdi-folder-sync-outline::before{content:"\F0D0C"}.mdi-folder-table::before{content:"\F12E3"}.mdi-folder-table-outline::before{content:"\F12E4"}.mdi-folder-text::before{content:"\F0C82"}.mdi-folder-text-outline::before{content:"\F0C83"}.mdi-folder-upload::before{content:"\F0259"}.mdi-folder-upload-outline::before{content:"\F10ED"}.mdi-folder-zip::before{content:"\F06EB"}.mdi-folder-zip-outline::before{content:"\F07B9"}.mdi-font-awesome::before{content:"\F003A"}.mdi-food::before{content:"\F025A"}.mdi-food-apple::before{content:"\F025B"}.mdi-food-apple-outline::before{content:"\F0C84"}.mdi-food-croissant::before{content:"\F07C8"}.mdi-food-drumstick::before{content:"\F141F"}.mdi-food-drumstick-off::before{content:"\F1468"}.mdi-food-drumstick-off-outline::before{content:"\F1469"}.mdi-food-drumstick-outline::before{content:"\F1420"}.mdi-food-fork-drink::before{content:"\F05F2"}.mdi-food-halal::before{content:"\F1572"}.mdi-food-kosher::before{content:"\F1573"}.mdi-food-off::before{content:"\F05F3"}.mdi-food-steak::before{content:"\F146A"}.mdi-food-steak-off::before{content:"\F146B"}.mdi-food-turkey::before{content:"\F171C"}.mdi-food-variant::before{content:"\F025C"}.mdi-food-variant-off::before{content:"\F13E5"}.mdi-foot-print::before{content:"\F0F52"}.mdi-football::before{content:"\F025D"}.mdi-football-australian::before{content:"\F025E"}.mdi-football-helmet::before{content:"\F025F"}.mdi-forklift::before{content:"\F07C9"}.mdi-form-dropdown::before{content:"\F1400"}.mdi-form-select::before{content:"\F1401"}.mdi-form-textarea::before{content:"\F1095"}.mdi-form-textbox::before{content:"\F060E"}.mdi-form-textbox-lock::before{content:"\F135D"}.mdi-form-textbox-password::before{content:"\F07F5"}.mdi-format-align-bottom::before{content:"\F0753"}.mdi-format-align-center::before{content:"\F0260"}.mdi-format-align-justify::before{content:"\F0261"}.mdi-format-align-left::before{content:"\F0262"}.mdi-format-align-middle::before{content:"\F0754"}.mdi-format-align-right::before{content:"\F0263"}.mdi-format-align-top::before{content:"\F0755"}.mdi-format-annotation-minus::before{content:"\F0ABC"}.mdi-format-annotation-plus::before{content:"\F0646"}.mdi-format-bold::before{content:"\F0264"}.mdi-format-clear::before{content:"\F0265"}.mdi-format-color-fill::before{content:"\F0266"}.mdi-format-color-highlight::before{content:"\F0E31"}.mdi-format-color-marker-cancel::before{content:"\F1313"}.mdi-format-color-text::before{content:"\F069E"}.mdi-format-columns::before{content:"\F08DF"}.mdi-format-float-center::before{content:"\F0267"}.mdi-format-float-left::before{content:"\F0268"}.mdi-format-float-none::before{content:"\F0269"}.mdi-format-float-right::before{content:"\F026A"}.mdi-format-font::before{content:"\F06D6"}.mdi-format-font-size-decrease::before{content:"\F09F3"}.mdi-format-font-size-increase::before{content:"\F09F4"}.mdi-format-header-1::before{content:"\F026B"}.mdi-format-header-2::before{content:"\F026C"}.mdi-format-header-3::before{content:"\F026D"}.mdi-format-header-4::before{content:"\F026E"}.mdi-format-header-5::before{content:"\F026F"}.mdi-format-header-6::before{content:"\F0270"}.mdi-format-header-decrease::before{content:"\F0271"}.mdi-format-header-equal::before{content:"\F0272"}.mdi-format-header-increase::before{content:"\F0273"}.mdi-format-header-pound::before{content:"\F0274"}.mdi-format-horizontal-align-center::before{content:"\F061E"}.mdi-format-horizontal-align-left::before{content:"\F061F"}.mdi-format-horizontal-align-right::before{content:"\F0620"}.mdi-format-indent-decrease::before{content:"\F0275"}.mdi-format-indent-increase::before{content:"\F0276"}.mdi-format-italic::before{content:"\F0277"}.mdi-format-letter-case::before{content:"\F0B34"}.mdi-format-letter-case-lower::before{content:"\F0B35"}.mdi-format-letter-case-upper::before{content:"\F0B36"}.mdi-format-letter-ends-with::before{content:"\F0FB8"}.mdi-format-letter-matches::before{content:"\F0FB9"}.mdi-format-letter-starts-with::before{content:"\F0FBA"}.mdi-format-line-spacing::before{content:"\F0278"}.mdi-format-line-style::before{content:"\F05C8"}.mdi-format-line-weight::before{content:"\F05C9"}.mdi-format-list-bulleted::before{content:"\F0279"}.mdi-format-list-bulleted-square::before{content:"\F0DD0"}.mdi-format-list-bulleted-triangle::before{content:"\F0EB2"}.mdi-format-list-bulleted-type::before{content:"\F027A"}.mdi-format-list-checkbox::before{content:"\F096A"}.mdi-format-list-checks::before{content:"\F0756"}.mdi-format-list-numbered::before{content:"\F027B"}.mdi-format-list-numbered-rtl::before{content:"\F0D0D"}.mdi-format-list-text::before{content:"\F126F"}.mdi-format-overline::before{content:"\F0EB3"}.mdi-format-page-break::before{content:"\F06D7"}.mdi-format-paint::before{content:"\F027C"}.mdi-format-paragraph::before{content:"\F027D"}.mdi-format-pilcrow::before{content:"\F06D8"}.mdi-format-quote-close::before{content:"\F027E"}.mdi-format-quote-close-outline::before{content:"\F11A8"}.mdi-format-quote-open::before{content:"\F0757"}.mdi-format-quote-open-outline::before{content:"\F11A7"}.mdi-format-rotate-90::before{content:"\F06AA"}.mdi-format-section::before{content:"\F069F"}.mdi-format-size::before{content:"\F027F"}.mdi-format-strikethrough::before{content:"\F0280"}.mdi-format-strikethrough-variant::before{content:"\F0281"}.mdi-format-subscript::before{content:"\F0282"}.mdi-format-superscript::before{content:"\F0283"}.mdi-format-text::before{content:"\F0284"}.mdi-format-text-rotation-angle-down::before{content:"\F0FBB"}.mdi-format-text-rotation-angle-up::before{content:"\F0FBC"}.mdi-format-text-rotation-down::before{content:"\F0D73"}.mdi-format-text-rotation-down-vertical::before{content:"\F0FBD"}.mdi-format-text-rotation-none::before{content:"\F0D74"}.mdi-format-text-rotation-up::before{content:"\F0FBE"}.mdi-format-text-rotation-vertical::before{content:"\F0FBF"}.mdi-format-text-variant::before{content:"\F0E32"}.mdi-format-text-variant-outline::before{content:"\F150F"}.mdi-format-text-wrapping-clip::before{content:"\F0D0E"}.mdi-format-text-wrapping-overflow::before{content:"\F0D0F"}.mdi-format-text-wrapping-wrap::before{content:"\F0D10"}.mdi-format-textbox::before{content:"\F0D11"}.mdi-format-textdirection-l-to-r::before{content:"\F0285"}.mdi-format-textdirection-r-to-l::before{content:"\F0286"}.mdi-format-title::before{content:"\F05F4"}.mdi-format-underline::before{content:"\F0287"}.mdi-format-vertical-align-bottom::before{content:"\F0621"}.mdi-format-vertical-align-center::before{content:"\F0622"}.mdi-format-vertical-align-top::before{content:"\F0623"}.mdi-format-wrap-inline::before{content:"\F0288"}.mdi-format-wrap-square::before{content:"\F0289"}.mdi-format-wrap-tight::before{content:"\F028A"}.mdi-format-wrap-top-bottom::before{content:"\F028B"}.mdi-forum::before{content:"\F028C"}.mdi-forum-outline::before{content:"\F0822"}.mdi-forward::before{content:"\F028D"}.mdi-forwardburger::before{content:"\F0D75"}.mdi-fountain::before{content:"\F096B"}.mdi-fountain-pen::before{content:"\F0D12"}.mdi-fountain-pen-tip::before{content:"\F0D13"}.mdi-freebsd::before{content:"\F08E0"}.mdi-frequently-asked-questions::before{content:"\F0EB4"}.mdi-fridge::before{content:"\F0290"}.mdi-fridge-alert::before{content:"\F11B1"}.mdi-fridge-alert-outline::before{content:"\F11B2"}.mdi-fridge-bottom::before{content:"\F0292"}.mdi-fridge-industrial::before{content:"\F15EE"}.mdi-fridge-industrial-alert::before{content:"\F15EF"}.mdi-fridge-industrial-alert-outline::before{content:"\F15F0"}.mdi-fridge-industrial-off::before{content:"\F15F1"}.mdi-fridge-industrial-off-outline::before{content:"\F15F2"}.mdi-fridge-industrial-outline::before{content:"\F15F3"}.mdi-fridge-off::before{content:"\F11AF"}.mdi-fridge-off-outline::before{content:"\F11B0"}.mdi-fridge-outline::before{content:"\F028F"}.mdi-fridge-top::before{content:"\F0291"}.mdi-fridge-variant::before{content:"\F15F4"}.mdi-fridge-variant-alert::before{content:"\F15F5"}.mdi-fridge-variant-alert-outline::before{content:"\F15F6"}.mdi-fridge-variant-off::before{content:"\F15F7"}.mdi-fridge-variant-off-outline::before{content:"\F15F8"}.mdi-fridge-variant-outline::before{content:"\F15F9"}.mdi-fruit-cherries::before{content:"\F1042"}.mdi-fruit-cherries-off::before{content:"\F13F8"}.mdi-fruit-citrus::before{content:"\F1043"}.mdi-fruit-citrus-off::before{content:"\F13F9"}.mdi-fruit-grapes::before{content:"\F1044"}.mdi-fruit-grapes-outline::before{content:"\F1045"}.mdi-fruit-pineapple::before{content:"\F1046"}.mdi-fruit-watermelon::before{content:"\F1047"}.mdi-fuel::before{content:"\F07CA"}.mdi-fullscreen::before{content:"\F0293"}.mdi-fullscreen-exit::before{content:"\F0294"}.mdi-function::before{content:"\F0295"}.mdi-function-variant::before{content:"\F0871"}.mdi-furigana-horizontal::before{content:"\F1081"}.mdi-furigana-vertical::before{content:"\F1082"}.mdi-fuse::before{content:"\F0C85"}.mdi-fuse-alert::before{content:"\F142D"}.mdi-fuse-blade::before{content:"\F0C86"}.mdi-fuse-off::before{content:"\F142C"}.mdi-gamepad::before{content:"\F0296"}.mdi-gamepad-circle::before{content:"\F0E33"}.mdi-gamepad-circle-down::before{content:"\F0E34"}.mdi-gamepad-circle-left::before{content:"\F0E35"}.mdi-gamepad-circle-outline::before{content:"\F0E36"}.mdi-gamepad-circle-right::before{content:"\F0E37"}.mdi-gamepad-circle-up::before{content:"\F0E38"}.mdi-gamepad-down::before{content:"\F0E39"}.mdi-gamepad-left::before{content:"\F0E3A"}.mdi-gamepad-right::before{content:"\F0E3B"}.mdi-gamepad-round::before{content:"\F0E3C"}.mdi-gamepad-round-down::before{content:"\F0E3D"}.mdi-gamepad-round-left::before{content:"\F0E3E"}.mdi-gamepad-round-outline::before{content:"\F0E3F"}.mdi-gamepad-round-right::before{content:"\F0E40"}.mdi-gamepad-round-up::before{content:"\F0E41"}.mdi-gamepad-square::before{content:"\F0EB5"}.mdi-gamepad-square-outline::before{content:"\F0EB6"}.mdi-gamepad-up::before{content:"\F0E42"}.mdi-gamepad-variant::before{content:"\F0297"}.mdi-gamepad-variant-outline::before{content:"\F0EB7"}.mdi-gamma::before{content:"\F10EE"}.mdi-gantry-crane::before{content:"\F0DD1"}.mdi-garage::before{content:"\F06D9"}.mdi-garage-alert::before{content:"\F0872"}.mdi-garage-alert-variant::before{content:"\F12D5"}.mdi-garage-open::before{content:"\F06DA"}.mdi-garage-open-variant::before{content:"\F12D4"}.mdi-garage-variant::before{content:"\F12D3"}.mdi-gas-cylinder::before{content:"\F0647"}.mdi-gas-station::before{content:"\F0298"}.mdi-gas-station-off::before{content:"\F1409"}.mdi-gas-station-off-outline::before{content:"\F140A"}.mdi-gas-station-outline::before{content:"\F0EB8"}.mdi-gate::before{content:"\F0299"}.mdi-gate-and::before{content:"\F08E1"}.mdi-gate-arrow-right::before{content:"\F1169"}.mdi-gate-nand::before{content:"\F08E2"}.mdi-gate-nor::before{content:"\F08E3"}.mdi-gate-not::before{content:"\F08E4"}.mdi-gate-open::before{content:"\F116A"}.mdi-gate-or::before{content:"\F08E5"}.mdi-gate-xnor::before{content:"\F08E6"}.mdi-gate-xor::before{content:"\F08E7"}.mdi-gatsby::before{content:"\F0E43"}.mdi-gauge::before{content:"\F029A"}.mdi-gauge-empty::before{content:"\F0873"}.mdi-gauge-full::before{content:"\F0874"}.mdi-gauge-low::before{content:"\F0875"}.mdi-gavel::before{content:"\F029B"}.mdi-gender-female::before{content:"\F029C"}.mdi-gender-male::before{content:"\F029D"}.mdi-gender-male-female::before{content:"\F029E"}.mdi-gender-male-female-variant::before{content:"\F113F"}.mdi-gender-non-binary::before{content:"\F1140"}.mdi-gender-transgender::before{content:"\F029F"}.mdi-gentoo::before{content:"\F08E8"}.mdi-gesture::before{content:"\F07CB"}.mdi-gesture-double-tap::before{content:"\F073C"}.mdi-gesture-pinch::before{content:"\F0ABD"}.mdi-gesture-spread::before{content:"\F0ABE"}.mdi-gesture-swipe::before{content:"\F0D76"}.mdi-gesture-swipe-down::before{content:"\F073D"}.mdi-gesture-swipe-horizontal::before{content:"\F0ABF"}.mdi-gesture-swipe-left::before{content:"\F073E"}.mdi-gesture-swipe-right::before{content:"\F073F"}.mdi-gesture-swipe-up::before{content:"\F0740"}.mdi-gesture-swipe-vertical::before{content:"\F0AC0"}.mdi-gesture-tap::before{content:"\F0741"}.mdi-gesture-tap-box::before{content:"\F12A9"}.mdi-gesture-tap-button::before{content:"\F12A8"}.mdi-gesture-tap-hold::before{content:"\F0D77"}.mdi-gesture-two-double-tap::before{content:"\F0742"}.mdi-gesture-two-tap::before{content:"\F0743"}.mdi-ghost::before{content:"\F02A0"}.mdi-ghost-off::before{content:"\F09F5"}.mdi-ghost-off-outline::before{content:"\F165C"}.mdi-ghost-outline::before{content:"\F165D"}.mdi-gif::before{content:"\F0D78"}.mdi-gift::before{content:"\F0E44"}.mdi-gift-off::before{content:"\F16EF"}.mdi-gift-off-outline::before{content:"\F16F0"}.mdi-gift-open::before{content:"\F16F1"}.mdi-gift-open-outline::before{content:"\F16F2"}.mdi-gift-outline::before{content:"\F02A1"}.mdi-git::before{content:"\F02A2"}.mdi-github::before{content:"\F02A4"}.mdi-gitlab::before{content:"\F0BA0"}.mdi-glass-cocktail::before{content:"\F0356"}.mdi-glass-cocktail-off::before{content:"\F15E6"}.mdi-glass-flute::before{content:"\F02A5"}.mdi-glass-mug::before{content:"\F02A6"}.mdi-glass-mug-off::before{content:"\F15E7"}.mdi-glass-mug-variant::before{content:"\F1116"}.mdi-glass-mug-variant-off::before{content:"\F15E8"}.mdi-glass-pint-outline::before{content:"\F130D"}.mdi-glass-stange::before{content:"\F02A7"}.mdi-glass-tulip::before{content:"\F02A8"}.mdi-glass-wine::before{content:"\F0876"}.mdi-glasses::before{content:"\F02AA"}.mdi-globe-light::before{content:"\F12D7"}.mdi-globe-model::before{content:"\F08E9"}.mdi-gmail::before{content:"\F02AB"}.mdi-gnome::before{content:"\F02AC"}.mdi-go-kart::before{content:"\F0D79"}.mdi-go-kart-track::before{content:"\F0D7A"}.mdi-gog::before{content:"\F0BA1"}.mdi-gold::before{content:"\F124F"}.mdi-golf::before{content:"\F0823"}.mdi-golf-cart::before{content:"\F11A4"}.mdi-golf-tee::before{content:"\F1083"}.mdi-gondola::before{content:"\F0686"}.mdi-goodreads::before{content:"\F0D7B"}.mdi-google::before{content:"\F02AD"}.mdi-google-ads::before{content:"\F0C87"}.mdi-google-analytics::before{content:"\F07CC"}.mdi-google-assistant::before{content:"\F07CD"}.mdi-google-cardboard::before{content:"\F02AE"}.mdi-google-chrome::before{content:"\F02AF"}.mdi-google-circles::before{content:"\F02B0"}.mdi-google-circles-communities::before{content:"\F02B1"}.mdi-google-circles-extended::before{content:"\F02B2"}.mdi-google-circles-group::before{content:"\F02B3"}.mdi-google-classroom::before{content:"\F02C0"}.mdi-google-cloud::before{content:"\F11F6"}.mdi-google-controller::before{content:"\F02B4"}.mdi-google-controller-off::before{content:"\F02B5"}.mdi-google-downasaur::before{content:"\F1362"}.mdi-google-drive::before{content:"\F02B6"}.mdi-google-earth::before{content:"\F02B7"}.mdi-google-fit::before{content:"\F096C"}.mdi-google-glass::before{content:"\F02B8"}.mdi-google-hangouts::before{content:"\F02C9"}.mdi-google-home::before{content:"\F0824"}.mdi-google-keep::before{content:"\F06DC"}.mdi-google-lens::before{content:"\F09F6"}.mdi-google-maps::before{content:"\F05F5"}.mdi-google-my-business::before{content:"\F1048"}.mdi-google-nearby::before{content:"\F02B9"}.mdi-google-photos::before{content:"\F06DD"}.mdi-google-play::before{content:"\F02BC"}.mdi-google-plus::before{content:"\F02BD"}.mdi-google-podcast::before{content:"\F0EB9"}.mdi-google-spreadsheet::before{content:"\F09F7"}.mdi-google-street-view::before{content:"\F0C88"}.mdi-google-translate::before{content:"\F02BF"}.mdi-gradient::before{content:"\F06A0"}.mdi-grain::before{content:"\F0D7C"}.mdi-graph::before{content:"\F1049"}.mdi-graph-outline::before{content:"\F104A"}.mdi-graphql::before{content:"\F0877"}.mdi-grass::before{content:"\F1510"}.mdi-grave-stone::before{content:"\F0BA2"}.mdi-grease-pencil::before{content:"\F0648"}.mdi-greater-than::before{content:"\F096D"}.mdi-greater-than-or-equal::before{content:"\F096E"}.mdi-grid::before{content:"\F02C1"}.mdi-grid-large::before{content:"\F0758"}.mdi-grid-off::before{content:"\F02C2"}.mdi-grill::before{content:"\F0E45"}.mdi-grill-outline::before{content:"\F118A"}.mdi-group::before{content:"\F02C3"}.mdi-guitar-acoustic::before{content:"\F0771"}.mdi-guitar-electric::before{content:"\F02C4"}.mdi-guitar-pick::before{content:"\F02C5"}.mdi-guitar-pick-outline::before{content:"\F02C6"}.mdi-guy-fawkes-mask::before{content:"\F0825"}.mdi-hail::before{content:"\F0AC1"}.mdi-hair-dryer::before{content:"\F10EF"}.mdi-hair-dryer-outline::before{content:"\F10F0"}.mdi-halloween::before{content:"\F0BA3"}.mdi-hamburger::before{content:"\F0685"}.mdi-hammer::before{content:"\F08EA"}.mdi-hammer-screwdriver::before{content:"\F1322"}.mdi-hammer-wrench::before{content:"\F1323"}.mdi-hand::before{content:"\F0A4F"}.mdi-hand-heart::before{content:"\F10F1"}.mdi-hand-heart-outline::before{content:"\F157E"}.mdi-hand-left::before{content:"\F0E46"}.mdi-hand-okay::before{content:"\F0A50"}.mdi-hand-peace::before{content:"\F0A51"}.mdi-hand-peace-variant::before{content:"\F0A52"}.mdi-hand-pointing-down::before{content:"\F0A53"}.mdi-hand-pointing-left::before{content:"\F0A54"}.mdi-hand-pointing-right::before{content:"\F02C7"}.mdi-hand-pointing-up::before{content:"\F0A55"}.mdi-hand-right::before{content:"\F0E47"}.mdi-hand-saw::before{content:"\F0E48"}.mdi-hand-wash::before{content:"\F157F"}.mdi-hand-wash-outline::before{content:"\F1580"}.mdi-hand-water::before{content:"\F139F"}.mdi-handball::before{content:"\F0F53"}.mdi-handcuffs::before{content:"\F113E"}.mdi-handshake::before{content:"\F1218"}.mdi-handshake-outline::before{content:"\F15A1"}.mdi-hanger::before{content:"\F02C8"}.mdi-hard-hat::before{content:"\F096F"}.mdi-harddisk::before{content:"\F02CA"}.mdi-harddisk-plus::before{content:"\F104B"}.mdi-harddisk-remove::before{content:"\F104C"}.mdi-hat-fedora::before{content:"\F0BA4"}.mdi-hazard-lights::before{content:"\F0C89"}.mdi-hdr::before{content:"\F0D7D"}.mdi-hdr-off::before{content:"\F0D7E"}.mdi-head::before{content:"\F135E"}.mdi-head-alert::before{content:"\F1338"}.mdi-head-alert-outline::before{content:"\F1339"}.mdi-head-check::before{content:"\F133A"}.mdi-head-check-outline::before{content:"\F133B"}.mdi-head-cog::before{content:"\F133C"}.mdi-head-cog-outline::before{content:"\F133D"}.mdi-head-dots-horizontal::before{content:"\F133E"}.mdi-head-dots-horizontal-outline::before{content:"\F133F"}.mdi-head-flash::before{content:"\F1340"}.mdi-head-flash-outline::before{content:"\F1341"}.mdi-head-heart::before{content:"\F1342"}.mdi-head-heart-outline::before{content:"\F1343"}.mdi-head-lightbulb::before{content:"\F1344"}.mdi-head-lightbulb-outline::before{content:"\F1345"}.mdi-head-minus::before{content:"\F1346"}.mdi-head-minus-outline::before{content:"\F1347"}.mdi-head-outline::before{content:"\F135F"}.mdi-head-plus::before{content:"\F1348"}.mdi-head-plus-outline::before{content:"\F1349"}.mdi-head-question::before{content:"\F134A"}.mdi-head-question-outline::before{content:"\F134B"}.mdi-head-remove::before{content:"\F134C"}.mdi-head-remove-outline::before{content:"\F134D"}.mdi-head-snowflake::before{content:"\F134E"}.mdi-head-snowflake-outline::before{content:"\F134F"}.mdi-head-sync::before{content:"\F1350"}.mdi-head-sync-outline::before{content:"\F1351"}.mdi-headphones::before{content:"\F02CB"}.mdi-headphones-bluetooth::before{content:"\F0970"}.mdi-headphones-box::before{content:"\F02CC"}.mdi-headphones-off::before{content:"\F07CE"}.mdi-headphones-settings::before{content:"\F02CD"}.mdi-headset::before{content:"\F02CE"}.mdi-headset-dock::before{content:"\F02CF"}.mdi-headset-off::before{content:"\F02D0"}.mdi-heart::before{content:"\F02D1"}.mdi-heart-box::before{content:"\F02D2"}.mdi-heart-box-outline::before{content:"\F02D3"}.mdi-heart-broken::before{content:"\F02D4"}.mdi-heart-broken-outline::before{content:"\F0D14"}.mdi-heart-circle::before{content:"\F0971"}.mdi-heart-circle-outline::before{content:"\F0972"}.mdi-heart-cog::before{content:"\F1663"}.mdi-heart-cog-outline::before{content:"\F1664"}.mdi-heart-flash::before{content:"\F0EF9"}.mdi-heart-half::before{content:"\F06DF"}.mdi-heart-half-full::before{content:"\F06DE"}.mdi-heart-half-outline::before{content:"\F06E0"}.mdi-heart-minus::before{content:"\F142F"}.mdi-heart-minus-outline::before{content:"\F1432"}.mdi-heart-multiple::before{content:"\F0A56"}.mdi-heart-multiple-outline::before{content:"\F0A57"}.mdi-heart-off::before{content:"\F0759"}.mdi-heart-off-outline::before{content:"\F1434"}.mdi-heart-outline::before{content:"\F02D5"}.mdi-heart-plus::before{content:"\F142E"}.mdi-heart-plus-outline::before{content:"\F1431"}.mdi-heart-pulse::before{content:"\F05F6"}.mdi-heart-remove::before{content:"\F1430"}.mdi-heart-remove-outline::before{content:"\F1433"}.mdi-heart-settings::before{content:"\F1665"}.mdi-heart-settings-outline::before{content:"\F1666"}.mdi-helicopter::before{content:"\F0AC2"}.mdi-help::before{content:"\F02D6"}.mdi-help-box::before{content:"\F078B"}.mdi-help-circle::before{content:"\F02D7"}.mdi-help-circle-outline::before{content:"\F0625"}.mdi-help-network::before{content:"\F06F5"}.mdi-help-network-outline::before{content:"\F0C8A"}.mdi-help-rhombus::before{content:"\F0BA5"}.mdi-help-rhombus-outline::before{content:"\F0BA6"}.mdi-hexadecimal::before{content:"\F12A7"}.mdi-hexagon::before{content:"\F02D8"}.mdi-hexagon-multiple::before{content:"\F06E1"}.mdi-hexagon-multiple-outline::before{content:"\F10F2"}.mdi-hexagon-outline::before{content:"\F02D9"}.mdi-hexagon-slice-1::before{content:"\F0AC3"}.mdi-hexagon-slice-2::before{content:"\F0AC4"}.mdi-hexagon-slice-3::before{content:"\F0AC5"}.mdi-hexagon-slice-4::before{content:"\F0AC6"}.mdi-hexagon-slice-5::before{content:"\F0AC7"}.mdi-hexagon-slice-6::before{content:"\F0AC8"}.mdi-hexagram::before{content:"\F0AC9"}.mdi-hexagram-outline::before{content:"\F0ACA"}.mdi-high-definition::before{content:"\F07CF"}.mdi-high-definition-box::before{content:"\F0878"}.mdi-highway::before{content:"\F05F7"}.mdi-hiking::before{content:"\F0D7F"}.mdi-hinduism::before{content:"\F0973"}.mdi-history::before{content:"\F02DA"}.mdi-hockey-puck::before{content:"\F0879"}.mdi-hockey-sticks::before{content:"\F087A"}.mdi-hololens::before{content:"\F02DB"}.mdi-home::before{content:"\F02DC"}.mdi-home-account::before{content:"\F0826"}.mdi-home-alert::before{content:"\F087B"}.mdi-home-alert-outline::before{content:"\F15D0"}.mdi-home-analytics::before{content:"\F0EBA"}.mdi-home-assistant::before{content:"\F07D0"}.mdi-home-automation::before{content:"\F07D1"}.mdi-home-circle::before{content:"\F07D2"}.mdi-home-circle-outline::before{content:"\F104D"}.mdi-home-city::before{content:"\F0D15"}.mdi-home-city-outline::before{content:"\F0D16"}.mdi-home-currency-usd::before{content:"\F08AF"}.mdi-home-edit::before{content:"\F1159"}.mdi-home-edit-outline::before{content:"\F115A"}.mdi-home-export-outline::before{content:"\F0F9B"}.mdi-home-flood::before{content:"\F0EFA"}.mdi-home-floor-0::before{content:"\F0DD2"}.mdi-home-floor-1::before{content:"\F0D80"}.mdi-home-floor-2::before{content:"\F0D81"}.mdi-home-floor-3::before{content:"\F0D82"}.mdi-home-floor-a::before{content:"\F0D83"}.mdi-home-floor-b::before{content:"\F0D84"}.mdi-home-floor-g::before{content:"\F0D85"}.mdi-home-floor-l::before{content:"\F0D86"}.mdi-home-floor-negative-1::before{content:"\F0DD3"}.mdi-home-group::before{content:"\F0DD4"}.mdi-home-heart::before{content:"\F0827"}.mdi-home-import-outline::before{content:"\F0F9C"}.mdi-home-lightbulb::before{content:"\F1251"}.mdi-home-lightbulb-outline::before{content:"\F1252"}.mdi-home-lock::before{content:"\F08EB"}.mdi-home-lock-open::before{content:"\F08EC"}.mdi-home-map-marker::before{content:"\F05F8"}.mdi-home-minus::before{content:"\F0974"}.mdi-home-minus-outline::before{content:"\F13D5"}.mdi-home-modern::before{content:"\F02DD"}.mdi-home-outline::before{content:"\F06A1"}.mdi-home-plus::before{content:"\F0975"}.mdi-home-plus-outline::before{content:"\F13D6"}.mdi-home-remove::before{content:"\F1247"}.mdi-home-remove-outline::before{content:"\F13D7"}.mdi-home-roof::before{content:"\F112B"}.mdi-home-search::before{content:"\F13B0"}.mdi-home-search-outline::before{content:"\F13B1"}.mdi-home-thermometer::before{content:"\F0F54"}.mdi-home-thermometer-outline::before{content:"\F0F55"}.mdi-home-variant::before{content:"\F02DE"}.mdi-home-variant-outline::before{content:"\F0BA7"}.mdi-hook::before{content:"\F06E2"}.mdi-hook-off::before{content:"\F06E3"}.mdi-hops::before{content:"\F02DF"}.mdi-horizontal-rotate-clockwise::before{content:"\F10F3"}.mdi-horizontal-rotate-counterclockwise::before{content:"\F10F4"}.mdi-horse::before{content:"\F15BF"}.mdi-horse-human::before{content:"\F15C0"}.mdi-horse-variant::before{content:"\F15C1"}.mdi-horseshoe::before{content:"\F0A58"}.mdi-hospital::before{content:"\F0FF6"}.mdi-hospital-box::before{content:"\F02E0"}.mdi-hospital-box-outline::before{content:"\F0FF7"}.mdi-hospital-building::before{content:"\F02E1"}.mdi-hospital-marker::before{content:"\F02E2"}.mdi-hot-tub::before{content:"\F0828"}.mdi-hours-24::before{content:"\F1478"}.mdi-hubspot::before{content:"\F0D17"}.mdi-hulu::before{content:"\F0829"}.mdi-human::before{content:"\F02E6"}.mdi-human-baby-changing-table::before{content:"\F138B"}.mdi-human-cane::before{content:"\F1581"}.mdi-human-capacity-decrease::before{content:"\F159B"}.mdi-human-capacity-increase::before{content:"\F159C"}.mdi-human-child::before{content:"\F02E7"}.mdi-human-edit::before{content:"\F14E8"}.mdi-human-female::before{content:"\F0649"}.mdi-human-female-boy::before{content:"\F0A59"}.mdi-human-female-dance::before{content:"\F15C9"}.mdi-human-female-female::before{content:"\F0A5A"}.mdi-human-female-girl::before{content:"\F0A5B"}.mdi-human-greeting::before{content:"\F064A"}.mdi-human-greeting-proximity::before{content:"\F159D"}.mdi-human-handsdown::before{content:"\F064B"}.mdi-human-handsup::before{content:"\F064C"}.mdi-human-male::before{content:"\F064D"}.mdi-human-male-boy::before{content:"\F0A5C"}.mdi-human-male-child::before{content:"\F138C"}.mdi-human-male-female::before{content:"\F02E8"}.mdi-human-male-girl::before{content:"\F0A5D"}.mdi-human-male-height::before{content:"\F0EFB"}.mdi-human-male-height-variant::before{content:"\F0EFC"}.mdi-human-male-male::before{content:"\F0A5E"}.mdi-human-pregnant::before{content:"\F05CF"}.mdi-human-queue::before{content:"\F1571"}.mdi-human-scooter::before{content:"\F11E9"}.mdi-human-wheelchair::before{content:"\F138D"}.mdi-humble-bundle::before{content:"\F0744"}.mdi-hvac::before{content:"\F1352"}.mdi-hvac-off::before{content:"\F159E"}.mdi-hydraulic-oil-level::before{content:"\F1324"}.mdi-hydraulic-oil-temperature::before{content:"\F1325"}.mdi-hydro-power::before{content:"\F12E5"}.mdi-ice-cream::before{content:"\F082A"}.mdi-ice-cream-off::before{content:"\F0E52"}.mdi-ice-pop::before{content:"\F0EFD"}.mdi-id-card::before{content:"\F0FC0"}.mdi-identifier::before{content:"\F0EFE"}.mdi-ideogram-cjk::before{content:"\F1331"}.mdi-ideogram-cjk-variant::before{content:"\F1332"}.mdi-iframe::before{content:"\F0C8B"}.mdi-iframe-array::before{content:"\F10F5"}.mdi-iframe-array-outline::before{content:"\F10F6"}.mdi-iframe-braces::before{content:"\F10F7"}.mdi-iframe-braces-outline::before{content:"\F10F8"}.mdi-iframe-outline::before{content:"\F0C8C"}.mdi-iframe-parentheses::before{content:"\F10F9"}.mdi-iframe-parentheses-outline::before{content:"\F10FA"}.mdi-iframe-variable::before{content:"\F10FB"}.mdi-iframe-variable-outline::before{content:"\F10FC"}.mdi-image::before{content:"\F02E9"}.mdi-image-album::before{content:"\F02EA"}.mdi-image-area::before{content:"\F02EB"}.mdi-image-area-close::before{content:"\F02EC"}.mdi-image-auto-adjust::before{content:"\F0FC1"}.mdi-image-broken::before{content:"\F02ED"}.mdi-image-broken-variant::before{content:"\F02EE"}.mdi-image-edit::before{content:"\F11E3"}.mdi-image-edit-outline::before{content:"\F11E4"}.mdi-image-filter-black-white::before{content:"\F02F0"}.mdi-image-filter-center-focus::before{content:"\F02F1"}.mdi-image-filter-center-focus-strong::before{content:"\F0EFF"}.mdi-image-filter-center-focus-strong-outline::before{content:"\F0F00"}.mdi-image-filter-center-focus-weak::before{content:"\F02F2"}.mdi-image-filter-drama::before{content:"\F02F3"}.mdi-image-filter-frames::before{content:"\F02F4"}.mdi-image-filter-hdr::before{content:"\F02F5"}.mdi-image-filter-none::before{content:"\F02F6"}.mdi-image-filter-tilt-shift::before{content:"\F02F7"}.mdi-image-filter-vintage::before{content:"\F02F8"}.mdi-image-frame::before{content:"\F0E49"}.mdi-image-minus::before{content:"\F1419"}.mdi-image-move::before{content:"\F09F8"}.mdi-image-multiple::before{content:"\F02F9"}.mdi-image-multiple-outline::before{content:"\F02EF"}.mdi-image-off::before{content:"\F082B"}.mdi-image-off-outline::before{content:"\F11D1"}.mdi-image-outline::before{content:"\F0976"}.mdi-image-plus::before{content:"\F087C"}.mdi-image-remove::before{content:"\F1418"}.mdi-image-search::before{content:"\F0977"}.mdi-image-search-outline::before{content:"\F0978"}.mdi-image-size-select-actual::before{content:"\F0C8D"}.mdi-image-size-select-large::before{content:"\F0C8E"}.mdi-image-size-select-small::before{content:"\F0C8F"}.mdi-image-text::before{content:"\F160D"}.mdi-import::before{content:"\F02FA"}.mdi-inbox::before{content:"\F0687"}.mdi-inbox-arrow-down::before{content:"\F02FB"}.mdi-inbox-arrow-down-outline::before{content:"\F1270"}.mdi-inbox-arrow-up::before{content:"\F03D1"}.mdi-inbox-arrow-up-outline::before{content:"\F1271"}.mdi-inbox-full::before{content:"\F1272"}.mdi-inbox-full-outline::before{content:"\F1273"}.mdi-inbox-multiple::before{content:"\F08B0"}.mdi-inbox-multiple-outline::before{content:"\F0BA8"}.mdi-inbox-outline::before{content:"\F1274"}.mdi-inbox-remove::before{content:"\F159F"}.mdi-inbox-remove-outline::before{content:"\F15A0"}.mdi-incognito::before{content:"\F05F9"}.mdi-incognito-circle::before{content:"\F1421"}.mdi-incognito-circle-off::before{content:"\F1422"}.mdi-incognito-off::before{content:"\F0075"}.mdi-infinity::before{content:"\F06E4"}.mdi-information::before{content:"\F02FC"}.mdi-information-outline::before{content:"\F02FD"}.mdi-information-variant::before{content:"\F064E"}.mdi-instagram::before{content:"\F02FE"}.mdi-instrument-triangle::before{content:"\F104E"}.mdi-invert-colors::before{content:"\F0301"}.mdi-invert-colors-off::before{content:"\F0E4A"}.mdi-iobroker::before{content:"\F12E8"}.mdi-ip::before{content:"\F0A5F"}.mdi-ip-network::before{content:"\F0A60"}.mdi-ip-network-outline::before{content:"\F0C90"}.mdi-ipod::before{content:"\F0C91"}.mdi-islam::before{content:"\F0979"}.mdi-island::before{content:"\F104F"}.mdi-iv-bag::before{content:"\F10B9"}.mdi-jabber::before{content:"\F0DD5"}.mdi-jeepney::before{content:"\F0302"}.mdi-jellyfish::before{content:"\F0F01"}.mdi-jellyfish-outline::before{content:"\F0F02"}.mdi-jira::before{content:"\F0303"}.mdi-jquery::before{content:"\F087D"}.mdi-jsfiddle::before{content:"\F0304"}.mdi-judaism::before{content:"\F097A"}.mdi-jump-rope::before{content:"\F12FF"}.mdi-kabaddi::before{content:"\F0D87"}.mdi-kangaroo::before{content:"\F1558"}.mdi-karate::before{content:"\F082C"}.mdi-keg::before{content:"\F0305"}.mdi-kettle::before{content:"\F05FA"}.mdi-kettle-alert::before{content:"\F1317"}.mdi-kettle-alert-outline::before{content:"\F1318"}.mdi-kettle-off::before{content:"\F131B"}.mdi-kettle-off-outline::before{content:"\F131C"}.mdi-kettle-outline::before{content:"\F0F56"}.mdi-kettle-pour-over::before{content:"\F173C"}.mdi-kettle-steam::before{content:"\F1319"}.mdi-kettle-steam-outline::before{content:"\F131A"}.mdi-kettlebell::before{content:"\F1300"}.mdi-key::before{content:"\F0306"}.mdi-key-arrow-right::before{content:"\F1312"}.mdi-key-chain::before{content:"\F1574"}.mdi-key-chain-variant::before{content:"\F1575"}.mdi-key-change::before{content:"\F0307"}.mdi-key-link::before{content:"\F119F"}.mdi-key-minus::before{content:"\F0308"}.mdi-key-outline::before{content:"\F0DD6"}.mdi-key-plus::before{content:"\F0309"}.mdi-key-remove::before{content:"\F030A"}.mdi-key-star::before{content:"\F119E"}.mdi-key-variant::before{content:"\F030B"}.mdi-key-wireless::before{content:"\F0FC2"}.mdi-keyboard::before{content:"\F030C"}.mdi-keyboard-backspace::before{content:"\F030D"}.mdi-keyboard-caps::before{content:"\F030E"}.mdi-keyboard-close::before{content:"\F030F"}.mdi-keyboard-esc::before{content:"\F12B7"}.mdi-keyboard-f1::before{content:"\F12AB"}.mdi-keyboard-f10::before{content:"\F12B4"}.mdi-keyboard-f11::before{content:"\F12B5"}.mdi-keyboard-f12::before{content:"\F12B6"}.mdi-keyboard-f2::before{content:"\F12AC"}.mdi-keyboard-f3::before{content:"\F12AD"}.mdi-keyboard-f4::before{content:"\F12AE"}.mdi-keyboard-f5::before{content:"\F12AF"}.mdi-keyboard-f6::before{content:"\F12B0"}.mdi-keyboard-f7::before{content:"\F12B1"}.mdi-keyboard-f8::before{content:"\F12B2"}.mdi-keyboard-f9::before{content:"\F12B3"}.mdi-keyboard-off::before{content:"\F0310"}.mdi-keyboard-off-outline::before{content:"\F0E4B"}.mdi-keyboard-outline::before{content:"\F097B"}.mdi-keyboard-return::before{content:"\F0311"}.mdi-keyboard-settings::before{content:"\F09F9"}.mdi-keyboard-settings-outline::before{content:"\F09FA"}.mdi-keyboard-space::before{content:"\F1050"}.mdi-keyboard-tab::before{content:"\F0312"}.mdi-keyboard-variant::before{content:"\F0313"}.mdi-khanda::before{content:"\F10FD"}.mdi-kickstarter::before{content:"\F0745"}.mdi-klingon::before{content:"\F135B"}.mdi-knife::before{content:"\F09FB"}.mdi-knife-military::before{content:"\F09FC"}.mdi-koala::before{content:"\F173F"}.mdi-kodi::before{content:"\F0314"}.mdi-kubernetes::before{content:"\F10FE"}.mdi-label::before{content:"\F0315"}.mdi-label-multiple::before{content:"\F1375"}.mdi-label-multiple-outline::before{content:"\F1376"}.mdi-label-off::before{content:"\F0ACB"}.mdi-label-off-outline::before{content:"\F0ACC"}.mdi-label-outline::before{content:"\F0316"}.mdi-label-percent::before{content:"\F12EA"}.mdi-label-percent-outline::before{content:"\F12EB"}.mdi-label-variant::before{content:"\F0ACD"}.mdi-label-variant-outline::before{content:"\F0ACE"}.mdi-ladder::before{content:"\F15A2"}.mdi-ladybug::before{content:"\F082D"}.mdi-lambda::before{content:"\F0627"}.mdi-lamp::before{content:"\F06B5"}.mdi-lamps::before{content:"\F1576"}.mdi-lan::before{content:"\F0317"}.mdi-lan-check::before{content:"\F12AA"}.mdi-lan-connect::before{content:"\F0318"}.mdi-lan-disconnect::before{content:"\F0319"}.mdi-lan-pending::before{content:"\F031A"}.mdi-language-c::before{content:"\F0671"}.mdi-language-cpp::before{content:"\F0672"}.mdi-language-csharp::before{content:"\F031B"}.mdi-language-css3::before{content:"\F031C"}.mdi-language-fortran::before{content:"\F121A"}.mdi-language-go::before{content:"\F07D3"}.mdi-language-haskell::before{content:"\F0C92"}.mdi-language-html5::before{content:"\F031D"}.mdi-language-java::before{content:"\F0B37"}.mdi-language-javascript::before{content:"\F031E"}.mdi-language-kotlin::before{content:"\F1219"}.mdi-language-lua::before{content:"\F08B1"}.mdi-language-markdown::before{content:"\F0354"}.mdi-language-markdown-outline::before{content:"\F0F5B"}.mdi-language-php::before{content:"\F031F"}.mdi-language-python::before{content:"\F0320"}.mdi-language-r::before{content:"\F07D4"}.mdi-language-ruby::before{content:"\F0D2D"}.mdi-language-ruby-on-rails::before{content:"\F0ACF"}.mdi-language-rust::before{content:"\F1617"}.mdi-language-swift::before{content:"\F06E5"}.mdi-language-typescript::before{content:"\F06E6"}.mdi-language-xaml::before{content:"\F0673"}.mdi-laptop::before{content:"\F0322"}.mdi-laptop-chromebook::before{content:"\F0323"}.mdi-laptop-mac::before{content:"\F0324"}.mdi-laptop-off::before{content:"\F06E7"}.mdi-laptop-windows::before{content:"\F0325"}.mdi-laravel::before{content:"\F0AD0"}.mdi-laser-pointer::before{content:"\F1484"}.mdi-lasso::before{content:"\F0F03"}.mdi-lastpass::before{content:"\F0446"}.mdi-latitude::before{content:"\F0F57"}.mdi-launch::before{content:"\F0327"}.mdi-lava-lamp::before{content:"\F07D5"}.mdi-layers::before{content:"\F0328"}.mdi-layers-minus::before{content:"\F0E4C"}.mdi-layers-off::before{content:"\F0329"}.mdi-layers-off-outline::before{content:"\F09FD"}.mdi-layers-outline::before{content:"\F09FE"}.mdi-layers-plus::before{content:"\F0E4D"}.mdi-layers-remove::before{content:"\F0E4E"}.mdi-layers-search::before{content:"\F1206"}.mdi-layers-search-outline::before{content:"\F1207"}.mdi-layers-triple::before{content:"\F0F58"}.mdi-layers-triple-outline::before{content:"\F0F59"}.mdi-lead-pencil::before{content:"\F064F"}.mdi-leaf::before{content:"\F032A"}.mdi-leaf-maple::before{content:"\F0C93"}.mdi-leaf-maple-off::before{content:"\F12DA"}.mdi-leaf-off::before{content:"\F12D9"}.mdi-leak::before{content:"\F0DD7"}.mdi-leak-off::before{content:"\F0DD8"}.mdi-led-off::before{content:"\F032B"}.mdi-led-on::before{content:"\F032C"}.mdi-led-outline::before{content:"\F032D"}.mdi-led-strip::before{content:"\F07D6"}.mdi-led-strip-variant::before{content:"\F1051"}.mdi-led-variant-off::before{content:"\F032E"}.mdi-led-variant-on::before{content:"\F032F"}.mdi-led-variant-outline::before{content:"\F0330"}.mdi-leek::before{content:"\F117D"}.mdi-less-than::before{content:"\F097C"}.mdi-less-than-or-equal::before{content:"\F097D"}.mdi-library::before{content:"\F0331"}.mdi-library-shelves::before{content:"\F0BA9"}.mdi-license::before{content:"\F0FC3"}.mdi-lifebuoy::before{content:"\F087E"}.mdi-light-switch::before{content:"\F097E"}.mdi-lightbulb::before{content:"\F0335"}.mdi-lightbulb-cfl::before{content:"\F1208"}.mdi-lightbulb-cfl-off::before{content:"\F1209"}.mdi-lightbulb-cfl-spiral::before{content:"\F1275"}.mdi-lightbulb-cfl-spiral-off::before{content:"\F12C3"}.mdi-lightbulb-group::before{content:"\F1253"}.mdi-lightbulb-group-off::before{content:"\F12CD"}.mdi-lightbulb-group-off-outline::before{content:"\F12CE"}.mdi-lightbulb-group-outline::before{content:"\F1254"}.mdi-lightbulb-multiple::before{content:"\F1255"}.mdi-lightbulb-multiple-off::before{content:"\F12CF"}.mdi-lightbulb-multiple-off-outline::before{content:"\F12D0"}.mdi-lightbulb-multiple-outline::before{content:"\F1256"}.mdi-lightbulb-off::before{content:"\F0E4F"}.mdi-lightbulb-off-outline::before{content:"\F0E50"}.mdi-lightbulb-on::before{content:"\F06E8"}.mdi-lightbulb-on-outline::before{content:"\F06E9"}.mdi-lightbulb-outline::before{content:"\F0336"}.mdi-lighthouse::before{content:"\F09FF"}.mdi-lighthouse-on::before{content:"\F0A00"}.mdi-lightning-bolt::before{content:"\F140B"}.mdi-lightning-bolt-outline::before{content:"\F140C"}.mdi-lingerie::before{content:"\F1476"}.mdi-link::before{content:"\F0337"}.mdi-link-box::before{content:"\F0D1A"}.mdi-link-box-outline::before{content:"\F0D1B"}.mdi-link-box-variant::before{content:"\F0D1C"}.mdi-link-box-variant-outline::before{content:"\F0D1D"}.mdi-link-lock::before{content:"\F10BA"}.mdi-link-off::before{content:"\F0338"}.mdi-link-plus::before{content:"\F0C94"}.mdi-link-variant::before{content:"\F0339"}.mdi-link-variant-minus::before{content:"\F10FF"}.mdi-link-variant-off::before{content:"\F033A"}.mdi-link-variant-plus::before{content:"\F1100"}.mdi-link-variant-remove::before{content:"\F1101"}.mdi-linkedin::before{content:"\F033B"}.mdi-linux::before{content:"\F033D"}.mdi-linux-mint::before{content:"\F08ED"}.mdi-lipstick::before{content:"\F13B5"}.mdi-list-status::before{content:"\F15AB"}.mdi-litecoin::before{content:"\F0A61"}.mdi-loading::before{content:"\F0772"}.mdi-location-enter::before{content:"\F0FC4"}.mdi-location-exit::before{content:"\F0FC5"}.mdi-lock::before{content:"\F033E"}.mdi-lock-alert::before{content:"\F08EE"}.mdi-lock-alert-outline::before{content:"\F15D1"}.mdi-lock-check::before{content:"\F139A"}.mdi-lock-check-outline::before{content:"\F16A8"}.mdi-lock-clock::before{content:"\F097F"}.mdi-lock-minus::before{content:"\F16A9"}.mdi-lock-minus-outline::before{content:"\F16AA"}.mdi-lock-off::before{content:"\F1671"}.mdi-lock-off-outline::before{content:"\F1672"}.mdi-lock-open::before{content:"\F033F"}.mdi-lock-open-alert::before{content:"\F139B"}.mdi-lock-open-alert-outline::before{content:"\F15D2"}.mdi-lock-open-check::before{content:"\F139C"}.mdi-lock-open-check-outline::before{content:"\F16AB"}.mdi-lock-open-minus::before{content:"\F16AC"}.mdi-lock-open-minus-outline::before{content:"\F16AD"}.mdi-lock-open-outline::before{content:"\F0340"}.mdi-lock-open-plus::before{content:"\F16AE"}.mdi-lock-open-plus-outline::before{content:"\F16AF"}.mdi-lock-open-remove::before{content:"\F16B0"}.mdi-lock-open-remove-outline::before{content:"\F16B1"}.mdi-lock-open-variant::before{content:"\F0FC6"}.mdi-lock-open-variant-outline::before{content:"\F0FC7"}.mdi-lock-outline::before{content:"\F0341"}.mdi-lock-pattern::before{content:"\F06EA"}.mdi-lock-plus::before{content:"\F05FB"}.mdi-lock-plus-outline::before{content:"\F16B2"}.mdi-lock-question::before{content:"\F08EF"}.mdi-lock-remove::before{content:"\F16B3"}.mdi-lock-remove-outline::before{content:"\F16B4"}.mdi-lock-reset::before{content:"\F0773"}.mdi-lock-smart::before{content:"\F08B2"}.mdi-locker::before{content:"\F07D7"}.mdi-locker-multiple::before{content:"\F07D8"}.mdi-login::before{content:"\F0342"}.mdi-login-variant::before{content:"\F05FC"}.mdi-logout::before{content:"\F0343"}.mdi-logout-variant::before{content:"\F05FD"}.mdi-longitude::before{content:"\F0F5A"}.mdi-looks::before{content:"\F0344"}.mdi-lotion::before{content:"\F1582"}.mdi-lotion-outline::before{content:"\F1583"}.mdi-lotion-plus::before{content:"\F1584"}.mdi-lotion-plus-outline::before{content:"\F1585"}.mdi-loupe::before{content:"\F0345"}.mdi-lumx::before{content:"\F0346"}.mdi-lungs::before{content:"\F1084"}.mdi-magnet::before{content:"\F0347"}.mdi-magnet-on::before{content:"\F0348"}.mdi-magnify::before{content:"\F0349"}.mdi-magnify-close::before{content:"\F0980"}.mdi-magnify-minus::before{content:"\F034A"}.mdi-magnify-minus-cursor::before{content:"\F0A62"}.mdi-magnify-minus-outline::before{content:"\F06EC"}.mdi-magnify-plus::before{content:"\F034B"}.mdi-magnify-plus-cursor::before{content:"\F0A63"}.mdi-magnify-plus-outline::before{content:"\F06ED"}.mdi-magnify-remove-cursor::before{content:"\F120C"}.mdi-magnify-remove-outline::before{content:"\F120D"}.mdi-magnify-scan::before{content:"\F1276"}.mdi-mail::before{content:"\F0EBB"}.mdi-mailbox::before{content:"\F06EE"}.mdi-mailbox-open::before{content:"\F0D88"}.mdi-mailbox-open-outline::before{content:"\F0D89"}.mdi-mailbox-open-up::before{content:"\F0D8A"}.mdi-mailbox-open-up-outline::before{content:"\F0D8B"}.mdi-mailbox-outline::before{content:"\F0D8C"}.mdi-mailbox-up::before{content:"\F0D8D"}.mdi-mailbox-up-outline::before{content:"\F0D8E"}.mdi-manjaro::before{content:"\F160A"}.mdi-map::before{content:"\F034D"}.mdi-map-check::before{content:"\F0EBC"}.mdi-map-check-outline::before{content:"\F0EBD"}.mdi-map-clock::before{content:"\F0D1E"}.mdi-map-clock-outline::before{content:"\F0D1F"}.mdi-map-legend::before{content:"\F0A01"}.mdi-map-marker::before{content:"\F034E"}.mdi-map-marker-alert::before{content:"\F0F05"}.mdi-map-marker-alert-outline::before{content:"\F0F06"}.mdi-map-marker-check::before{content:"\F0C95"}.mdi-map-marker-check-outline::before{content:"\F12FB"}.mdi-map-marker-circle::before{content:"\F034F"}.mdi-map-marker-distance::before{content:"\F08F0"}.mdi-map-marker-down::before{content:"\F1102"}.mdi-map-marker-left::before{content:"\F12DB"}.mdi-map-marker-left-outline::before{content:"\F12DD"}.mdi-map-marker-minus::before{content:"\F0650"}.mdi-map-marker-minus-outline::before{content:"\F12F9"}.mdi-map-marker-multiple::before{content:"\F0350"}.mdi-map-marker-multiple-outline::before{content:"\F1277"}.mdi-map-marker-off::before{content:"\F0351"}.mdi-map-marker-off-outline::before{content:"\F12FD"}.mdi-map-marker-outline::before{content:"\F07D9"}.mdi-map-marker-path::before{content:"\F0D20"}.mdi-map-marker-plus::before{content:"\F0651"}.mdi-map-marker-plus-outline::before{content:"\F12F8"}.mdi-map-marker-question::before{content:"\F0F07"}.mdi-map-marker-question-outline::before{content:"\F0F08"}.mdi-map-marker-radius::before{content:"\F0352"}.mdi-map-marker-radius-outline::before{content:"\F12FC"}.mdi-map-marker-remove::before{content:"\F0F09"}.mdi-map-marker-remove-outline::before{content:"\F12FA"}.mdi-map-marker-remove-variant::before{content:"\F0F0A"}.mdi-map-marker-right::before{content:"\F12DC"}.mdi-map-marker-right-outline::before{content:"\F12DE"}.mdi-map-marker-star::before{content:"\F1608"}.mdi-map-marker-star-outline::before{content:"\F1609"}.mdi-map-marker-up::before{content:"\F1103"}.mdi-map-minus::before{content:"\F0981"}.mdi-map-outline::before{content:"\F0982"}.mdi-map-plus::before{content:"\F0983"}.mdi-map-search::before{content:"\F0984"}.mdi-map-search-outline::before{content:"\F0985"}.mdi-mapbox::before{content:"\F0BAA"}.mdi-margin::before{content:"\F0353"}.mdi-marker::before{content:"\F0652"}.mdi-marker-cancel::before{content:"\F0DD9"}.mdi-marker-check::before{content:"\F0355"}.mdi-mastodon::before{content:"\F0AD1"}.mdi-material-design::before{content:"\F0986"}.mdi-material-ui::before{content:"\F0357"}.mdi-math-compass::before{content:"\F0358"}.mdi-math-cos::before{content:"\F0C96"}.mdi-math-integral::before{content:"\F0FC8"}.mdi-math-integral-box::before{content:"\F0FC9"}.mdi-math-log::before{content:"\F1085"}.mdi-math-norm::before{content:"\F0FCA"}.mdi-math-norm-box::before{content:"\F0FCB"}.mdi-math-sin::before{content:"\F0C97"}.mdi-math-tan::before{content:"\F0C98"}.mdi-matrix::before{content:"\F0628"}.mdi-medal::before{content:"\F0987"}.mdi-medal-outline::before{content:"\F1326"}.mdi-medical-bag::before{content:"\F06EF"}.mdi-meditation::before{content:"\F117B"}.mdi-memory::before{content:"\F035B"}.mdi-menu::before{content:"\F035C"}.mdi-menu-down::before{content:"\F035D"}.mdi-menu-down-outline::before{content:"\F06B6"}.mdi-menu-left::before{content:"\F035E"}.mdi-menu-left-outline::before{content:"\F0A02"}.mdi-menu-open::before{content:"\F0BAB"}.mdi-menu-right::before{content:"\F035F"}.mdi-menu-right-outline::before{content:"\F0A03"}.mdi-menu-swap::before{content:"\F0A64"}.mdi-menu-swap-outline::before{content:"\F0A65"}.mdi-menu-up::before{content:"\F0360"}.mdi-menu-up-outline::before{content:"\F06B7"}.mdi-merge::before{content:"\F0F5C"}.mdi-message::before{content:"\F0361"}.mdi-message-alert::before{content:"\F0362"}.mdi-message-alert-outline::before{content:"\F0A04"}.mdi-message-arrow-left::before{content:"\F12F2"}.mdi-message-arrow-left-outline::before{content:"\F12F3"}.mdi-message-arrow-right::before{content:"\F12F4"}.mdi-message-arrow-right-outline::before{content:"\F12F5"}.mdi-message-bookmark::before{content:"\F15AC"}.mdi-message-bookmark-outline::before{content:"\F15AD"}.mdi-message-bulleted::before{content:"\F06A2"}.mdi-message-bulleted-off::before{content:"\F06A3"}.mdi-message-cog::before{content:"\F06F1"}.mdi-message-cog-outline::before{content:"\F1172"}.mdi-message-draw::before{content:"\F0363"}.mdi-message-flash::before{content:"\F15A9"}.mdi-message-flash-outline::before{content:"\F15AA"}.mdi-message-image::before{content:"\F0364"}.mdi-message-image-outline::before{content:"\F116C"}.mdi-message-lock::before{content:"\F0FCC"}.mdi-message-lock-outline::before{content:"\F116D"}.mdi-message-minus::before{content:"\F116E"}.mdi-message-minus-outline::before{content:"\F116F"}.mdi-message-off::before{content:"\F164D"}.mdi-message-off-outline::before{content:"\F164E"}.mdi-message-outline::before{content:"\F0365"}.mdi-message-plus::before{content:"\F0653"}.mdi-message-plus-outline::before{content:"\F10BB"}.mdi-message-processing::before{content:"\F0366"}.mdi-message-processing-outline::before{content:"\F1170"}.mdi-message-question::before{content:"\F173A"}.mdi-message-question-outline::before{content:"\F173B"}.mdi-message-reply::before{content:"\F0367"}.mdi-message-reply-outline::before{content:"\F173D"}.mdi-message-reply-text::before{content:"\F0368"}.mdi-message-reply-text-outline::before{content:"\F173E"}.mdi-message-settings::before{content:"\F06F0"}.mdi-message-settings-outline::before{content:"\F1171"}.mdi-message-text::before{content:"\F0369"}.mdi-message-text-clock::before{content:"\F1173"}.mdi-message-text-clock-outline::before{content:"\F1174"}.mdi-message-text-lock::before{content:"\F0FCD"}.mdi-message-text-lock-outline::before{content:"\F1175"}.mdi-message-text-outline::before{content:"\F036A"}.mdi-message-video::before{content:"\F036B"}.mdi-meteor::before{content:"\F0629"}.mdi-metronome::before{content:"\F07DA"}.mdi-metronome-tick::before{content:"\F07DB"}.mdi-micro-sd::before{content:"\F07DC"}.mdi-microphone::before{content:"\F036C"}.mdi-microphone-minus::before{content:"\F08B3"}.mdi-microphone-off::before{content:"\F036D"}.mdi-microphone-outline::before{content:"\F036E"}.mdi-microphone-plus::before{content:"\F08B4"}.mdi-microphone-settings::before{content:"\F036F"}.mdi-microphone-variant::before{content:"\F0370"}.mdi-microphone-variant-off::before{content:"\F0371"}.mdi-microscope::before{content:"\F0654"}.mdi-microsoft::before{content:"\F0372"}.mdi-microsoft-access::before{content:"\F138E"}.mdi-microsoft-azure::before{content:"\F0805"}.mdi-microsoft-azure-devops::before{content:"\F0FD5"}.mdi-microsoft-bing::before{content:"\F00A4"}.mdi-microsoft-dynamics-365::before{content:"\F0988"}.mdi-microsoft-edge::before{content:"\F01E9"}.mdi-microsoft-edge-legacy::before{content:"\F1250"}.mdi-microsoft-excel::before{content:"\F138F"}.mdi-microsoft-internet-explorer::before{content:"\F0300"}.mdi-microsoft-office::before{content:"\F03C6"}.mdi-microsoft-onedrive::before{content:"\F03CA"}.mdi-microsoft-onenote::before{content:"\F0747"}.mdi-microsoft-outlook::before{content:"\F0D22"}.mdi-microsoft-powerpoint::before{content:"\F1390"}.mdi-microsoft-sharepoint::before{content:"\F1391"}.mdi-microsoft-teams::before{content:"\F02BB"}.mdi-microsoft-visual-studio::before{content:"\F0610"}.mdi-microsoft-visual-studio-code::before{content:"\F0A1E"}.mdi-microsoft-windows::before{content:"\F05B3"}.mdi-microsoft-windows-classic::before{content:"\F0A21"}.mdi-microsoft-word::before{content:"\F1392"}.mdi-microsoft-xbox::before{content:"\F05B9"}.mdi-microsoft-xbox-controller::before{content:"\F05BA"}.mdi-microsoft-xbox-controller-battery-alert::before{content:"\F074B"}.mdi-microsoft-xbox-controller-battery-charging::before{content:"\F0A22"}.mdi-microsoft-xbox-controller-battery-empty::before{content:"\F074C"}.mdi-microsoft-xbox-controller-battery-full::before{content:"\F074D"}.mdi-microsoft-xbox-controller-battery-low::before{content:"\F074E"}.mdi-microsoft-xbox-controller-battery-medium::before{content:"\F074F"}.mdi-microsoft-xbox-controller-battery-unknown::before{content:"\F0750"}.mdi-microsoft-xbox-controller-menu::before{content:"\F0E6F"}.mdi-microsoft-xbox-controller-off::before{content:"\F05BB"}.mdi-microsoft-xbox-controller-view::before{content:"\F0E70"}.mdi-microsoft-yammer::before{content:"\F0789"}.mdi-microwave::before{content:"\F0C99"}.mdi-microwave-off::before{content:"\F1423"}.mdi-middleware::before{content:"\F0F5D"}.mdi-middleware-outline::before{content:"\F0F5E"}.mdi-midi::before{content:"\F08F1"}.mdi-midi-port::before{content:"\F08F2"}.mdi-mine::before{content:"\F0DDA"}.mdi-minecraft::before{content:"\F0373"}.mdi-mini-sd::before{content:"\F0A05"}.mdi-minidisc::before{content:"\F0A06"}.mdi-minus::before{content:"\F0374"}.mdi-minus-box::before{content:"\F0375"}.mdi-minus-box-multiple::before{content:"\F1141"}.mdi-minus-box-multiple-outline::before{content:"\F1142"}.mdi-minus-box-outline::before{content:"\F06F2"}.mdi-minus-circle::before{content:"\F0376"}.mdi-minus-circle-multiple::before{content:"\F035A"}.mdi-minus-circle-multiple-outline::before{content:"\F0AD3"}.mdi-minus-circle-off::before{content:"\F1459"}.mdi-minus-circle-off-outline::before{content:"\F145A"}.mdi-minus-circle-outline::before{content:"\F0377"}.mdi-minus-network::before{content:"\F0378"}.mdi-minus-network-outline::before{content:"\F0C9A"}.mdi-minus-thick::before{content:"\F1639"}.mdi-mirror::before{content:"\F11FD"}.mdi-mixed-martial-arts::before{content:"\F0D8F"}.mdi-mixed-reality::before{content:"\F087F"}.mdi-molecule::before{content:"\F0BAC"}.mdi-molecule-co::before{content:"\F12FE"}.mdi-molecule-co2::before{content:"\F07E4"}.mdi-monitor::before{content:"\F0379"}.mdi-monitor-cellphone::before{content:"\F0989"}.mdi-monitor-cellphone-star::before{content:"\F098A"}.mdi-monitor-clean::before{content:"\F1104"}.mdi-monitor-dashboard::before{content:"\F0A07"}.mdi-monitor-edit::before{content:"\F12C6"}.mdi-monitor-eye::before{content:"\F13B4"}.mdi-monitor-lock::before{content:"\F0DDB"}.mdi-monitor-multiple::before{content:"\F037A"}.mdi-monitor-off::before{content:"\F0D90"}.mdi-monitor-screenshot::before{content:"\F0E51"}.mdi-monitor-share::before{content:"\F1483"}.mdi-monitor-speaker::before{content:"\F0F5F"}.mdi-monitor-speaker-off::before{content:"\F0F60"}.mdi-monitor-star::before{content:"\F0DDC"}.mdi-moon-first-quarter::before{content:"\F0F61"}.mdi-moon-full::before{content:"\F0F62"}.mdi-moon-last-quarter::before{content:"\F0F63"}.mdi-moon-new::before{content:"\F0F64"}.mdi-moon-waning-crescent::before{content:"\F0F65"}.mdi-moon-waning-gibbous::before{content:"\F0F66"}.mdi-moon-waxing-crescent::before{content:"\F0F67"}.mdi-moon-waxing-gibbous::before{content:"\F0F68"}.mdi-moped::before{content:"\F1086"}.mdi-moped-electric::before{content:"\F15B7"}.mdi-moped-electric-outline::before{content:"\F15B8"}.mdi-moped-outline::before{content:"\F15B9"}.mdi-more::before{content:"\F037B"}.mdi-mother-heart::before{content:"\F1314"}.mdi-mother-nurse::before{content:"\F0D21"}.mdi-motion::before{content:"\F15B2"}.mdi-motion-outline::before{content:"\F15B3"}.mdi-motion-pause::before{content:"\F1590"}.mdi-motion-pause-outline::before{content:"\F1592"}.mdi-motion-play::before{content:"\F158F"}.mdi-motion-play-outline::before{content:"\F1591"}.mdi-motion-sensor::before{content:"\F0D91"}.mdi-motion-sensor-off::before{content:"\F1435"}.mdi-motorbike::before{content:"\F037C"}.mdi-motorbike-electric::before{content:"\F15BA"}.mdi-mouse::before{content:"\F037D"}.mdi-mouse-bluetooth::before{content:"\F098B"}.mdi-mouse-move-down::before{content:"\F1550"}.mdi-mouse-move-up::before{content:"\F1551"}.mdi-mouse-move-vertical::before{content:"\F1552"}.mdi-mouse-off::before{content:"\F037E"}.mdi-mouse-variant::before{content:"\F037F"}.mdi-mouse-variant-off::before{content:"\F0380"}.mdi-move-resize::before{content:"\F0655"}.mdi-move-resize-variant::before{content:"\F0656"}.mdi-movie::before{content:"\F0381"}.mdi-movie-check::before{content:"\F16F3"}.mdi-movie-check-outline::before{content:"\F16F4"}.mdi-movie-cog::before{content:"\F16F5"}.mdi-movie-cog-outline::before{content:"\F16F6"}.mdi-movie-edit::before{content:"\F1122"}.mdi-movie-edit-outline::before{content:"\F1123"}.mdi-movie-filter::before{content:"\F1124"}.mdi-movie-filter-outline::before{content:"\F1125"}.mdi-movie-minus::before{content:"\F16F7"}.mdi-movie-minus-outline::before{content:"\F16F8"}.mdi-movie-off::before{content:"\F16F9"}.mdi-movie-off-outline::before{content:"\F16FA"}.mdi-movie-open::before{content:"\F0FCE"}.mdi-movie-open-check::before{content:"\F16FB"}.mdi-movie-open-check-outline::before{content:"\F16FC"}.mdi-movie-open-cog::before{content:"\F16FD"}.mdi-movie-open-cog-outline::before{content:"\F16FE"}.mdi-movie-open-edit::before{content:"\F16FF"}.mdi-movie-open-edit-outline::before{content:"\F1700"}.mdi-movie-open-minus::before{content:"\F1701"}.mdi-movie-open-minus-outline::before{content:"\F1702"}.mdi-movie-open-off::before{content:"\F1703"}.mdi-movie-open-off-outline::before{content:"\F1704"}.mdi-movie-open-outline::before{content:"\F0FCF"}.mdi-movie-open-play::before{content:"\F1705"}.mdi-movie-open-play-outline::before{content:"\F1706"}.mdi-movie-open-plus::before{content:"\F1707"}.mdi-movie-open-plus-outline::before{content:"\F1708"}.mdi-movie-open-remove::before{content:"\F1709"}.mdi-movie-open-remove-outline::before{content:"\F170A"}.mdi-movie-open-settings::before{content:"\F170B"}.mdi-movie-open-settings-outline::before{content:"\F170C"}.mdi-movie-open-star::before{content:"\F170D"}.mdi-movie-open-star-outline::before{content:"\F170E"}.mdi-movie-outline::before{content:"\F0DDD"}.mdi-movie-play::before{content:"\F170F"}.mdi-movie-play-outline::before{content:"\F1710"}.mdi-movie-plus::before{content:"\F1711"}.mdi-movie-plus-outline::before{content:"\F1712"}.mdi-movie-remove::before{content:"\F1713"}.mdi-movie-remove-outline::before{content:"\F1714"}.mdi-movie-roll::before{content:"\F07DE"}.mdi-movie-search::before{content:"\F11D2"}.mdi-movie-search-outline::before{content:"\F11D3"}.mdi-movie-settings::before{content:"\F1715"}.mdi-movie-settings-outline::before{content:"\F1716"}.mdi-movie-star::before{content:"\F1717"}.mdi-movie-star-outline::before{content:"\F1718"}.mdi-mower::before{content:"\F166F"}.mdi-mower-bag::before{content:"\F1670"}.mdi-muffin::before{content:"\F098C"}.mdi-multiplication::before{content:"\F0382"}.mdi-multiplication-box::before{content:"\F0383"}.mdi-mushroom::before{content:"\F07DF"}.mdi-mushroom-off::before{content:"\F13FA"}.mdi-mushroom-off-outline::before{content:"\F13FB"}.mdi-mushroom-outline::before{content:"\F07E0"}.mdi-music::before{content:"\F075A"}.mdi-music-accidental-double-flat::before{content:"\F0F69"}.mdi-music-accidental-double-sharp::before{content:"\F0F6A"}.mdi-music-accidental-flat::before{content:"\F0F6B"}.mdi-music-accidental-natural::before{content:"\F0F6C"}.mdi-music-accidental-sharp::before{content:"\F0F6D"}.mdi-music-box::before{content:"\F0384"}.mdi-music-box-multiple::before{content:"\F0333"}.mdi-music-box-multiple-outline::before{content:"\F0F04"}.mdi-music-box-outline::before{content:"\F0385"}.mdi-music-circle::before{content:"\F0386"}.mdi-music-circle-outline::before{content:"\F0AD4"}.mdi-music-clef-alto::before{content:"\F0F6E"}.mdi-music-clef-bass::before{content:"\F0F6F"}.mdi-music-clef-treble::before{content:"\F0F70"}.mdi-music-note::before{content:"\F0387"}.mdi-music-note-bluetooth::before{content:"\F05FE"}.mdi-music-note-bluetooth-off::before{content:"\F05FF"}.mdi-music-note-eighth::before{content:"\F0388"}.mdi-music-note-eighth-dotted::before{content:"\F0F71"}.mdi-music-note-half::before{content:"\F0389"}.mdi-music-note-half-dotted::before{content:"\F0F72"}.mdi-music-note-off::before{content:"\F038A"}.mdi-music-note-off-outline::before{content:"\F0F73"}.mdi-music-note-outline::before{content:"\F0F74"}.mdi-music-note-plus::before{content:"\F0DDE"}.mdi-music-note-quarter::before{content:"\F038B"}.mdi-music-note-quarter-dotted::before{content:"\F0F75"}.mdi-music-note-sixteenth::before{content:"\F038C"}.mdi-music-note-sixteenth-dotted::before{content:"\F0F76"}.mdi-music-note-whole::before{content:"\F038D"}.mdi-music-note-whole-dotted::before{content:"\F0F77"}.mdi-music-off::before{content:"\F075B"}.mdi-music-rest-eighth::before{content:"\F0F78"}.mdi-music-rest-half::before{content:"\F0F79"}.mdi-music-rest-quarter::before{content:"\F0F7A"}.mdi-music-rest-sixteenth::before{content:"\F0F7B"}.mdi-music-rest-whole::before{content:"\F0F7C"}.mdi-mustache::before{content:"\F15DE"}.mdi-nail::before{content:"\F0DDF"}.mdi-nas::before{content:"\F08F3"}.mdi-nativescript::before{content:"\F0880"}.mdi-nature::before{content:"\F038E"}.mdi-nature-people::before{content:"\F038F"}.mdi-navigation::before{content:"\F0390"}.mdi-navigation-outline::before{content:"\F1607"}.mdi-near-me::before{content:"\F05CD"}.mdi-necklace::before{content:"\F0F0B"}.mdi-needle::before{content:"\F0391"}.mdi-netflix::before{content:"\F0746"}.mdi-network::before{content:"\F06F3"}.mdi-network-off::before{content:"\F0C9B"}.mdi-network-off-outline::before{content:"\F0C9C"}.mdi-network-outline::before{content:"\F0C9D"}.mdi-network-strength-1::before{content:"\F08F4"}.mdi-network-strength-1-alert::before{content:"\F08F5"}.mdi-network-strength-2::before{content:"\F08F6"}.mdi-network-strength-2-alert::before{content:"\F08F7"}.mdi-network-strength-3::before{content:"\F08F8"}.mdi-network-strength-3-alert::before{content:"\F08F9"}.mdi-network-strength-4::before{content:"\F08FA"}.mdi-network-strength-4-alert::before{content:"\F08FB"}.mdi-network-strength-off::before{content:"\F08FC"}.mdi-network-strength-off-outline::before{content:"\F08FD"}.mdi-network-strength-outline::before{content:"\F08FE"}.mdi-new-box::before{content:"\F0394"}.mdi-newspaper::before{content:"\F0395"}.mdi-newspaper-minus::before{content:"\F0F0C"}.mdi-newspaper-plus::before{content:"\F0F0D"}.mdi-newspaper-variant::before{content:"\F1001"}.mdi-newspaper-variant-multiple::before{content:"\F1002"}.mdi-newspaper-variant-multiple-outline::before{content:"\F1003"}.mdi-newspaper-variant-outline::before{content:"\F1004"}.mdi-nfc::before{content:"\F0396"}.mdi-nfc-search-variant::before{content:"\F0E53"}.mdi-nfc-tap::before{content:"\F0397"}.mdi-nfc-variant::before{content:"\F0398"}.mdi-nfc-variant-off::before{content:"\F0E54"}.mdi-ninja::before{content:"\F0774"}.mdi-nintendo-game-boy::before{content:"\F1393"}.mdi-nintendo-switch::before{content:"\F07E1"}.mdi-nintendo-wii::before{content:"\F05AB"}.mdi-nintendo-wiiu::before{content:"\F072D"}.mdi-nix::before{content:"\F1105"}.mdi-nodejs::before{content:"\F0399"}.mdi-noodles::before{content:"\F117E"}.mdi-not-equal::before{content:"\F098D"}.mdi-not-equal-variant::before{content:"\F098E"}.mdi-note::before{content:"\F039A"}.mdi-note-minus::before{content:"\F164F"}.mdi-note-minus-outline::before{content:"\F1650"}.mdi-note-multiple::before{content:"\F06B8"}.mdi-note-multiple-outline::before{content:"\F06B9"}.mdi-note-outline::before{content:"\F039B"}.mdi-note-plus::before{content:"\F039C"}.mdi-note-plus-outline::before{content:"\F039D"}.mdi-note-remove::before{content:"\F1651"}.mdi-note-remove-outline::before{content:"\F1652"}.mdi-note-search::before{content:"\F1653"}.mdi-note-search-outline::before{content:"\F1654"}.mdi-note-text::before{content:"\F039E"}.mdi-note-text-outline::before{content:"\F11D7"}.mdi-notebook::before{content:"\F082E"}.mdi-notebook-check::before{content:"\F14F5"}.mdi-notebook-check-outline::before{content:"\F14F6"}.mdi-notebook-edit::before{content:"\F14E7"}.mdi-notebook-edit-outline::before{content:"\F14E9"}.mdi-notebook-minus::before{content:"\F1610"}.mdi-notebook-minus-outline::before{content:"\F1611"}.mdi-notebook-multiple::before{content:"\F0E55"}.mdi-notebook-outline::before{content:"\F0EBF"}.mdi-notebook-plus::before{content:"\F1612"}.mdi-notebook-plus-outline::before{content:"\F1613"}.mdi-notebook-remove::before{content:"\F1614"}.mdi-notebook-remove-outline::before{content:"\F1615"}.mdi-notification-clear-all::before{content:"\F039F"}.mdi-npm::before{content:"\F06F7"}.mdi-nuke::before{content:"\F06A4"}.mdi-null::before{content:"\F07E2"}.mdi-numeric::before{content:"\F03A0"}.mdi-numeric-0::before{content:"\F0B39"}.mdi-numeric-0-box::before{content:"\F03A1"}.mdi-numeric-0-box-multiple::before{content:"\F0F0E"}.mdi-numeric-0-box-multiple-outline::before{content:"\F03A2"}.mdi-numeric-0-box-outline::before{content:"\F03A3"}.mdi-numeric-0-circle::before{content:"\F0C9E"}.mdi-numeric-0-circle-outline::before{content:"\F0C9F"}.mdi-numeric-1::before{content:"\F0B3A"}.mdi-numeric-1-box::before{content:"\F03A4"}.mdi-numeric-1-box-multiple::before{content:"\F0F0F"}.mdi-numeric-1-box-multiple-outline::before{content:"\F03A5"}.mdi-numeric-1-box-outline::before{content:"\F03A6"}.mdi-numeric-1-circle::before{content:"\F0CA0"}.mdi-numeric-1-circle-outline::before{content:"\F0CA1"}.mdi-numeric-10::before{content:"\F0FE9"}.mdi-numeric-10-box::before{content:"\F0F7D"}.mdi-numeric-10-box-multiple::before{content:"\F0FEA"}.mdi-numeric-10-box-multiple-outline::before{content:"\F0FEB"}.mdi-numeric-10-box-outline::before{content:"\F0F7E"}.mdi-numeric-10-circle::before{content:"\F0FEC"}.mdi-numeric-10-circle-outline::before{content:"\F0FED"}.mdi-numeric-2::before{content:"\F0B3B"}.mdi-numeric-2-box::before{content:"\F03A7"}.mdi-numeric-2-box-multiple::before{content:"\F0F10"}.mdi-numeric-2-box-multiple-outline::before{content:"\F03A8"}.mdi-numeric-2-box-outline::before{content:"\F03A9"}.mdi-numeric-2-circle::before{content:"\F0CA2"}.mdi-numeric-2-circle-outline::before{content:"\F0CA3"}.mdi-numeric-3::before{content:"\F0B3C"}.mdi-numeric-3-box::before{content:"\F03AA"}.mdi-numeric-3-box-multiple::before{content:"\F0F11"}.mdi-numeric-3-box-multiple-outline::before{content:"\F03AB"}.mdi-numeric-3-box-outline::before{content:"\F03AC"}.mdi-numeric-3-circle::before{content:"\F0CA4"}.mdi-numeric-3-circle-outline::before{content:"\F0CA5"}.mdi-numeric-4::before{content:"\F0B3D"}.mdi-numeric-4-box::before{content:"\F03AD"}.mdi-numeric-4-box-multiple::before{content:"\F0F12"}.mdi-numeric-4-box-multiple-outline::before{content:"\F03B2"}.mdi-numeric-4-box-outline::before{content:"\F03AE"}.mdi-numeric-4-circle::before{content:"\F0CA6"}.mdi-numeric-4-circle-outline::before{content:"\F0CA7"}.mdi-numeric-5::before{content:"\F0B3E"}.mdi-numeric-5-box::before{content:"\F03B1"}.mdi-numeric-5-box-multiple::before{content:"\F0F13"}.mdi-numeric-5-box-multiple-outline::before{content:"\F03AF"}.mdi-numeric-5-box-outline::before{content:"\F03B0"}.mdi-numeric-5-circle::before{content:"\F0CA8"}.mdi-numeric-5-circle-outline::before{content:"\F0CA9"}.mdi-numeric-6::before{content:"\F0B3F"}.mdi-numeric-6-box::before{content:"\F03B3"}.mdi-numeric-6-box-multiple::before{content:"\F0F14"}.mdi-numeric-6-box-multiple-outline::before{content:"\F03B4"}.mdi-numeric-6-box-outline::before{content:"\F03B5"}.mdi-numeric-6-circle::before{content:"\F0CAA"}.mdi-numeric-6-circle-outline::before{content:"\F0CAB"}.mdi-numeric-7::before{content:"\F0B40"}.mdi-numeric-7-box::before{content:"\F03B6"}.mdi-numeric-7-box-multiple::before{content:"\F0F15"}.mdi-numeric-7-box-multiple-outline::before{content:"\F03B7"}.mdi-numeric-7-box-outline::before{content:"\F03B8"}.mdi-numeric-7-circle::before{content:"\F0CAC"}.mdi-numeric-7-circle-outline::before{content:"\F0CAD"}.mdi-numeric-8::before{content:"\F0B41"}.mdi-numeric-8-box::before{content:"\F03B9"}.mdi-numeric-8-box-multiple::before{content:"\F0F16"}.mdi-numeric-8-box-multiple-outline::before{content:"\F03BA"}.mdi-numeric-8-box-outline::before{content:"\F03BB"}.mdi-numeric-8-circle::before{content:"\F0CAE"}.mdi-numeric-8-circle-outline::before{content:"\F0CAF"}.mdi-numeric-9::before{content:"\F0B42"}.mdi-numeric-9-box::before{content:"\F03BC"}.mdi-numeric-9-box-multiple::before{content:"\F0F17"}.mdi-numeric-9-box-multiple-outline::before{content:"\F03BD"}.mdi-numeric-9-box-outline::before{content:"\F03BE"}.mdi-numeric-9-circle::before{content:"\F0CB0"}.mdi-numeric-9-circle-outline::before{content:"\F0CB1"}.mdi-numeric-9-plus::before{content:"\F0FEE"}.mdi-numeric-9-plus-box::before{content:"\F03BF"}.mdi-numeric-9-plus-box-multiple::before{content:"\F0F18"}.mdi-numeric-9-plus-box-multiple-outline::before{content:"\F03C0"}.mdi-numeric-9-plus-box-outline::before{content:"\F03C1"}.mdi-numeric-9-plus-circle::before{content:"\F0CB2"}.mdi-numeric-9-plus-circle-outline::before{content:"\F0CB3"}.mdi-numeric-negative-1::before{content:"\F1052"}.mdi-numeric-positive-1::before{content:"\F15CB"}.mdi-nut::before{content:"\F06F8"}.mdi-nutrition::before{content:"\F03C2"}.mdi-nuxt::before{content:"\F1106"}.mdi-oar::before{content:"\F067C"}.mdi-ocarina::before{content:"\F0DE0"}.mdi-oci::before{content:"\F12E9"}.mdi-ocr::before{content:"\F113A"}.mdi-octagon::before{content:"\F03C3"}.mdi-octagon-outline::before{content:"\F03C4"}.mdi-octagram::before{content:"\F06F9"}.mdi-octagram-outline::before{content:"\F0775"}.mdi-odnoklassniki::before{content:"\F03C5"}.mdi-offer::before{content:"\F121B"}.mdi-office-building::before{content:"\F0991"}.mdi-office-building-marker::before{content:"\F1520"}.mdi-office-building-marker-outline::before{content:"\F1521"}.mdi-office-building-outline::before{content:"\F151F"}.mdi-oil::before{content:"\F03C7"}.mdi-oil-lamp::before{content:"\F0F19"}.mdi-oil-level::before{content:"\F1053"}.mdi-oil-temperature::before{content:"\F0FF8"}.mdi-omega::before{content:"\F03C9"}.mdi-one-up::before{content:"\F0BAD"}.mdi-onepassword::before{content:"\F0881"}.mdi-opacity::before{content:"\F05CC"}.mdi-open-in-app::before{content:"\F03CB"}.mdi-open-in-new::before{content:"\F03CC"}.mdi-open-source-initiative::before{content:"\F0BAE"}.mdi-openid::before{content:"\F03CD"}.mdi-opera::before{content:"\F03CE"}.mdi-orbit::before{content:"\F0018"}.mdi-orbit-variant::before{content:"\F15DB"}.mdi-order-alphabetical-ascending::before{content:"\F020D"}.mdi-order-alphabetical-descending::before{content:"\F0D07"}.mdi-order-bool-ascending::before{content:"\F02BE"}.mdi-order-bool-ascending-variant::before{content:"\F098F"}.mdi-order-bool-descending::before{content:"\F1384"}.mdi-order-bool-descending-variant::before{content:"\F0990"}.mdi-order-numeric-ascending::before{content:"\F0545"}.mdi-order-numeric-descending::before{content:"\F0546"}.mdi-origin::before{content:"\F0B43"}.mdi-ornament::before{content:"\F03CF"}.mdi-ornament-variant::before{content:"\F03D0"}.mdi-outdoor-lamp::before{content:"\F1054"}.mdi-overscan::before{content:"\F1005"}.mdi-owl::before{content:"\F03D2"}.mdi-pac-man::before{content:"\F0BAF"}.mdi-package::before{content:"\F03D3"}.mdi-package-down::before{content:"\F03D4"}.mdi-package-up::before{content:"\F03D5"}.mdi-package-variant::before{content:"\F03D6"}.mdi-package-variant-closed::before{content:"\F03D7"}.mdi-page-first::before{content:"\F0600"}.mdi-page-last::before{content:"\F0601"}.mdi-page-layout-body::before{content:"\F06FA"}.mdi-page-layout-footer::before{content:"\F06FB"}.mdi-page-layout-header::before{content:"\F06FC"}.mdi-page-layout-header-footer::before{content:"\F0F7F"}.mdi-page-layout-sidebar-left::before{content:"\F06FD"}.mdi-page-layout-sidebar-right::before{content:"\F06FE"}.mdi-page-next::before{content:"\F0BB0"}.mdi-page-next-outline::before{content:"\F0BB1"}.mdi-page-previous::before{content:"\F0BB2"}.mdi-page-previous-outline::before{content:"\F0BB3"}.mdi-pail::before{content:"\F1417"}.mdi-pail-minus::before{content:"\F1437"}.mdi-pail-minus-outline::before{content:"\F143C"}.mdi-pail-off::before{content:"\F1439"}.mdi-pail-off-outline::before{content:"\F143E"}.mdi-pail-outline::before{content:"\F143A"}.mdi-pail-plus::before{content:"\F1436"}.mdi-pail-plus-outline::before{content:"\F143B"}.mdi-pail-remove::before{content:"\F1438"}.mdi-pail-remove-outline::before{content:"\F143D"}.mdi-palette::before{content:"\F03D8"}.mdi-palette-advanced::before{content:"\F03D9"}.mdi-palette-outline::before{content:"\F0E0C"}.mdi-palette-swatch::before{content:"\F08B5"}.mdi-palette-swatch-outline::before{content:"\F135C"}.mdi-palm-tree::before{content:"\F1055"}.mdi-pan::before{content:"\F0BB4"}.mdi-pan-bottom-left::before{content:"\F0BB5"}.mdi-pan-bottom-right::before{content:"\F0BB6"}.mdi-pan-down::before{content:"\F0BB7"}.mdi-pan-horizontal::before{content:"\F0BB8"}.mdi-pan-left::before{content:"\F0BB9"}.mdi-pan-right::before{content:"\F0BBA"}.mdi-pan-top-left::before{content:"\F0BBB"}.mdi-pan-top-right::before{content:"\F0BBC"}.mdi-pan-up::before{content:"\F0BBD"}.mdi-pan-vertical::before{content:"\F0BBE"}.mdi-panda::before{content:"\F03DA"}.mdi-pandora::before{content:"\F03DB"}.mdi-panorama::before{content:"\F03DC"}.mdi-panorama-fisheye::before{content:"\F03DD"}.mdi-panorama-horizontal::before{content:"\F03DE"}.mdi-panorama-vertical::before{content:"\F03DF"}.mdi-panorama-wide-angle::before{content:"\F03E0"}.mdi-paper-cut-vertical::before{content:"\F03E1"}.mdi-paper-roll::before{content:"\F1157"}.mdi-paper-roll-outline::before{content:"\F1158"}.mdi-paperclip::before{content:"\F03E2"}.mdi-parachute::before{content:"\F0CB4"}.mdi-parachute-outline::before{content:"\F0CB5"}.mdi-parking::before{content:"\F03E3"}.mdi-party-popper::before{content:"\F1056"}.mdi-passport::before{content:"\F07E3"}.mdi-passport-biometric::before{content:"\F0DE1"}.mdi-pasta::before{content:"\F1160"}.mdi-patio-heater::before{content:"\F0F80"}.mdi-patreon::before{content:"\F0882"}.mdi-pause::before{content:"\F03E4"}.mdi-pause-circle::before{content:"\F03E5"}.mdi-pause-circle-outline::before{content:"\F03E6"}.mdi-pause-octagon::before{content:"\F03E7"}.mdi-pause-octagon-outline::before{content:"\F03E8"}.mdi-paw::before{content:"\F03E9"}.mdi-paw-off::before{content:"\F0657"}.mdi-paw-off-outline::before{content:"\F1676"}.mdi-paw-outline::before{content:"\F1675"}.mdi-pdf-box::before{content:"\F0E56"}.mdi-peace::before{content:"\F0884"}.mdi-peanut::before{content:"\F0FFC"}.mdi-peanut-off::before{content:"\F0FFD"}.mdi-peanut-off-outline::before{content:"\F0FFF"}.mdi-peanut-outline::before{content:"\F0FFE"}.mdi-pen::before{content:"\F03EA"}.mdi-pen-lock::before{content:"\F0DE2"}.mdi-pen-minus::before{content:"\F0DE3"}.mdi-pen-off::before{content:"\F0DE4"}.mdi-pen-plus::before{content:"\F0DE5"}.mdi-pen-remove::before{content:"\F0DE6"}.mdi-pencil::before{content:"\F03EB"}.mdi-pencil-box::before{content:"\F03EC"}.mdi-pencil-box-multiple::before{content:"\F1144"}.mdi-pencil-box-multiple-outline::before{content:"\F1145"}.mdi-pencil-box-outline::before{content:"\F03ED"}.mdi-pencil-circle::before{content:"\F06FF"}.mdi-pencil-circle-outline::before{content:"\F0776"}.mdi-pencil-lock::before{content:"\F03EE"}.mdi-pencil-lock-outline::before{content:"\F0DE7"}.mdi-pencil-minus::before{content:"\F0DE8"}.mdi-pencil-minus-outline::before{content:"\F0DE9"}.mdi-pencil-off::before{content:"\F03EF"}.mdi-pencil-off-outline::before{content:"\F0DEA"}.mdi-pencil-outline::before{content:"\F0CB6"}.mdi-pencil-plus::before{content:"\F0DEB"}.mdi-pencil-plus-outline::before{content:"\F0DEC"}.mdi-pencil-remove::before{content:"\F0DED"}.mdi-pencil-remove-outline::before{content:"\F0DEE"}.mdi-pencil-ruler::before{content:"\F1353"}.mdi-penguin::before{content:"\F0EC0"}.mdi-pentagon::before{content:"\F0701"}.mdi-pentagon-outline::before{content:"\F0700"}.mdi-pentagram::before{content:"\F1667"}.mdi-percent::before{content:"\F03F0"}.mdi-percent-outline::before{content:"\F1278"}.mdi-periodic-table::before{content:"\F08B6"}.mdi-perspective-less::before{content:"\F0D23"}.mdi-perspective-more::before{content:"\F0D24"}.mdi-pharmacy::before{content:"\F03F1"}.mdi-phone::before{content:"\F03F2"}.mdi-phone-alert::before{content:"\F0F1A"}.mdi-phone-alert-outline::before{content:"\F118E"}.mdi-phone-bluetooth::before{content:"\F03F3"}.mdi-phone-bluetooth-outline::before{content:"\F118F"}.mdi-phone-cancel::before{content:"\F10BC"}.mdi-phone-cancel-outline::before{content:"\F1190"}.mdi-phone-check::before{content:"\F11A9"}.mdi-phone-check-outline::before{content:"\F11AA"}.mdi-phone-classic::before{content:"\F0602"}.mdi-phone-classic-off::before{content:"\F1279"}.mdi-phone-dial::before{content:"\F1559"}.mdi-phone-dial-outline::before{content:"\F155A"}.mdi-phone-forward::before{content:"\F03F4"}.mdi-phone-forward-outline::before{content:"\F1191"}.mdi-phone-hangup::before{content:"\F03F5"}.mdi-phone-hangup-outline::before{content:"\F1192"}.mdi-phone-in-talk::before{content:"\F03F6"}.mdi-phone-in-talk-outline::before{content:"\F1182"}.mdi-phone-incoming::before{content:"\F03F7"}.mdi-phone-incoming-outline::before{content:"\F1193"}.mdi-phone-lock::before{content:"\F03F8"}.mdi-phone-lock-outline::before{content:"\F1194"}.mdi-phone-log::before{content:"\F03F9"}.mdi-phone-log-outline::before{content:"\F1195"}.mdi-phone-message::before{content:"\F1196"}.mdi-phone-message-outline::before{content:"\F1197"}.mdi-phone-minus::before{content:"\F0658"}.mdi-phone-minus-outline::before{content:"\F1198"}.mdi-phone-missed::before{content:"\F03FA"}.mdi-phone-missed-outline::before{content:"\F11A5"}.mdi-phone-off::before{content:"\F0DEF"}.mdi-phone-off-outline::before{content:"\F11A6"}.mdi-phone-outgoing::before{content:"\F03FB"}.mdi-phone-outgoing-outline::before{content:"\F1199"}.mdi-phone-outline::before{content:"\F0DF0"}.mdi-phone-paused::before{content:"\F03FC"}.mdi-phone-paused-outline::before{content:"\F119A"}.mdi-phone-plus::before{content:"\F0659"}.mdi-phone-plus-outline::before{content:"\F119B"}.mdi-phone-remove::before{content:"\F152F"}.mdi-phone-remove-outline::before{content:"\F1530"}.mdi-phone-return::before{content:"\F082F"}.mdi-phone-return-outline::before{content:"\F119C"}.mdi-phone-ring::before{content:"\F11AB"}.mdi-phone-ring-outline::before{content:"\F11AC"}.mdi-phone-rotate-landscape::before{content:"\F0885"}.mdi-phone-rotate-portrait::before{content:"\F0886"}.mdi-phone-settings::before{content:"\F03FD"}.mdi-phone-settings-outline::before{content:"\F119D"}.mdi-phone-voip::before{content:"\F03FE"}.mdi-pi::before{content:"\F03FF"}.mdi-pi-box::before{content:"\F0400"}.mdi-pi-hole::before{content:"\F0DF1"}.mdi-piano::before{content:"\F067D"}.mdi-pickaxe::before{content:"\F08B7"}.mdi-picture-in-picture-bottom-right::before{content:"\F0E57"}.mdi-picture-in-picture-bottom-right-outline::before{content:"\F0E58"}.mdi-picture-in-picture-top-right::before{content:"\F0E59"}.mdi-picture-in-picture-top-right-outline::before{content:"\F0E5A"}.mdi-pier::before{content:"\F0887"}.mdi-pier-crane::before{content:"\F0888"}.mdi-pig::before{content:"\F0401"}.mdi-pig-variant::before{content:"\F1006"}.mdi-pig-variant-outline::before{content:"\F1678"}.mdi-piggy-bank::before{content:"\F1007"}.mdi-piggy-bank-outline::before{content:"\F1679"}.mdi-pill::before{content:"\F0402"}.mdi-pillar::before{content:"\F0702"}.mdi-pin::before{content:"\F0403"}.mdi-pin-off::before{content:"\F0404"}.mdi-pin-off-outline::before{content:"\F0930"}.mdi-pin-outline::before{content:"\F0931"}.mdi-pine-tree::before{content:"\F0405"}.mdi-pine-tree-box::before{content:"\F0406"}.mdi-pine-tree-fire::before{content:"\F141A"}.mdi-pinterest::before{content:"\F0407"}.mdi-pinwheel::before{content:"\F0AD5"}.mdi-pinwheel-outline::before{content:"\F0AD6"}.mdi-pipe::before{content:"\F07E5"}.mdi-pipe-disconnected::before{content:"\F07E6"}.mdi-pipe-leak::before{content:"\F0889"}.mdi-pipe-wrench::before{content:"\F1354"}.mdi-pirate::before{content:"\F0A08"}.mdi-pistol::before{content:"\F0703"}.mdi-piston::before{content:"\F088A"}.mdi-pitchfork::before{content:"\F1553"}.mdi-pizza::before{content:"\F0409"}.mdi-play::before{content:"\F040A"}.mdi-play-box::before{content:"\F127A"}.mdi-play-box-multiple::before{content:"\F0D19"}.mdi-play-box-multiple-outline::before{content:"\F13E6"}.mdi-play-box-outline::before{content:"\F040B"}.mdi-play-circle::before{content:"\F040C"}.mdi-play-circle-outline::before{content:"\F040D"}.mdi-play-network::before{content:"\F088B"}.mdi-play-network-outline::before{content:"\F0CB7"}.mdi-play-outline::before{content:"\F0F1B"}.mdi-play-pause::before{content:"\F040E"}.mdi-play-protected-content::before{content:"\F040F"}.mdi-play-speed::before{content:"\F08FF"}.mdi-playlist-check::before{content:"\F05C7"}.mdi-playlist-edit::before{content:"\F0900"}.mdi-playlist-minus::before{content:"\F0410"}.mdi-playlist-music::before{content:"\F0CB8"}.mdi-playlist-music-outline::before{content:"\F0CB9"}.mdi-playlist-play::before{content:"\F0411"}.mdi-playlist-plus::before{content:"\F0412"}.mdi-playlist-remove::before{content:"\F0413"}.mdi-playlist-star::before{content:"\F0DF2"}.mdi-plex::before{content:"\F06BA"}.mdi-plus::before{content:"\F0415"}.mdi-plus-box::before{content:"\F0416"}.mdi-plus-box-multiple::before{content:"\F0334"}.mdi-plus-box-multiple-outline::before{content:"\F1143"}.mdi-plus-box-outline::before{content:"\F0704"}.mdi-plus-circle::before{content:"\F0417"}.mdi-plus-circle-multiple::before{content:"\F034C"}.mdi-plus-circle-multiple-outline::before{content:"\F0418"}.mdi-plus-circle-outline::before{content:"\F0419"}.mdi-plus-minus::before{content:"\F0992"}.mdi-plus-minus-box::before{content:"\F0993"}.mdi-plus-minus-variant::before{content:"\F14C9"}.mdi-plus-network::before{content:"\F041A"}.mdi-plus-network-outline::before{content:"\F0CBA"}.mdi-plus-one::before{content:"\F041B"}.mdi-plus-outline::before{content:"\F0705"}.mdi-plus-thick::before{content:"\F11EC"}.mdi-podcast::before{content:"\F0994"}.mdi-podium::before{content:"\F0D25"}.mdi-podium-bronze::before{content:"\F0D26"}.mdi-podium-gold::before{content:"\F0D27"}.mdi-podium-silver::before{content:"\F0D28"}.mdi-point-of-sale::before{content:"\F0D92"}.mdi-pokeball::before{content:"\F041D"}.mdi-pokemon-go::before{content:"\F0A09"}.mdi-poker-chip::before{content:"\F0830"}.mdi-polaroid::before{content:"\F041E"}.mdi-police-badge::before{content:"\F1167"}.mdi-police-badge-outline::before{content:"\F1168"}.mdi-poll::before{content:"\F041F"}.mdi-poll-box::before{content:"\F0420"}.mdi-poll-box-outline::before{content:"\F127B"}.mdi-polo::before{content:"\F14C3"}.mdi-polymer::before{content:"\F0421"}.mdi-pool::before{content:"\F0606"}.mdi-popcorn::before{content:"\F0422"}.mdi-post::before{content:"\F1008"}.mdi-post-outline::before{content:"\F1009"}.mdi-postage-stamp::before{content:"\F0CBB"}.mdi-pot::before{content:"\F02E5"}.mdi-pot-mix::before{content:"\F065B"}.mdi-pot-mix-outline::before{content:"\F0677"}.mdi-pot-outline::before{content:"\F02FF"}.mdi-pot-steam::before{content:"\F065A"}.mdi-pot-steam-outline::before{content:"\F0326"}.mdi-pound::before{content:"\F0423"}.mdi-pound-box::before{content:"\F0424"}.mdi-pound-box-outline::before{content:"\F117F"}.mdi-power::before{content:"\F0425"}.mdi-power-cycle::before{content:"\F0901"}.mdi-power-off::before{content:"\F0902"}.mdi-power-on::before{content:"\F0903"}.mdi-power-plug::before{content:"\F06A5"}.mdi-power-plug-off::before{content:"\F06A6"}.mdi-power-plug-off-outline::before{content:"\F1424"}.mdi-power-plug-outline::before{content:"\F1425"}.mdi-power-settings::before{content:"\F0426"}.mdi-power-sleep::before{content:"\F0904"}.mdi-power-socket::before{content:"\F0427"}.mdi-power-socket-au::before{content:"\F0905"}.mdi-power-socket-de::before{content:"\F1107"}.mdi-power-socket-eu::before{content:"\F07E7"}.mdi-power-socket-fr::before{content:"\F1108"}.mdi-power-socket-it::before{content:"\F14FF"}.mdi-power-socket-jp::before{content:"\F1109"}.mdi-power-socket-uk::before{content:"\F07E8"}.mdi-power-socket-us::before{content:"\F07E9"}.mdi-power-standby::before{content:"\F0906"}.mdi-powershell::before{content:"\F0A0A"}.mdi-prescription::before{content:"\F0706"}.mdi-presentation::before{content:"\F0428"}.mdi-presentation-play::before{content:"\F0429"}.mdi-pretzel::before{content:"\F1562"}.mdi-printer::before{content:"\F042A"}.mdi-printer-3d::before{content:"\F042B"}.mdi-printer-3d-nozzle::before{content:"\F0E5B"}.mdi-printer-3d-nozzle-alert::before{content:"\F11C0"}.mdi-printer-3d-nozzle-alert-outline::before{content:"\F11C1"}.mdi-printer-3d-nozzle-outline::before{content:"\F0E5C"}.mdi-printer-alert::before{content:"\F042C"}.mdi-printer-check::before{content:"\F1146"}.mdi-printer-eye::before{content:"\F1458"}.mdi-printer-off::before{content:"\F0E5D"}.mdi-printer-pos::before{content:"\F1057"}.mdi-printer-search::before{content:"\F1457"}.mdi-printer-settings::before{content:"\F0707"}.mdi-printer-wireless::before{content:"\F0A0B"}.mdi-priority-high::before{content:"\F0603"}.mdi-priority-low::before{content:"\F0604"}.mdi-professional-hexagon::before{content:"\F042D"}.mdi-progress-alert::before{content:"\F0CBC"}.mdi-progress-check::before{content:"\F0995"}.mdi-progress-clock::before{content:"\F0996"}.mdi-progress-close::before{content:"\F110A"}.mdi-progress-download::before{content:"\F0997"}.mdi-progress-question::before{content:"\F1522"}.mdi-progress-upload::before{content:"\F0998"}.mdi-progress-wrench::before{content:"\F0CBD"}.mdi-projector::before{content:"\F042E"}.mdi-projector-screen::before{content:"\F042F"}.mdi-projector-screen-outline::before{content:"\F1724"}.mdi-propane-tank::before{content:"\F1357"}.mdi-propane-tank-outline::before{content:"\F1358"}.mdi-protocol::before{content:"\F0FD8"}.mdi-publish::before{content:"\F06A7"}.mdi-pulse::before{content:"\F0430"}.mdi-pump::before{content:"\F1402"}.mdi-pumpkin::before{content:"\F0BBF"}.mdi-purse::before{content:"\F0F1C"}.mdi-purse-outline::before{content:"\F0F1D"}.mdi-puzzle::before{content:"\F0431"}.mdi-puzzle-check::before{content:"\F1426"}.mdi-puzzle-check-outline::before{content:"\F1427"}.mdi-puzzle-edit::before{content:"\F14D3"}.mdi-puzzle-edit-outline::before{content:"\F14D9"}.mdi-puzzle-heart::before{content:"\F14D4"}.mdi-puzzle-heart-outline::before{content:"\F14DA"}.mdi-puzzle-minus::before{content:"\F14D1"}.mdi-puzzle-minus-outline::before{content:"\F14D7"}.mdi-puzzle-outline::before{content:"\F0A66"}.mdi-puzzle-plus::before{content:"\F14D0"}.mdi-puzzle-plus-outline::before{content:"\F14D6"}.mdi-puzzle-remove::before{content:"\F14D2"}.mdi-puzzle-remove-outline::before{content:"\F14D8"}.mdi-puzzle-star::before{content:"\F14D5"}.mdi-puzzle-star-outline::before{content:"\F14DB"}.mdi-qi::before{content:"\F0999"}.mdi-qqchat::before{content:"\F0605"}.mdi-qrcode::before{content:"\F0432"}.mdi-qrcode-edit::before{content:"\F08B8"}.mdi-qrcode-minus::before{content:"\F118C"}.mdi-qrcode-plus::before{content:"\F118B"}.mdi-qrcode-remove::before{content:"\F118D"}.mdi-qrcode-scan::before{content:"\F0433"}.mdi-quadcopter::before{content:"\F0434"}.mdi-quality-high::before{content:"\F0435"}.mdi-quality-low::before{content:"\F0A0C"}.mdi-quality-medium::before{content:"\F0A0D"}.mdi-quora::before{content:"\F0D29"}.mdi-rabbit::before{content:"\F0907"}.mdi-racing-helmet::before{content:"\F0D93"}.mdi-racquetball::before{content:"\F0D94"}.mdi-radar::before{content:"\F0437"}.mdi-radiator::before{content:"\F0438"}.mdi-radiator-disabled::before{content:"\F0AD7"}.mdi-radiator-off::before{content:"\F0AD8"}.mdi-radio::before{content:"\F0439"}.mdi-radio-am::before{content:"\F0CBE"}.mdi-radio-fm::before{content:"\F0CBF"}.mdi-radio-handheld::before{content:"\F043A"}.mdi-radio-off::before{content:"\F121C"}.mdi-radio-tower::before{content:"\F043B"}.mdi-radioactive::before{content:"\F043C"}.mdi-radioactive-off::before{content:"\F0EC1"}.mdi-radiobox-blank::before{content:"\F043D"}.mdi-radiobox-marked::before{content:"\F043E"}.mdi-radiology-box::before{content:"\F14C5"}.mdi-radiology-box-outline::before{content:"\F14C6"}.mdi-radius::before{content:"\F0CC0"}.mdi-radius-outline::before{content:"\F0CC1"}.mdi-railroad-light::before{content:"\F0F1E"}.mdi-rake::before{content:"\F1544"}.mdi-raspberry-pi::before{content:"\F043F"}.mdi-ray-end::before{content:"\F0440"}.mdi-ray-end-arrow::before{content:"\F0441"}.mdi-ray-start::before{content:"\F0442"}.mdi-ray-start-arrow::before{content:"\F0443"}.mdi-ray-start-end::before{content:"\F0444"}.mdi-ray-start-vertex-end::before{content:"\F15D8"}.mdi-ray-vertex::before{content:"\F0445"}.mdi-react::before{content:"\F0708"}.mdi-read::before{content:"\F0447"}.mdi-receipt::before{content:"\F0449"}.mdi-record::before{content:"\F044A"}.mdi-record-circle::before{content:"\F0EC2"}.mdi-record-circle-outline::before{content:"\F0EC3"}.mdi-record-player::before{content:"\F099A"}.mdi-record-rec::before{content:"\F044B"}.mdi-rectangle::before{content:"\F0E5E"}.mdi-rectangle-outline::before{content:"\F0E5F"}.mdi-recycle::before{content:"\F044C"}.mdi-recycle-variant::before{content:"\F139D"}.mdi-reddit::before{content:"\F044D"}.mdi-redhat::before{content:"\F111B"}.mdi-redo::before{content:"\F044E"}.mdi-redo-variant::before{content:"\F044F"}.mdi-reflect-horizontal::before{content:"\F0A0E"}.mdi-reflect-vertical::before{content:"\F0A0F"}.mdi-refresh::before{content:"\F0450"}.mdi-refresh-circle::before{content:"\F1377"}.mdi-regex::before{content:"\F0451"}.mdi-registered-trademark::before{content:"\F0A67"}.mdi-reiterate::before{content:"\F1588"}.mdi-relation-many-to-many::before{content:"\F1496"}.mdi-relation-many-to-one::before{content:"\F1497"}.mdi-relation-many-to-one-or-many::before{content:"\F1498"}.mdi-relation-many-to-only-one::before{content:"\F1499"}.mdi-relation-many-to-zero-or-many::before{content:"\F149A"}.mdi-relation-many-to-zero-or-one::before{content:"\F149B"}.mdi-relation-one-or-many-to-many::before{content:"\F149C"}.mdi-relation-one-or-many-to-one::before{content:"\F149D"}.mdi-relation-one-or-many-to-one-or-many::before{content:"\F149E"}.mdi-relation-one-or-many-to-only-one::before{content:"\F149F"}.mdi-relation-one-or-many-to-zero-or-many::before{content:"\F14A0"}.mdi-relation-one-or-many-to-zero-or-one::before{content:"\F14A1"}.mdi-relation-one-to-many::before{content:"\F14A2"}.mdi-relation-one-to-one::before{content:"\F14A3"}.mdi-relation-one-to-one-or-many::before{content:"\F14A4"}.mdi-relation-one-to-only-one::before{content:"\F14A5"}.mdi-relation-one-to-zero-or-many::before{content:"\F14A6"}.mdi-relation-one-to-zero-or-one::before{content:"\F14A7"}.mdi-relation-only-one-to-many::before{content:"\F14A8"}.mdi-relation-only-one-to-one::before{content:"\F14A9"}.mdi-relation-only-one-to-one-or-many::before{content:"\F14AA"}.mdi-relation-only-one-to-only-one::before{content:"\F14AB"}.mdi-relation-only-one-to-zero-or-many::before{content:"\F14AC"}.mdi-relation-only-one-to-zero-or-one::before{content:"\F14AD"}.mdi-relation-zero-or-many-to-many::before{content:"\F14AE"}.mdi-relation-zero-or-many-to-one::before{content:"\F14AF"}.mdi-relation-zero-or-many-to-one-or-many::before{content:"\F14B0"}.mdi-relation-zero-or-many-to-only-one::before{content:"\F14B1"}.mdi-relation-zero-or-many-to-zero-or-many::before{content:"\F14B2"}.mdi-relation-zero-or-many-to-zero-or-one::before{content:"\F14B3"}.mdi-relation-zero-or-one-to-many::before{content:"\F14B4"}.mdi-relation-zero-or-one-to-one::before{content:"\F14B5"}.mdi-relation-zero-or-one-to-one-or-many::before{content:"\F14B6"}.mdi-relation-zero-or-one-to-only-one::before{content:"\F14B7"}.mdi-relation-zero-or-one-to-zero-or-many::before{content:"\F14B8"}.mdi-relation-zero-or-one-to-zero-or-one::before{content:"\F14B9"}.mdi-relative-scale::before{content:"\F0452"}.mdi-reload::before{content:"\F0453"}.mdi-reload-alert::before{content:"\F110B"}.mdi-reminder::before{content:"\F088C"}.mdi-remote::before{content:"\F0454"}.mdi-remote-desktop::before{content:"\F08B9"}.mdi-remote-off::before{content:"\F0EC4"}.mdi-remote-tv::before{content:"\F0EC5"}.mdi-remote-tv-off::before{content:"\F0EC6"}.mdi-rename-box::before{content:"\F0455"}.mdi-reorder-horizontal::before{content:"\F0688"}.mdi-reorder-vertical::before{content:"\F0689"}.mdi-repeat::before{content:"\F0456"}.mdi-repeat-off::before{content:"\F0457"}.mdi-repeat-once::before{content:"\F0458"}.mdi-replay::before{content:"\F0459"}.mdi-reply::before{content:"\F045A"}.mdi-reply-all::before{content:"\F045B"}.mdi-reply-all-outline::before{content:"\F0F1F"}.mdi-reply-circle::before{content:"\F11AE"}.mdi-reply-outline::before{content:"\F0F20"}.mdi-reproduction::before{content:"\F045C"}.mdi-resistor::before{content:"\F0B44"}.mdi-resistor-nodes::before{content:"\F0B45"}.mdi-resize::before{content:"\F0A68"}.mdi-resize-bottom-right::before{content:"\F045D"}.mdi-responsive::before{content:"\F045E"}.mdi-restart::before{content:"\F0709"}.mdi-restart-alert::before{content:"\F110C"}.mdi-restart-off::before{content:"\F0D95"}.mdi-restore::before{content:"\F099B"}.mdi-restore-alert::before{content:"\F110D"}.mdi-rewind::before{content:"\F045F"}.mdi-rewind-10::before{content:"\F0D2A"}.mdi-rewind-30::before{content:"\F0D96"}.mdi-rewind-5::before{content:"\F11F9"}.mdi-rewind-60::before{content:"\F160C"}.mdi-rewind-outline::before{content:"\F070A"}.mdi-rhombus::before{content:"\F070B"}.mdi-rhombus-medium::before{content:"\F0A10"}.mdi-rhombus-medium-outline::before{content:"\F14DC"}.mdi-rhombus-outline::before{content:"\F070C"}.mdi-rhombus-split::before{content:"\F0A11"}.mdi-rhombus-split-outline::before{content:"\F14DD"}.mdi-ribbon::before{content:"\F0460"}.mdi-rice::before{content:"\F07EA"}.mdi-rickshaw::before{content:"\F15BB"}.mdi-rickshaw-electric::before{content:"\F15BC"}.mdi-ring::before{content:"\F07EB"}.mdi-rivet::before{content:"\F0E60"}.mdi-road::before{content:"\F0461"}.mdi-road-variant::before{content:"\F0462"}.mdi-robber::before{content:"\F1058"}.mdi-robot::before{content:"\F06A9"}.mdi-robot-angry::before{content:"\F169D"}.mdi-robot-angry-outline::before{content:"\F169E"}.mdi-robot-confused::before{content:"\F169F"}.mdi-robot-confused-outline::before{content:"\F16A0"}.mdi-robot-dead::before{content:"\F16A1"}.mdi-robot-dead-outline::before{content:"\F16A2"}.mdi-robot-excited::before{content:"\F16A3"}.mdi-robot-excited-outline::before{content:"\F16A4"}.mdi-robot-happy::before{content:"\F1719"}.mdi-robot-happy-outline::before{content:"\F171A"}.mdi-robot-industrial::before{content:"\F0B46"}.mdi-robot-love::before{content:"\F16A5"}.mdi-robot-love-outline::before{content:"\F16A6"}.mdi-robot-mower::before{content:"\F11F7"}.mdi-robot-mower-outline::before{content:"\F11F3"}.mdi-robot-off::before{content:"\F16A7"}.mdi-robot-off-outline::before{content:"\F167B"}.mdi-robot-outline::before{content:"\F167A"}.mdi-robot-vacuum::before{content:"\F070D"}.mdi-robot-vacuum-variant::before{content:"\F0908"}.mdi-rocket::before{content:"\F0463"}.mdi-rocket-launch::before{content:"\F14DE"}.mdi-rocket-launch-outline::before{content:"\F14DF"}.mdi-rocket-outline::before{content:"\F13AF"}.mdi-rodent::before{content:"\F1327"}.mdi-roller-skate::before{content:"\F0D2B"}.mdi-roller-skate-off::before{content:"\F0145"}.mdi-rollerblade::before{content:"\F0D2C"}.mdi-rollerblade-off::before{content:"\F002E"}.mdi-rollupjs::before{content:"\F0BC0"}.mdi-roman-numeral-1::before{content:"\F1088"}.mdi-roman-numeral-10::before{content:"\F1091"}.mdi-roman-numeral-2::before{content:"\F1089"}.mdi-roman-numeral-3::before{content:"\F108A"}.mdi-roman-numeral-4::before{content:"\F108B"}.mdi-roman-numeral-5::before{content:"\F108C"}.mdi-roman-numeral-6::before{content:"\F108D"}.mdi-roman-numeral-7::before{content:"\F108E"}.mdi-roman-numeral-8::before{content:"\F108F"}.mdi-roman-numeral-9::before{content:"\F1090"}.mdi-room-service::before{content:"\F088D"}.mdi-room-service-outline::before{content:"\F0D97"}.mdi-rotate-3d::before{content:"\F0EC7"}.mdi-rotate-3d-variant::before{content:"\F0464"}.mdi-rotate-left::before{content:"\F0465"}.mdi-rotate-left-variant::before{content:"\F0466"}.mdi-rotate-orbit::before{content:"\F0D98"}.mdi-rotate-right::before{content:"\F0467"}.mdi-rotate-right-variant::before{content:"\F0468"}.mdi-rounded-corner::before{content:"\F0607"}.mdi-router::before{content:"\F11E2"}.mdi-router-network::before{content:"\F1087"}.mdi-router-wireless::before{content:"\F0469"}.mdi-router-wireless-off::before{content:"\F15A3"}.mdi-router-wireless-settings::before{content:"\F0A69"}.mdi-routes::before{content:"\F046A"}.mdi-routes-clock::before{content:"\F1059"}.mdi-rowing::before{content:"\F0608"}.mdi-rss::before{content:"\F046B"}.mdi-rss-box::before{content:"\F046C"}.mdi-rss-off::before{content:"\F0F21"}.mdi-rug::before{content:"\F1475"}.mdi-rugby::before{content:"\F0D99"}.mdi-ruler::before{content:"\F046D"}.mdi-ruler-square::before{content:"\F0CC2"}.mdi-ruler-square-compass::before{content:"\F0EBE"}.mdi-run::before{content:"\F070E"}.mdi-run-fast::before{content:"\F046E"}.mdi-rv-truck::before{content:"\F11D4"}.mdi-sack::before{content:"\F0D2E"}.mdi-sack-percent::before{content:"\F0D2F"}.mdi-safe::before{content:"\F0A6A"}.mdi-safe-square::before{content:"\F127C"}.mdi-safe-square-outline::before{content:"\F127D"}.mdi-safety-goggles::before{content:"\F0D30"}.mdi-sail-boat::before{content:"\F0EC8"}.mdi-sale::before{content:"\F046F"}.mdi-salesforce::before{content:"\F088E"}.mdi-sass::before{content:"\F07EC"}.mdi-satellite::before{content:"\F0470"}.mdi-satellite-uplink::before{content:"\F0909"}.mdi-satellite-variant::before{content:"\F0471"}.mdi-sausage::before{content:"\F08BA"}.mdi-saw-blade::before{content:"\F0E61"}.mdi-sawtooth-wave::before{content:"\F147A"}.mdi-saxophone::before{content:"\F0609"}.mdi-scale::before{content:"\F0472"}.mdi-scale-balance::before{content:"\F05D1"}.mdi-scale-bathroom::before{content:"\F0473"}.mdi-scale-off::before{content:"\F105A"}.mdi-scan-helper::before{content:"\F13D8"}.mdi-scanner::before{content:"\F06AB"}.mdi-scanner-off::before{content:"\F090A"}.mdi-scatter-plot::before{content:"\F0EC9"}.mdi-scatter-plot-outline::before{content:"\F0ECA"}.mdi-school::before{content:"\F0474"}.mdi-school-outline::before{content:"\F1180"}.mdi-scissors-cutting::before{content:"\F0A6B"}.mdi-scooter::before{content:"\F15BD"}.mdi-scooter-electric::before{content:"\F15BE"}.mdi-scoreboard::before{content:"\F127E"}.mdi-scoreboard-outline::before{content:"\F127F"}.mdi-screen-rotation::before{content:"\F0475"}.mdi-screen-rotation-lock::before{content:"\F0478"}.mdi-screw-flat-top::before{content:"\F0DF3"}.mdi-screw-lag::before{content:"\F0DF4"}.mdi-screw-machine-flat-top::before{content:"\F0DF5"}.mdi-screw-machine-round-top::before{content:"\F0DF6"}.mdi-screw-round-top::before{content:"\F0DF7"}.mdi-screwdriver::before{content:"\F0476"}.mdi-script::before{content:"\F0BC1"}.mdi-script-outline::before{content:"\F0477"}.mdi-script-text::before{content:"\F0BC2"}.mdi-script-text-key::before{content:"\F1725"}.mdi-script-text-key-outline::before{content:"\F1726"}.mdi-script-text-outline::before{content:"\F0BC3"}.mdi-script-text-play::before{content:"\F1727"}.mdi-script-text-play-outline::before{content:"\F1728"}.mdi-sd::before{content:"\F0479"}.mdi-seal::before{content:"\F047A"}.mdi-seal-variant::before{content:"\F0FD9"}.mdi-search-web::before{content:"\F070F"}.mdi-seat::before{content:"\F0CC3"}.mdi-seat-flat::before{content:"\F047B"}.mdi-seat-flat-angled::before{content:"\F047C"}.mdi-seat-individual-suite::before{content:"\F047D"}.mdi-seat-legroom-extra::before{content:"\F047E"}.mdi-seat-legroom-normal::before{content:"\F047F"}.mdi-seat-legroom-reduced::before{content:"\F0480"}.mdi-seat-outline::before{content:"\F0CC4"}.mdi-seat-passenger::before{content:"\F1249"}.mdi-seat-recline-extra::before{content:"\F0481"}.mdi-seat-recline-normal::before{content:"\F0482"}.mdi-seatbelt::before{content:"\F0CC5"}.mdi-security::before{content:"\F0483"}.mdi-security-network::before{content:"\F0484"}.mdi-seed::before{content:"\F0E62"}.mdi-seed-off::before{content:"\F13FD"}.mdi-seed-off-outline::before{content:"\F13FE"}.mdi-seed-outline::before{content:"\F0E63"}.mdi-seesaw::before{content:"\F15A4"}.mdi-segment::before{content:"\F0ECB"}.mdi-select::before{content:"\F0485"}.mdi-select-all::before{content:"\F0486"}.mdi-select-color::before{content:"\F0D31"}.mdi-select-compare::before{content:"\F0AD9"}.mdi-select-drag::before{content:"\F0A6C"}.mdi-select-group::before{content:"\F0F82"}.mdi-select-inverse::before{content:"\F0487"}.mdi-select-marker::before{content:"\F1280"}.mdi-select-multiple::before{content:"\F1281"}.mdi-select-multiple-marker::before{content:"\F1282"}.mdi-select-off::before{content:"\F0488"}.mdi-select-place::before{content:"\F0FDA"}.mdi-select-search::before{content:"\F1204"}.mdi-selection::before{content:"\F0489"}.mdi-selection-drag::before{content:"\F0A6D"}.mdi-selection-ellipse::before{content:"\F0D32"}.mdi-selection-ellipse-arrow-inside::before{content:"\F0F22"}.mdi-selection-marker::before{content:"\F1283"}.mdi-selection-multiple::before{content:"\F1285"}.mdi-selection-multiple-marker::before{content:"\F1284"}.mdi-selection-off::before{content:"\F0777"}.mdi-selection-search::before{content:"\F1205"}.mdi-semantic-web::before{content:"\F1316"}.mdi-send::before{content:"\F048A"}.mdi-send-check::before{content:"\F1161"}.mdi-send-check-outline::before{content:"\F1162"}.mdi-send-circle::before{content:"\F0DF8"}.mdi-send-circle-outline::before{content:"\F0DF9"}.mdi-send-clock::before{content:"\F1163"}.mdi-send-clock-outline::before{content:"\F1164"}.mdi-send-lock::before{content:"\F07ED"}.mdi-send-lock-outline::before{content:"\F1166"}.mdi-send-outline::before{content:"\F1165"}.mdi-serial-port::before{content:"\F065C"}.mdi-server::before{content:"\F048B"}.mdi-server-minus::before{content:"\F048C"}.mdi-server-network::before{content:"\F048D"}.mdi-server-network-off::before{content:"\F048E"}.mdi-server-off::before{content:"\F048F"}.mdi-server-plus::before{content:"\F0490"}.mdi-server-remove::before{content:"\F0491"}.mdi-server-security::before{content:"\F0492"}.mdi-set-all::before{content:"\F0778"}.mdi-set-center::before{content:"\F0779"}.mdi-set-center-right::before{content:"\F077A"}.mdi-set-left::before{content:"\F077B"}.mdi-set-left-center::before{content:"\F077C"}.mdi-set-left-right::before{content:"\F077D"}.mdi-set-merge::before{content:"\F14E0"}.mdi-set-none::before{content:"\F077E"}.mdi-set-right::before{content:"\F077F"}.mdi-set-split::before{content:"\F14E1"}.mdi-set-square::before{content:"\F145D"}.mdi-set-top-box::before{content:"\F099F"}.mdi-settings-helper::before{content:"\F0A6E"}.mdi-shaker::before{content:"\F110E"}.mdi-shaker-outline::before{content:"\F110F"}.mdi-shape::before{content:"\F0831"}.mdi-shape-circle-plus::before{content:"\F065D"}.mdi-shape-outline::before{content:"\F0832"}.mdi-shape-oval-plus::before{content:"\F11FA"}.mdi-shape-plus::before{content:"\F0495"}.mdi-shape-polygon-plus::before{content:"\F065E"}.mdi-shape-rectangle-plus::before{content:"\F065F"}.mdi-shape-square-plus::before{content:"\F0660"}.mdi-shape-square-rounded-plus::before{content:"\F14FA"}.mdi-share::before{content:"\F0496"}.mdi-share-all::before{content:"\F11F4"}.mdi-share-all-outline::before{content:"\F11F5"}.mdi-share-circle::before{content:"\F11AD"}.mdi-share-off::before{content:"\F0F23"}.mdi-share-off-outline::before{content:"\F0F24"}.mdi-share-outline::before{content:"\F0932"}.mdi-share-variant::before{content:"\F0497"}.mdi-share-variant-outline::before{content:"\F1514"}.mdi-shark-fin::before{content:"\F1673"}.mdi-shark-fin-outline::before{content:"\F1674"}.mdi-sheep::before{content:"\F0CC6"}.mdi-shield::before{content:"\F0498"}.mdi-shield-account::before{content:"\F088F"}.mdi-shield-account-outline::before{content:"\F0A12"}.mdi-shield-account-variant::before{content:"\F15A7"}.mdi-shield-account-variant-outline::before{content:"\F15A8"}.mdi-shield-airplane::before{content:"\F06BB"}.mdi-shield-airplane-outline::before{content:"\F0CC7"}.mdi-shield-alert::before{content:"\F0ECC"}.mdi-shield-alert-outline::before{content:"\F0ECD"}.mdi-shield-bug::before{content:"\F13DA"}.mdi-shield-bug-outline::before{content:"\F13DB"}.mdi-shield-car::before{content:"\F0F83"}.mdi-shield-check::before{content:"\F0565"}.mdi-shield-check-outline::before{content:"\F0CC8"}.mdi-shield-cross::before{content:"\F0CC9"}.mdi-shield-cross-outline::before{content:"\F0CCA"}.mdi-shield-edit::before{content:"\F11A0"}.mdi-shield-edit-outline::before{content:"\F11A1"}.mdi-shield-half::before{content:"\F1360"}.mdi-shield-half-full::before{content:"\F0780"}.mdi-shield-home::before{content:"\F068A"}.mdi-shield-home-outline::before{content:"\F0CCB"}.mdi-shield-key::before{content:"\F0BC4"}.mdi-shield-key-outline::before{content:"\F0BC5"}.mdi-shield-link-variant::before{content:"\F0D33"}.mdi-shield-link-variant-outline::before{content:"\F0D34"}.mdi-shield-lock::before{content:"\F099D"}.mdi-shield-lock-outline::before{content:"\F0CCC"}.mdi-shield-off::before{content:"\F099E"}.mdi-shield-off-outline::before{content:"\F099C"}.mdi-shield-outline::before{content:"\F0499"}.mdi-shield-plus::before{content:"\F0ADA"}.mdi-shield-plus-outline::before{content:"\F0ADB"}.mdi-shield-refresh::before{content:"\F00AA"}.mdi-shield-refresh-outline::before{content:"\F01E0"}.mdi-shield-remove::before{content:"\F0ADC"}.mdi-shield-remove-outline::before{content:"\F0ADD"}.mdi-shield-search::before{content:"\F0D9A"}.mdi-shield-star::before{content:"\F113B"}.mdi-shield-star-outline::before{content:"\F113C"}.mdi-shield-sun::before{content:"\F105D"}.mdi-shield-sun-outline::before{content:"\F105E"}.mdi-shield-sync::before{content:"\F11A2"}.mdi-shield-sync-outline::before{content:"\F11A3"}.mdi-ship-wheel::before{content:"\F0833"}.mdi-shoe-ballet::before{content:"\F15CA"}.mdi-shoe-cleat::before{content:"\F15C7"}.mdi-shoe-formal::before{content:"\F0B47"}.mdi-shoe-heel::before{content:"\F0B48"}.mdi-shoe-print::before{content:"\F0DFA"}.mdi-shoe-sneaker::before{content:"\F15C8"}.mdi-shopping::before{content:"\F049A"}.mdi-shopping-music::before{content:"\F049B"}.mdi-shopping-outline::before{content:"\F11D5"}.mdi-shopping-search::before{content:"\F0F84"}.mdi-shore::before{content:"\F14F9"}.mdi-shovel::before{content:"\F0710"}.mdi-shovel-off::before{content:"\F0711"}.mdi-shower::before{content:"\F09A0"}.mdi-shower-head::before{content:"\F09A1"}.mdi-shredder::before{content:"\F049C"}.mdi-shuffle::before{content:"\F049D"}.mdi-shuffle-disabled::before{content:"\F049E"}.mdi-shuffle-variant::before{content:"\F049F"}.mdi-shuriken::before{content:"\F137F"}.mdi-sigma::before{content:"\F04A0"}.mdi-sigma-lower::before{content:"\F062B"}.mdi-sign-caution::before{content:"\F04A1"}.mdi-sign-direction::before{content:"\F0781"}.mdi-sign-direction-minus::before{content:"\F1000"}.mdi-sign-direction-plus::before{content:"\F0FDC"}.mdi-sign-direction-remove::before{content:"\F0FDD"}.mdi-sign-pole::before{content:"\F14F8"}.mdi-sign-real-estate::before{content:"\F1118"}.mdi-sign-text::before{content:"\F0782"}.mdi-signal::before{content:"\F04A2"}.mdi-signal-2g::before{content:"\F0712"}.mdi-signal-3g::before{content:"\F0713"}.mdi-signal-4g::before{content:"\F0714"}.mdi-signal-5g::before{content:"\F0A6F"}.mdi-signal-cellular-1::before{content:"\F08BC"}.mdi-signal-cellular-2::before{content:"\F08BD"}.mdi-signal-cellular-3::before{content:"\F08BE"}.mdi-signal-cellular-outline::before{content:"\F08BF"}.mdi-signal-distance-variant::before{content:"\F0E64"}.mdi-signal-hspa::before{content:"\F0715"}.mdi-signal-hspa-plus::before{content:"\F0716"}.mdi-signal-off::before{content:"\F0783"}.mdi-signal-variant::before{content:"\F060A"}.mdi-signature::before{content:"\F0DFB"}.mdi-signature-freehand::before{content:"\F0DFC"}.mdi-signature-image::before{content:"\F0DFD"}.mdi-signature-text::before{content:"\F0DFE"}.mdi-silo::before{content:"\F0B49"}.mdi-silverware::before{content:"\F04A3"}.mdi-silverware-clean::before{content:"\F0FDE"}.mdi-silverware-fork::before{content:"\F04A4"}.mdi-silverware-fork-knife::before{content:"\F0A70"}.mdi-silverware-spoon::before{content:"\F04A5"}.mdi-silverware-variant::before{content:"\F04A6"}.mdi-sim::before{content:"\F04A7"}.mdi-sim-alert::before{content:"\F04A8"}.mdi-sim-alert-outline::before{content:"\F15D3"}.mdi-sim-off::before{content:"\F04A9"}.mdi-sim-off-outline::before{content:"\F15D4"}.mdi-sim-outline::before{content:"\F15D5"}.mdi-simple-icons::before{content:"\F131D"}.mdi-sina-weibo::before{content:"\F0ADF"}.mdi-sine-wave::before{content:"\F095B"}.mdi-sitemap::before{content:"\F04AA"}.mdi-size-l::before{content:"\F13A6"}.mdi-size-m::before{content:"\F13A5"}.mdi-size-s::before{content:"\F13A4"}.mdi-size-xl::before{content:"\F13A7"}.mdi-size-xs::before{content:"\F13A3"}.mdi-size-xxl::before{content:"\F13A8"}.mdi-size-xxs::before{content:"\F13A2"}.mdi-size-xxxl::before{content:"\F13A9"}.mdi-skate::before{content:"\F0D35"}.mdi-skateboard::before{content:"\F14C2"}.mdi-skew-less::before{content:"\F0D36"}.mdi-skew-more::before{content:"\F0D37"}.mdi-ski::before{content:"\F1304"}.mdi-ski-cross-country::before{content:"\F1305"}.mdi-ski-water::before{content:"\F1306"}.mdi-skip-backward::before{content:"\F04AB"}.mdi-skip-backward-outline::before{content:"\F0F25"}.mdi-skip-forward::before{content:"\F04AC"}.mdi-skip-forward-outline::before{content:"\F0F26"}.mdi-skip-next::before{content:"\F04AD"}.mdi-skip-next-circle::before{content:"\F0661"}.mdi-skip-next-circle-outline::before{content:"\F0662"}.mdi-skip-next-outline::before{content:"\F0F27"}.mdi-skip-previous::before{content:"\F04AE"}.mdi-skip-previous-circle::before{content:"\F0663"}.mdi-skip-previous-circle-outline::before{content:"\F0664"}.mdi-skip-previous-outline::before{content:"\F0F28"}.mdi-skull::before{content:"\F068C"}.mdi-skull-crossbones::before{content:"\F0BC6"}.mdi-skull-crossbones-outline::before{content:"\F0BC7"}.mdi-skull-outline::before{content:"\F0BC8"}.mdi-skull-scan::before{content:"\F14C7"}.mdi-skull-scan-outline::before{content:"\F14C8"}.mdi-skype::before{content:"\F04AF"}.mdi-skype-business::before{content:"\F04B0"}.mdi-slack::before{content:"\F04B1"}.mdi-slash-forward::before{content:"\F0FDF"}.mdi-slash-forward-box::before{content:"\F0FE0"}.mdi-sleep::before{content:"\F04B2"}.mdi-sleep-off::before{content:"\F04B3"}.mdi-slide::before{content:"\F15A5"}.mdi-slope-downhill::before{content:"\F0DFF"}.mdi-slope-uphill::before{content:"\F0E00"}.mdi-slot-machine::before{content:"\F1114"}.mdi-slot-machine-outline::before{content:"\F1115"}.mdi-smart-card::before{content:"\F10BD"}.mdi-smart-card-outline::before{content:"\F10BE"}.mdi-smart-card-reader::before{content:"\F10BF"}.mdi-smart-card-reader-outline::before{content:"\F10C0"}.mdi-smog::before{content:"\F0A71"}.mdi-smoke-detector::before{content:"\F0392"}.mdi-smoking::before{content:"\F04B4"}.mdi-smoking-off::before{content:"\F04B5"}.mdi-smoking-pipe::before{content:"\F140D"}.mdi-smoking-pipe-off::before{content:"\F1428"}.mdi-snail::before{content:"\F1677"}.mdi-snake::before{content:"\F150E"}.mdi-snapchat::before{content:"\F04B6"}.mdi-snowboard::before{content:"\F1307"}.mdi-snowflake::before{content:"\F0717"}.mdi-snowflake-alert::before{content:"\F0F29"}.mdi-snowflake-melt::before{content:"\F12CB"}.mdi-snowflake-off::before{content:"\F14E3"}.mdi-snowflake-variant::before{content:"\F0F2A"}.mdi-snowman::before{content:"\F04B7"}.mdi-soccer::before{content:"\F04B8"}.mdi-soccer-field::before{content:"\F0834"}.mdi-social-distance-2-meters::before{content:"\F1579"}.mdi-social-distance-6-feet::before{content:"\F157A"}.mdi-sofa::before{content:"\F04B9"}.mdi-sofa-outline::before{content:"\F156D"}.mdi-sofa-single::before{content:"\F156E"}.mdi-sofa-single-outline::before{content:"\F156F"}.mdi-solar-panel::before{content:"\F0D9B"}.mdi-solar-panel-large::before{content:"\F0D9C"}.mdi-solar-power::before{content:"\F0A72"}.mdi-soldering-iron::before{content:"\F1092"}.mdi-solid::before{content:"\F068D"}.mdi-sony-playstation::before{content:"\F0414"}.mdi-sort::before{content:"\F04BA"}.mdi-sort-alphabetical-ascending::before{content:"\F05BD"}.mdi-sort-alphabetical-ascending-variant::before{content:"\F1148"}.mdi-sort-alphabetical-descending::before{content:"\F05BF"}.mdi-sort-alphabetical-descending-variant::before{content:"\F1149"}.mdi-sort-alphabetical-variant::before{content:"\F04BB"}.mdi-sort-ascending::before{content:"\F04BC"}.mdi-sort-bool-ascending::before{content:"\F1385"}.mdi-sort-bool-ascending-variant::before{content:"\F1386"}.mdi-sort-bool-descending::before{content:"\F1387"}.mdi-sort-bool-descending-variant::before{content:"\F1388"}.mdi-sort-calendar-ascending::before{content:"\F1547"}.mdi-sort-calendar-descending::before{content:"\F1548"}.mdi-sort-clock-ascending::before{content:"\F1549"}.mdi-sort-clock-ascending-outline::before{content:"\F154A"}.mdi-sort-clock-descending::before{content:"\F154B"}.mdi-sort-clock-descending-outline::before{content:"\F154C"}.mdi-sort-descending::before{content:"\F04BD"}.mdi-sort-numeric-ascending::before{content:"\F1389"}.mdi-sort-numeric-ascending-variant::before{content:"\F090D"}.mdi-sort-numeric-descending::before{content:"\F138A"}.mdi-sort-numeric-descending-variant::before{content:"\F0AD2"}.mdi-sort-numeric-variant::before{content:"\F04BE"}.mdi-sort-reverse-variant::before{content:"\F033C"}.mdi-sort-variant::before{content:"\F04BF"}.mdi-sort-variant-lock::before{content:"\F0CCD"}.mdi-sort-variant-lock-open::before{content:"\F0CCE"}.mdi-sort-variant-remove::before{content:"\F1147"}.mdi-soundcloud::before{content:"\F04C0"}.mdi-source-branch::before{content:"\F062C"}.mdi-source-branch-check::before{content:"\F14CF"}.mdi-source-branch-minus::before{content:"\F14CB"}.mdi-source-branch-plus::before{content:"\F14CA"}.mdi-source-branch-refresh::before{content:"\F14CD"}.mdi-source-branch-remove::before{content:"\F14CC"}.mdi-source-branch-sync::before{content:"\F14CE"}.mdi-source-commit::before{content:"\F0718"}.mdi-source-commit-end::before{content:"\F0719"}.mdi-source-commit-end-local::before{content:"\F071A"}.mdi-source-commit-local::before{content:"\F071B"}.mdi-source-commit-next-local::before{content:"\F071C"}.mdi-source-commit-start::before{content:"\F071D"}.mdi-source-commit-start-next-local::before{content:"\F071E"}.mdi-source-fork::before{content:"\F04C1"}.mdi-source-merge::before{content:"\F062D"}.mdi-source-pull::before{content:"\F04C2"}.mdi-source-repository::before{content:"\F0CCF"}.mdi-source-repository-multiple::before{content:"\F0CD0"}.mdi-soy-sauce::before{content:"\F07EE"}.mdi-soy-sauce-off::before{content:"\F13FC"}.mdi-spa::before{content:"\F0CD1"}.mdi-spa-outline::before{content:"\F0CD2"}.mdi-space-invaders::before{content:"\F0BC9"}.mdi-space-station::before{content:"\F1383"}.mdi-spade::before{content:"\F0E65"}.mdi-sparkles::before{content:"\F1545"}.mdi-speaker::before{content:"\F04C3"}.mdi-speaker-bluetooth::before{content:"\F09A2"}.mdi-speaker-multiple::before{content:"\F0D38"}.mdi-speaker-off::before{content:"\F04C4"}.mdi-speaker-wireless::before{content:"\F071F"}.mdi-speedometer::before{content:"\F04C5"}.mdi-speedometer-medium::before{content:"\F0F85"}.mdi-speedometer-slow::before{content:"\F0F86"}.mdi-spellcheck::before{content:"\F04C6"}.mdi-spider::before{content:"\F11EA"}.mdi-spider-thread::before{content:"\F11EB"}.mdi-spider-web::before{content:"\F0BCA"}.mdi-spirit-level::before{content:"\F14F1"}.mdi-spoon-sugar::before{content:"\F1429"}.mdi-spotify::before{content:"\F04C7"}.mdi-spotlight::before{content:"\F04C8"}.mdi-spotlight-beam::before{content:"\F04C9"}.mdi-spray::before{content:"\F0665"}.mdi-spray-bottle::before{content:"\F0AE0"}.mdi-sprinkler::before{content:"\F105F"}.mdi-sprinkler-variant::before{content:"\F1060"}.mdi-sprout::before{content:"\F0E66"}.mdi-sprout-outline::before{content:"\F0E67"}.mdi-square::before{content:"\F0764"}.mdi-square-circle::before{content:"\F1500"}.mdi-square-edit-outline::before{content:"\F090C"}.mdi-square-medium::before{content:"\F0A13"}.mdi-square-medium-outline::before{content:"\F0A14"}.mdi-square-off::before{content:"\F12EE"}.mdi-square-off-outline::before{content:"\F12EF"}.mdi-square-outline::before{content:"\F0763"}.mdi-square-root::before{content:"\F0784"}.mdi-square-root-box::before{content:"\F09A3"}.mdi-square-rounded::before{content:"\F14FB"}.mdi-square-rounded-outline::before{content:"\F14FC"}.mdi-square-small::before{content:"\F0A15"}.mdi-square-wave::before{content:"\F147B"}.mdi-squeegee::before{content:"\F0AE1"}.mdi-ssh::before{content:"\F08C0"}.mdi-stack-exchange::before{content:"\F060B"}.mdi-stack-overflow::before{content:"\F04CC"}.mdi-stackpath::before{content:"\F0359"}.mdi-stadium::before{content:"\F0FF9"}.mdi-stadium-variant::before{content:"\F0720"}.mdi-stairs::before{content:"\F04CD"}.mdi-stairs-box::before{content:"\F139E"}.mdi-stairs-down::before{content:"\F12BE"}.mdi-stairs-up::before{content:"\F12BD"}.mdi-stamper::before{content:"\F0D39"}.mdi-standard-definition::before{content:"\F07EF"}.mdi-star::before{content:"\F04CE"}.mdi-star-box::before{content:"\F0A73"}.mdi-star-box-multiple::before{content:"\F1286"}.mdi-star-box-multiple-outline::before{content:"\F1287"}.mdi-star-box-outline::before{content:"\F0A74"}.mdi-star-check::before{content:"\F1566"}.mdi-star-check-outline::before{content:"\F156A"}.mdi-star-circle::before{content:"\F04CF"}.mdi-star-circle-outline::before{content:"\F09A4"}.mdi-star-cog::before{content:"\F1668"}.mdi-star-cog-outline::before{content:"\F1669"}.mdi-star-face::before{content:"\F09A5"}.mdi-star-four-points::before{content:"\F0AE2"}.mdi-star-four-points-outline::before{content:"\F0AE3"}.mdi-star-half::before{content:"\F0246"}.mdi-star-half-full::before{content:"\F04D0"}.mdi-star-minus::before{content:"\F1564"}.mdi-star-minus-outline::before{content:"\F1568"}.mdi-star-off::before{content:"\F04D1"}.mdi-star-off-outline::before{content:"\F155B"}.mdi-star-outline::before{content:"\F04D2"}.mdi-star-plus::before{content:"\F1563"}.mdi-star-plus-outline::before{content:"\F1567"}.mdi-star-remove::before{content:"\F1565"}.mdi-star-remove-outline::before{content:"\F1569"}.mdi-star-settings::before{content:"\F166A"}.mdi-star-settings-outline::before{content:"\F166B"}.mdi-star-shooting::before{content:"\F1741"}.mdi-star-shooting-outline::before{content:"\F1742"}.mdi-star-three-points::before{content:"\F0AE4"}.mdi-star-three-points-outline::before{content:"\F0AE5"}.mdi-state-machine::before{content:"\F11EF"}.mdi-steam::before{content:"\F04D3"}.mdi-steering::before{content:"\F04D4"}.mdi-steering-off::before{content:"\F090E"}.mdi-step-backward::before{content:"\F04D5"}.mdi-step-backward-2::before{content:"\F04D6"}.mdi-step-forward::before{content:"\F04D7"}.mdi-step-forward-2::before{content:"\F04D8"}.mdi-stethoscope::before{content:"\F04D9"}.mdi-sticker::before{content:"\F1364"}.mdi-sticker-alert::before{content:"\F1365"}.mdi-sticker-alert-outline::before{content:"\F1366"}.mdi-sticker-check::before{content:"\F1367"}.mdi-sticker-check-outline::before{content:"\F1368"}.mdi-sticker-circle-outline::before{content:"\F05D0"}.mdi-sticker-emoji::before{content:"\F0785"}.mdi-sticker-minus::before{content:"\F1369"}.mdi-sticker-minus-outline::before{content:"\F136A"}.mdi-sticker-outline::before{content:"\F136B"}.mdi-sticker-plus::before{content:"\F136C"}.mdi-sticker-plus-outline::before{content:"\F136D"}.mdi-sticker-remove::before{content:"\F136E"}.mdi-sticker-remove-outline::before{content:"\F136F"}.mdi-stocking::before{content:"\F04DA"}.mdi-stomach::before{content:"\F1093"}.mdi-stop::before{content:"\F04DB"}.mdi-stop-circle::before{content:"\F0666"}.mdi-stop-circle-outline::before{content:"\F0667"}.mdi-store::before{content:"\F04DC"}.mdi-store-24-hour::before{content:"\F04DD"}.mdi-store-minus::before{content:"\F165E"}.mdi-store-outline::before{content:"\F1361"}.mdi-store-plus::before{content:"\F165F"}.mdi-store-remove::before{content:"\F1660"}.mdi-storefront::before{content:"\F07C7"}.mdi-storefront-outline::before{content:"\F10C1"}.mdi-stove::before{content:"\F04DE"}.mdi-strategy::before{content:"\F11D6"}.mdi-stretch-to-page::before{content:"\F0F2B"}.mdi-stretch-to-page-outline::before{content:"\F0F2C"}.mdi-string-lights::before{content:"\F12BA"}.mdi-string-lights-off::before{content:"\F12BB"}.mdi-subdirectory-arrow-left::before{content:"\F060C"}.mdi-subdirectory-arrow-right::before{content:"\F060D"}.mdi-submarine::before{content:"\F156C"}.mdi-subtitles::before{content:"\F0A16"}.mdi-subtitles-outline::before{content:"\F0A17"}.mdi-subway::before{content:"\F06AC"}.mdi-subway-alert-variant::before{content:"\F0D9D"}.mdi-subway-variant::before{content:"\F04DF"}.mdi-summit::before{content:"\F0786"}.mdi-sunglasses::before{content:"\F04E0"}.mdi-surround-sound::before{content:"\F05C5"}.mdi-surround-sound-2-0::before{content:"\F07F0"}.mdi-surround-sound-2-1::before{content:"\F1729"}.mdi-surround-sound-3-1::before{content:"\F07F1"}.mdi-surround-sound-5-1::before{content:"\F07F2"}.mdi-surround-sound-5-1-2::before{content:"\F172A"}.mdi-surround-sound-7-1::before{content:"\F07F3"}.mdi-svg::before{content:"\F0721"}.mdi-swap-horizontal::before{content:"\F04E1"}.mdi-swap-horizontal-bold::before{content:"\F0BCD"}.mdi-swap-horizontal-circle::before{content:"\F0FE1"}.mdi-swap-horizontal-circle-outline::before{content:"\F0FE2"}.mdi-swap-horizontal-variant::before{content:"\F08C1"}.mdi-swap-vertical::before{content:"\F04E2"}.mdi-swap-vertical-bold::before{content:"\F0BCE"}.mdi-swap-vertical-circle::before{content:"\F0FE3"}.mdi-swap-vertical-circle-outline::before{content:"\F0FE4"}.mdi-swap-vertical-variant::before{content:"\F08C2"}.mdi-swim::before{content:"\F04E3"}.mdi-switch::before{content:"\F04E4"}.mdi-sword::before{content:"\F04E5"}.mdi-sword-cross::before{content:"\F0787"}.mdi-syllabary-hangul::before{content:"\F1333"}.mdi-syllabary-hiragana::before{content:"\F1334"}.mdi-syllabary-katakana::before{content:"\F1335"}.mdi-syllabary-katakana-halfwidth::before{content:"\F1336"}.mdi-symbol::before{content:"\F1501"}.mdi-symfony::before{content:"\F0AE6"}.mdi-sync::before{content:"\F04E6"}.mdi-sync-alert::before{content:"\F04E7"}.mdi-sync-circle::before{content:"\F1378"}.mdi-sync-off::before{content:"\F04E8"}.mdi-tab::before{content:"\F04E9"}.mdi-tab-minus::before{content:"\F0B4B"}.mdi-tab-plus::before{content:"\F075C"}.mdi-tab-remove::before{content:"\F0B4C"}.mdi-tab-unselected::before{content:"\F04EA"}.mdi-table::before{content:"\F04EB"}.mdi-table-account::before{content:"\F13B9"}.mdi-table-alert::before{content:"\F13BA"}.mdi-table-arrow-down::before{content:"\F13BB"}.mdi-table-arrow-left::before{content:"\F13BC"}.mdi-table-arrow-right::before{content:"\F13BD"}.mdi-table-arrow-up::before{content:"\F13BE"}.mdi-table-border::before{content:"\F0A18"}.mdi-table-cancel::before{content:"\F13BF"}.mdi-table-chair::before{content:"\F1061"}.mdi-table-check::before{content:"\F13C0"}.mdi-table-clock::before{content:"\F13C1"}.mdi-table-cog::before{content:"\F13C2"}.mdi-table-column::before{content:"\F0835"}.mdi-table-column-plus-after::before{content:"\F04EC"}.mdi-table-column-plus-before::before{content:"\F04ED"}.mdi-table-column-remove::before{content:"\F04EE"}.mdi-table-column-width::before{content:"\F04EF"}.mdi-table-edit::before{content:"\F04F0"}.mdi-table-eye::before{content:"\F1094"}.mdi-table-eye-off::before{content:"\F13C3"}.mdi-table-furniture::before{content:"\F05BC"}.mdi-table-headers-eye::before{content:"\F121D"}.mdi-table-headers-eye-off::before{content:"\F121E"}.mdi-table-heart::before{content:"\F13C4"}.mdi-table-key::before{content:"\F13C5"}.mdi-table-large::before{content:"\F04F1"}.mdi-table-large-plus::before{content:"\F0F87"}.mdi-table-large-remove::before{content:"\F0F88"}.mdi-table-lock::before{content:"\F13C6"}.mdi-table-merge-cells::before{content:"\F09A6"}.mdi-table-minus::before{content:"\F13C7"}.mdi-table-multiple::before{content:"\F13C8"}.mdi-table-network::before{content:"\F13C9"}.mdi-table-of-contents::before{content:"\F0836"}.mdi-table-off::before{content:"\F13CA"}.mdi-table-picnic::before{content:"\F1743"}.mdi-table-plus::before{content:"\F0A75"}.mdi-table-refresh::before{content:"\F13A0"}.mdi-table-remove::before{content:"\F0A76"}.mdi-table-row::before{content:"\F0837"}.mdi-table-row-height::before{content:"\F04F2"}.mdi-table-row-plus-after::before{content:"\F04F3"}.mdi-table-row-plus-before::before{content:"\F04F4"}.mdi-table-row-remove::before{content:"\F04F5"}.mdi-table-search::before{content:"\F090F"}.mdi-table-settings::before{content:"\F0838"}.mdi-table-split-cell::before{content:"\F142A"}.mdi-table-star::before{content:"\F13CB"}.mdi-table-sync::before{content:"\F13A1"}.mdi-table-tennis::before{content:"\F0E68"}.mdi-tablet::before{content:"\F04F6"}.mdi-tablet-android::before{content:"\F04F7"}.mdi-tablet-cellphone::before{content:"\F09A7"}.mdi-tablet-dashboard::before{content:"\F0ECE"}.mdi-tablet-ipad::before{content:"\F04F8"}.mdi-taco::before{content:"\F0762"}.mdi-tag::before{content:"\F04F9"}.mdi-tag-arrow-down::before{content:"\F172B"}.mdi-tag-arrow-down-outline::before{content:"\F172C"}.mdi-tag-arrow-left::before{content:"\F172D"}.mdi-tag-arrow-left-outline::before{content:"\F172E"}.mdi-tag-arrow-right::before{content:"\F172F"}.mdi-tag-arrow-right-outline::before{content:"\F1730"}.mdi-tag-arrow-up::before{content:"\F1731"}.mdi-tag-arrow-up-outline::before{content:"\F1732"}.mdi-tag-faces::before{content:"\F04FA"}.mdi-tag-heart::before{content:"\F068B"}.mdi-tag-heart-outline::before{content:"\F0BCF"}.mdi-tag-minus::before{content:"\F0910"}.mdi-tag-minus-outline::before{content:"\F121F"}.mdi-tag-multiple::before{content:"\F04FB"}.mdi-tag-multiple-outline::before{content:"\F12F7"}.mdi-tag-off::before{content:"\F1220"}.mdi-tag-off-outline::before{content:"\F1221"}.mdi-tag-outline::before{content:"\F04FC"}.mdi-tag-plus::before{content:"\F0722"}.mdi-tag-plus-outline::before{content:"\F1222"}.mdi-tag-remove::before{content:"\F0723"}.mdi-tag-remove-outline::before{content:"\F1223"}.mdi-tag-text::before{content:"\F1224"}.mdi-tag-text-outline::before{content:"\F04FD"}.mdi-tailwind::before{content:"\F13FF"}.mdi-tank::before{content:"\F0D3A"}.mdi-tanker-truck::before{content:"\F0FE5"}.mdi-tape-drive::before{content:"\F16DF"}.mdi-tape-measure::before{content:"\F0B4D"}.mdi-target::before{content:"\F04FE"}.mdi-target-account::before{content:"\F0BD0"}.mdi-target-variant::before{content:"\F0A77"}.mdi-taxi::before{content:"\F04FF"}.mdi-tea::before{content:"\F0D9E"}.mdi-tea-outline::before{content:"\F0D9F"}.mdi-teach::before{content:"\F0890"}.mdi-teamviewer::before{content:"\F0500"}.mdi-telegram::before{content:"\F0501"}.mdi-telescope::before{content:"\F0B4E"}.mdi-television::before{content:"\F0502"}.mdi-television-ambient-light::before{content:"\F1356"}.mdi-television-box::before{content:"\F0839"}.mdi-television-classic::before{content:"\F07F4"}.mdi-television-classic-off::before{content:"\F083A"}.mdi-television-clean::before{content:"\F1110"}.mdi-television-guide::before{content:"\F0503"}.mdi-television-off::before{content:"\F083B"}.mdi-television-pause::before{content:"\F0F89"}.mdi-television-play::before{content:"\F0ECF"}.mdi-television-stop::before{content:"\F0F8A"}.mdi-temperature-celsius::before{content:"\F0504"}.mdi-temperature-fahrenheit::before{content:"\F0505"}.mdi-temperature-kelvin::before{content:"\F0506"}.mdi-tennis::before{content:"\F0DA0"}.mdi-tennis-ball::before{content:"\F0507"}.mdi-tent::before{content:"\F0508"}.mdi-terraform::before{content:"\F1062"}.mdi-terrain::before{content:"\F0509"}.mdi-test-tube::before{content:"\F0668"}.mdi-test-tube-empty::before{content:"\F0911"}.mdi-test-tube-off::before{content:"\F0912"}.mdi-text::before{content:"\F09A8"}.mdi-text-account::before{content:"\F1570"}.mdi-text-box::before{content:"\F021A"}.mdi-text-box-check::before{content:"\F0EA6"}.mdi-text-box-check-outline::before{content:"\F0EA7"}.mdi-text-box-minus::before{content:"\F0EA8"}.mdi-text-box-minus-outline::before{content:"\F0EA9"}.mdi-text-box-multiple::before{content:"\F0AB7"}.mdi-text-box-multiple-outline::before{content:"\F0AB8"}.mdi-text-box-outline::before{content:"\F09ED"}.mdi-text-box-plus::before{content:"\F0EAA"}.mdi-text-box-plus-outline::before{content:"\F0EAB"}.mdi-text-box-remove::before{content:"\F0EAC"}.mdi-text-box-remove-outline::before{content:"\F0EAD"}.mdi-text-box-search::before{content:"\F0EAE"}.mdi-text-box-search-outline::before{content:"\F0EAF"}.mdi-text-recognition::before{content:"\F113D"}.mdi-text-search::before{content:"\F13B8"}.mdi-text-shadow::before{content:"\F0669"}.mdi-text-short::before{content:"\F09A9"}.mdi-text-subject::before{content:"\F09AA"}.mdi-text-to-speech::before{content:"\F050A"}.mdi-text-to-speech-off::before{content:"\F050B"}.mdi-texture::before{content:"\F050C"}.mdi-texture-box::before{content:"\F0FE6"}.mdi-theater::before{content:"\F050D"}.mdi-theme-light-dark::before{content:"\F050E"}.mdi-thermometer::before{content:"\F050F"}.mdi-thermometer-alert::before{content:"\F0E01"}.mdi-thermometer-chevron-down::before{content:"\F0E02"}.mdi-thermometer-chevron-up::before{content:"\F0E03"}.mdi-thermometer-high::before{content:"\F10C2"}.mdi-thermometer-lines::before{content:"\F0510"}.mdi-thermometer-low::before{content:"\F10C3"}.mdi-thermometer-minus::before{content:"\F0E04"}.mdi-thermometer-off::before{content:"\F1531"}.mdi-thermometer-plus::before{content:"\F0E05"}.mdi-thermostat::before{content:"\F0393"}.mdi-thermostat-box::before{content:"\F0891"}.mdi-thought-bubble::before{content:"\F07F6"}.mdi-thought-bubble-outline::before{content:"\F07F7"}.mdi-thumb-down::before{content:"\F0511"}.mdi-thumb-down-outline::before{content:"\F0512"}.mdi-thumb-up::before{content:"\F0513"}.mdi-thumb-up-outline::before{content:"\F0514"}.mdi-thumbs-up-down::before{content:"\F0515"}.mdi-ticket::before{content:"\F0516"}.mdi-ticket-account::before{content:"\F0517"}.mdi-ticket-confirmation::before{content:"\F0518"}.mdi-ticket-confirmation-outline::before{content:"\F13AA"}.mdi-ticket-outline::before{content:"\F0913"}.mdi-ticket-percent::before{content:"\F0724"}.mdi-ticket-percent-outline::before{content:"\F142B"}.mdi-tie::before{content:"\F0519"}.mdi-tilde::before{content:"\F0725"}.mdi-timelapse::before{content:"\F051A"}.mdi-timeline::before{content:"\F0BD1"}.mdi-timeline-alert::before{content:"\F0F95"}.mdi-timeline-alert-outline::before{content:"\F0F98"}.mdi-timeline-check::before{content:"\F1532"}.mdi-timeline-check-outline::before{content:"\F1533"}.mdi-timeline-clock::before{content:"\F11FB"}.mdi-timeline-clock-outline::before{content:"\F11FC"}.mdi-timeline-help::before{content:"\F0F99"}.mdi-timeline-help-outline::before{content:"\F0F9A"}.mdi-timeline-minus::before{content:"\F1534"}.mdi-timeline-minus-outline::before{content:"\F1535"}.mdi-timeline-outline::before{content:"\F0BD2"}.mdi-timeline-plus::before{content:"\F0F96"}.mdi-timeline-plus-outline::before{content:"\F0F97"}.mdi-timeline-remove::before{content:"\F1536"}.mdi-timeline-remove-outline::before{content:"\F1537"}.mdi-timeline-text::before{content:"\F0BD3"}.mdi-timeline-text-outline::before{content:"\F0BD4"}.mdi-timer::before{content:"\F13AB"}.mdi-timer-10::before{content:"\F051C"}.mdi-timer-3::before{content:"\F051D"}.mdi-timer-off::before{content:"\F13AC"}.mdi-timer-off-outline::before{content:"\F051E"}.mdi-timer-outline::before{content:"\F051B"}.mdi-timer-sand::before{content:"\F051F"}.mdi-timer-sand-empty::before{content:"\F06AD"}.mdi-timer-sand-full::before{content:"\F078C"}.mdi-timetable::before{content:"\F0520"}.mdi-toaster::before{content:"\F1063"}.mdi-toaster-off::before{content:"\F11B7"}.mdi-toaster-oven::before{content:"\F0CD3"}.mdi-toggle-switch::before{content:"\F0521"}.mdi-toggle-switch-off::before{content:"\F0522"}.mdi-toggle-switch-off-outline::before{content:"\F0A19"}.mdi-toggle-switch-outline::before{content:"\F0A1A"}.mdi-toilet::before{content:"\F09AB"}.mdi-toolbox::before{content:"\F09AC"}.mdi-toolbox-outline::before{content:"\F09AD"}.mdi-tools::before{content:"\F1064"}.mdi-tooltip::before{content:"\F0523"}.mdi-tooltip-account::before{content:"\F000C"}.mdi-tooltip-check::before{content:"\F155C"}.mdi-tooltip-check-outline::before{content:"\F155D"}.mdi-tooltip-edit::before{content:"\F0524"}.mdi-tooltip-edit-outline::before{content:"\F12C5"}.mdi-tooltip-image::before{content:"\F0525"}.mdi-tooltip-image-outline::before{content:"\F0BD5"}.mdi-tooltip-minus::before{content:"\F155E"}.mdi-tooltip-minus-outline::before{content:"\F155F"}.mdi-tooltip-outline::before{content:"\F0526"}.mdi-tooltip-plus::before{content:"\F0BD6"}.mdi-tooltip-plus-outline::before{content:"\F0527"}.mdi-tooltip-remove::before{content:"\F1560"}.mdi-tooltip-remove-outline::before{content:"\F1561"}.mdi-tooltip-text::before{content:"\F0528"}.mdi-tooltip-text-outline::before{content:"\F0BD7"}.mdi-tooth::before{content:"\F08C3"}.mdi-tooth-outline::before{content:"\F0529"}.mdi-toothbrush::before{content:"\F1129"}.mdi-toothbrush-electric::before{content:"\F112C"}.mdi-toothbrush-paste::before{content:"\F112A"}.mdi-torch::before{content:"\F1606"}.mdi-tortoise::before{content:"\F0D3B"}.mdi-toslink::before{content:"\F12B8"}.mdi-tournament::before{content:"\F09AE"}.mdi-tow-truck::before{content:"\F083C"}.mdi-tower-beach::before{content:"\F0681"}.mdi-tower-fire::before{content:"\F0682"}.mdi-toy-brick::before{content:"\F1288"}.mdi-toy-brick-marker::before{content:"\F1289"}.mdi-toy-brick-marker-outline::before{content:"\F128A"}.mdi-toy-brick-minus::before{content:"\F128B"}.mdi-toy-brick-minus-outline::before{content:"\F128C"}.mdi-toy-brick-outline::before{content:"\F128D"}.mdi-toy-brick-plus::before{content:"\F128E"}.mdi-toy-brick-plus-outline::before{content:"\F128F"}.mdi-toy-brick-remove::before{content:"\F1290"}.mdi-toy-brick-remove-outline::before{content:"\F1291"}.mdi-toy-brick-search::before{content:"\F1292"}.mdi-toy-brick-search-outline::before{content:"\F1293"}.mdi-track-light::before{content:"\F0914"}.mdi-trackpad::before{content:"\F07F8"}.mdi-trackpad-lock::before{content:"\F0933"}.mdi-tractor::before{content:"\F0892"}.mdi-tractor-variant::before{content:"\F14C4"}.mdi-trademark::before{content:"\F0A78"}.mdi-traffic-cone::before{content:"\F137C"}.mdi-traffic-light::before{content:"\F052B"}.mdi-train::before{content:"\F052C"}.mdi-train-car::before{content:"\F0BD8"}.mdi-train-car-passenger::before{content:"\F1733"}.mdi-train-car-passenger-door::before{content:"\F1734"}.mdi-train-car-passenger-door-open::before{content:"\F1735"}.mdi-train-car-passenger-variant::before{content:"\F1736"}.mdi-train-variant::before{content:"\F08C4"}.mdi-tram::before{content:"\F052D"}.mdi-tram-side::before{content:"\F0FE7"}.mdi-transcribe::before{content:"\F052E"}.mdi-transcribe-close::before{content:"\F052F"}.mdi-transfer::before{content:"\F1065"}.mdi-transfer-down::before{content:"\F0DA1"}.mdi-transfer-left::before{content:"\F0DA2"}.mdi-transfer-right::before{content:"\F0530"}.mdi-transfer-up::before{content:"\F0DA3"}.mdi-transit-connection::before{content:"\F0D3C"}.mdi-transit-connection-horizontal::before{content:"\F1546"}.mdi-transit-connection-variant::before{content:"\F0D3D"}.mdi-transit-detour::before{content:"\F0F8B"}.mdi-transit-skip::before{content:"\F1515"}.mdi-transit-transfer::before{content:"\F06AE"}.mdi-transition::before{content:"\F0915"}.mdi-transition-masked::before{content:"\F0916"}.mdi-translate::before{content:"\F05CA"}.mdi-translate-off::before{content:"\F0E06"}.mdi-transmission-tower::before{content:"\F0D3E"}.mdi-trash-can::before{content:"\F0A79"}.mdi-trash-can-outline::before{content:"\F0A7A"}.mdi-tray::before{content:"\F1294"}.mdi-tray-alert::before{content:"\F1295"}.mdi-tray-full::before{content:"\F1296"}.mdi-tray-minus::before{content:"\F1297"}.mdi-tray-plus::before{content:"\F1298"}.mdi-tray-remove::before{content:"\F1299"}.mdi-treasure-chest::before{content:"\F0726"}.mdi-tree::before{content:"\F0531"}.mdi-tree-outline::before{content:"\F0E69"}.mdi-trello::before{content:"\F0532"}.mdi-trending-down::before{content:"\F0533"}.mdi-trending-neutral::before{content:"\F0534"}.mdi-trending-up::before{content:"\F0535"}.mdi-triangle::before{content:"\F0536"}.mdi-triangle-outline::before{content:"\F0537"}.mdi-triangle-wave::before{content:"\F147C"}.mdi-triforce::before{content:"\F0BD9"}.mdi-trophy::before{content:"\F0538"}.mdi-trophy-award::before{content:"\F0539"}.mdi-trophy-broken::before{content:"\F0DA4"}.mdi-trophy-outline::before{content:"\F053A"}.mdi-trophy-variant::before{content:"\F053B"}.mdi-trophy-variant-outline::before{content:"\F053C"}.mdi-truck::before{content:"\F053D"}.mdi-truck-check::before{content:"\F0CD4"}.mdi-truck-check-outline::before{content:"\F129A"}.mdi-truck-delivery::before{content:"\F053E"}.mdi-truck-delivery-outline::before{content:"\F129B"}.mdi-truck-fast::before{content:"\F0788"}.mdi-truck-fast-outline::before{content:"\F129C"}.mdi-truck-outline::before{content:"\F129D"}.mdi-truck-trailer::before{content:"\F0727"}.mdi-trumpet::before{content:"\F1096"}.mdi-tshirt-crew::before{content:"\F0A7B"}.mdi-tshirt-crew-outline::before{content:"\F053F"}.mdi-tshirt-v::before{content:"\F0A7C"}.mdi-tshirt-v-outline::before{content:"\F0540"}.mdi-tumble-dryer::before{content:"\F0917"}.mdi-tumble-dryer-alert::before{content:"\F11BA"}.mdi-tumble-dryer-off::before{content:"\F11BB"}.mdi-tune::before{content:"\F062E"}.mdi-tune-variant::before{content:"\F1542"}.mdi-tune-vertical::before{content:"\F066A"}.mdi-tune-vertical-variant::before{content:"\F1543"}.mdi-turkey::before{content:"\F171B"}.mdi-turnstile::before{content:"\F0CD5"}.mdi-turnstile-outline::before{content:"\F0CD6"}.mdi-turtle::before{content:"\F0CD7"}.mdi-twitch::before{content:"\F0543"}.mdi-twitter::before{content:"\F0544"}.mdi-twitter-retweet::before{content:"\F0547"}.mdi-two-factor-authentication::before{content:"\F09AF"}.mdi-typewriter::before{content:"\F0F2D"}.mdi-ubisoft::before{content:"\F0BDA"}.mdi-ubuntu::before{content:"\F0548"}.mdi-ufo::before{content:"\F10C4"}.mdi-ufo-outline::before{content:"\F10C5"}.mdi-ultra-high-definition::before{content:"\F07F9"}.mdi-umbraco::before{content:"\F0549"}.mdi-umbrella::before{content:"\F054A"}.mdi-umbrella-closed::before{content:"\F09B0"}.mdi-umbrella-closed-outline::before{content:"\F13E2"}.mdi-umbrella-closed-variant::before{content:"\F13E1"}.mdi-umbrella-outline::before{content:"\F054B"}.mdi-undo::before{content:"\F054C"}.mdi-undo-variant::before{content:"\F054D"}.mdi-unfold-less-horizontal::before{content:"\F054E"}.mdi-unfold-less-vertical::before{content:"\F0760"}.mdi-unfold-more-horizontal::before{content:"\F054F"}.mdi-unfold-more-vertical::before{content:"\F0761"}.mdi-ungroup::before{content:"\F0550"}.mdi-unicode::before{content:"\F0ED0"}.mdi-unicorn::before{content:"\F15C2"}.mdi-unicorn-variant::before{content:"\F15C3"}.mdi-unicycle::before{content:"\F15E5"}.mdi-unity::before{content:"\F06AF"}.mdi-unreal::before{content:"\F09B1"}.mdi-untappd::before{content:"\F0551"}.mdi-update::before{content:"\F06B0"}.mdi-upload::before{content:"\F0552"}.mdi-upload-lock::before{content:"\F1373"}.mdi-upload-lock-outline::before{content:"\F1374"}.mdi-upload-multiple::before{content:"\F083D"}.mdi-upload-network::before{content:"\F06F6"}.mdi-upload-network-outline::before{content:"\F0CD8"}.mdi-upload-off::before{content:"\F10C6"}.mdi-upload-off-outline::before{content:"\F10C7"}.mdi-upload-outline::before{content:"\F0E07"}.mdi-usb::before{content:"\F0553"}.mdi-usb-flash-drive::before{content:"\F129E"}.mdi-usb-flash-drive-outline::before{content:"\F129F"}.mdi-usb-port::before{content:"\F11F0"}.mdi-valve::before{content:"\F1066"}.mdi-valve-closed::before{content:"\F1067"}.mdi-valve-open::before{content:"\F1068"}.mdi-van-passenger::before{content:"\F07FA"}.mdi-van-utility::before{content:"\F07FB"}.mdi-vanish::before{content:"\F07FC"}.mdi-vanish-quarter::before{content:"\F1554"}.mdi-vanity-light::before{content:"\F11E1"}.mdi-variable::before{content:"\F0AE7"}.mdi-variable-box::before{content:"\F1111"}.mdi-vector-arrange-above::before{content:"\F0554"}.mdi-vector-arrange-below::before{content:"\F0555"}.mdi-vector-bezier::before{content:"\F0AE8"}.mdi-vector-circle::before{content:"\F0556"}.mdi-vector-circle-variant::before{content:"\F0557"}.mdi-vector-combine::before{content:"\F0558"}.mdi-vector-curve::before{content:"\F0559"}.mdi-vector-difference::before{content:"\F055A"}.mdi-vector-difference-ab::before{content:"\F055B"}.mdi-vector-difference-ba::before{content:"\F055C"}.mdi-vector-ellipse::before{content:"\F0893"}.mdi-vector-intersection::before{content:"\F055D"}.mdi-vector-line::before{content:"\F055E"}.mdi-vector-link::before{content:"\F0FE8"}.mdi-vector-point::before{content:"\F055F"}.mdi-vector-polygon::before{content:"\F0560"}.mdi-vector-polyline::before{content:"\F0561"}.mdi-vector-polyline-edit::before{content:"\F1225"}.mdi-vector-polyline-minus::before{content:"\F1226"}.mdi-vector-polyline-plus::before{content:"\F1227"}.mdi-vector-polyline-remove::before{content:"\F1228"}.mdi-vector-radius::before{content:"\F074A"}.mdi-vector-rectangle::before{content:"\F05C6"}.mdi-vector-selection::before{content:"\F0562"}.mdi-vector-square::before{content:"\F0001"}.mdi-vector-triangle::before{content:"\F0563"}.mdi-vector-union::before{content:"\F0564"}.mdi-vhs::before{content:"\F0A1B"}.mdi-vibrate::before{content:"\F0566"}.mdi-vibrate-off::before{content:"\F0CD9"}.mdi-video::before{content:"\F0567"}.mdi-video-3d::before{content:"\F07FD"}.mdi-video-3d-off::before{content:"\F13D9"}.mdi-video-3d-variant::before{content:"\F0ED1"}.mdi-video-4k-box::before{content:"\F083E"}.mdi-video-account::before{content:"\F0919"}.mdi-video-box::before{content:"\F00FD"}.mdi-video-box-off::before{content:"\F00FE"}.mdi-video-check::before{content:"\F1069"}.mdi-video-check-outline::before{content:"\F106A"}.mdi-video-high-definition::before{content:"\F152E"}.mdi-video-image::before{content:"\F091A"}.mdi-video-input-antenna::before{content:"\F083F"}.mdi-video-input-component::before{content:"\F0840"}.mdi-video-input-hdmi::before{content:"\F0841"}.mdi-video-input-scart::before{content:"\F0F8C"}.mdi-video-input-svideo::before{content:"\F0842"}.mdi-video-minus::before{content:"\F09B2"}.mdi-video-minus-outline::before{content:"\F02BA"}.mdi-video-off::before{content:"\F0568"}.mdi-video-off-outline::before{content:"\F0BDB"}.mdi-video-outline::before{content:"\F0BDC"}.mdi-video-plus::before{content:"\F09B3"}.mdi-video-plus-outline::before{content:"\F01D3"}.mdi-video-stabilization::before{content:"\F091B"}.mdi-video-switch::before{content:"\F0569"}.mdi-video-switch-outline::before{content:"\F0790"}.mdi-video-vintage::before{content:"\F0A1C"}.mdi-video-wireless::before{content:"\F0ED2"}.mdi-video-wireless-outline::before{content:"\F0ED3"}.mdi-view-agenda::before{content:"\F056A"}.mdi-view-agenda-outline::before{content:"\F11D8"}.mdi-view-array::before{content:"\F056B"}.mdi-view-array-outline::before{content:"\F1485"}.mdi-view-carousel::before{content:"\F056C"}.mdi-view-carousel-outline::before{content:"\F1486"}.mdi-view-column::before{content:"\F056D"}.mdi-view-column-outline::before{content:"\F1487"}.mdi-view-comfy::before{content:"\F0E6A"}.mdi-view-comfy-outline::before{content:"\F1488"}.mdi-view-compact::before{content:"\F0E6B"}.mdi-view-compact-outline::before{content:"\F0E6C"}.mdi-view-dashboard::before{content:"\F056E"}.mdi-view-dashboard-outline::before{content:"\F0A1D"}.mdi-view-dashboard-variant::before{content:"\F0843"}.mdi-view-dashboard-variant-outline::before{content:"\F1489"}.mdi-view-day::before{content:"\F056F"}.mdi-view-day-outline::before{content:"\F148A"}.mdi-view-grid::before{content:"\F0570"}.mdi-view-grid-outline::before{content:"\F11D9"}.mdi-view-grid-plus::before{content:"\F0F8D"}.mdi-view-grid-plus-outline::before{content:"\F11DA"}.mdi-view-headline::before{content:"\F0571"}.mdi-view-list::before{content:"\F0572"}.mdi-view-list-outline::before{content:"\F148B"}.mdi-view-module::before{content:"\F0573"}.mdi-view-module-outline::before{content:"\F148C"}.mdi-view-parallel::before{content:"\F0728"}.mdi-view-parallel-outline::before{content:"\F148D"}.mdi-view-quilt::before{content:"\F0574"}.mdi-view-quilt-outline::before{content:"\F148E"}.mdi-view-sequential::before{content:"\F0729"}.mdi-view-sequential-outline::before{content:"\F148F"}.mdi-view-split-horizontal::before{content:"\F0BCB"}.mdi-view-split-vertical::before{content:"\F0BCC"}.mdi-view-stream::before{content:"\F0575"}.mdi-view-stream-outline::before{content:"\F1490"}.mdi-view-week::before{content:"\F0576"}.mdi-view-week-outline::before{content:"\F1491"}.mdi-vimeo::before{content:"\F0577"}.mdi-violin::before{content:"\F060F"}.mdi-virtual-reality::before{content:"\F0894"}.mdi-virus::before{content:"\F13B6"}.mdi-virus-outline::before{content:"\F13B7"}.mdi-vk::before{content:"\F0579"}.mdi-vlc::before{content:"\F057C"}.mdi-voice-off::before{content:"\F0ED4"}.mdi-voicemail::before{content:"\F057D"}.mdi-volleyball::before{content:"\F09B4"}.mdi-volume-high::before{content:"\F057E"}.mdi-volume-low::before{content:"\F057F"}.mdi-volume-medium::before{content:"\F0580"}.mdi-volume-minus::before{content:"\F075E"}.mdi-volume-mute::before{content:"\F075F"}.mdi-volume-off::before{content:"\F0581"}.mdi-volume-plus::before{content:"\F075D"}.mdi-volume-source::before{content:"\F1120"}.mdi-volume-variant-off::before{content:"\F0E08"}.mdi-volume-vibrate::before{content:"\F1121"}.mdi-vote::before{content:"\F0A1F"}.mdi-vote-outline::before{content:"\F0A20"}.mdi-vpn::before{content:"\F0582"}.mdi-vuejs::before{content:"\F0844"}.mdi-vuetify::before{content:"\F0E6D"}.mdi-walk::before{content:"\F0583"}.mdi-wall::before{content:"\F07FE"}.mdi-wall-sconce::before{content:"\F091C"}.mdi-wall-sconce-flat::before{content:"\F091D"}.mdi-wall-sconce-flat-variant::before{content:"\F041C"}.mdi-wall-sconce-round::before{content:"\F0748"}.mdi-wall-sconce-round-variant::before{content:"\F091E"}.mdi-wallet::before{content:"\F0584"}.mdi-wallet-giftcard::before{content:"\F0585"}.mdi-wallet-membership::before{content:"\F0586"}.mdi-wallet-outline::before{content:"\F0BDD"}.mdi-wallet-plus::before{content:"\F0F8E"}.mdi-wallet-plus-outline::before{content:"\F0F8F"}.mdi-wallet-travel::before{content:"\F0587"}.mdi-wallpaper::before{content:"\F0E09"}.mdi-wan::before{content:"\F0588"}.mdi-wardrobe::before{content:"\F0F90"}.mdi-wardrobe-outline::before{content:"\F0F91"}.mdi-warehouse::before{content:"\F0F81"}.mdi-washing-machine::before{content:"\F072A"}.mdi-washing-machine-alert::before{content:"\F11BC"}.mdi-washing-machine-off::before{content:"\F11BD"}.mdi-watch::before{content:"\F0589"}.mdi-watch-export::before{content:"\F058A"}.mdi-watch-export-variant::before{content:"\F0895"}.mdi-watch-import::before{content:"\F058B"}.mdi-watch-import-variant::before{content:"\F0896"}.mdi-watch-variant::before{content:"\F0897"}.mdi-watch-vibrate::before{content:"\F06B1"}.mdi-watch-vibrate-off::before{content:"\F0CDA"}.mdi-water::before{content:"\F058C"}.mdi-water-alert::before{content:"\F1502"}.mdi-water-alert-outline::before{content:"\F1503"}.mdi-water-boiler::before{content:"\F0F92"}.mdi-water-boiler-alert::before{content:"\F11B3"}.mdi-water-boiler-off::before{content:"\F11B4"}.mdi-water-check::before{content:"\F1504"}.mdi-water-check-outline::before{content:"\F1505"}.mdi-water-minus::before{content:"\F1506"}.mdi-water-minus-outline::before{content:"\F1507"}.mdi-water-off::before{content:"\F058D"}.mdi-water-off-outline::before{content:"\F1508"}.mdi-water-outline::before{content:"\F0E0A"}.mdi-water-percent::before{content:"\F058E"}.mdi-water-percent-alert::before{content:"\F1509"}.mdi-water-plus::before{content:"\F150A"}.mdi-water-plus-outline::before{content:"\F150B"}.mdi-water-polo::before{content:"\F12A0"}.mdi-water-pump::before{content:"\F058F"}.mdi-water-pump-off::before{content:"\F0F93"}.mdi-water-remove::before{content:"\F150C"}.mdi-water-remove-outline::before{content:"\F150D"}.mdi-water-well::before{content:"\F106B"}.mdi-water-well-outline::before{content:"\F106C"}.mdi-watering-can::before{content:"\F1481"}.mdi-watering-can-outline::before{content:"\F1482"}.mdi-watermark::before{content:"\F0612"}.mdi-wave::before{content:"\F0F2E"}.mdi-waveform::before{content:"\F147D"}.mdi-waves::before{content:"\F078D"}.mdi-waze::before{content:"\F0BDE"}.mdi-weather-cloudy::before{content:"\F0590"}.mdi-weather-cloudy-alert::before{content:"\F0F2F"}.mdi-weather-cloudy-arrow-right::before{content:"\F0E6E"}.mdi-weather-fog::before{content:"\F0591"}.mdi-weather-hail::before{content:"\F0592"}.mdi-weather-hazy::before{content:"\F0F30"}.mdi-weather-hurricane::before{content:"\F0898"}.mdi-weather-lightning::before{content:"\F0593"}.mdi-weather-lightning-rainy::before{content:"\F067E"}.mdi-weather-night::before{content:"\F0594"}.mdi-weather-night-partly-cloudy::before{content:"\F0F31"}.mdi-weather-partly-cloudy::before{content:"\F0595"}.mdi-weather-partly-lightning::before{content:"\F0F32"}.mdi-weather-partly-rainy::before{content:"\F0F33"}.mdi-weather-partly-snowy::before{content:"\F0F34"}.mdi-weather-partly-snowy-rainy::before{content:"\F0F35"}.mdi-weather-pouring::before{content:"\F0596"}.mdi-weather-rainy::before{content:"\F0597"}.mdi-weather-snowy::before{content:"\F0598"}.mdi-weather-snowy-heavy::before{content:"\F0F36"}.mdi-weather-snowy-rainy::before{content:"\F067F"}.mdi-weather-sunny::before{content:"\F0599"}.mdi-weather-sunny-alert::before{content:"\F0F37"}.mdi-weather-sunny-off::before{content:"\F14E4"}.mdi-weather-sunset::before{content:"\F059A"}.mdi-weather-sunset-down::before{content:"\F059B"}.mdi-weather-sunset-up::before{content:"\F059C"}.mdi-weather-tornado::before{content:"\F0F38"}.mdi-weather-windy::before{content:"\F059D"}.mdi-weather-windy-variant::before{content:"\F059E"}.mdi-web::before{content:"\F059F"}.mdi-web-box::before{content:"\F0F94"}.mdi-web-clock::before{content:"\F124A"}.mdi-webcam::before{content:"\F05A0"}.mdi-webcam-off::before{content:"\F1737"}.mdi-webhook::before{content:"\F062F"}.mdi-webpack::before{content:"\F072B"}.mdi-webrtc::before{content:"\F1248"}.mdi-wechat::before{content:"\F0611"}.mdi-weight::before{content:"\F05A1"}.mdi-weight-gram::before{content:"\F0D3F"}.mdi-weight-kilogram::before{content:"\F05A2"}.mdi-weight-lifter::before{content:"\F115D"}.mdi-weight-pound::before{content:"\F09B5"}.mdi-whatsapp::before{content:"\F05A3"}.mdi-wheel-barrow::before{content:"\F14F2"}.mdi-wheelchair-accessibility::before{content:"\F05A4"}.mdi-whistle::before{content:"\F09B6"}.mdi-whistle-outline::before{content:"\F12BC"}.mdi-white-balance-auto::before{content:"\F05A5"}.mdi-white-balance-incandescent::before{content:"\F05A6"}.mdi-white-balance-iridescent::before{content:"\F05A7"}.mdi-white-balance-sunny::before{content:"\F05A8"}.mdi-widgets::before{content:"\F072C"}.mdi-widgets-outline::before{content:"\F1355"}.mdi-wifi::before{content:"\F05A9"}.mdi-wifi-alert::before{content:"\F16B5"}.mdi-wifi-arrow-down::before{content:"\F16B6"}.mdi-wifi-arrow-left::before{content:"\F16B7"}.mdi-wifi-arrow-left-right::before{content:"\F16B8"}.mdi-wifi-arrow-right::before{content:"\F16B9"}.mdi-wifi-arrow-up::before{content:"\F16BA"}.mdi-wifi-arrow-up-down::before{content:"\F16BB"}.mdi-wifi-cancel::before{content:"\F16BC"}.mdi-wifi-check::before{content:"\F16BD"}.mdi-wifi-cog::before{content:"\F16BE"}.mdi-wifi-lock::before{content:"\F16BF"}.mdi-wifi-lock-open::before{content:"\F16C0"}.mdi-wifi-marker::before{content:"\F16C1"}.mdi-wifi-minus::before{content:"\F16C2"}.mdi-wifi-off::before{content:"\F05AA"}.mdi-wifi-plus::before{content:"\F16C3"}.mdi-wifi-refresh::before{content:"\F16C4"}.mdi-wifi-remove::before{content:"\F16C5"}.mdi-wifi-settings::before{content:"\F16C6"}.mdi-wifi-star::before{content:"\F0E0B"}.mdi-wifi-strength-1::before{content:"\F091F"}.mdi-wifi-strength-1-alert::before{content:"\F0920"}.mdi-wifi-strength-1-lock::before{content:"\F0921"}.mdi-wifi-strength-1-lock-open::before{content:"\F16CB"}.mdi-wifi-strength-2::before{content:"\F0922"}.mdi-wifi-strength-2-alert::before{content:"\F0923"}.mdi-wifi-strength-2-lock::before{content:"\F0924"}.mdi-wifi-strength-2-lock-open::before{content:"\F16CC"}.mdi-wifi-strength-3::before{content:"\F0925"}.mdi-wifi-strength-3-alert::before{content:"\F0926"}.mdi-wifi-strength-3-lock::before{content:"\F0927"}.mdi-wifi-strength-3-lock-open::before{content:"\F16CD"}.mdi-wifi-strength-4::before{content:"\F0928"}.mdi-wifi-strength-4-alert::before{content:"\F0929"}.mdi-wifi-strength-4-lock::before{content:"\F092A"}.mdi-wifi-strength-4-lock-open::before{content:"\F16CE"}.mdi-wifi-strength-alert-outline::before{content:"\F092B"}.mdi-wifi-strength-lock-open-outline::before{content:"\F16CF"}.mdi-wifi-strength-lock-outline::before{content:"\F092C"}.mdi-wifi-strength-off::before{content:"\F092D"}.mdi-wifi-strength-off-outline::before{content:"\F092E"}.mdi-wifi-strength-outline::before{content:"\F092F"}.mdi-wifi-sync::before{content:"\F16C7"}.mdi-wikipedia::before{content:"\F05AC"}.mdi-wind-turbine::before{content:"\F0DA5"}.mdi-window-close::before{content:"\F05AD"}.mdi-window-closed::before{content:"\F05AE"}.mdi-window-closed-variant::before{content:"\F11DB"}.mdi-window-maximize::before{content:"\F05AF"}.mdi-window-minimize::before{content:"\F05B0"}.mdi-window-open::before{content:"\F05B1"}.mdi-window-open-variant::before{content:"\F11DC"}.mdi-window-restore::before{content:"\F05B2"}.mdi-window-shutter::before{content:"\F111C"}.mdi-window-shutter-alert::before{content:"\F111D"}.mdi-window-shutter-open::before{content:"\F111E"}.mdi-windsock::before{content:"\F15FA"}.mdi-wiper::before{content:"\F0AE9"}.mdi-wiper-wash::before{content:"\F0DA6"}.mdi-wizard-hat::before{content:"\F1477"}.mdi-wordpress::before{content:"\F05B4"}.mdi-wrap::before{content:"\F05B6"}.mdi-wrap-disabled::before{content:"\F0BDF"}.mdi-wrench::before{content:"\F05B7"}.mdi-wrench-outline::before{content:"\F0BE0"}.mdi-xamarin::before{content:"\F0845"}.mdi-xamarin-outline::before{content:"\F0846"}.mdi-xing::before{content:"\F05BE"}.mdi-xml::before{content:"\F05C0"}.mdi-xmpp::before{content:"\F07FF"}.mdi-y-combinator::before{content:"\F0624"}.mdi-yahoo::before{content:"\F0B4F"}.mdi-yeast::before{content:"\F05C1"}.mdi-yin-yang::before{content:"\F0680"}.mdi-yoga::before{content:"\F117C"}.mdi-youtube::before{content:"\F05C3"}.mdi-youtube-gaming::before{content:"\F0848"}.mdi-youtube-studio::before{content:"\F0847"}.mdi-youtube-subscription::before{content:"\F0D40"}.mdi-youtube-tv::before{content:"\F0448"}.mdi-yurt::before{content:"\F1516"}.mdi-z-wave::before{content:"\F0AEA"}.mdi-zend::before{content:"\F0AEB"}.mdi-zigbee::before{content:"\F0D41"}.mdi-zip-box::before{content:"\F05C4"}.mdi-zip-box-outline::before{content:"\F0FFA"}.mdi-zip-disk::before{content:"\F0A23"}.mdi-zodiac-aquarius::before{content:"\F0A7D"}.mdi-zodiac-aries::before{content:"\F0A7E"}.mdi-zodiac-cancer::before{content:"\F0A7F"}.mdi-zodiac-capricorn::before{content:"\F0A80"}.mdi-zodiac-gemini::before{content:"\F0A81"}.mdi-zodiac-leo::before{content:"\F0A82"}.mdi-zodiac-libra::before{content:"\F0A83"}.mdi-zodiac-pisces::before{content:"\F0A84"}.mdi-zodiac-sagittarius::before{content:"\F0A85"}.mdi-zodiac-scorpio::before{content:"\F0A86"}.mdi-zodiac-taurus::before{content:"\F0A87"}.mdi-zodiac-virgo::before{content:"\F0A88"}.mdi-blank::before{content:"\F68C";visibility:hidden}.mdi-18px.mdi-set,.mdi-18px.mdi:before{font-size:18px}.mdi-24px.mdi-set,.mdi-24px.mdi:before{font-size:24px}.mdi-36px.mdi-set,.mdi-36px.mdi:before{font-size:36px}.mdi-48px.mdi-set,.mdi-48px.mdi:before{font-size:48px}.mdi-dark:before{color:rgba(0,0,0,0.54)}.mdi-dark.mdi-inactive:before{color:rgba(0,0,0,0.26)}.mdi-light:before{color:#fff}.mdi-light.mdi-inactive:before{color:rgba(255,255,255,0.3)}.mdi-rotate-45:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mdi-rotate-90:before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.mdi-rotate-135:before{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.mdi-rotate-180:before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.mdi-rotate-225:before{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}.mdi-rotate-270:before{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.mdi-rotate-315:before{-webkit-transform:rotate(315deg);-ms-transform:rotate(315deg);transform:rotate(315deg)}.mdi-flip-h:before{-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.mdi-flip-v:before{-webkit-transform:scaleY(-1);transform:scaleY(-1);filter:FlipV;-ms-filter:"FlipV"}.mdi-spin:before{-webkit-animation:mdi-spin 2s infinite linear;animation:mdi-spin 2s infinite linear}@-webkit-keyframes mdi-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes mdi-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}

/*!*****************************************************

Freak Flags, Copyright ©2021 Michael P. Cohen. Freak flags is licenced under the MIT licence.  

For complete information visit: www.freakflagsprite.com 

******************************************************/
.fflag.worldFlag{background-image:url('/Content/imgs/worldFlag.png')!important;background-size: 100%;}
.fflag {background-image:url('/Content/imgs/flagSprite60.png');background-repeat:no-repeat; background-size: 100% 49494%; /*display: inline-block;*/ overflow: hidden; position: relative; vertical-align: middle; box-sizing: content-box; }
.fflag-CH,
.fflag-NP {box-shadow: none!important}
.fflag-DZ {background-position:center 0.2287%}
.fflag-AO {background-position:center 0.4524%}
.fflag-BJ {background-position:center 0.6721%}
.fflag-BW {background-position:center 0.8958%}
.fflag-BF {background-position:center 1.1162%}
.fflag-BI {background-position:center 1.3379%}
.fflag-CM {background-position:center 1.5589%}
.fflag-CV {background-position:center 1.7836%}
.fflag-CF {background-position:center 2.0047%}
.fflag-TD {background-position:center 2.2247%}
.fflag-CD {background-position:left 2.4467%}
.fflag-DJ {background-position:left 2.6674%}
.fflag-EG {background-position:center 2.8931%}
.fflag-GQ {background-position:center 3.1125%}
.fflag-ER {background-position:left 3.3325%}
.fflag-ET {background-position:center 3.5542%}
.fflag-GA {background-position:center 3.7759%}
.fflag-GM {background-position:center 4.0015%}
.fflag-GH {background-position:center 4.2229%}
.fflag-GN {background-position:center 4.441%}
.fflag-GW {background-position:left 4.66663%}
.fflag-CI {background-position:center 4.8844%}
.fflag-KE {background-position:center 5.1061%}
.fflag-LS {background-position:center 5.3278%}
.fflag-LR {background-position:left 5.5495%}
.fflag-LY {background-position:center 5.7712%}
.fflag-MG {background-position:center 5.994%}
.fflag-MW {background-position:center 6.2156%}
.fflag-ML {background-position:center 6.4363%}
.fflag-MR {background-position:center 6.658%}
.fflag-MU {background-position:center 6.8805%}
.fflag-YT {background-position:center 7.1038%}
.fflag-MA {background-position:center 7.3231%}
.fflag-MZ {background-position:left 7.5448%}
.fflag-NA {background-position:left 7.7661%}
.fflag-NE {background-position:center 7.98937%}
.fflag-NG {background-position:center 8.2099%}
.fflag-CG {background-position:center 8.4316%}
.fflag-RE {background-position:center 8.6533%}
.fflag-RW {background-position:right 8.875%}
.fflag-SH {background-position:center 9.0967%}
.fflag-ST {background-position:center 9.32237%}
.fflag-SN {background-position:center 9.5426%}
.fflag-SC {background-position:left 9.7628%}
.fflag-SL {background-position:center 9.9845%}
.fflag-SO {background-position:center 10.2052%}
.fflag-ZA {background-position:left 10.4269%}
.fflag-SS {background-position:left 10.6486%}
.fflag-SD {background-position:center 10.8703%}
.fflag-SR {background-position:center 11.0945%}
.fflag-SZ {background-position:center 11.3135%}
.fflag-TG {background-position:left 11.5354%}
.fflag-TN {background-position:center 11.7593%}
.fflag-UG {background-position:center 11.9799%}
.fflag-TZ {background-position:center 12.2005%}
.fflag-EH {background-position:center 12.4222%}
.fflag-YE {background-position:center 12.644%}
.fflag-ZM {background-position:center 12.8664%}
.fflag-ZW {background-position:left 13.0873%}
.fflag-AI {background-position:center 13.309%}
.fflag-AG {background-position:center 13.5307%}
.fflag-AR {background-position:center 13.7524%}
.fflag-AW {background-position:left 13.9741%}
.fflag-BS {background-position:left 14.1958%}
.fflag-BB {background-position:center 14.4175%}
.fflag-BQ {background-position:center 14.6415%}
.fflag-BZ {background-position:center 14.8609%}
.fflag-BM {background-position:center 15.0826%}
.fflag-BO {background-position:center 15.306%}
.fflag-VG {background-position:center 15.528%}
.fflag-BR {background-position:center 15.7496%}
.fflag-CA {background-position:center 15.9694%}
.fflag-KY {background-position:center 16.1911%}
.fflag-CL {background-position:left 16.4128%}
.fflag-CO {background-position:left 16.6345%}
.fflag-KM {background-position:center 16.8562%}
.fflag-CR {background-position:center 17.0779%}
.fflag-CU {background-position:left 17.2996%}
.fflag-CW {background-position:center 17.5213%}
.fflag-DM {background-position:center 17.743%}
.fflag-DO {background-position:center 17.968%}
.fflag-EC {background-position:center 18.1864%}
.fflag-SV {background-position:center 18.4081%}
.fflag-FK {background-position:center 18.6298%}
.fflag-GF {background-position:center 18.8515%}
.fflag-GL {background-position:left 19.0732%}
.fflag-GD {background-position:center 19.2987%}
.fflag-GP {background-position:center 19.518%}
.fflag-GT {background-position:center 19.7383%}
.fflag-GY {background-position:center 19.96%}
.fflag-HT {background-position:center 20.1817%}
.fflag-HN {background-position:center 20.4034%}
.fflag-JM {background-position:center 20.6241%}
.fflag-MQ {background-position:center 20.8468%}
.fflag-MX {background-position:center 21.0685%}
.fflag-MS {background-position:center 21.2902%}
.fflag-NI {background-position:center 21.5119%}
.fflag-PA {background-position:center 21.7336%}
.fflag-PY {background-position:center 21.9553%}
.fflag-PE {background-position:center 22.177%}
.fflag-PR {background-position:left 22.4002%}
.fflag-BL {background-position:center 22.6204%}
.fflag-KN {background-position:center 22.8421%}
.fflag-LC {background-position:center 23.0638%}
.fflag-PM {background-position:center 23.2855%}
.fflag-VC {background-position:center 23.5072%}
.fflag-SX {background-position:left 23.732%}
.fflag-TT {background-position:center 23.9506%}
.fflag-TC {background-position:center 24.1723%}
.fflag-US {background-position:center 24.394%}
.fflag-VI {background-position:center 24.6157%}
.fflag-UY {background-position:left 24.8374%}
.fflag-VE {background-position:center 25.0591%}
.fflag-AF {background-position:center 25.2808%}
.fflag-AZ {background-position:center 25.5025%}
.fflag-BD {background-position:center 25.7242%}
.fflag-BT {background-position:center 25.9459%}
.fflag-BN {background-position:center 26.1676%}
.fflag-KH {background-position:center 26.3885%}
.fflag-CN {background-position:left 26.611%}
.fflag-GE {background-position:center 26.8327%}
.fflag-HK {background-position:center 27.0544%}
.fflag-IN {background-position:center 27.2761%}
.fflag-ID {background-position:center 27.4978%}
.fflag-JP {background-position:center 27.7195%}
.fflag-KZ {background-position:center 27.9412%}
.fflag-LA {background-position:center 28.1615%}
.fflag-MO {background-position:center 28.3846%}
.fflag-MY {background-position:center 28.6063%}
.fflag-MV {background-position:center 28.829%}
.fflag-MN {background-position:left 29.0497%}
.fflag-MM {background-position:center 29.2714%}
.fflag-NP {background-position:left 29.4931%}
.fflag-KP {background-position:left 29.7148%}
.fflag-MP {background-position:center 29.9365%}
.fflag-PW {background-position:center 30.1582%}
.fflag-PG {background-position:center 30.3799%}
.fflag-PH {background-position:left 30.6016%}
.fflag-SG {background-position:left 30.8233%}
.fflag-KR {background-position:center 31.045%}
.fflag-LK {background-position:right 31.2667%}
.fflag-TW {background-position:left 31.4884%}
.fflag-TJ {background-position:center 31.7101%}
.fflag-TH {background-position:center 31.9318%}
.fflag-TL {background-position:left 32.1535%}
.fflag-TM {background-position:center 32.3752%}
.fflag-VN {background-position:center 32.5969%}
.fflag-AL {background-position:center 32.8186%}
.fflag-AD {background-position:center 33.0403%}
.fflag-AM {background-position:center 33.258%}
.fflag-AT {background-position:center 33.4837%}
.fflag-BY {background-position:left 33.7054%}
.fflag-BE {background-position:center 33.9271%}
.fflag-BA {background-position:center 34.1488%}
.fflag-BG {background-position:center 34.3705%}
.fflag-HR {background-position:center 34.5922%}
.fflag-CY {background-position:center 34.8139%}
.fflag-CZ {background-position:left 35.0356%}
.fflag-DK {background-position:center 35.2555%}
.fflag-EE {background-position:center 35.479%}
.fflag-FO {background-position:center 35.7007%}
.fflag-FI {background-position:center 35.9224%}
.fflag-FR {background-position:center 36.1441%}
.fflag-DE {background-position:center 36.3658%}
.fflag-GI {background-position:center 36.5875%}
.fflag-GR {background-position:left 36.8092%}
.fflag-HU {background-position:center 37.0309%}
.fflag-IS {background-position:center 37.2526%}
.fflag-IE {background-position:center 37.4743%}
.fflag-IM {background-position:center 37.696%}
.fflag-IT {background-position:center 37.9177%}
.fflag-JE {background-position:center 38.1394%}
.fflag-XK {background-position:center 38.3611%}
.fflag-LV {background-position:center 38.5828%}
.fflag-LI {background-position:left 38.8045%}
.fflag-LT {background-position:center 39.0262%}
.fflag-LU {background-position:center 39.2479%}
.fflag-MT {background-position:left 39.4696%}
.fflag-MD {background-position:center 39.6913%}
.fflag-MC {background-position:center 39.913%}
.fflag-ME {background-position:center 40.1347%}
.fflag-NL {background-position:center 40.3564%}
.fflag-MK {background-position:center 40.5781%}
.fflag-NO {background-position:center 40.7998%}
.fflag-PL {background-position:center 41.0215%}
.fflag-PT {background-position:center 41.2432%}
.fflag-RO {background-position:center 41.4649%}
.fflag-RU {background-position:center 41.6866%}
.fflag-SM {background-position:center 41.9083%}
.fflag-RS {background-position:center 42.13%}
.fflag-SK {background-position:center 42.3517%}
.fflag-SI {background-position:center 42.5734%}
.fflag-ES {background-position:left 42.7951%}
.fflag-SE {background-position:center 43.0168%}
.fflag-CH {background-position:center 43.2385%}
.fflag-TR {background-position:center 43.4602%}
.fflag-UA {background-position:center 43.6819%}
.fflag-GB {background-position:center 43.9036%}
.fflag-VA {background-position:right 44.1253%}
.fflag-BH {background-position:center 44.347%}
.fflag-IR {background-position:center 44.5687%}
.fflag-IQ {background-position:center 44.7904%}
.fflag-IL {background-position:center 45.0121%}
.fflag-KW {background-position:left 45.2338%}
.fflag-JO {background-position:left 45.4555%}
.fflag-KG {background-position:center 45.6772%}
.fflag-LB {background-position:center 45.897%}
.fflag-OM {background-position:left 46.1206%}
.fflag-PK {background-position:center 46.3423%}
.fflag-PS {background-position:center 46.561%}
.fflag-QA {background-position:center 46.7857%}
.fflag-SA {background-position:center 47.0074%}
.fflag-SY {background-position:center 47.2291%}
.fflag-AE {background-position:center 47.4508%}
.fflag-UZ {background-position:left 47.6725%}
.fflag-AS {background-position:right 47.8942%}
.fflag-AU {background-position:center 48.1159%}
.fflag-CX {background-position:center 48.3376%}
.fflag-CC {background-position:center 48.5593%}
.fflag-CK {background-position:center 48.781%}
.fflag-FJ {background-position:center 49.0027%}
.fflag-PF {background-position:center 49.2244%}
.fflag-GU {background-position:center 49.4445%}
.fflag-KI {background-position:center 49.6678%}
.fflag-MH {background-position:left 49.8895%}
.fflag-FM {background-position:center 50.1112%}
.fflag-NC {background-position:center 50.3329%}
.fflag-NZ {background-position:center 50.5546%}
.fflag-NR {background-position:left 50.7763%}
.fflag-NU {background-position:center 50.998%}
.fflag-NF {background-position:center 51.2197%}
.fflag-WS {background-position:left 51.4414%}
.fflag-SB {background-position:left 51.6631%}
.fflag-TK {background-position:center 51.8848%}
.fflag-TO {background-position:left 52.1065%}
.fflag-TV {background-position:center 52.3282%}
.fflag-VU {background-position:left 52.5499%}
.fflag-WF {background-position:center 52.7716%}
.fflag-EU {background-position:center 52.9933%}
.fflag-JR {background-position:center 53.215%}
.fflag-OLY {background-position:center 53.4315%}
.fflag-UN {background-position:center 53.6584%}
.fflag-TD.ff-round, .fflag-GN.ff-round, .fflag-CI.ff-round, .fflag-ML.ff-round, .fflag-NG.ff-round, .fflag-BE.ff-round, .fflag-FR.ff-round, .fflag-IE.ff-round, .fflag-IT.ff-round, .fflag-RO.ff-round {background-size:100%  50000%}

.fflag.ff-sm {width: 18px;height: 11px}
.fflag.ff-md {width: 27px;height: 17px}
.fflag.ff-lg {width: 42px;height: 27px}
.fflag.ff-xl {width: 60px;height: 37px}

/* ff-round = circular icons */
.ff-round {background-size: 160%; background-clip: content-box; border-radius: 50%; }
.ff-round.ff-sm {width: 12px; height: 12px}
.ff-round.ff-md {width: 18px; height: 18px}
.ff-round.ff-lg {width: 24px; height: 24px}
.ff-round.ff-xl {width: 32px; height: 32px}
.skeleton{visibility: visible;opacity: 1;transition: all .6s ease;pointer-events: none;}

.skeleton *{cursor: default!important;}

.skeleton.toggleSkeleton{visibility: hidden;opacity: 0;}
.toggleSkeleton{visibility: hidden;opacity: 0;}

.notSkeleton{visibility: visible;opacity: 1;transition: all .6s ease;}
.notSkeleton.toggleSkeleton{visibility: hidden;opacity: 0;}

.skeleton-btn{background-color:#E3E3E3!important; border-radius: 4px;}
.skeleton-txt{background-color:#E3E3E3!important;border-radius: 18px;}
  .skeleton-txt.w30{width: 30px!important;}
  .skeleton-txt.w50{width: 50px!important;}
  .skeleton-txt.w80{width: 80px!important;}
  .skeleton-txt.w100{width: 100px!important;}
  .skeleton-txt.w130{width: 130px!important;}
  .skeleton-txt.w200{width: 200px!important;}
  .skeleton-txt.w300{width: 300px!important;}
  .skeleton-txt.w400{width: 400px!important;}
  .skeleton-txt.w500{width: 500px!important;}

.skeleton-circle{border-radius: 50%!important; background-color: #E3E3E3;}

.skAnim{height: 100%; width: 100%; background: linear-gradient(-90deg, #E3E3E3 0%, #f7f7f7 50%, #E3E3E3 100%); background-size: 300% 300%; animation: pulse 8s ease-out infinite; opacity: .8!important;}
/*.skAnim{height: 100%; width: 100%; background: linear-gradient(-90deg, #E3E3E3 0%, #f7f7f7 50%, #E3E3E3 100%); background-size: 300% 300%; animation: pulse 8s linear infinite;-webkit-animation: pulse 8s linear infinite; opacity: .6;}*/

@keyframes pulse {0% {background-position: 0% 0%; } 100% {background-position: -800% 0%; } }


/*ADMIN*/
.fullScreenDialogFlexTop{position: absolute; left: 50%; transform: translateX(-50%);z-index: 999;}
.fullScreenDialogFlexCenter{position: absolute; left: 50%; transform: translate(-50%, -50%);top: calc(50% - 31px);z-index: 999;}
.fullScreenDialogFlexTop .ico, .fullScreenDialogFlexCenter .ico{height: 100px; width: 100px;}
.fullScreenDialogFlexTop .title, .fullScreenDialogFlexCenter .title, .fullScreenDialogFlexTop .subtitle,
.fullScreenDialogFlexCenter .subtitle{height: 20px; width: 240px; border-radius: 20px; margin: 16px auto 0 auto!important;} .fullScreenDialogFlexTop .subtitle,
.fullScreenDialogFlexCenter .subtitle{height: 20px; width: 410px; border-radius: 20px; margin: 16px auto 35px auto!important;}
.fullScreenDialogFlexTop .list-item, .fullScreenDialogFlexCenter .list-item{padding: 9px 0px; margin: 0 0 0px 0; height: 27px; border-bottom: 1px solid #e8e8e8;}
.fullScreenDialogFlexTop .list-item .ico, .fullScreenDialogFlexCenter .list-item .ico{margin: 0; width: 27px!important; height: 27px; float: left;}
.fullScreenDialogFlexTop .list-item .name, .fullScreenDialogFlexCenter .list-item .name{width: 200px; height: 15px; float: left; margin: 4px 0 0 12px;}
  
.new-skeleton-btn{background-color: #E3E3E3;}
.new-skeleton-circle{border-radius: 50%!important; background-color: #E3E3E3;}
.new-input-skeleton{background-color:#E3E3E3!important; border-radius: 4px; height: 40px!important;}
.new-text-skeleton{}



/******************** USER ***************************/
/* ctiPhone */
  .sfRightDialog.skeleton{position: absolute; top: 0px; left: 0; right: 0; bottom: 0; z-index: 999999999999; background-color: #fff; padding: 10px 20px 20px 20px;}

  .sfRightDialog.skeleton .sfHeader{    border-bottom: 1px solid #f3f3f3;}
  .sfRightDialog.skeleton .sfHeader .ico{    border: none;}
  .sfRightDialog.skeleton .sfHeader .title .txt.name{width: 150px; height: 15px; margin: 13px 0 10px 0;}

  .sfRightDialog.skeleton ul.listOfCallLists{position: absolute; top: 3px; bottom: 0; width: 100%; }
  .sfRightDialog.skeleton ul.listOfCallLists li{padding: 15px 0 0 0; border-bottom: 1px solid #f3f3f3;}
  .sfRightDialog.skeleton ul.listOfCallLists li .txt{height: 15px; margin: 0; width: 300px;}
  .sfRightDialog.skeleton ul.listOfCallLists li .number{height: 15px; margin: 10px 0 20px 0; width: 350px;}
  .sfRightDialog.skeleton ul.listOfCallLists li .txt{border:red;}

  .sfRightDialog.skeleton ul.listOfCallLists{}
  .sfRightDialog.skeleton ul.listOfCallLists li.thisList{}

  .sfCallLists ul.listOfCallLists li:hover .ico, 
  .sfCallLists ul.listOfCallLists li:hover .txt, 
  .sfCallLists ul.listOfCallLists li:hover .number{transform: initial;}

  .sfGeneralList.skeleton{position: absolute; background-color: #fff; left: 0px; right: 0; z-index: 99; bottom: 0; top: 5px;}
    .slaveContent.customerPage .sfGeneralList.skeleton{top: 0;}
  .sfGeneralList.skeleton .list-item{    border-bottom: 1px solid #f5f5f5;}
  .sfGeneralList.skeleton .list-item .ico{}
  .sfGeneralList.skeleton .list-item .txt{width: calc(100% - 190px);}
  .sfGeneralList.skeleton .list-item .txt .nameOrNumber{width: 60%; height: 10px; margin: -2px 0 0 3px; min-width: 150px;}
  .sfGeneralList.skeleton .list-item .txt .secondLine{width: 30%; height: 6px; margin: 6px 0 0 3px; min-width: 70px;}
  .sfGeneralList.skeleton .list-item .actions{visibility: visible!important;opacity: 1!important;}
  .sfGeneralList.skeleton .list-item .actions .actionACW{border: none!important;}

  .ctiPhoneDialog .sfRecents ul.sfGeneralList.skeleton li.list-item .txt{margin-top:14px;}

  .sfGeneralList.skeleton .list-item .actions{height: 27px; position: absolute; right: 12px; top: 10px;}

  .sfGeneralList.skeleton .list-item .actions .actionCall,
  .sfGeneralList.skeleton .list-item .actions .actionAddContact,
  .sfGeneralList.skeleton .list-item .actions .actionACW{float: right; width: 27px; height: 27px; background-color: #e3e3e3!important; border-radius: 50%; margin: 0px 0 0 7px;cursor: pointer;}


  .datagrid_row{animation: aniVertical 2s ease; animation-iteration-count: infinite; animation-fill-mode: forwards; opacity: 0;}
  .datagrid_row:nth-child(1) {animation-delay: 0s; }
  .datagrid_row:nth-child(2) {animation-delay: 0.2s; }
  .datagrid_row:nth-child(3) {animation-delay: 0.4s; }
  .datagrid_row:nth-child(4) {animation-delay: 0.6s; }
  .datagrid_row:nth-child(5) {animation-delay: 0.8s; }
  .datagrid_row:nth-child(6) {animation-delay: 1.0s; }
  .datagrid_row:nth-child(7) {animation-delay: 1.2s; }
  .datagrid_row:nth-child(8) {animation-delay: 1.4s; }
  .datagrid_row:nth-child(9) {animation-delay: 1.6s; }
  .datagrid_row:nth-child(10) {animation-delay: 1.8s; }
  .datagrid_row:nth-child(11) {animation-delay: 2s; }
  .datagrid_row:nth-child(12) {animation-delay: 2.2s; }

  .datagrid_row .skAnim{opacity: 1;}
  .datagrid_row .skAnim{opacity: 1;}
  .sfCallLists ul.sfGeneralList.skeleton{margin-top: 55px;left: 20px;}
  .sfCallLists ul.sfGeneralList.skeleton li.list-item{margin-left: 0;}

  @keyframes aniVertical {0% {opacity: 0; } 50% {opacity: 1; } 100% {opacity: 0; } }
  
  .slaveContent.voicemailApp .sfGeneralList.skeleton .list-item{padding-left: 18px;height: 47px;}
  .slaveContent.recentsView .sfGeneralList.skeleton .list-item{padding-left: 11px; height: 47px;}

/* CALL LISTS */
.sfCallLists .sfRightDialog .sfCallListDialog .sfContent .sfGeneralList.skeleton{margin: 0; left: 0;overflow: hidden;}

/* CREATE NEW GROUP DIALOG */
.generalModal.modalCreateGroup .content.skeleton{position: absolute; left: 50%; transform: translateX(-50%); margin: 100px 0 0 0;}
.generalModal.modalCreateGroup .content.skeleton .imgProfile{}
.generalModal.modalCreateGroup .content.skeleton .title{height: 20px; width: 300px; margin: 20px auto 0 auto;}
.generalModal.modalCreateGroup .content.skeleton .subtitle{height: 20px; margin: 10px auto 20px auto;}
.generalModal.modalCreateGroup .content.skeleton .gName{height: 40px; margin: 10px auto 0 auto;}

/* EDIT CONTACT DIALOG */
.generalModal.modalCreateEditContact  .content.skeleton{position: absolute;}
.generalModal.modalCreateEditContact  .content.skeleton .inputAnim{height: 40px;}
.generalModal.modalCreateEditContact  .content.skeleton .title{height: 20px; width: 260px;margin: -9px auto 27px auto;}
.generalModal.modalCreateEditContact .content.skeleton .dialogIco{margin: 0px auto 31px auto;}

/* RECENTS */
.generalModal.recentPostCallWork{}
.generalModal.recentPostCallWork ul.content.skeleton{position: absolute;}
.generalModal.recentPostCallWork ul.content.skeleton li .label{height: 10px; width: 90px; margin: 5px 0 0 0;}
.generalModal.recentPostCallWork ul.content.skeleton li div.skeleton-btn{height: 38px; opacity: 1; margin: 9px 15px 15px 0px; width: 100%;}

.generalModal.recentPostCallWork ul.content.skeleton li .btnBlue{height: 40px; opacity: .5;}

/* CALL HANDLING */
.slaveContent.sectionDevices.skeleton{}
.slaveContent.sectionDevices.skeleton h1{}
.slaveContent.sectionDevices.skeleton h2{}
.slaveContent.sectionDevices.skeleton ul.devicesWrapper{}
.slaveContent.sectionDevices.skeleton ul.devicesWrapper li.li{border: solid 1px #eaeaea;    position: relative;}
.slaveContent.sectionDevices.skeleton ul.devicesWrapper .img{margin: 13px 22px 3px 17px;}

.slaveContent.sectionDevices.skeleton ul.devicesWrapper .type{height: 14px; margin: 24px 10px 0 0px;width: 195px;}
.slaveContent.sectionDevices.skeleton ul.devicesWrapper .callerId{width: 60px; height: 11px; margin: 38px 10px 0 10px; border: none; float: none; position: absolute; left: 117px; top: 10px; padding: 0;width: 140px;}
.slaveContent.sectionDevices.skeleton ul.devicesWrapper .formSelect{width: initial; height: 40px; margin: 22px 0 0 10px;}
.slaveContent.sectionDevices.skeleton ul.devicesWrapper .checkboxSwitcher{}
.slaveContent.sectionDevices.skeleton ul.devicesWrapper .dropdown-as-text {
    display: flex;
    align-items: center;
    height: 32px;
    padding: 0 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #f0f0f0;
    font-size: 13px;
    color: #555;
}


/* MEETING HISTORY */
.generalModal.modalMeetingSummary .content.skeleton{}
.generalModal.modalMeetingSummary .content.skeleton div.dialogIco{margin: 70px auto 0 auto;}
.generalModal.modalMeetingSummary .content.skeleton div.title{height: 20px; width: 280px; margin: 20px auto 0 auto;}
.generalModal.modalMeetingSummary .content.skeleton .subtitle{height: 20px; width: 160px; margin: 10px auto 0 auto;}
.generalModal.modalMeetingSummary .content.skeleton .box{height: 12px; width: 210px; margin: 10px auto 0 auto; float: initial;}
.generalModal.modalMeetingSummary .content.skeleton .listOfPeople .participants li .imgProfile{}
.generalModal.modalMeetingSummary .content.skeleton .listOfPeople .participants li .name{    height: 20px; width: calc(100% - 40px);}

.generalModal.modalMeetingInfo .content.skeleton{}
.generalModal.modalMeetingInfo .content.skeleton div.title{height: 20px; width: 280px; margin: 20px auto 0 auto;}{}
.generalModal.modalMeetingInfo .content.skeleton .subtitle{height: 20px; width: 160px; margin: 10px auto 0 auto;}{}
.generalModal.modalMeetingInfo .content.skeleton .subtitle{height: 20px; width: 160px; margin: 10px auto 0 auto;}{}
.generalModal.modalMeetingInfo .content.skeleton .box{height: 12px; width: 210px; margin: 10px auto 0 auto; float: initial;}
.generalModal.modalMeetingInfo .content.skeleton .listOfPeople .participants li .name{    height: 20px; width: calc(100% - 40px);}


/* modalCallDetailsRecord */
.generalModal.modalCallDetailsRecord.skeleton{position: absolute; z-index: 99;height: 539px;}
.generalModal.modalCallDetailsRecord.skeleton .foot{position: absolute; bottom: 0;}
.generalModal.modalCallDetailsRecord.skeleton .nav{}
.generalModal.modalCallDetailsRecord.skeleton .nav li.active .txt{width: 136px; margin: 3px 0; height: 12px; }
.generalModal.modalCallDetailsRecord.skeleton .nav li .txt{width: 106px; height: 11px;}

.generalModal.modalCallDetailsRecord.skeleton .content{}
.generalModal.modalCallDetailsRecord.skeleton .content .customHead .title{height: 12px; width: 210px; margin: 13px 0 0 0;}
.generalModal.modalCallDetailsRecord.skeleton .content .customHead .subtitle{height: 9px; width: 130px; margin: 36px 0 0 0;}

.generalModal.modalCallDetailsRecord.skeleton .content .customHead .info{}
.generalModal.modalCallDetailsRecord.skeleton .content .customHead .info.short .title{width: 160px;}
.generalModal.modalCallDetailsRecord.skeleton .content .customHead .info .title{width: 120px;}

.generalModal.modalCallDetailsRecord.skeleton .content li.addComment{height: 70px;}
.generalModal.modalCallDetailsRecord.skeleton .content li.searchTags{height: 30px;}

.generalModal.modalCallDetailsRecord.skeleton .content .tagsScroll .listOfTags{}
.generalModal.modalCallDetailsRecord.skeleton .content .tagsScroll .listOfTags .tag{background-color: initial;}

.generalModal.modalCallDetailsRecord.skeleton .foot .btnBlue{width: 190px;transition: initial;}

/* settingsDialog: voicemail drop; */
.generalModal.settingsDialog ul.content.voicemailDropContent .sfGeneralList.skeleton{top: 104px; left: 10px;}
.generalModal.settingsDialog ul.content.voicemailDropContent .sfGeneralList.skeleton li.list-item{width: calc(100% - 40px); margin: 3px 0 3px 20px;}

.ctiPhoneDialog .masterLeft .sfLeftDialog.voicemailDropDialog .sfGeneralList.skeleton{top: 65px;}
.ctiPhoneDialog .masterLeft .sfLeftDialog.voicemailDropDialog .sfGeneralList.skeleton li.list-item{}
.ctiPhoneDialog .masterLeft .sfLeftDialog.voicemailDropDialog .sfGeneralList.skeleton li.list-item .actions{right: 25px;}
.ctiPhoneDialog .masterLeft .sfLeftDialog.voicemailDropDialog .sfGeneralList.skeleton li.list-item .actions .actionAddContact,
.ctiPhoneDialog .masterLeft .sfLeftDialog.voicemailDropDialog .sfGeneralList.skeleton li.list-item .actions .actionACW{display: none;}

/* INBOX */
div.masterContent.inbox .chatSidebarLeft .sidebarContent ul.chatMembers.skeleton li{}
div.masterContent.inbox .chatSidebarLeft .sidebarContent ul.chatMembers.skeleton li .newAvatar{width: 25px; height: 25px; float: left; margin: 0 10px 0 0;}
div.masterContent.inbox .chatSidebarLeft .sidebarContent ul.chatMembers.skeleton li .name{height: 12px; margin: 5px 0 0 0; width: 125px;}
div.masterContent.inbox .chatSidebarLeft .sidebarContent ul.chatMembers.skeleton li .name.typeTwo{width: 65px;}
div.masterContent.inbox .chatSidebarLeft .sidebarContent ul.chatMembers.skeleton li .name.typeThree{width: 100px;}
div.masterContent.inbox .chatSidebarLeft .sidebarContent ul.chatMembers.skeleton li .messageCounter{width: 15px; height: 15px; padding: 0;}

div.masterContent.inbox .chatSidebarRight .sidebarRightContent.searchConversation .searchedMessages .searchedMessagesList .message-item.skeleton{/*background-color: #f5f5f578;*/}
div.masterContent.inbox .chatSidebarRight .sidebarRightContent.searchConversation .searchedMessages .searchedMessagesList .message-item.skeleton .newAvatar{width: 30px; height: 30px; border-radius: 50%;}
div.masterContent.inbox .chatSidebarRight .sidebarRightContent.searchConversation .searchedMessages .searchedMessagesList .message-item.skeleton .nameOrNumber{    height: 13px; border-radius: 15px; margin: 3px 0 0 10px;}
div.masterContent.inbox .chatSidebarRight .sidebarRightContent.searchConversation .searchedMessages .searchedMessagesList .message-item.skeleton .time{height: 13px; width: 30px; border-radius: 15px; margin: 2px 5px 0 10px;}
div.masterContent.inbox .chatSidebarRight .sidebarRightContent.searchConversation .searchedMessages .searchedMessagesList .message-item.skeleton .message-content .txt{height: 40px; margin: 9px 0 0 0; border-radius: 4px;opacity: .2;}
div.masterContent.inbox .chatSidebarRight .sidebarRightContent.searchConversation .searchedMessages .searchedMessagesList .message-item.skeleton .skAnim{opacity: 1!important; background: linear-gradient(-90deg , #e0e0e0 0%, #f7f7f7 50%, #e0e0e0 100%); background-size: 300% 300%; animation: pulse 8s ease-out infinite;}

div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container.skeletonContainer.outgoing-message+.message-container.skeletonContainer.outgoing-message .message-item.outgoing-message>.message-avatar,
div.masterContent.inbox .chatCenter .chat .chat-body .messages .message-container.skeletonContainer.incoming-message+.message-container.skeletonContainer.incoming-message .message-item.incoming-message>.message-avatar{opacity: 0;}

/********************** ADMIN **********************/
/* BILLING SUMMARY */
div.masterPage.mpAdmin .slaveHeader.billingSummary.skeleton h1{position: absolute; top: 10px; left: 120px; height: 23px; width: 210px;}
div.masterPage.mpAdmin .slaveHeader.billingSummary.skeleton .subtitle{position: absolute; top: 56px; left: 120px; height: 16px; width: 400px;}
div.masterPage.mpAdmin .slaveHeader.billingSummary.skeleton .caption{position: absolute; top: 81px; left: 120px; height: 16px; width: 310px;}
div.masterPage.mpAdmin .slaveHeader.billingSummary.skeleton .btnBlue{position: absolute; top: 0; right: 0; height: 38px; width: 190px;}
div.masterPage.mpAdmin .slaveHeader.billingSummary.skeleton .btnBlue.darkBlue{position: absolute; top: 48px; right: 0; height: 38px; width: 190px;}

div.masterPage.mpAdmin .slaveContent.billingSummary.skeleton ul.accountSummary li{position: relative;}
div.masterPage.mpAdmin .slaveContent.billingSummary.skeleton ul.accountSummary li .ico{}
div.masterPage.mpAdmin .slaveContent.billingSummary.skeleton ul.accountSummary li .item{position: absolute; top: 25px; left: 55px; width: 200px; height: 20px;}
div.masterPage.mpAdmin .slaveContent.billingSummary.skeleton ul.accountSummary li .pricePerMonth{position: absolute; top: 25px; left: 270px; width: 200px; height: 20px; }
div.masterPage.mpAdmin .slaveContent.billingSummary.skeleton ul.accountSummary li .pricePerMonthInUse{}
div.masterPage.mpAdmin .slaveContent.billingSummary.skeleton ul.accountSummary li .price{position: absolute; top: 25px; right: 25px; width: 130px; height: 20px;}

div.masterPage.mpAdmin .slaveContent.billingSummary.skeleton .nextMonth{position: relative; height: 50px;}
  div.masterPage.mpAdmin .slaveContent.billingSummary.skeleton .nextMonth .title{position: absolute; top: 0; left: 0; width: 100px; height: 20px;}
  div.masterPage.mpAdmin .slaveContent.billingSummary.skeleton .nextMonth .subtitle{position: absolute; top: 30px; left: 0; width: 170px; height: 20px;}
  div.masterPage.mpAdmin .slaveContent.billingSummary.skeleton .nextMonth .total{position: absolute; top: 16px; right: 0px; width: 100px; height: 20px;}

div.masterPage.mpAdmin .slaveContent.billingSummary.skeleton .invoiceSettings{position: relative;}
  div.masterPage.mpAdmin .slaveContent.billingSummary.skeleton .invoiceSettings .txt{position: absolute; top: 4px; left: 46px; width: 170px; height: 20px;}

div.masterPage.mpAdmin .slaveContent.billingSummary.skeleton .switchToAnnual{position: relative;}
  div.masterPage.mpAdmin .slaveContent.billingSummary.skeleton .switchToAnnual .btnBlue{width: 170px; border: none;}

div.masterPage.mpAdmin .slaveContent.billingSummary.skeleton ul.accountSummary li .cancelSub{position: relative;}

/* BUY LICENSE SUMMARY */
div.fsModalWrapper .mfsBody.stepThree .content.skeleton{z-index: 8; position: absolute; left: 50%; transform: translateX(-50%);}
div.fsModalWrapper .mfsBody.stepThree .content.skeleton ul.listToPay li .item{position: absolute; top: 20px; left: 68px; height: 17px; width: 180px;}
div.fsModalWrapper .mfsBody.stepThree .content.skeleton ul.listToPay li .price{position: absolute; top: 20px; right: 16px; height: 17px; width: 180px;}

div.fsModalWrapper .mfsBody.stepThree .content.skeleton .subtotal .txt{position: absolute; top: 19px; left: 17px; height: 17px; width: 180px;}
div.fsModalWrapper .mfsBody.stepThree .content.skeleton .subtotal .price{position: absolute; top: 19px; right: 14px; height: 17px; width: 180px;}

div.fsModalWrapper .mfsBody.stepThree .content.skeleton .total .txt{position: absolute; top: 20px; left: 18px; height: 17px; width: 100px;}
div.fsModalWrapper .mfsBody.stepThree .content.skeleton .total .price{position: absolute; top: 20px; right: -2px; height: 17px; width: 90px;}

/* SUPERVISOR */
div.masterPage.mpAdmin .lt-container .agentGroup.skeleton .head .ico{position: absolute; top: 18px; left: 20px; height: 30px; width: 30px;}
div.masterPage.mpAdmin .lt-container .agentGroup.skeleton .head .btnBlue{position: absolute; top: 14px; right: 20px; height: 30px; width: 170px;}
div.masterPage.mpAdmin .lt-container .agentGroup.skeleton .head .input{position: absolute; top: 14px; right: 200px; height: 30px; width: 220px;}
div.masterPage.mpAdmin .lt-container .agentGroup.skeleton .head .title{position: absolute; top: 20px; left: 46px; height: 20px; width: 180px;}
div.masterPage.mpAdmin .lt-container .agentGroup.skeleton .bodyHeader .hAgent, div.masterPage.mpAdmin .lt-container .agentGroup.skeleton .bodyHeader .hCaller, div.masterPage.mpAdmin .lt-container .agentGroup.skeleton .bodyHeader .hDuration, div.masterPage.mpAdmin .lt-container .agentGroup.skeleton .bodyHeader .hCalls, div.masterPage.mpAdmin .lt-container .agentGroup.skeleton .bodyHeader .hMonitor{width: 110px; height: 13px; top: 12px;}
div.masterPage.mpAdmin .lt-container .agentGroup.skeleton .bodyHeader .hStatus{right: 24px; width: 110px; height: 13px; top: 12px;}

div.masterPage.mpAdmin .lt-container .agentGroup.skeleton .body ul li.li .monitor{top: 14px;}
div.masterPage.mpAdmin .lt-container .agentGroup.skeleton .body ul li.li .name{top: 18px;width: 150px; height: 20px;}
div.masterPage.mpAdmin .lt-container .agentGroup.skeleton .body ul li.li .number{top: 18px;width: 150px; height: 20px;}
div.masterPage.mpAdmin .lt-container .agentGroup.skeleton .body ul li.li .duratiom{top: 18px;width: 150px; height: 20px;}

div.masterPage.mpAdmin .lt-container .agentGroup.skeleton .body ul li.li .btnBlue{width: 150px; height: 20px; right: 25px; position: absolute; top: 17px;}

/* QUEUED CALLS */
div.masterPage.mpAdmin .lt-container .queuedCalls.skeleton{}
div.masterPage.mpAdmin .lt-container .queuedCalls.skeleton .input{position: absolute; width: 88%; height: 26px; top: 56px; left: 20px;}
div.masterPage.mpAdmin .lt-container .queuedCalls.skeleton .title{position: absolute; width: 70%; height: 20px; top: 6px; left: 46px;}
div.masterPage.mpAdmin .lt-container .queuedCalls.skeleton .ico{width: 26px; height: 26px; top: 14px; position: absolute; left: 20px;}
div.masterPage.mpAdmin .lt-container .queuedCalls.skeleton ul{top: 100px; border-top: 1px solid #eaeaea; padding-top: 6px;}
div.masterPage.mpAdmin .lt-container .queuedCalls.skeleton ul li{position: relative;height: 37px;}
div.masterPage.mpAdmin .lt-container .queuedCalls.skeleton ul li .ico{width: 26px; height: 26px; top: 8px; position: absolute; left: 20px;}
div.masterPage.mpAdmin .lt-container .queuedCalls.skeleton ul li .number{position: absolute; width: 200px; height: 20px; left: 60px; top: 11px;}

/* TABLES */
.tableContainer.skeleton{}
.tableContainer.skeleton thead .skeleton-txt{transform: translateY(-3px);}
.tableContainer.skeleton .skeleton-txt.typeOne{width: 180px; height: 15px;}
.tableContainer.skeleton .skeleton-txt.typeTwo{width: 130px; height: 15px;}
.tableContainer.skeleton .skeleton-txt.typeThree{width: 160px; height: 15px;}
.tableContainer.skeleton .skeleton-circle{width: 20px; height: 20px; border-radius: 50%;}


/* CONTACT SYNC */
.genaralList.contactSyncStatsChild.skeleton{position: absolute!important; top: 146px; left: 0px;right: 0;}
.genaralList.contactSyncStatsChild.skeleton td{padding: 8px 18px 8px 15px;}
.genaralList.contactSyncStatsChild.skeleton .col-avatar .skeleton-txt{    margin: 10px 0 0 42px;}
.genaralList.contactSyncStatsChild.skeleton .skeleton-txt{width: 100px; height: 10px;}
.genaralList.contactSyncStatsChild.skeleton .skeleton-circle{width: 27px; height: 27px; float: left;}

.genaralList.contactSyncStats.skeleton{position: absolute!important; top: 69px; left: 194px; right: 0;}
.genaralList.contactSyncStats.skeleton td{padding: 8px 18px 8px 15px;}
.genaralList.contactSyncStats.skeleton .col-avatar .skeleton-txt{    margin: 10px 0 0 42px;}
.genaralList.contactSyncStats.skeleton .skeleton-txt{width: 100px; height: 10px;}
.genaralList.contactSyncStats.skeleton .skeleton-circle{width: 27px; height: 27px; float: left;}



/********************** USER **********************/
/* SELECT MULTIPLE */
select-multiple-piq .newSelectPiq{position: relative;height: 40px;margin:0;border-radius: 4px;width: calc(100% - 2px);}
select-multiple-piq .newSelectPiq .display{height: 100%; width: 100%; border-radius: 4px; border: solid 1px #cfd4d7; cursor: pointer;}
select-multiple-piq .newSelectPiq .display .cssTriangle{top: 18px;}
select-multiple-piq .newSelectPiq .display .description{font-size: 12px; float: left; pointer-events: none; z-index: 4; margin: 12px -7px 0 12px; display: inline-block; font-weight: 500;}

select-multiple-piq .newSelectPiq .display label{white-space: pre; position: absolute; top: -7px!important; left: 5px!important; font-size: 12px!important; padding: 0 6px 0 9px; color: #afafaf; pointer-events: none; background-color: #fff; max-width: 80%; z-index: 3; line-height: 16px;}
select-multiple-piq .newSelectPiq .display .ico{float: left;margin: 2px -8px 0 2px;}/*3px -10px 0 3px*/
select-multiple-piq .newSelectPiq .display .ico i{margin: 9px 3px 0 10px!important;}
select-multiple-piq .newSelectPiq .display .ico .displayFlag{margin: 10px 3px 0 9px!important; width: 15px; height: 15px;}
select-multiple-piq .newSelectPiq .display .txt{font-size: 12px; float: left; pointer-events: none; /*width: calc(100% - 50px);*/ z-index: 4;margin: 12px 0 0 12px;}
select-multiple-piq .newSelectPiq .display label{white-space: pre; position: absolute; top: -17px; left: 7px; font-size: 13px; padding: 0 8px 0 10px; color: #afafaf; pointer-events: none; background-color: #fff; max-width: 80%;z-index: 3;}

select-multiple-piq .newSelectPiq .selectList{display:none; width: 100%; max-height: 162px; background-color: #fff; border: solid 1px #cfd4d7; border-radius: 4px; position: absolute; top: 30px;z-index: 999;}
select-multiple-piq .newSelectPiq .selectList .selectListItem{border-bottom: solid 1px #cfd4d7; cursor: pointer; transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; position: relative; float: left; width: 100%; padding: 2px 0 10px 0;top: initial; right: initial;}{height: 40px; border-bottom: solid 1px #cfd4d7;cursor: pointer;transition: background-color 0.3s ease;-webkit-transition: background-color 0.3s ease;position: relative;}
select-multiple-piq .newSelectPiq .selectList .selectListItem:hover{background-color: #EBF0FF;}
select-multiple-piq .newSelectPiq .selectList .selectListItem:last-child{border-bottom:none;}
select-multiple-piq .newSelectPiq .selectList .selectListItem.disabledDiv:hover{background-color: initial;}

select-multiple-piq .newSelectPiq .selectList .selectListItem .txt{font-size: 12px; float: left; margin: 9px -7px 0 12px;pointer-events: none;}
select-multiple-piq .newSelectPiq .selectList .selectListItem .description{font-size: 12px; float: left; pointer-events: none; z-index: 4; margin: 7px -7px 0 12px; display: inline-block; font-weight: 500;}
select-multiple-piq .newSelectPiq .selectList .selectListItem .txt.secondLine{width: calc(100% - 33px); line-height: 11px!important; font-size: 11px!important; color: #a2a2a2; margin: 5px -7px 2px 33px;}

select-multiple-piq .newSelectPiq .selectList .selectListItem .ico{float: left; margin: 0; width: 20px;}
select-multiple-piq .newSelectPiq .selectList .selectListItem .ico i{margin: 6px 0 0 10px;}
select-multiple-piq .newSelectPiq .selectList .selectListItem .ico .displayFlag{margin: 8px 0 0 11px; width: 15px; height: 15px;}
select-multiple-piq .newSelectPiq .selectList .selectListItem .ico svg{}
select-multiple-piq .newSelectPiq .selectList .selectListItem i.iCheck{font-size: 18px!important;position: absolute; right: 7px; top: 7px; color: #5078EE;pointer-events: none;}
select-multiple-piq .newSelectPiq .selectList .selectListItem i.iCheck.mdi-checkbox-blank-outline{color: #afafaf;}

select-multiple-piq .newSelectPiq .searchable{opacity: 0; visibility: hidden;top:50px;position: absolute; width: calc(100% + 2px);z-index: 999;background-color: #fff;}
select-multiple-piq .newSelectPiq .searchable input{border: 1px solid #D8D8D8!important;border-radius: 4px 4px 0 0; height: 40px; width:100%; border: none; padding: 2px 0 0 12px; box-sizing: border-box; font-size: 12px;}
select-multiple-piq .newSelectPiq .searchable input:focus{border: 1px solid #D8D8D8!important;}
select-multiple-piq .newSelectPiq .selectList.withSearch{top: 90px; border-radius: 0 0 4px 4px;opacity: 0; visibility: hidden;}

select-multiple-piq.upwardsSelect .newSelectPiq .searchable{}
select-multiple-piq.upwardsSelect .newSelectPiq.on .searchable{top: initial; bottom: 38px;border-radius: 0px 0px 4px 4px;}
select-multiple-piq.upwardsSelect .newSelectPiq.on .selectList.withSearch{top: initial; bottom: 70px; border-radius: 4px 4px 0 0;}
select-multiple-piq.upwardsSelect .newSelectPiq .searchable input{border-radius: 0px 0px 4px 4px;width: calc(100% - 12px);font-size: 12px;}
select-multiple-piq.upwardsSelect .newSelectPiq .searchable input:focus{}

select-multiple-piq.onlyText{}
select-multiple-piq.onlyText .newSelectPiq .display{border: 1px solid transparent;}
select-multiple-piq.onlyText .newSelectPiq .display .txt{font-size: 18px; font-weight: 500; margin: 7px 0 0 0px;}
select-multiple-piq.onlyText .newSelectPiq .display .cssTriangle{border-width: 7px 4px 0 4px;}

select-multiple-piq .newSelectPiq .selectList.withSearch.noResultsFound{font-size: 13px; color: #cacaca;}
select-multiple-piq .newSelectPiq .haveTooltip{position: absolute; top: 12px; right: 39px;}
select-multiple-piq .newSelectPiq.on .selectList{display:block;top: 50px;}
select-multiple-piq.last .newSelectPiq.on .selectList{top: initial;bottom: 51px;}
select-multiple-piq .newSelectPiq.on .selectList.withSearch{opacity: 1; visibility: visible;top:90px;}
select-multiple-piq .newSelectPiq.on .selectList.noResultsFound .selectListItem .txt{font-size: 13px; color: #cacaca; cursor: default; pointer-events: none;}
select-multiple-piq .newSelectPiq.on .searchable{opacity: 1; visibility: visible;top:51px;}

/* SELECT SIMPLE */
select-simple-piq .newSelect, select-simple-countries .newSelect{position: relative;height: 40px;margin:0;border-radius: 4px;width: calc(100% - 2px);}
select-simple-piq .newSelect .display.eWrong, select-simple-countries .newSelect .display.eWrong{border-color: #EB3636!important;}
select-simple-piq .newSelect .display, select-simple-countries .newSelect .display{height: 100%; width: 100%; border-radius: 4px; border: solid 1px #cfd4d7; cursor: pointer;}
select-simple-piq .newSelect .display .cssTriangle, select-simple-countries .newSelect .display .cssTriangle{top: 18px;}
select-simple-piq .newSelect .display .description{font-size: 12px; float: left; pointer-events: none; z-index: 4; margin: 12px -7px 0 12px; display: inline-block; font-weight: 500;}

select-simple-piq .newSelect .display label{white-space: pre; position: absolute; top: -7px!important; left: 5px!important; font-size: 12px!important; padding: 0 6px 0 9px; color: #afafaf; pointer-events: none; background-color: #fff; max-width: 80%; z-index: 3; line-height: 16px;}
select-simple-piq .newSelect .display .ico{float: left;margin: 2px -8px 0 2px;}/*3px -10px 0 3px*/
select-simple-piq .newSelect .display .ico i{margin: 9px 3px 0 10px!important;}
select-simple-piq .newSelect .display .ico .displayFlag{margin: 10px 3px 0 9px!important; width: 15px; height: 15px;}

select-simple-countries .newSelect .display label{white-space: pre; position: absolute; top: -17px; left: 7px; font-size: 13px; padding: 0 8px 0 10px; color: #afafaf; pointer-events: none; background-color: #fff; max-width: 80%;z-index: 3;}
select-simple-piq .newSelect .display .txt{font-size: 12px; float: left; pointer-events: none; width: calc(100% - 50px); z-index: 4;margin: 12px 0 0 12px;}
select-simple-countries .newSelect .display .txt{font-size: 12px; position: absolute; top: 13px; left: 15px;pointer-events: none;width: calc(100% - 40px); z-index: 4;}
select-simple-countries .newSelect .display label{white-space: pre; position: absolute; top: -17px; left: 7px; font-size: 13px; padding: 0 8px 0 10px; color: #afafaf; pointer-events: none; background-color: #fff; max-width: 80%;z-index: 3;}

select-simple-piq .newSelect .selectList, 
select-simple-countries .newSelect .selectList{display:none; width: 100%; max-height: 162px; background-color: #fff; border: solid 1px #cfd4d7; border-radius: 4px; position: absolute; top: 30px;z-index: 999;}
select-simple-piq .newSelect .selectList .selectListItem{border-bottom: solid 1px #cfd4d7; cursor: pointer; transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; position: relative; float: left; width: 100%; padding: 2px 0 10px 0;top: initial; right: initial;margin-bottom: initial;}
select-simple-countries .newSelect .selectList .selectListItem{height: 40px; border-bottom: solid 1px #cfd4d7;cursor: pointer;transition: background-color 0.3s ease;-webkit-transition: background-color 0.3s ease;position: relative;}
select-simple-piq .newSelect .selectList .selectListItem:hover, 
select-simple-countries .newSelect .selectList .selectListItem:hover{background-color: #EBF0FF;}
select-simple-piq .newSelect .selectList .selectListItem:last-child, 
select-simple-countries .newSelect .selectList .selectListItem:last-child{border-bottom:none!important;}
select-simple-piq .newSelect .selectList .selectListItem.disabledDiv:hover{background-color: initial;}

select-simple-countries .newSelect .selectList .selectListItem .txt{height: 100%; line-height: 38px; font-size: 12px; padding: 0 20px 0 13px;}
select-simple-piq .newSelect .selectList .selectListItem .txt{font-size: 12px; float: left; margin: 9px -7px 0 12px;}
select-simple-piq .newSelect .selectList .selectListItem .description{font-size: 12px; float: left; pointer-events: none; z-index: 4; margin: 7px -7px 0 12px; display: inline-block; font-weight: 500;}
select-simple-piq .newSelect .selectList .selectListItem .txt.secondLine{width: calc(100% - 33px); line-height: 11px!important; font-size: 11px!important; color: #a2a2a2; margin: 5px -7px 2px 33px;}

select-simple-piq .newSelect .selectList .selectListItem .ico{float: left; margin: 0; width: 20px;}
select-simple-piq .newSelect .selectList .selectListItem .ico i{margin: 6px 0 0 10px;}
select-simple-piq .newSelect .selectList .selectListItem .ico .displayFlag{margin: 8px 0 0 11px; width: 15px; height: 15px;}

/* FIXWIDTH */
select-simple-piq.inputAnim.fixWidth .newSelect .display .txt.lineTxtCrop{ width: auto;}

select-simple-piq .newSelect .searchable, 
select-simple-countries .newSelect .searchable{opacity: 0; visibility: hidden;top:50px;position: absolute; width: calc(100% + 2px);z-index: 999;background-color: #fff;}
select-simple-piq .newSelect .searchable input, 
select-simple-countries .newSelect .searchable input{border: 1px solid #D8D8D8!important;border-radius: 4px 4px 0 0; height: 40px; width:100%; border: none; padding: 2px 0 0 12px; box-sizing: border-box; font-size: 12px;}
select-simple-piq .newSelect .searchable input:focus, 
select-simple-countries .newSelect .searchable input:focus{border: 1px solid #D8D8D8!important;}
select-simple-piq .newSelect .selectList.withSearch, 
select-simple-countries .newSelect .selectList.withSearch{top: 90px; border-radius: 0 0 4px 4px;opacity: 0; visibility: hidden;}

select-simple-piq.upwardsSelect .newSelect.on .searchable{top: initial; bottom: 38px;border-radius: 0px 0px 4px 4px;}
select-simple-piq.upwardsSelect .newSelect.on .display .description { display: none;}
select-simple-piq.upwardsSelect .newSelect.on .selectList.withSearch {border-radius: 4px 4px 0 0;}
select-simple-piq.upwardsSelect .newSelect.inlineSearch .display input.displaySearch {left: 20px !important;}
select-simple-piq.upwardsSelect .newSelect .searchable input {border-radius: 0px 0px 4px 4px;font-size: 12px;}
select-simple-piq.onlyText .newSelect .display {border: 1px solid transparent;}
select-simple-piq.onlyText .newSelect .display .txt {font-size: 18px;font-weight: 500;margin: 7px 0 0 0px;}
select-simple-piq.onlyText .newSelect .display .cssTriangle {border-width: 7px 4px 0 4px;}
select-simple-piq.upwardsSelect {position: relative;}
select-simple-piq.upwardsSelect .newSelect.inlineSearch.on .selectList.withSearch {position: absolute !important;bottom: calc(100% + 6px); /* margen visual */top: auto !important;left: 0 !important;max-height: 260px; /* clave */overflow-y: auto; z-index: 10000;}

div.masterContent.inbox .chatCenter .chatFooter .chatActions .actionsContainer .formSelect.phoneNumber .searchTroughList{top: initial; bottom: 41px; left: -1px; border-radius: 0 0 4px 4px; width: calc(100% - 1px);}
div.masterContent.inbox .chatCenter .chatFooter .chatActions .actionsContainer .formSelect.phoneNumber ul{top: initial!important; bottom: 82px; left: -1px; border-radius: 4px 4px 0 0; border-top: 1px solid #ccc;}

select-simple-piq .newSelect .selectList.withSearch.noResultsFound, 
select-simple-countries .newSelect .selectList.withSearch.noResultsFound{font-size: 13px; color: #cacaca;}
select-simple-piq .newSelect .haveTooltip, 
select-simple-countries .newSelect .haveTooltip{position: absolute; top: 12px; right: 39px;}
select-simple-piq .newSelect.on .selectList, 
select-simple-countries .newSelect.on .selectList{display:block;top: 50px;}
select-simple-piq.last .newSelect.on .selectList, 
select-simple-countries.last .newSelect.on .selectList{top: initial;bottom: 51px;}
select-simple-piq .newSelect.on .selectList.withSearch, 
select-simple-countries .newSelect.on .selectList.withSearch{opacity: 1; visibility: visible;top:90px;}
select-simple-piq .newSelect.on .selectList.noResultsFound .selectListItem .txt, 
select-simple-countries .newSelect.on .selectList.noResultsFound .selectListItem .txt{font-size: 13px; color: #cacaca; cursor: default; pointer-events: none;}
select-simple-piq .newSelect.on .searchable, 
select-simple-countries .newSelect.on .searchable{opacity: 1; visibility: visible;top:51px;}

select-simple-countries .newSelect .display .displayFlag,
select-simple-countries .newSelect .selectList .selectListItem .listFlag{position: absolute; left: 10px; top: 11px; z-index: 4;}

select-simple-countries .newSelect .display .txt{left: 35px; width: calc(100% - 80px);}
select-simple-countries .newSelect .display .countryCode{position: absolute; right: 30px; top: 10px; background-color: #5078ee26; color: #5078ee; font-size: 13px; font-weight: 500; border-radius: 3px; box-sizing: border-box; padding: 2px 5px; pointer-events: none;}
/*select-simple-countries .newSelect .selectList .selectListItem.withFlags .txt{padding-left: 34px;}*/

select-media-uploader{position: relative; height: 40px; width: 100%; float: left;}
select-media-uploader select-simple-piq .newSelect{width: calc(100% - 170px);    float: left;}
select-media-uploader .mfuTriggers{border: 1px solid #E8EFFE;float: right; width: 152px; height: 40px; background-color: #E8EFFE; border-radius: 5px;}
select-media-uploader .mfuTriggers ul li{cursor: pointer; width: 20px; height: 20px; float: left; margin: 10px 0px 0px 10px; text-align: center; border-right: 1px solid #5079ed8c; padding: 0 6px 0 0;}
select-media-uploader .mfuTriggers ul li:last-child{border-right: none;}
select-media-uploader .mfuTriggers ul li label{width: 20px; height: 20px; position: absolute; opacity: 0; cursor: pointer;}
select-media-uploader .mfuTriggers ul li svg{pointer-events: none;}
select-media-uploader .mfuTriggers ul li .svg-deleteTrash{fill: #ea4242;}
select-media-uploader .mfuActions .subActions{border-radius: 5px;float: right; width: 90px; height: 40px; background-color: #d4e0fb; position: relative;}
select-media-uploader .mfuActions .subActions li{cursor: pointer; width: 20px; height: 20px; text-align: center; float: left; margin: 9px 0px 8px 16px; z-index: 5; padding: 0;}
select-media-uploader .mfuActions{display: block; width: 100%; height: 40px; position: absolute; top: 52px; z-index: 5; overflow: hidden;pointer-events: none;}
select-media-uploader .mfuActions .confirmDelete{pointer-events: initial;z-index: 4; display: block; width: 100%; height: 40px; position: absolute; top: 0; transform: translateY(-40px); z-index: 5; border-radius: 5px;transition: transform 0.5s ease;-webkit-transition: transform 0.5s ease;}
select-media-uploader .mfuActions .confirmDelete.on{z-index: 5;transform: translateY(0px);}
select-media-uploader .mfuActions .confirmDelete .content{width: calc(100% - 100px); height: 40px; background-color: #FF5C5C; border-radius: 5px; float: left;}
select-media-uploader .mfuActions .confirmDelete .content .txt{color: #fff; font-size: 14px; padding: 10px 0 0 12px;}
select-media-uploader .mfuActions .editName{pointer-events: initial;z-index: 4; display: block; width: 100%; height: 40px; position: absolute; top: 0; transform: translateY(-40px); z-index: 5; border-radius: 5px;transition: transform 0.5s ease;-webkit-transition: transform 0.5s ease;}
select-media-uploader .mfuActions .editName.on{z-index: 5;transform: translateY(0px);}
select-media-uploader .mfuActions .editName input{width: calc(100% - 100px);}
select-media-uploader .mfuActions .audioPlayer{pointer-events: initial;z-index: 4; display: block; width: 100%; height: 40px;position: absolute; top: 0; transform: translateY(-40px); z-index: 5; border-radius: 5px;transition: transform 0.5s ease;-webkit-transition: transform 0.5s ease;}
select-media-uploader .mfuActions .audioPlayer.on{z-index: 5;transform: translateY(0px);}
select-media-uploader .mfuActions .audioPlayer .content{width: calc(100% - 70px); height: 40px; border-radius: 5px; float: left;}
select-media-uploader .mfuActions .audioPlayer .content audio{width: 100%; height: 40px; border-radius: 5px; background-color: #f1f3f4;}
select-media-uploader .mfuActions .audioPlayer .subActions{width: 55px;}

checkbox-container .checkboxContainer{background-color: #EBF0FF; width: 100%; height: 43px; float: left; border-radius: 2px; cursor: pointer;position: relative;}
checkbox-container .checkboxContainer *{cursor: pointer;}
checkbox-container .checkboxContainer .checkSelected{margin: 12px 15px 0 11px; cursor: pointer; width: 15px; height: 15px; border: 2px solid #5078EE; border-radius: 2px; float: right;}
checkbox-container .checkboxContainer .checkSelected.on{background-color: #5078EE;}
checkbox-container .checkboxContainer label{left: 0;line-height: 20px; color: #333!important; font-size: 13px; background-color: initial;width: calc(100% - 88px)!important;margin: 10px 10px 10px 4px; padding: 0 10px;}
checkbox-container .checkboxContainer .haveTooltipDefault{right: 55px; position: absolute; top: 13px;}

radio-button-container .radioButtonContainer{background-color: #EBF0FF; width: 100%; height: 43px; float: left; border-radius: 2px; cursor: pointer;position: relative;}
radio-button-container .radioButtonContainer *{cursor: pointer;}
radio-button-container .radioButtonContainer .checkSelected{margin: 12px 15px 0 11px; cursor: pointer; width: 15px; height: 15px; border: 2px solid #5078EE; border-radius: 50%; float: right;}
radio-button-container .radioButtonContainer .checkSelected.on{background-color: #5078EE;}
radio-button-container .radioButtonContainer label{left: 0;line-height: 20px; color: #333!important; font-size: 13px; background-color: initial;width: calc(100% - 88px)!important;margin: 10px 10px 10px 4px; padding: 0 10px;}
radio-button-container .radioButtonContainer .haveTooltipDefault{right: 55px; position: absolute; top: 13px;}

textarea-validation .parentContainer textarea{border: 1px solid #D8D8D8; border-radius: 4px; width: calc(100% - 2px); height: 70px; font-size: 12px; padding: 8px 13px 0 13px; box-sizing: border-box;resize: none;}
textarea-validation .parentContainer.eWrong textarea{border-color: #EB3636!important;}
textarea-validation .parentContainer.eWrong textarea + label{color: #EB3636!important;}

input-validation{position: relative;}
input-validation input{width: 100%; height: 40px; padding: 0px 15px 0 10px; box-sizing: border-box;line-height: 28px; cursor: text;border-radius: 4px; border: 1px solid #D8D8D8;font-size: 12px;}
input-validation label{white-space: pre; position: absolute; top: 1px; left: 15px; font-size: 13px; margin: 10px 10px 10px 4px; padding: 0 10px; -webkit-transition: top .2s ease-in-out, font-size .2s ease-in-out; transition: top .2s ease-in-out, font-size .2s ease-in-out; line-height: 19px; color: #ccc!important; pointer-events: none; background-color: #fff;}
input-validation input[type=text]:focus + label, input-validation input[type=text]:valid + label{width:initial!important;top: -20px; font-size: 11px!important; background-color: #fff;}
input-validation input[type=number]:focus + label, input-validation input[type=number]:focus + label, input-validation input[type=number]:valid + label{width:initial!important;top: -20px; font-size: 11px!important; background-color: #fff;}
input-validation input[type=password]:focus + label, input-validation input[type=password]:valid + label{width:initial!important;top: -20px; font-size: 11px!important;background-color: #fff;}
input-validation input[type=password]:focus + label{color:#5078ee!important; }
input-validation textarea:focus + label, input-validation textarea:valid + label{width:initial!important;top: -20px; font-size: 11px!important; background-color: #fff;}
input-validation textarea:focus + label{color:#5078ee!important;}
input-validation input[type=text]:focus {outline: none;}
input-validation input[type=text]:focus + label{color: #5078EE!important;}
input-validation input[type=password]:focus + label{color: #5078EE!important;}
input-validation textarea:focus + label{color: #5078EE!important}
input-validation .eWrong textarea:focus + label, input-validation .eWrong input[type=text]:focus + label, input-validation .eWrong input[type=number]:focus + label{color:#EB3636!important;}
input-validation .eWrong label{color:#EB3636!important;}
input-validation .errorMsg{position: absolute; right: 23px; top: 9px; background: #EB3636; display: none!important; width: 20px; height: 20px; border-radius: 50%; background-position: -779px -253px!important; z-index: 65;}
input-validation .generalLoader.forInput{width: 13px; height: 13px; position: absolute; right: 25px; top: 10px; margin: 0;}
input-validation input.eWrong{border-color: #EB3636!important;}

avatar-piq .newAvatar{width: 27px; height: 27px; float: left;border-radius: 50%;position: relative;}
avatar-piq .newAvatar.AVLeadBG{background-color: #F88962!important;}
avatar-piq .newAvatar.AVContactBG{background-color: #A094ED!important;}
avatar-piq .newAvatar.AVGuestBG{background-color: #c1c1c1!important;}
avatar-piq .newAvatar.AVUserBG{background-color: #6fcde2!important;}
avatar-piq .newAvatar.AVPersonAccountBG{background-color: #A094ED!important;}
avatar-piq .newAvatar.AVAccountBG{background-color: #8797fd!important;}
avatar-piq .newAvatar.AVPhoneIQBG{background-color: #5078EE!important;}

avatar-piq .newAvatar.w20{width: 20px; height: 20px;}
avatar-piq .newAvatar.w20 .initials{line-height: 20px; font-size: 8px;}
avatar-piq .newAvatar.w25{width: 25px; height: 25px;}
avatar-piq .newAvatar.w25 .initials{line-height: 22px; font-size: 9px;}
avatar-piq .newAvatar.w27{width: 27px; height: 27px;}
avatar-piq .newAvatar.w27 .initials{}
avatar-piq .newAvatar.w30{width: 30px; height: 30px;}
avatar-piq .newAvatar.w30 .initials{line-height: 30px;}
avatar-piq .newAvatar.w35{width: 35px; height: 35px;}
avatar-piq .newAvatar.w35 .initials{line-height: 35px;}
avatar-piq .newAvatar.w40{width: 40px; height: 40px;}
avatar-piq .newAvatar.w40 .initials{}
avatar-piq .newAvatar.w50{width: 50px; height: 50px;}
avatar-piq .newAvatar.w50 .initials{}

avatar-piq .newAvatar figure{margin: 0; padding: 0; border-radius: 50%; width: 100%; height: 100%; overflow: hidden;}
avatar-piq .newAvatar figure img{width: 100%;}
avatar-piq .newAvatar .status{position: absolute; width: 7px; height: 7px; border-radius: 50%; background-color: #2fc150; bottom: -3px; right: -2px; border: 2px solid #fff;}
avatar-piq .newAvatar .initials{text-align: center; font-size: 11px; color: #fff; line-height: 26px;}
avatar-piq .newAvatar .sfPopLink{position: absolute; top: -4px; width: 20px; height: 22px; right: -5px; background-color: #fff; border-radius: 50%;}
avatar-piq .newAvatar.color_1{background-color:#F95B5B; } 
avatar-piq .newAvatar.color_2{background-color:#e8ad3c; } 
avatar-piq .newAvatar.color_3{background-color:#3caac8; } 
avatar-piq .newAvatar.color_4{background-color:#6ca94d; } 
avatar-piq .newAvatar.color_5{background-color:#5078EE; } 
avatar-piq .newAvatar.color_6{background-color:#e75e23; } 
avatar-piq .newAvatar.color_7{background-color:#ac629d; } 
avatar-piq .newAvatar.color_8{background-color:#e00052; } 
avatar-piq .newAvatar.color_9{background-color:#98bd29; } 
avatar-piq .newAvatar.color_10{background-color:#00577c; } 
avatar-piq .newAvatar.color_11{background-color:#20cd80; } 
avatar-piq .newAvatar.color_12{background-color:#f46e9a; } 
avatar-piq .newAvatar.color_13{background-color:#ae7e19; } 
avatar-piq .newAvatar.color_14{background-color:#eaba7c; } 
avatar-piq .newAvatar.color_15{background-color:#c4acce; } 
avatar-piq .newAvatar.color_16{background-color:#b08a7b; } 
avatar-piq .newAvatar.color_17{background-color:#c3c6aa; } 
avatar-piq .newAvatar.color_18{background-color:#87dadf; } 
avatar-piq .newAvatar.color_19{background-color:#4760b4; } 
avatar-piq .newAvatar.color_20{background-color:#8a3e47; } 
avatar-piq .newAvatar.color_21{background-color:#bb2255; }

/* INPUT SUGGESTER PIQ COMPONENTE */
input-suggester-piq .inputSuggesterPiq{position: relative;}
input-suggester-piq .inputSuggesterPiq input.newSuggesterPiq{width: 100%; box-sizing: border-box; height: 35px; border: none!important; border-bottom: 1px solid #D8D8D8!important; border-radius: 0;font-size:12px;}
input-suggester-piq .inputSuggesterPiq.eWrong input.newSuggesterPiq{border-color: #EB3636!important;}
input-suggester-piq .inputSuggesterPiq.eWrong input.newSuggesterPiq{border-color: #EB3636!important;}
input-suggester-piq .inputSuggesterPiq.eWrong input.newSuggesterPiq::placeholder{color: #EB3636!important;}

input-suggester-piq .inputSuggesterPiq input.newSuggesterPiq:focus{border:none!important;border-bottom: 1px solid #5078EE!important;}
input-suggester-piq .inputSuggesterPiq .generalLoader{width: 13px; height: 13px; position: absolute; right: 15px; top: 11px; margin: 0;}
input-suggester-piq .inputSuggesterPiq .generalLoader.hasFilterByContact{right: 52px;}
input-suggester-piq .inputSuggesterPiq .results{transform: translateY(-10px);width: 100%; max-height: 180px; border: 1px solid #5078ee; position: absolute; top: 47px; border-radius: 8px;overflow: hidden;transition: all 0.4s ease;visibility: hidden;opacity: 0;z-index: 99;background-color: #fff;}
input-suggester-piq .inputSuggesterPiq .results.on{visibility: visible;opacity: 1;transform: translateY(0px);}
input-suggester-piq .inputSuggesterPiq .results ul.listOfActions li .newAvatar{width: 21px; height: 21px; margin: 8px 0 0 10px!important;}
input-suggester-piq .inputSuggesterPiq .results ul.listOfActions li .name{font-size: 13px; float: left; margin: 10px 0 0 7px;max-width: 230px;}

input-suggester-piq .inputSuggesterPiq .results ul.listOfMembers{max-height: 130px;}
input-suggester-piq .inputSuggesterPiq .results ul.listOfMembers li{height: 38px; float: left; width: 100%; border-bottom: 1px solid #efefef;}
	input-suggester-piq .inputSuggesterPiq .results ul.listOfMembers li.action{border-bottom: 1px solid #5078ee;color:#5078ee;background-color: #5078ee1a;}
	input-suggester-piq .inputSuggesterPiq .results ul.listOfMembers li.action:nth-child(2){border-bottom: 1px dashed #5078ee;}
input-suggester-piq .inputSuggesterPiq .results ul.listOfMembers li.selected{background-color:#DCE4FC;}
input-suggester-piq .inputSuggesterPiq .results ul.listOfMembers li:last-child{border-bottom: none;}
input-suggester-piq .inputSuggesterPiq .results ul.listOfMembers li:hover{background-color: #efefef;}
input-suggester-piq .inputSuggesterPiq .results ul.listOfMembers li .newAvatar{width: 21px; height: 21px; margin: 8px 0 0 10px!important;}
input-suggester-piq .inputSuggesterPiq .results ul.listOfMembers li .name{font-size: 13px; float: left; margin: 10px 0 0 7px;max-width: 230px;}
input-suggester-piq .inputSuggesterPiq .results ul.listOfMembers li .description{display: none;}

input-suggester-piq .inputSuggesterPiq .results ul.noResultsFound li{pointer-events: none; width: calc(100% - 30px); height: 39px; padding: 10px 0 0 12px; box-sizing: border-box;}
input-suggester-piq .inputSuggesterPiq .results ul.noResultsFound li .label{font-size: 13px; color: #cacaca; cursor: default;}

input-suggester-piq .inputSuggesterPiq .itemSelected{position: absolute; width: 100%; height: 40px; top: 0; z-index: 98; border-radius: 3px; background-color: #ECF0FD;}
input-suggester-piq .inputSuggesterPiq .itemSelected .newAvatar{margin: 6px 7px 0 10px;}
input-suggester-piq .inputSuggesterPiq .itemSelected .nameOrNumber{margin: 11px 0 0 0;max-width: calc(100% - 40px);}
input-suggester-piq .inputSuggesterPiq .itemSelected .delete{position: absolute; width: 25px; right: 5px; top: 7px;}
	
	input-suggester-piq.typeForm .inputSuggesterPiq {top: 0!important;}
	input-suggester-piq.typeForm .inputSuggesterPiq input.newSuggesterPiq{padding: 0 0 0 12px!important;height: 40px;border: 1px solid #D8D8D8!important; border-radius: 3px;}
	input-suggester-piq.typeForm .inputSuggesterPiq input.newSuggesterPiq{padding: 0 0 0 20px!important}
	input-suggester-piq.typeForm .inputSuggesterPiq.eWrong input.newSuggesterPiq{border-color: #EB3636!important;}
	input-suggester-piq.typeForm .inputSuggesterPiq.eWrong input.newSuggesterPiq::placeholder{color: #EB3636!important;}
	input-suggester-piq.typeForm .inputSuggesterPiq input.newSuggesterPiq:focus{border: 1px solid #5078EE!important;}
	input-suggester-piq.typeForm .inputSuggesterPiq .results{border-radius: 5px;}

input-suggester-piq .inputWithIco{position: absolute; top: 0; right: 0; border: none;}
input-suggester-piq .inputWithIco .formSelect{height: 40px!important;}
input-suggester-piq .inputWithIco .formSelect .display{width: 33px; padding: 0!important; height: 20px!important; margin: 0 0 0 8px!important;}
input-suggester-piq .inputWithIco .formSelect .display .ico{margin: 9px 0 0 0;}
input-suggester-piq .inputWithIco .formSelect .display .cssTriangle{right: 0; top: 7px;}
input-suggester-piq .inputWithIco .suggesterIcoSearch{top: 40px!important;}

body.powerDialerOn input-suggester-piq.typeList .inputSuggesterPiq .results{height: calc(100vh - 380px);}
input-suggester-piq.typeList .inputSuggesterPiq .results{opacity: 1;visibility: visible; border: none; border-radius: 0; position: absolute; max-height: initial; height: calc(100vh - 330px);}
input-suggester-piq.typeList .inputSuggesterPiq .newSuggesterPiq{border-radius: 4px; border: 1px solid #D8D8D8!important;}
input-suggester-piq.typeList .inputSuggesterPiq .newSuggesterPiq:focus{border: 1px solid #5078EE!important;}
input-suggester-piq.typeList .inputSuggesterPiq .results ul.listOfMembers{position: absolute; top: 0; bottom: 0; left: 0; right: 0;max-height: initial;}
input-suggester-piq.typeList .inputSuggesterPiq .results ul.listOfMembers li{position: relative;}
input-suggester-piq.typeList .inputSuggesterPiq .results ul.listOfMembers li .tick{width: 30px; height: 30px; position: absolute; top: 3px; right: 6px;}
input-suggester-piq.typeList .inputSuggesterPiq .results ul.listOfMembers li.selected{background-color:#DCE4FC;}
input-suggester-piq.typeList .inputSuggesterPiq .results ul.listOfMembers li:last-child{border-bottom: none;}
input-suggester-piq.typeList .inputSuggesterPiq .results ul.listOfMembers li:hover{background-color: #efefef;}
input-suggester-piq.typeList .inputSuggesterPiq .results ul.listOfMembers li .newAvatar{width: 21px; height: 21px; margin: 8px 0 0 10px!important;}
input-suggester-piq.typeList .inputSuggesterPiq .results ul.listOfMembers li .name{font-size: 13px; float: left; margin: 10px 0 0 7px;max-width: 190px;}
input-suggester-piq.typeList .inputSuggesterPiq .results ul.listOfMembers li .description{display: none;}
input-suggester-piq.transferCall .inputSuggesterPiq .newSuggesterPiq{width: calc(100% - 40px); height: 40px;box-sizing: border-box; margin: auto; display: block;}
input-suggester-piq.transferCall .inputSuggesterPiq .newSuggesterPiq:focus{border: 1px solid #5078EE!important;}

/* FIX WIDTH INPUT SUGGESTER PIQ*/
input-suggester-piq.fixAgentFilterWidth .inputSuggesterPiq .results ul.listOfMembers li .name{width: 160px}
input-suggester-piq.fixWidthForTransferCall .inputSuggesterPiq .results ul.listOfMembers li .name{ max-width: 200px; }

phone-contact-form contact-form .container {top: 50px;}
contact-form .container{padding-top: 10px;box-sizing: border-box; position: absolute; top: 172px; bottom: 84px; left: 0; right: 0;}
contact-form .container .row .listItem i{float: left; margin: 7px 3px 0 20px; color: #adadad;}
contact-form .container .row .listItem .field{line-height: 33px;margin: 0 0 0 6px;}
contact-form .container .row .listItem input{border: none!important;}
contact-form .container .row .listItem input:focus{border: none!important;}
contact-form .container .row .listItem input::placeholder{color: #d4d4d4;}
contact-form .footer{position: absolute; bottom: 0px; left: 20px; right: 20px; border-top: 1px dashed #cacaca; height: 60px; padding: 10px 0 0 0;}

contact-form .container .row .listItem select-simple-piq .newSelect .display label, 
contact-form .container .row .listItem select-simple-countries .newSelect .display label{white-space: pre; position: absolute; top: -7px; left: 5px; font-size: 12px; padding: 0 6px 0 9px; color: #afafaf; pointer-events: none; background-color: #fff; max-width: 80%; z-index: 3; line-height: 16px;}

contact-form .container .row .listItem input-validation{display: contents;}
contact-form .container .row .listItem input-validation .parentContainer{float: left;width: calc(100% - 150px);}
contact-form .container .row .listItem input-validation .parentContainer input{border-radius: 0; height: 31px; padding: 0 15px 0 10px;font-size: 12px;}
contact-form .container .row .listItem input-validation .parentContainer input.eWrong::placeholder{color:#EB3636;}
contact-form .container .row .listItem input-validation .parentContainer .errorMsg{right: 18px; width: 16px; height: 16px; top: 8px;}
contact-form .contactFormHeader .tabs .one,
contact-form .contactFormHeader .tabs .two{line-height: 36px;border-bottom: 2px solid #E3E3E3;}
contact-form .contactFormHeader .tabs .one:hover,
contact-form .contactFormHeader .tabs .two:hover{background-color: #ECF0FD;}
contact-form .contactFormHeader .tabs .one.active,
contact-form .contactFormHeader .tabs .two.active{border-bottom: 2px solid #5078EE;}
contact-form .contactFormHeader .dialogIco{width: 100px; height: 100px; margin: 0 auto 10px auto;background-position: 1px -1127px;}
contact-form .container .row .listItem select-simple-piq .newSelect{width: calc(100% - 2px);}

phone-call-merge .imgProfile.smallMedium .initials{padding-top: 5px;}

.generalModal.modalCreateEditContact contact-form .container{top: 60px; width: calc(100% - 48px); max-width: 100%; padding: 15px 30px; left: 0px; right: 10px;bottom: 70px;}
.generalModal.modalCreateEditContact contact-form .container .row .listItem input-validation .parentContainer{    width: calc(100% - 10px);height: 40px; display: flex; flex-direction: row; padding: 0 10px 0 0;}
.generalModal.modalCreateEditContact contact-form .container .row .listItem input-validation .parentContainer label{display: block!important;}
.generalModal.modalCreateEditContact contact-form .container .row .listItem input-validation .parentContainer input{border: 1px solid #cfd4d7!important;border-radius: 4px; height: 40px; padding: 0 15px 0 10px; font-size: 12px;}
.generalModal.modalCreateEditContact contact-form .container .row .listItem input-validation .parentContainer .errorMsg{right: 22px; width: 18px; height: 18px; top: 10px;}
.generalModal.modalCreateEditContact contact-form .container.isCreating{top: 160px;}

.inputDatePicker{height: 100%; width: 100%; padding: 0px 15px 0 10px; box-sizing: border-box;font-size: 12px;}
.colDatePicker .mdi{position: absolute; top: 10px; right: 15px; color: #5078EE; pointer-events: none;}
	
	.colDatePicker.dark .mdi{color: #fff;}
	.colDatePicker.dark label{background-color: #414f6d!important;color: #fff!important;}
	.colDatePicker.dark .inputDatePicker{background-color: transparent;color: #fff;}

.cssTriangle{pointer-events: none; width: 0; height: 0; border-style: solid; border-width: 5px 3px 0 3px; border-color: #5078eeb5 transparent transparent transparent; position: absolute; right: 10px; top: 12px;}
.cssTriangle.black{border-color: #cecece transparent transparent transparent;}

/* DATEPICKER CHANGES */
.daterangepicker td.active, .daterangepicker td.active:hover, .daterangepicker .ranges li.active{background-color:#5078ee!important;}

interval-selector select-simple-piq,
interval-selector input-validation{float: left;}
interval-selector input-validation .parentContainer input{border-radius: 4px 0 0 4px; border-right: 1px solid #cfd4d7!important;}
interval-selector select-simple-piq .newSelect .display{border: none!important; background-color: #ececec; border-radius: 0 4px 4px 0;}
interval-selector .parentContent{height: 100%; border: 1px solid #5d5d5d; border-radius: 4px;}

.sfSuggesterList .ico{transition:transform 0.5s ease; width: 30px; height: 30px; background-color: #5078EE; border-radius: 50%; float: left;}
.sfSuggesterList ul{opacity: 0; visibility: hidden; width: 148px; max-height: 162px;transition: all 0.3s ease; background-color: #fff; border: solid 1px #cfd4d7; border-radius: 4px; position: absolute;top: 34px; right: 29px; z-index: 999;}
.sfSuggesterList ul li{height: 38px; border-bottom: solid 1px #cfd4d7; cursor: pointer; transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; position: relative; padding: 10px 0 0 6px; box-sizing: border-box;}
.sfSuggesterList ul li i{margin: -2px 5px 0 3px; color: #2e5de6; background-color: #5078ee33; border-radius: 50%; width: 20px; height: 20px; padding: 4px 0 0 3px; box-sizing: border-box;}
.sfSuggesterList ul li .txt{}
.sfSuggesterList ul li:last-child{border-bottom: none!important;}
.sfSuggesterList ul li:hover{background-color: #EBF0FF;}
.sfSuggesterList:hover .ico{transform: rotate(35deg);}
.sfSuggesterList:hover ul{opacity: 1; visibility: visible; top: 44px;}


select-simple-piq .newSelect.inlineSearch .display {
	position: relative;
}

	select-simple-piq .newSelect.inlineSearch .display input.displaySearch {
		position: absolute;
		left: 12px;
		right: 30px;
		top: 10px;
		height: 20px;
		border: none !important;
		outline: none;
		background: transparent;
		font-size: 12px;
	}

/* antes la lista bajaba a 90px por el search abajo */
select-simple-piq .newSelect.inlineSearch.on .selectList.withSearch {
	top: 50px;
}
/* DARK MODE */
/* interval-selector input-validation .parentContainer input{border: none!important;}
interval-selector select-simple-piq .newSelect .display{border: none!important;} */