@font-face {
  font-family: 'vox light';
  src: url('../../fonts/EuclidSquare-Light-WebS.eot') format('embedded-opentype');
  src: url('../../fonts/EuclidSquare-Light-WebS.eot?#iefix') format('embedded-opentype'), url('../../fonts/EuclidSquare-Light-WebS.woff2') format('woff2'), url('../../fonts/EuclidSquare-Light-WebS.woff') format('woff'), url('../../fonts/EuclidSquare-Light-WebS.ttf') format('truetype'), url('../../fonts/EuclidSquare-Light-WebS.svg#Font') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'vox regular';
  src: url('../../fonts/EuclidSquare-Regular-WebS.eot') format('embedded-opentype');
  src: url('../../fonts/EuclidSquare-Regular-WebS.eot?#iefix') format('embedded-opentype'), url('../../fonts/EuclidSquare-Regular-WebS.woff2') format('woff2'), url('../../fonts/EuclidSquare-Regular-WebS.woff') format('woff'), url('../../fonts/EuclidSquare-Regular-WebS.ttf') format('truetype'), url('../../fonts/EuclidSquare-Regular-WebS.svg#Font') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'vox medium';
  src: url('../../fonts/EuclidSquare-Medium-WebS.eot') format('embedded-opentype');
  src: url('../../fonts/EuclidSquare-Medium-WebS.eot?#iefix') format('embedded-opentype'), url('../../fonts/EuclidSquare-Medium-WebS.woff2') format('woff2'), url('../../fonts/EuclidSquare-Medium-WebS.woff') format('woff'), url('../../fonts/EuclidSquare-Medium-WebS.ttf') format('truetype'), url('../../fonts/EuclidSquare-Medium-WebS.svg#Font') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'vox semibold';
  src: url('../../fonts/EuclidSquare-Semibold-WebS.eot') format('embedded-opentype');
  src: url('../../fonts/EuclidSquare-Semibold-WebS.eot?#iefix') format('embedded-opentype'), url('../../fonts/EuclidSquare-Semibold-WebS.woff2') format('woff2'), url('../../fonts/EuclidSquare-Semibold-WebS.woff') format('woff'), url('../../fonts/EuclidSquare-Semibold-WebS.ttf') format('truetype'), url('../../fonts/EuclidSquare-Semibold-WebS.svg#Font') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'vox bold';
  src: url('../../fonts/EuclidSquare-Bold-WebS.eot') format('embedded-opentype');
  src: url('../../fonts/EuclidSquare-Bold-WebS.eot?#iefix') format('embedded-opentype'), url('../../fonts/EuclidSquare-Bold-WebS.woff2') format('woff2'), url('../../fonts/EuclidSquare-Bold-WebS.woff') format('woff'), url('../../fonts/EuclidSquare-Bold-WebS.ttf') format('truetype'), url('../../fonts/EuclidSquare-Bold-WebS.svg#Font') format('svg');
  font-weight: normal;
  font-style: normal;
}
@keyframes glow-grow {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}
html {
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}
body {
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  font-family: 'vox regular', sans-serif;
  background: #ffffff;
  max-width: 100%;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.scrollable {
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
p {
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.7em;
  color: #999999;
}
.link {
  cursor: pointer;
}
.clickable {
  cursor: pointer;
}
.input-group .no-outline:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: none !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 1px solid #ced4da !important;
  border-bottom: 1px solid #ced4da !important;
}
.icon {
  display: inline-block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 23px;
  height: 23px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 10px;
  white-space: nowrap;
  text-indent: -9999em;
}
.icon.small {
  width: 12px;
  height: 12px;
}
.icon.initial-position {
  position: initial !important;
  transform: none !important;
}
.icon.delete {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg enable-background='new 0 0 24 24' version='1.1' viewBox='0 0 24 24' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle type='text/css'%3E .st0{fill:none;stroke:%23313131;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} %3C/style%3E%3Cpath class='st0' d='m3.5 3.5h16v20h-16v-20zm4-3h8v3h-8v-3zm-6.5 3h22m-15.5 3.5v12m4-12v12m4-12v12'/%3E%3C/svg%3E");
}
.icon.padlock {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.087' height='16' viewBox='0 0 12.087 16'%3E%3Cdefs%3E%3Cstyle%3E.a,.b%7Bfill:none;stroke:%23000;stroke-linejoin:round;stroke-miterlimit:10;%7D.b%7Bstroke-linecap:round;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-3)'%3E%3Cellipse class='a' cx='0.351' cy='0.351' rx='0.351' ry='0.351' transform='translate(8.692 9.598)'/%3E%3Cpath class='b' d='M12,15.5v2.108' transform='translate(-2.957 -5.331)'/%3E%3Cpath class='a' d='M3.5,6.37H14.587V15.5H3.5ZM5.457,4.087a3.587,3.587,0,1,1,7.174,0V6.37H5.457Z'/%3E%3C/g%3E%3C/svg%3E");
}
.icon.close {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'%3e%3cg%3e%3cline fill='none' stroke='%23000000' stroke-width='.5' stroke-miterlimit='10' x1='2' y1='2' x2='18' y2='18'/%3e%3cline fill='none' stroke='%23000000' stroke-width='.5' stroke-miterlimit='10' x1='18' y1='2' x2='2' y2='18'/%3e%3c/g%3e%3c/svg%3e");
}
.icon.cancel {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'%3e%3cg%3e%3cline fill='none' stroke='%23000000' stroke-width='1' stroke-miterlimit='10' x1='2' y1='2' x2='18' y2='18'/%3e%3cline fill='none' stroke='%23000000' stroke-width='1' stroke-miterlimit='10' x1='18' y1='2' x2='2' y2='18'/%3e%3c/g%3e%3c/svg%3e");
}
.icon.check {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M24 4.685l-16.327 17.315-7.673-9.054.761-.648 6.95 8.203 15.561-16.501.728.685z'/%3E%3C/svg%3E");
}
.icon.edit {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:none;stroke:%23313131;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} %3C/style%3E%3Cg%3E%3Cpath class='st0' d='M7.3,21.7l-6.5,1.5l1.5-6.5L18,1.1c0.8-0.8,2-0.8,2.8,0l2.1,2.1c0.8,0.8,0.8,2,0,2.8 C22.9,6.1,7.3,21.7,7.3,21.7z M22.2,6.8l-5-5 M20.8,8.2l-4.9-5 M7.6,21.4l-4.9-5'/%3E%3C/g%3E%3C/svg%3E");
}
.icon.search {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='%238e8e8e' stroke-linejoin='round' stroke-miterlimit='10' fill='none'%3E%3Ccircle cx='8.5' cy='8.5' r='8'/%3E%3Cpath stroke-linecap='round' d='M14.156 14.156l9.344 9.344'/%3E%3C/g%3E%3C/svg%3E");
}
.icon.info {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3e%3cg id='infomation-circle' transform='translate(0 -1)'%3e%3ccircle id='Ellipse_60' data-name='Ellipse 60' cx='5.5' cy='5.5' r='5.5' transform='translate(0.5 1.5)' stroke-width='1' stroke='%2383888c' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' fill='none'/%3e%3cpath id='Path_189' data-name='Path 189' d='M8.5,15.141h3.094M9.016,10.5h1.031v4.383' transform='translate(-3.875 -4.359)' fill='none' stroke='%2383888c' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1'/%3e%3cpath id='Path_190' data-name='Path 190' d='M10.758,6a.258.258,0,1,0,.258.258A.258.258,0,0,0,10.758,6Z' transform='translate(-4.843 -2.179)' fill='none' stroke='%2383888c' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1'/%3e%3c/g%3e%3c/svg%3e ");
}
.icon.arrow {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Outline_Icons' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:none;stroke:%23313131;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} %3C/style%3E%3Cpolyline class='st0' points='0.5,5.5 12,18.5 23.5,5.5 '/%3E%3C/svg%3E") !important;
}
.icon.up {
  transform: rotate(0deg);
}
.icon.down {
  transform: rotate(-180deg);
}
.icon.left {
  transform: rotate(-90deg);
}
.icon.right {
  transform: rotate(90deg);
}
.icon.enabled {
  color: black;
}
.icon.disabled {
  color: grey;
}
.icon.arrowUp {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg clip-rule='evenodd' fill-rule='evenodd' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 2.206l-6.235 7.528-.765-.645 7.521-9 7.479 9-.764.646-6.236-7.53v21.884h-1v-21.883z'/%3E%3C/svg%3E");
}
.icon.arrowDn {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg enable-background='new 0 0 24 24' version='1.1' viewBox='0 0 24 24' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle type='text/css'%3E .st0{fill-rule:evenodd;clip-rule:evenodd;} %3C/style%3E%3Cpath class='st0' d='m12 22 6.2-7.5 0.8 0.6-7.5 9-7.5-9 0.8-0.6 6.2 7.5v-21.9h1v21.9z'/%3E%3C/svg%3E");
}
.icon.download {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg enable-background='new 0 0 17 18' version='1.1' viewBox='0 0 17 18' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9 11.3 3.1-3.1c0.2-0.2 0.5-0.2 0.7 0s0.2 0.5 0 0.7l-4 4c-0.2 0.2-0.5 0.2-0.7 0l-4-4c-0.1-0.2-0.1-0.6 0-0.8 0.2-0.1 0.6-0.1 0.8 0l3.1 3.2v-10.8c0-0.3 0.2-0.5 0.5-0.5s0.5 0.2 0.5 0.5v10.8zm7 1.2c0-0.3 0.2-0.5 0.5-0.5s0.5 0.2 0.5 0.5v3c0 1.4-1.1 2.5-2.5 2.5h-12c-1.4 0-2.5-1.1-2.5-2.5v-3c0-0.3 0.2-0.5 0.5-0.5s0.5 0.2 0.5 0.5v3c0 0.8 0.7 1.5 1.5 1.5h12c0.8 0 1.5-0.7 1.5-1.5v-3z'/%3E%3C/svg%3E");
  background-size: 20px;
}
.icon > span {
  position: absolute;
  margin-left: -9999em;
  opacity: 0;
}
a {
  color: inherit;
  text-decoration: none;
  transition: all 300ms ease 0s;
}
a:hover {
  color: inherit;
  text-decoration: none;
  transition: all 300ms ease 0s;
}
a:focus {
  color: inherit;
  text-decoration: none;
  transition: all 300ms ease 0s;
  outline: 0;
}
.navbar {
  padding: 15px 10px;
  background: #ffffff;
  border: none;
  border-radius: 0;
  margin-bottom: 40px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}
.navbar-btn {
  box-shadow: none;
  outline: none !important;
  border: none;
}
.line {
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #ddd;
  margin: 40px 0;
}
.hide {
  display: none !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
input.has-error::-webkit-input-placeholder {
  color: #f53825;
  opacity: 1;
}
input.has-error:-moz-placeholder {
  color: #f53825;
  opacity: 1;
}
input.has-error::-moz-placeholder {
  color: #f53825;
  opacity: 1;
}
input.has-error:-ms-input-placeholder {
  color: #f53825;
  opacity: 1;
}
body.keywordsList .tooltip-inner {
  text-align: left;
  max-width: 400px;
}
.tooltip {
  pointer-events: none;
  position: fixed;
}
.list-scrollable {
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.circle {
  border-radius: 50%;
}
.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.centerMe {
  width: auto;
  height: auto;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.truncate {
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
}
.wrapper {
  display: flex;
  width: 100%;
  height: calc(100% - 50px);
  align-items: stretch;
}
body.no-sidebar #sidebar {
  display: none;
}
.errorPage {
  max-height: 100%;
}
.errorPage .mainImg {
  width: 50%;
}
.center {
  text-align: center;
}
#content {
  width: 100%;
  transition: all 300ms ease 0s;
}
/* body height calc class essential for scrollable iFrame content */
#main-body {
  height: calc(100vh - 111px);
  overflow-y: auto;
  scrollbar-width: thin;
}
/* remove calc for iFrame content */
.isIframe #main-body {
  height: 100vh;
}
/* iFrame Styles for full height displays */
.keywordIframe,
.tagIframe,
.callsIframe {
  overflow: hidden;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/* body classes assigned for iFrame views to be scrollable */
.keywords.isIframe,
.tags.isIframe,
.calls.isIframe {
  overflow-y: auto;
  scrollbar-width: thin;
}
.iovoxLogoCont {
  height: 69px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.iovoxLogo {
  width: 50px;
  height: 50px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 1400'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23ffffff;}%3C/style%3E%3C/defs%3E%3Ctitle%3Eiovox-logo-only%3C/title%3E%3Cpath class='cls-1' d='M896.38,547.16c-44.91-9.28-99.48,71.61-121.87,180.68s-4.14,205,40.78,214.3,99.48-71.61,121.88-180.68S941.3,556.44,896.38,547.16Z'/%3E%3Cpath class='cls-1' d='M700,0C313.4,0,0,313.4,0,700s313.4,700,700,700,700-313.4,700-700S1086.6,0,700,0ZM456.45,299.6c16.11-15,34.23-23,57.38-23s40.27,8,55.38,23c16.11,16,24.16,33.94,24.16,55.91,0,23-9.06,40.93-25.17,55.91s-35.24,22-57.38,22-41.28-7-56.38-22c-14.09-15-21.14-32.95-21.14-55.91C434.3,333.54,441.35,315.57,456.45,299.6Zm278.1,704.75c-46.57-17-79-46.44-99.15-83C515.51,1060.94,302.07,1063.1,351.22,817.55l50.89-244.21H313.33l68.13-89.92H565.41l-2.63,1.46h2.7c-33.61,177.35-57.77,285.44-81.92,409.28-19.43,101.31,78,60.67,135.5-12.63-9-30.9-11.17-64.86-7.39-99.65,11.55-101.79,72.47-207.79,170.15-263.41,97.68-56.67,242.59-61.46,294.08,59.82,8.41,19.8,14.1,59.14,14.1,76C1076.57,968.18,858.49,1051.57,734.55,1004.34Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 50px;
  background-position: center;
  text-indent: -9999em;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  border-radius: 50%;
}
.iovoxLogo:hover {
  animation-delay: 1.33s;
}
.iovoxLogo:hover:before {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  box-shadow: 0 0 15px #287ec6;
  animation: glow-grow 2s ease-out infinite;
}
.iovoxLogo:hover:after {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  box-shadow: 0 0 15px #287ec6;
  animation: glow-grow 2s ease-out infinite;
  animation-delay: 0.66s;
}
#page-header {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #cacaca;
  z-index: 999;
  background-color: #ffffff;
  height: 61px;
  font-size: 15px;
}
#page-header > .col-sm-4 {
  display: flex;
  align-items: center;
  line-height: normal;
}
#page-header > .col-sm-4.text-right {
  justify-content: flex-end;
}
#page-header > .col-sm-4 #group-filter .circle {
  margin-top: 5px;
}
#page-header .filterCol,
#page-header .balanceCol {
  height: 41px;
}
#page-header .filterCont {
  padding-left: 0;
  padding-right: 0;
  border-bottom: 1px solid #cacaca;
  padding-bottom: 3px;
  display: table;
  width: 100%;
}
#page-header .filterCont strong {
  display: table-cell;
  width: 100%;
}
#page-header .filterCont .box {
  width: 100%;
}
#page-header .filterCont .box #dateStartPrint {
  display: inline-block;
  width: 100%;
}
.numbers #page-header {
  margin-left: 0;
  margin-right: 0;
}
#no-calls-puppy h3,
#no-calls h3 {
  font-size: 20px;
  text-align: center;
  margin-bottom: 20px;
  color: #313131;
}
#no-calls-puppy p,
#no-calls p {
  font-size: 15px;
  text-align: center;
  color: #8E8E8E;
  max-width: 436px;
  margin: 0 auto 20px;
}
#no-calls-puppy #puppy-icon img,
#no-calls #puppy-icon img {
  display: block;
  position: relative;
  width: 100%;
  max-width: 200px;
  height: auto;
  left: 50%;
  transform: translateX(calc(-50% + 15px));
  padding-top: 5%;
  margin-bottom: 40px;
}
#no-calls-puppy #puppy-icon.small-puppy,
#no-calls #puppy-icon.small-puppy {
  height: 380px;
  width: 380px;
  background-size: 380px 380px;
}
#no-calls-puppy .appButton,
#no-calls .appButton {
  display: block;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
}
#no-calls-puppy .sendLink,
#no-calls .sendLink {
  display: block;
  max-width: 250px;
  margin: 20px auto 0;
  -webkit-transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  transition: all 300ms ease 0s;
}
.appButton {
  border: 0;
  display: inline-block;
  background: url('../../images/sprite-app-buttons.png') no-repeat;
  background-position-x: 0;
  background-position-y: 0;
  background-size: 100%;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  width: 146px;
  max-width: 146px;
  height: 42px;
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 6px;
  -webkit-transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  transition: all 300ms ease 0s;
  cursor: pointer;
}
.appButton:hover {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
}
.googlBut {
  background-position: 0 -50px;
}
.appleBut {
  background-position: 0 0;
}
.sendLink:hover {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
}
.toggle-off {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.toggle.off {
  border-color: rgba(0, 0, 0, 0.25);
}
.toggle-handle {
  background-color: #ffffff;
  border: thin rgba(0, 0, 0, 0.25) solid;
}
form.loading {
  position: relative;
}
form.loading::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff url('../img/preloader.gif') no-repeat center;
  opacity: 0.85;
  z-index: 999;
}
.inline-loading {
  position: relative;
}
.inline-loading::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff url('../img/spinner.gif') no-repeat center;
  opacity: 0.85;
  z-index: 999;
}
.form-control:focus {
  box-shadow: none !important;
  border: 1px solid #ced4da !important;
}
form .form-group {
  position: relative;
}
form .form-control-feedback {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  z-index: 2;
  display: block;
  text-align: center;
  pointer-events: none;
}
.modal-dialog {
  max-width: 450px;
}
.modal-dialog .row > span {
  padding-right: 0;
  color: #31aae2;
  font-size: 12px;
  font-weight: 400;
  padding-top: 7px;
}
.modal-body {
  padding: 2rem 2rem 0;
  z-index: 1000;
}
.modal-header {
  font-size: 17px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 2rem 2rem 0;
  z-index: 1001;
}
.modal-header .close {
  display: inline-block;
  width: 15px;
  height: 15px;
  text-indent: -9999em;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' fill='none'%3E%3Cpath d='M.5.5l23 23M23.5.5l-23 23'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: center;
  z-index: 10;
}
.modal-header .close:active,
.modal-header .close:focus {
  outline: 0;
}
#modal-container .modal-dialog .modal-content {
  border-radius: 0;
}
#modal-container .modal-dialog .modal-content .modal-header {
  border-bottom: 0;
}
#modal-container .modal-dialog .modal-content .modal-body:not(.modal-form) input[type="text"] {
  box-shadow: none !important;
  border: 0;
  outline: none transparent;
  border-radius: 0;
}
#modal-container .modal-dialog .modal-content .modal-body:not(.modal-form) input[type="text"]:focus {
  box-shadow: none !important;
  border: 0;
  outline: none transparent;
  border-radius: 0;
}
#modal-container .modal-dialog .modal-content .modal-body:not(.modal-form) input[type="text"]:active {
  box-shadow: none !important;
  border: 0;
  outline: none transparent;
  border-radius: 0;
}
#modal-container .modal-dialog .modal-content .modal-footer {
  z-index: 999;
}
#modal-container .modal-dialog .modal-content .modal-footer.min-height-display {
  min-height: 55px;
}
#modal-container .modal-dialog .modal-content .modal-footer .btn {
  background-color: transparent;
  color: #31aae2;
  border-color: transparent;
}
#modal-container .modal-dialog .modal-content .modal-footer .btn:disabled {
  color: #92D1EE;
}
#modal-container .btn:focus {
  outline: none !important;
  text-decoration: none;
  box-shadow: none;
}
#modal-container .btn:active:focus {
  outline: none !important;
  text-decoration: none;
  box-shadow: none;
}
#modal-container .btn.active:focus {
  outline: none !important;
  text-decoration: none;
  box-shadow: none;
  border: 0;
}
#modal-container .modal-iovox-button {
  background-color: transparent;
  color: #31aae2;
  border-color: transparent;
}
#modal-container .modal-iovox-button .btn:disabled {
  color: #92D1EE;
}
#modal-container #modalSpinnerContainer {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffff;
  opacity: 0.85;
  z-index: 999;
}
#modal-container #modalSpinner {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg enable-background='new 0 0 63 63' version='1.1' viewBox='0 0 63 63' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle type='text/css'%3E .st0{fill:%23333333;} %3C/style%3E%3Cg transform='rotate(0 50 50)'%3E%3Cpath class='st0' d='m31.4 0h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.5c0.1-1.1 0.9-2 2-2z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='-0.9166666666666666s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3Cg transform='rotate(30 50 50)'%3E%3Cpath class='st0' d='m24.7 11.7h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.5c0-1.1 0.9-2 2-2z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='-0.8333333333333334s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3Cg transform='rotate(60 50 50)'%3E%3Cpath class='st0' d='m24.7 25.3h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.5c0-1.2 0.9-2 2-2z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='-0.75s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3Cg transform='rotate(90 50 50)'%3E%3Cpath class='st0' d='m31.4 37h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.5c0.1-1.1 0.9-2 2-2z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='-0.6666666666666666s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3Cg transform='rotate(120 50 50)'%3E%3Cpath class='st0' d='m43.2 43.7h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.5c0-1.1 0.9-2 2-2z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='-0.5833333333333334s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3Cg transform='rotate(150 50 50)'%3E%3Cpath class='st0' d='m56.7 43.7h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.5c0-1.1 0.9-2 2-2z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='-0.5s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3Cg transform='rotate(180 50 50)'%3E%3Cpath class='st0' d='m68.4 37h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.5c0-1.1 0.9-2 2-2z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='-0.4166666666666667s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3Cg transform='rotate(210 50 50)'%3E%3Cpath class='st0' d='m75.2 25.3h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.6c0-1.1 0.9-1.9 2-1.9z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='-0.3333333333333333s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3Cg transform='rotate(240 50 50)'%3E%3Cpath class='st0' d='m75.2 11.7h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.5c0-1.1 0.9-2 2-2z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='-0.25s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3Cg transform='rotate(270 50 50)'%3E%3Cpath class='st0' d='m68.4 0h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.5c0-1.1 0.9-2 2-2z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='-0.16666666666666666s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3Cg transform='rotate(300 50 50)'%3E%3Cpath class='st0' d='m56.7-6.8h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.5c0-1.1 0.9-2 2-2z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='-0.08333333333333333s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3Cg transform='rotate(330 50 50)'%3E%3Cpath class='st0' d='m43.2-6.8h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.5c0-1.1 0.9-2 2-2z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='0s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 50px;
  background-position: center;
}
#modal-container .modal-footer {
  border-top: none;
}
#modal-container .modal-footer button.btn {
  font-family: 'vox semibold', sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}
.tab-pane #tabSpinnerContainer {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffff;
  opacity: 0.85;
  z-index: 999;
}
.tab-pane #tabSpinner {
  position: relative;
  top: 40%;
  text-align: center;
  margin: 15px auto 35px auto;
  z-index: 9999;
  display: block;
  width: 80px;
  height: 80px;
  border: 10px solid rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  border-top-color: #000;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
.genericSpinnerContainer {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 999;
}
.genericSpinnerContainer .genericSpinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  display: inline-block;
  width: 80px;
  height: 80px;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg enable-background='new 0 0 63 63' version='1.1' viewBox='0 0 63 63' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle type='text/css'%3E .st0{fill:%23666666;} %3C/style%3E%3Cg transform='rotate(0 50 50)'%3E%3Cpath class='st0' d='m31.4 0h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.5c0.1-1.1 0.9-2 2-2z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='-0.9166666666666666s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3Cg transform='rotate(30 50 50)'%3E%3Cpath class='st0' d='m24.7 11.7h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.5c0-1.1 0.9-2 2-2z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='-0.8333333333333334s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3Cg transform='rotate(60 50 50)'%3E%3Cpath class='st0' d='m24.7 25.3h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.5c0-1.2 0.9-2 2-2z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='-0.75s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3Cg transform='rotate(90 50 50)'%3E%3Cpath class='st0' d='m31.4 37h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.5c0.1-1.1 0.9-2 2-2z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='-0.6666666666666666s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3Cg transform='rotate(120 50 50)'%3E%3Cpath class='st0' d='m43.2 43.7h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.5c0-1.1 0.9-2 2-2z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='-0.5833333333333334s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3Cg transform='rotate(150 50 50)'%3E%3Cpath class='st0' d='m56.7 43.7h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.5c0-1.1 0.9-2 2-2z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='-0.5s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3Cg transform='rotate(180 50 50)'%3E%3Cpath class='st0' d='m68.4 37h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.5c0-1.1 0.9-2 2-2z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='-0.4166666666666667s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3Cg transform='rotate(210 50 50)'%3E%3Cpath class='st0' d='m75.2 25.3h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.6c0-1.1 0.9-1.9 2-1.9z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='-0.3333333333333333s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3Cg transform='rotate(240 50 50)'%3E%3Cpath class='st0' d='m75.2 11.7h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.5c0-1.1 0.9-2 2-2z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='-0.25s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3Cg transform='rotate(270 50 50)'%3E%3Cpath class='st0' d='m68.4 0h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.5c0-1.1 0.9-2 2-2z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='-0.16666666666666666s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3Cg transform='rotate(300 50 50)'%3E%3Cpath class='st0' d='m56.7-6.8h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.5c0-1.1 0.9-2 2-2z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='-0.08333333333333333s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3Cg transform='rotate(330 50 50)'%3E%3Cpath class='st0' d='m43.2-6.8h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.5c0-1.1 0.9-2 2-2z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='0s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.inputSpinnerContainer {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.85;
  z-index: 999;
}
.inputSpinnerContainer .inputSpinnter {
  position: relative;
  top: 0;
  text-align: right;
  z-index: 9999;
  display: block;
  width: 18px;
  height: 18px;
  border: 3px solid rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  border-top-color: #000;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
.button-spinner {
  position: relative;
  text-align: right;
  padding: 0 30px !important;
}
.button-spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 5px;
  left: 18px;
  width: 17px;
  height: 17px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
#settings {
  width: 300px;
  padding: 10px;
}
#settings .divider {
  border-bottom: 1px solid #cacaca;
  height: 1px !important;
  padding: 0;
}
#settings > li {
  font-size: 13px;
  display: block;
  cursor: pointer;
  padding: 0 25px 0 60px;
  transition: all 300ms ease 0s;
  background-color: #ffffff;
  position: relative;
  line-height: 50px;
}
#settings > li:hover {
  background-color: #e6f2f8;
  transition: all 300ms ease 0s;
}
#settings li.user-profile {
  height: 50px;
}
#settings li.user-profile img.img-circle {
  width: 26px;
  height: 26px;
  line-height: 26px;
  margin: 0;
  border-radius: 50%;
  display: inline;
}
#settings li.user-profile div.img-circle {
  position: absolute;
  left: 26px;
  top: 50%;
  transform: translateY(-50%);
}
#settings li.user-profile .img-circle .noContactImage {
  width: 25px;
  height: 25px;
}
#settings li.settings-filter {
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 25px center;
}
#settings li.settings-filter.plan {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='%238e8e8e' stroke-linejoin='round' stroke-miterlimit='10' fill='none'%3E%3Cpath d='M10 15s-1.5-.5-1.5-3c-.826 0-.826-2 0-2 0-.335-1.5-4 1-3.5.5-2 6-2 6.5 0 .347 1.388-.5 3.255-.5 3.5.826 0 .826 2 0 2 0 2.5-1.5 3-1.5 3v2.5c2.477.929 4.93 1.697 6.186 2.575 2.048-2.076 3.314-4.928 3.314-8.075 0-6.352-5.148-11.5-11.5-11.5s-11.5 5.148-11.5 11.5c0 3.153 1.27 6.009 3.325 8.087 1.33-.92 3.952-1.746 6.175-2.587v-2.5zM3.825 20.087c2.085 2.107 4.977 3.413 8.175 3.413 3.203 0 6.1-1.311 8.186-3.425'/%3E%3C/g%3E%3C/svg%3E");
}
#settings li.settings-filter.integrations {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='%238e8e8e' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' fill='none'%3E%3Cpath d='M21.309 9.745l-3.89 3.89c-2.139 2.139-5.798 1.979-8.131-.354-2.334-2.334-2.493-5.994-.354-8.133l3.889-3.889M12.823 1.26l8.486 8.485M14.944 3.381l2.828-2.828M19.188 7.623l2.828-2.827M12.823 4.088l5.656 5.657'/%3E%3Ccircle cx='12.47' cy='10.099' r='1.499'/%3E%3Cpath d='M10.471 14.22l-2.244 2.243-2.122-2.121 2.244-2.244M7.166 15.402l-4.596 4.596c-.781.781-.781 2.047 0 2.828.78.781 2.047.781 2.828 0l3.182-3.182c.586-.586 1.536-.586 2.122 0 .585.586.585 1.535 0 2.121l-1.682 1.682'/%3E%3C/g%3E%3C/svg%3E");
}
#settings li.settings-filter.notifications {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='%238e8e8e' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' fill='none'%3E%3Cpath d='M18.5 19.5v-4.5c0-2.703-1.652-5.021-4-6 0-1.381-1.121-2.5-2.5-2.5-1.382 0-2.5 1.119-2.5 2.5-2.351.979-4 3.297-4 6v4.5c0 1.104-.896 2-2 2h17c-1.105 0-2-.896-2-2zM14 21.5c0 1.104-.896 2-2 2-1.106 0-2-.896-2-2M3.5 9c0-3.037 2.46-5.5 5.5-5.5M.5 9c0-4.694 3.804-8.5 8.5-8.5M20.5 9c0-3.037-2.465-5.5-5.5-5.5M23.5 9c0-4.694-3.807-8.5-8.5-8.5'/%3E%3C/g%3E%3C/svg%3E");
}
#settings li.settings-filter.contacts {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='%238e8e8e' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' fill='none'%3E%3Ccircle cx='11.5' cy='11' r='2.5'/%3E%3Cpath d='M11.5 13.5c-1.657 0-4.5 1.135-4.5 5h9c0-3.865-2.844-5-4.5-5zM21.5.5h-17c-1.104 0-2 .895-2 2 0 1.104.896 2 2 2h17v19h-17c-1.104 0-2-.896-2-2v-18.5M4.5 2.5h16'/%3E%3C/g%3E%3C/svg%3E");
}
#settings li.settings-filter.password {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='%238e8e8e' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' fill='none'%3E%3Ccircle cx='6.266' cy='17.457' r='2.5'/%3E%3Cpath d='M21.766 8.957l1.5-1.5-2.5-2.5 1.5-1.5c.553-.553.553-1.447 0-2s-1.447-.553-2 0l-11.245 11.244c-.811-.471-1.75-.744-2.755-.744-3.037 0-5.5 2.463-5.5 5.5s2.463 5.5 5.5 5.5 5.5-2.463 5.5-5.5c0-1.006-.274-1.943-.745-2.756l5.245-5.244 2 2 1.5-1.5-2-2 1.5-1.5 2.5 2.5z'/%3E%3C/g%3E%3C/svg%3E");
}
#settings li.settings-filter.about {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg enable-background='new 0 0 24 24' version='1.1' viewBox='0 0 24 24' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle type='text/css'%3E .st0{fill:none;stroke:%238e8e8e;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} .st1{fill:none;stroke:%238e8e8e;stroke-linejoin:round;stroke-miterlimit:10;} %3C/style%3E%3Ccircle class='st0' cx='12' cy='12' r='11'/%3E%3Cpath class='st0' d='m8.5 9c0-1.7 1.3-3 3-3s3 1.3 3 3-1.3 3-3 3v3'/%3E%3Cpath class='st1' d='M12,17.5c0,0.3-0.2,0.5-0.5,0.5S11,17.8,11,17.5s0.2-0.5,0.5-0.5S12,17.2,12,17.5z'/%3E%3C/svg%3E");
}
#settings li.settings-filter.signout {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='%238e8e8e' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' fill='none'%3E%3Cpath d='M13.5 18.5v4h-13v-21h13v4M5.5 12.5h18M18.5 7.5l5 5-5 5'/%3E%3C/g%3E%3C/svg%3E");
}
#settings li.settings-filter.manage-groups {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='%238e8e8e' stroke-linejoin='round' stroke-miterlimit='10' fill='none'%3E%3Cpath d='M.5 10.5v3c0 .825.175 1.5 1 1.5v4.5h3v-4.5c.824 0 .999-.676 1-1.5v-3h-5zM18.5 10.5v3c0 .825.175 1.5 1 1.5v4.5h3v-4.5c.824 0 .999-.676 1-1.5v-3h-5zM8.5 10.5h7v5c0 1.1-.9 2-2 2v6h-3v-6c-1.101 0-2-.9-2-2v-5zM4.5 7c0 .828-.672 1.5-1.5 1.5s-1.5-.672-1.5-1.5.672-1.5 1.5-1.5 1.5.672 1.5 1.5zM22.5 7c0 .828-.672 1.5-1.5 1.5s-1.5-.672-1.5-1.5.672-1.5 1.5-1.5 1.5.672 1.5 1.5zM14.5 6c0 1.381-1.119 2.5-2.5 2.5s-2.5-1.119-2.5-2.5 1.119-2.5 2.5-2.5 2.5 1.119 2.5 2.5z'/%3E%3C/g%3E%3C/svg%3E");
}
#settings #syncswitch {
  position: absolute;
  right: 15px;
  display: inline-block;
}
#settings #syncswitch label {
  font-size: 9px;
  line-height: 18px;
}
.dropup .dropdown-menu {
  margin-bottom: 0;
}
.dropdown-menu {
  padding: 0;
}
.settings-modal {
  font-size: 11px;
}
.settings-modal h4.modalHed {
  margin: 0 0 30px 0;
  padding: 0;
  font-family: 'vox semibold', sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 17px;
  color: #313131;
}
.settings-modal h4 {
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 15px;
}
.settings-modal a {
  color: #31aae2;
  font-weight: 300;
  font-size: 16px;
  text-decoration: none;
}
.settings-modal a:hover {
  color: #31aae2;
  font-weight: 300;
  font-size: 16px;
  text-decoration: none;
}
.settings-modal a:active .settings-modal a:focus {
  color: #31aae2;
  font-weight: 300;
  font-size: 16px;
  text-decoration: none;
}
.settings-modal h5 {
  line-height: 1.1;
  font-size: 14px;
  margin: 5px 0 0 0;
  font-weight: 500;
}
.settings-modal .form-control {
  border: none !important;
  box-shadow: none;
  padding-left: 0;
  font-size: 15px;
}
.settings-modal select {
  font-size: 13px !important;
  font-family: 'vox regular', sans-serif;
  color: #31aae2 !important;
}
.settings-modal .row h4 span.label {
  display: block;
  font-weight: 300;
  color: #313131;
  padding: 7px 0 0 0;
  font-size: 12px;
  line-height: normal;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
}
.settings-modal > .row {
  margin: 20px 0;
}
.settings-modal #crm-settings > .row {
  margin: 20px 0;
}
.settings-modal .input-group-append {
  border-bottom: none !important;
}
.hide-select-arrow {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  text-overflow: "";
  border: 0;
  padding: 0;
  border-bottom: 1px solid #cacaca;
  border-radius: 0;
  background: #ffffff url(../../images/arrow-down-16.png) no-repeat 100%;
}
.hide-select-arrowselect::-ms-expand {
  display: none;
}
#connector-modal h4.broadsoft {
  background-position: -3px 0px;
  background-position-x: 0;
  background-position-y: 0;
  padding-left: 50px;
  font-size: 16px;
  background: transparent url(img/app-icons/connectors-sprite-2x.png) no-repeat;
  background-position: 0 0;
  background-size: 35px 315px;
}
#connector-modal hr {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
#connector-modal span.add {
  width: 24px;
  height: 24px;
  display: block;
  cursor: pointer;
  background-position: 0 0 !important;
  margin-left: 5px;
}
#connector-modal .mobile-logo {
  display: inline-block;
  width: 30px;
}
#connector-modal h4.mobile {
  padding-left: 18px;
}
#connector-modal .ios-logo {
  height: 30px;
  padding-right: 35px;
}
#connector-modal .android-logo {
  height: 30px;
}
#connector-modal .connector-feature-type {
  margin-right: 10px;
  line-height: 24px;
  font-size: 12px;
}
#connector-modal .connector-feature-type.blue {
  color: #31aae2;
}
#connector-modal .connector-feature-type.green {
  color: #1DC58D;
}
#connector-modal .connector-feature-type.red {
  color: #F67363;
}
#crm-settings h4 {
  background-position-x: 0;
  background-position-y: 0;
  padding-left: 50px;
  font-size: 16px;
  background: transparent url(img/app-icons/connectors-sprite-2x.png) no-repeat;
  background-position: 0 0;
  background-size: 35px 315px;
}
#crm-settings span.delete {
  width: 24px;
  height: 24px;
  display: block;
  cursor: pointer;
  margin-left: 5px;
}
#crm-settings h4.salesforce {
  background-position: 0 -208px;
}
#crm-settings h4.dynamics {
  background-position: 0 -140px;
}
#crm-settings .coming-soon {
  font-weight: 600;
}
#crm-settings h4.zoho {
  background-position: 0 -80px;
}
#settings-broadsoft h4.broadsoft {
  background-position-x: 0;
  background-position-y: 0;
  padding-left: 50px;
  font-size: 16px;
  background: transparent url(img/app-icons/connectors-sprite-2x.png) no-repeat;
  background-position: 0 0;
  background-size: 35px 315px;
  padding-top: 8px;
  padding-bottom: 8px;
}
#settings-broadsoft-user h4.broadsoft {
  background-position-x: 0;
  background-position-y: 0;
  padding-left: 50px;
  font-size: 16px;
  background: transparent url(img/app-icons/connectors-sprite-2x.png) no-repeat;
  background-position: 0 0;
  background-size: 35px 315px;
  padding-top: 8px;
  padding-bottom: 8px;
}
#crm-login h4 {
  background-position-x: 0;
  background-position-y: 0;
  padding-left: 50px;
  font-size: 16px;
  background: transparent url(img/app-icons/connectors-sprite-2x.png) no-repeat;
  background-position: 0 0;
  background-size: 35px 315px;
}
#crm-login h4.zoho {
  background-position: 0 -80px;
  margin-bottom: 50px;
  padding-right: 10px;
}
#share-this-call-list .crm-connector span {
  background-position-x: 0;
  background-position-y: 0;
  background-size: auto auto;
  background: transparent url(img/app-icons/connectors-sprite-2x.png) no-repeat;
  background-position: 0 0;
}
#mobile-connector h4.iovox-mobile {
  background-position-x: 0;
  background-position-y: 0;
  padding-left: 50px;
  font-size: 16px;
  background-position: 0 -279px;
  background: transparent url(img/app-icons/connectors-sprite-2x.png) no-repeat;
  background-position: 0 0;
  background-size: 35px 315px;
}
#desk-phone span.settings-icon {
  width: 24px;
  height: 24px;
  display: block;
  cursor: pointer;
  margin-left: 5px;
}
.call-detail .contact-details .contact-details-actions button {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='%238e8e8e' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' fill='none'%3E%3Cpath d='M11.5.5v22M22.5 11.5h-22'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
.call-detail .contact-details .contact-details-actions button:active {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='%238e8e8e' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' fill='none'%3E%3Cpath d='M11.5.5v22M22.5 11.5h-22'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
.call-detail .call-action .delete-call {
  background-position: 0 -548px !important;
}
.back-button {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='%238e8e8e' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' fill='none'%3E%3Cpath d='M11.5.5v22M22.5 11.5h-22'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
.add {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='%238e8e8e' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' fill='none'%3E%3Cpath d='M11.5.5v22M22.5 11.5h-22'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
.call-details {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='%238e8e8e' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' fill='none'%3E%3Cpath d='M11.5.5v22M22.5 11.5h-22'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
.settings-icon.delete {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='%238e8e8e' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' fill='none'%3E%3Cpath d='M3.516 3.5h16v20h-16zM7.516.5h8v3h-8zM1.016 3.5h22M7.516 7v12M11.516 7v12M15.516 7v12'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 24px 24px;
  background-repeat: no-repeat;
  float: right;
}
ul.validate .settings-icon {
  background-image: url(../../images/app-icons/settings-sprite-2x.png);
  background-size: 24px 1464px;
  background-position: 5px -1274px;
  background-repeat: no-repeat;
  font-size: 11px;
}
ul.validate li {
  padding-left: 25px;
  margin-bottom: 5px !important;
}
ul.validate .settings-icon.failed {
  background-position: 0 -1208px;
  color: #F67363;
  font-size: 11px;
}
ul.validate .settings-icon.success {
  background-position: 0 -1243px;
  color: #1DC58D;
  font-size: 11px;
}
#settings-password-error-box {
  color: red;
  text-align: left;
  line-height: 25px;
  margin-bottom: 5px;
}
.success-check {
  display: block;
  margin: 100px auto 20px auto;
  height: 150px;
}
#settings-password-subtext {
  font-size: 10px;
  color: #aaaaaa;
  display: block;
  width: 200px;
  line-height: 14px;
  margin: 0 auto 50px auto;
}
#success-div p {
  font-size: 10px;
  color: #aaaaaa;
  display: block;
  width: 200px;
  line-height: 14px;
  margin: 0 auto 50px auto;
}
#settings-group-list li.group-container {
  position: relative;
  margin-bottom: 20px;
  line-height: 24px;
  height: 24px;
  padding-bottom: 48px;
  cursor: pointer;
}
#settings-group-list li.group-container .settings-icon {
  display: inline-block;
  height: 24px;
  width: 24px;
  text-align: center;
  cursor: pointer;
  position: absolute;
  right: 10px;
}
#settings-group-list li.group-container .delete-group {
  background-position: 0 -548px !important;
}
#settings-group-list li.group-container .leave-group {
  background-position: 0 -961px !important;
}
#settings-manage-group div.user-selector {
  position: relative;
  border-bottom: 1px solid transparent;
  padding-top: 15px;
  padding-bottom: 5px;
}
#settings-manage-group div.user-selector div.settings-icon.delete {
  background-position: 0 -548px !important;
  position: absolute;
  right: 10px;
  width: 24px;
  height: 24px;
  display: block;
}
#settings-manage-group div.user-selector .name-container > div {
  height: 20px;
}
#settings-manage-group li.user-container:hover {
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}
.blue-button {
  background-color: #31aae2;
  border-radius: 40px;
  line-height: 30px;
  height: 30px;
  width: auto;
  max-width: 258px;
  font-size: 15px;
  color: #ffffff;
  border: 0;
  margin: 0;
  padding: 0 30px;
  cursor: pointer;
  text-transform: uppercase;
}
.blue-button:hover:enabled {
  color: #ffffff;
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
}
.blue-button.cancel {
  color: #ffffff;
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
}
.blue-button.cancel:visited {
  color: #31aae2;
}
.outline-button {
  background-color: #ffffff;
  border: 1px solid #31aae2;
  border-radius: 15px;
  line-height: 28px;
  height: 30px;
  width: auto;
  min-width: 110px;
  font-size: 14px;
  color: #31aae2;
  margin: 0;
  padding: 0 30px;
  cursor: pointer;
  text-transform: lowercase;
  white-space: nowrap;
}
.outline-button:hover {
  color: #31aae2;
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
}
.outline-button:hover:enabled {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
  color: #31aae2;
}
.outline-button:visited {
  color: #31aae2;
}
.outline-button:active {
  color: #31aae2;
}
.blue-button.small {
  height: 15px;
  font-size: 8px;
  width: auto;
  padding: 10px;
  line-height: 0;
}
.close-button {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDIxIDIxIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDpub25lO3N0cm9rZTojMzEzMTMxO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik0yMC41LjVsLTIwLDIwbTIwLDBMLjUuNSIvPjwvc3ZnPg==');
  background-repeat: no-repeat;
  background-size: cover;
  transition: none;
  width: 32px;
  height: 32px;
}
.close-button:hover {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MiIgaGVpZ2h0PSI0MiIgdmlld0JveD0iMCAwIDQyIDQyIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDojY2FjYWNhO30uYntmaWxsOm5vbmU7c3Ryb2tlOiNmZmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO308L3N0eWxlPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4LjUgOC41KSI+PGNpcmNsZSBjbGFzcz0iYSIgY3g9IjIxIiBjeT0iMjEiIHI9IjIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOC41IC04LjUpIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik0yMC41LjVsLTIwLDIwbTIwLDBMLjUuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMiAyKSIvPjwvZz48L3N2Zz4=');
}
button.submit.rounded {
  font-family: 'vox semibold', sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  transition: all 300ms ease 0s;
  font-size: 1.8rem;
  -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
  height: 45px;
  min-height: 45px;
  border: 1px solid #bec5cb;
  border-radius: 100px 0 0 100px;
  padding: 0 10px 0 15px;
  flex: 1 1 auto;
  width: 100%;
}
#more-info-suspended-button {
  display: block;
  position: absolute;
  right: 15px;
  padding: 10px;
  bottom: 0;
}
#start-zoho-trial > .blue-button {
  margin-bottom: 0;
}
.badge-trial {
  display: inline-block;
  color: #31aae2;
  background-color: #F2FBFF !important;
  border: 1px solid #31aae2 !important;
  cursor: pointer;
  margin-left: 4px;
  vertical-align: initial;
  text-transform: uppercase;
  font-size: 9px !important;
  line-height: 10px;
  border-radius: 5px;
  font-weight: normal;
}
.blueLinks a,
.blueLink {
  color: #31aae2;
  cursor: pointer;
}
.blueLinks a:hover,
.blueLink:hover {
  text-decoration: underline;
  color: #31aae2;
}
.nav-tabs {
  position: relative;
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  list-style: none;
  min-width: 450px;
  border: 0;
}
.nav-tabs .nav-item {
  float: left;
  width: 33.333%;
  text-align: center;
  font-size: 0;
  margin-bottom: 0;
}
.nav-item:first-child.tabActive .tabSlider {
  left: 0;
}
.nav-item:nth-child(2).tabActive .tabSlider {
  left: 33.333%;
}
.nav-item:nth-child(3).tabActive .tabSlider {
  left: calc(33.333% * 2);
}
.nav-link {
  font-size: 1rem;
}
.tabSlider {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 33.333%;
  height: 3px;
  background-color: #31aae2;
  transition: left 0.25s;
}
.account.profile .nav-item {
  width: 50%;
}
.account.profile .nav-item:first-child.tabActive .tabSlider {
  left: 0;
}
.account.profile .nav-item:nth-child(2).tabActive .tabSlider {
  left: 50%;
}
.account.profile .tabSlider {
  width: inherit;
}
.account.plan .tabSlider {
  width: inherit;
}
.centered-content {
  justify-content: center;
  text-align: center;
}
#zoho-suspended > div {
  padding: 15px 30px 0 30px;
}
#zoho-suspended .actions > a {
  display: block;
  margin: 25px auto;
}
#zoho-suspended h4 {
  font-size: 15px;
  font-family: 'vox semibold', sans-serif;
  font-weight: normal;
}
#zoho-suspended p {
  color: #313131;
  font-size: 15px;
}
#loading {
  background: rgba(52, 54, 66, 0.9) url('../img/loading.gif') center center no-repeat;
  bottom: 0;
  height: 100vh;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100vw;
  display: none;
  z-index: 1040;
}
span.lockIcon {
  display: inline-block;
  width: 11px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.087 16'%3E%3Cdefs%3E%3Cstyle%3E.a,.b{fill:none;stroke:%23313131;stroke-linejoin:round;stroke-miterlimit:10;}.b{stroke-linecap:round;}%3C/style%3E%3C/defs%3E%3Cg transform='translate(0.5 0.5)'%3E%3Cellipse class='a' cx='0.328' cy='0.328' rx='0.328' ry='0.328' transform='translate(5.216 9.128)'/%3E%3Cpath class='b' d='M12,15.5v1.966' transform='translate(-6.457 -5.725)'/%3E%3Cpath class='a' d='M3.5,6.37H14.587V15.5H3.5ZM5.457,4.087a3.587,3.587,0,1,1,7.174,0V6.37H5.457Z' transform='translate(-3.5 -0.5)'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  margin-left: 4px;
}
.toast-iovox {
  padding: 15px !important;
  background-color: #313131;
  text-align: center;
  border-radius: 45px !important;
  background-image: unset;
  top: 30px;
  opacity: 0.7 !important;
}
.toast-iovox-wide {
  padding: 15px !important;
  background-color: #313131;
  text-align: center;
  border-radius: 45px !important;
  background-image: unset;
  top: 30px;
  opacity: 0.7 !important;
  width: 450px !important;
}
.notification-icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
}
.notification-icon.comment {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='%238e8e8e' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' fill='none'%3E%3Cpath d='M23.5 8.5h-13.5l-4.5 3.5v-3.5h-5v-8h23zM3 11.5h-2.5v7h13.5l4.5 4v-4h5v-7h-13'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 23px 22px;
  width: 23px;
  height: 22px;
}
.notification-icon.call {
  background-position: 0 -167px !important;
}
.notification-icon.group {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='%23000' stroke-linejoin='round' stroke-miterlimit='10' fill='none'%3E%3Cpath d='M.5 10.5v3c0 .825.175 1.5 1 1.5v4.5h3v-4.5c.824 0 .999-.676 1-1.5v-3h-5zM18.5 10.5v3c0 .825.175 1.5 1 1.5v4.5h3v-4.5c.824 0 .999-.676 1-1.5v-3h-5zM8.5 10.5h7v5c0 1.1-.9 2-2 2v6h-3v-6c-1.101 0-2-.9-2-2v-5zM4.5 7c0 .828-.672 1.5-1.5 1.5s-1.5-.672-1.5-1.5.672-1.5 1.5-1.5 1.5.672 1.5 1.5zM22.5 7c0 .828-.672 1.5-1.5 1.5s-1.5-.672-1.5-1.5.672-1.5 1.5-1.5 1.5.672 1.5 1.5zM14.5 6c0 1.381-1.119 2.5-2.5 2.5s-2.5-1.119-2.5-2.5 1.119-2.5 2.5-2.5 2.5 1.119 2.5 2.5z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 23px 20px;
  width: 23px;
  height: 20px;
}
.notification .meta .notification-icon.flag {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='%23e44235' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' fill='%23e44235'%3E%3Cpath d='M21.5 13.5h-18v-12h18l-7.501 6zM1.5.5v23'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 20px 23px;
  width: 20px;
  height: 23px;
}
#unread-notification-count {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.1em;
  border-radius: 50%;
  vertical-align: middle;
  padding: 3px;
  font-size: 0.9em;
  line-height: 0.9em;
  font-weight: normal;
  top: 7px;
  left: 40px;
}
#unread-notification-count:before {
  display: inline-block;
  content: '';
  float: left;
  width: auto;
  padding-bottom: 100%;
}
.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 0.75s linear infinite;
  animation: spinner-border 0.75s linear infinite;
}
.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}
.right-border-divider {
  border-right: 1px solid #cacaca;
}
.panel {
  overflow-y: auto;
  scrollbar-width: thin;
}
.panel .list-row {
  height: 60px;
  padding: 15px 0;
  border-bottom: 1px solid #dfdfdf;
  background-color: #ffffff;
  color: #313131;
  font-size: 15px;
}
.panel .list-row.selected {
  background-color: #E6F2F8;
}
.panel .list-header {
  height: 35px;
  font-size: 15px;
  padding: 7px 0;
  border-bottom: 1px solid #cacaca;
  background-color: #F6F9FC;
  text-transform: uppercase;
  color: #838383;
}
#left-panel {
  width: 33.33%;
  max-width: 33.33%;
  min-width: 33.33%;
}
#right-panel {
  width: 33.33%;
  max-width: 33.33%;
  min-width: 33.33%;
}
.two-panel #left-panel {
  width: auto;
  min-width: 0;
  max-width: none;
  background-color: #ffffff;
}
.two-panel #right-side-panel {
  width: 300px;
  max-width: 300px;
  min-width: 300px;
  background-color: #F6F9FC;
}
.call-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 5px;
}
.call-icon.integration {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg enable-background='new 0 0 24 24' version='1.1' viewBox='0 0 24 24' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle type='text/css'%3E .st0{fill:%23313131;} %3C/style%3E%3Cpath class='st0' d='m22.4 4.4c-0.2-0.2-0.5-0.2-0.7 0l-2.5 2.5-3.5-3.5 2.5-2.5c0.2-0.2 0.2-0.5 0-0.7s-0.5-0.2-0.7 0l-2.5 2.5-1.8-1.8c-0.2-0.2-0.5-0.2-0.7 0l-3.9 3.9c-1.2 1.1-1.7 2.7-1.7 4.4 0 1 0.3 2 0.8 2.8l-2 2c-0.2 0.2-0.2 0.5 0 0.7l0.7 0.7-4.2 4.2c-1 1-1 2.6 0 3.5 0.9 0.9 2.6 0.9 3.5 0l3.2-3.1c0.4-0.4 1-0.4 1.4 0s0.4 1 0 1.4l-1.7 1.7c-0.2 0.2-0.2 0.5 0 0.7 0.1 0.1 0.2 0.1 0.4 0.1s0.3 0 0.4-0.1l1.7-1.7c0.8-0.8 0.8-2 0-2.8s-2-0.8-2.8 0l-3.3 3.2c-0.6 0.6-1.6 0.6-2.1 0-0.6-0.6-0.6-1.5 0-2.1l4.2-4.2 0.7 0.7c0.2 0 0.3 0.1 0.4 0.1s0.3 0 0.4-0.1l2-2c1 0.5 2.1 0.8 3.1 0.8 1.5 0 3-0.5 4.1-1.7l3.9-3.9c0.2-0.2 0.2-0.5 0-0.7l-1.8-1.8 2.5-2.5c0.2-0.1 0.2-0.5 0-0.7zm-14.2 11.4l-1.4-1.4 1.5-1.5c0.2 0.3 0.4 0.5 0.7 0.8 0.2 0.2 0.5 0.5 0.8 0.7l-1.6 1.4zm8.9-2.5c-1.9 1.9-5.3 1.8-7.4-0.4-1-1-1.6-2.4-1.7-3.8s0.4-2.7 1.3-3.6l3.5-3.5 7.8 7.8-3.5 3.5z'/%3E%3Cpath d='m18.8 9.4l-5.7-5.7c-0.2-0.2-0.5-0.2-0.7 0s-0.2 0.5 0 0.7l5.7 5.7c0.1 0.1 0.2 0.1 0.4 0.1s0.3 0 0.4-0.1c0.1-0.2 0.1-0.5-0.1-0.7z'/%3E%3Cpath d='m11.1 8.7c-0.4 0.4-0.6 0.9-0.6 1.4s0.2 1 0.6 1.4 0.9 0.6 1.4 0.6 1-0.2 1.4-0.6 0.6-0.9 0.6-1.4-0.2-1-0.6-1.4c-0.8-0.8-2.1-0.8-2.8 0zm2.1 2.1c-0.4 0.4-1 0.4-1.4 0-0.2-0.2-0.3-0.4-0.3-0.7s0.1-0.5 0.3-0.7 0.4-0.3 0.7-0.3 0.5 0.1 0.7 0.3 0.3 0.4 0.3 0.7-0.1 0.5-0.3 0.7z'/%3E%3C/svg%3E");
}
.call-icon.integration-lock {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg enable-background='new 0 0 24.3 25.7' version='1.1' viewBox='0 0 24.3 25.7' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle type='text/css'%3E .st0{fill:none;stroke:%23313131;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} .st1{fill:%23FFFFFF;} .st2{fill:none;stroke:%23FFFFFF;} .st3{fill:none;stroke:%23000000;stroke-linejoin:round;stroke-miterlimit:10;} .st4{fill:none;stroke:%23313131;stroke-linejoin:round;stroke-miterlimit:10;} %3C/style%3E%3Cg transform='translate(-2.2 -.781)'%3E%3Cg transform='translate(.859 .728)'%3E%3Cpath class='st0' d='m20.1 9.1l-3.6 3.6c-2.2 2-5.6 1.8-7.6-0.3-2.2-2-2.3-5.4-0.3-7.6l3.6-3.6 7.9 7.9m-6-5.9l2.6-2.6m1.4 6.6l2.6-2.6m-8.5-0.7l5.3 5.3'/%3E%3Cellipse class='st0' cx='11.8' cy='9.5' rx='1.4' ry='1.4'/%3E%3Cpath class='st0' d='m9.9 13.4l-2.1 2.1-2-2 2.1-2.1m-1.1 3.1l-4.3 4.3c-0.7 0.7-0.7 1.9 0 2.6s1.9 0.7 2.6 0l3-3c0.5-0.5 1.4-0.5 2 0s0.5 1.4 0 2l-1.5 1.6'/%3E%3C/g%3E%3Cg transform='translate(12.539 10.553)'%3E%3Ccircle class='st1' cx='7' cy='7' r='7'/%3E%3Ccircle class='st2' cx='7' cy='7' r='6.5'/%3E%3C/g%3E%3Cg transform='translate(9.617 11.952)'%3E%3Cellipse class='st3' cx='8.5' cy='9' rx='.3' ry='.3'/%3E%3Cpath class='st0' d='m8.5 9.3v1.8'/%3E%3Cpath class='st4' d='M3.5,5.8h10V14h-10V5.8z M5.3,3.7c0-1.8,1.4-3.2,3.2-3.2s3.2,1.4,3.2,3.2v2.1H5.3V3.7z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.call-icon.integration-add {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg enable-background='new 0 0 23.6 23.2' version='1.1' viewBox='0 0 23.6 23.2' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle type='text/css'%3E .st0{fill:none;stroke:%23313131;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} .st1{fill:%23FFFFFF;} .st2{fill:none;stroke:%23FFFFFF;} .st3{fill:none;stroke:%23313131;stroke-linejoin:round;stroke-miterlimit:10;} %3C/style%3E%3Cg transform='translate(.859 .728)'%3E%3Cpath class='st0' d='m17.7 8.4l-3.6 3.6c-2.2 2-5.6 1.8-7.6-0.3-2.2-2-2.3-5.4-0.3-7.6l3.6-3.6m0-0.1l7.9 7.9m-5.9-5.9l2.6-2.6m1.4 6.6l2.6-2.6m-8.6-0.7l5.3 5.3'/%3E%3Cellipse class='st0' cx='9.5' cy='8.7' rx='1.4' ry='1.4'/%3E%3Cpath class='st0' d='m7.6 12.6l-2.1 2.1-2-2 2.1-2.1m-1.1 3.1l-4.3 4.3c-0.7 0.7-0.7 1.9 0 2.6s1.9 0.7 2.6 0l3-3c0.5-0.5 1.4-0.5 2 0s0.5 1.4 0 2l-1.6 1.6'/%3E%3C/g%3E%3Cg transform='translate(12.539 10.553)'%3E%3Ccircle class='st1' cx='4.6' cy='6.2' r='6.5'/%3E%3Ccircle class='st2' cx='4.6' cy='6.2' r='6'/%3E%3C/g%3E%3Cellipse class='st3' cx='17.1' cy='16.7' rx='5.1' ry='5.1'/%3E%3Cpath class='st0' d='m17.1 14.2v5.1m2.6-2.6h-5.1'/%3E%3C/svg%3E");
}
.call-icon.tag {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='%238e8e8e' stroke-linejoin='round' stroke-miterlimit='10' fill='none'%3E%3Cpath d='M23.5 15.016l-8.485 8.484-14.507-14.506-.008-8.494h8.492z'/%3E%3Ccircle cx='5.5' cy='5.5' r='2'/%3E%3C/g%3E%3C/svg%3E");
  border-radius: 0;
}
.call-icon.share {
  background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC4yIiBoZWlnaHQ9IjIwLjIiIHZpZXdCb3g9IjAgMCAyMC4yIDIwLjIiPjxkZWZzPjxzdHlsZT4uYSwuYntmaWxsOm5vbmU7c3Ryb2tlOiMzMTMxMzE7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30uYntzdHJva2UtbGluZWNhcDpyb3VuZDt9PC9zdHlsZT48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41IDAuNSkiPjxlbGxpcHNlIGNsYXNzPSJhIiBjeD0iNC4xNzQiIGN5PSI0LjE3NCIgcng9IjQuMTc0IiByeT0iNC4xNzQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjg1MiAxMC44NTIpIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik0xOC4wODcsMTZ2NC4xNzRtMi4wODctMi4wODdIMTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zLjA2MSAtMy4wNjEpIi8+PHBhdGggY2xhc3M9ImEiIGQ9Ik0xMS43NDEsMTEuMTdjLS42NDktLjIxNS0xLjM0OC0uNDQ1LTIuMDU5LS43MTNWOC4zN2EyLjUyOSwyLjUyOSwwLDAsMCwxLjI1Mi0yLjVjLjY1MywwLC42NTMtMS43MjksMC0xLjcyOWE0LjYxMSw0LjYxMSwwLDAsMCwuNDE3LTIuNDQ1QzEwLjk1Ni4xLDYuMzIyLjEsNS45MjYsMS42OTJjLTEuOTc4LS40LS44MzUsMi4yMzgtLjgzNSwyLjUtLjY1NCwwLS42NTQsMS42NywwLDEuNjdhMi41MjksMi41MjksMCwwLDAsMS4yNTIsMi41djIuMDg3Yy0yLjMxOS44ODItNS4wODIsMS40NjYtNS40MjYsMi41YTE0LjcwOSwxNC43MDksMCwwLDAtLjQxNywzLjRIOS4yNjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjUgLTAuNSkiLz48L2c+PC9zdmc+");
}
.call-icon.share.shared {
  background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC4yIiBoZWlnaHQ9IjIwLjIiIHZpZXdCb3g9IjAgMCAyMC4yIDIwLjIiPjxkZWZzPjxzdHlsZT4uYSwuYntmaWxsOm5vbmU7c3Ryb2tlOiMzMTMxMzE7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30uYntzdHJva2UtbGluZWNhcDpyb3VuZDt9PC9zdHlsZT48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41IDAuNSkiPjxlbGxpcHNlIGNsYXNzPSJhIiBjeD0iNC4xNzQiIGN5PSI0LjE3NCIgcng9IjQuMTc0IiByeT0iNC4xNzQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjg1MiAxMC44NTIpIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik0xOC4wODcsMTZ2NC4xNzRtMi4wODctMi4wODdIMTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zLjA2MSAtMy4wNjEpIi8+PHBhdGggY2xhc3M9ImEiIGQ9Ik0xMS43NDEsMTEuMTdjLS42NDktLjIxNS0xLjM0OC0uNDQ1LTIuMDU5LS43MTNWOC4zN2EyLjUyOSwyLjUyOSwwLDAsMCwxLjI1Mi0yLjVjLjY1MywwLC42NTMtMS43MjksMC0xLjcyOWE0LjYxMSw0LjYxMSwwLDAsMCwuNDE3LTIuNDQ1QzEwLjk1Ni4xLDYuMzIyLjEsNS45MjYsMS42OTJjLTEuOTc4LS40LS44MzUsMi4yMzgtLjgzNSwyLjUtLjY1NCwwLS42NTQsMS42NywwLDEuNjdhMi41MjksMi41MjksMCwwLDAsMS4yNTIsMi41djIuMDg3Yy0yLjMxOS44ODItNS4wODIsMS40NjYtNS40MjYsMi41YTE0LjcwOSwxNC43MDksMCwwLDAtLjQxNywzLjRIOS4yNjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjUgLTAuNSkiLz48L2c+PC9zdmc+");
}
.missed-call {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='%238e8e8e' stroke-linejoin='round' stroke-miterlimit='10' fill='none'%3E%3Cpath stroke-linecap='round' d='M7.492 10.014c.779-.781.779-2.048 0-2.828l-2.123-2.123c-.779-.78-2.047-.78-2.828 0l-1.163 1.165c-1.01 1.009-1.165 2.584-.379 3.774 3.38 5.11 7.89 9.62 13 13 1.188.786 2.768.629 3.774-.379l1.164-1.163c.781-.781.781-2.047 0-2.827l-2.121-2.123c-.781-.781-2.048-.781-2.829 0l-.707.707c-2.326-1.906-4.59-4.17-6.496-6.497l.708-.706z'/%3E%3Ccircle cx='17.5' cy='6.5' r='6'/%3E%3Cpath stroke-linecap='round' d='M15.572 4.572l3.857 3.857M15.572 8.429l3.857-3.857'/%3E%3C/g%3E%3C/svg%3E");
}
.in-progress-call {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cstyle type='text/css'%3E .st0{fill:none;stroke:%238e8e8e;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} .st1{fill:none;stroke:%2331AAE2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} %3C/style%3E%3Cpath class='st0' d='M7.5 10c0.8-0.8 0.8-2 0-2.8L5.4 5.1c-0.8-0.8-2-0.8-2.8 0L1.4 6.2c-1 1-1.2 2.6-0.4 3.8 3.4 5.1 7.9 9.6 13 13 1.2 0.8 2.8 0.6 3.8-0.4l1.2-1.2c0.8-0.8 0.8-2 0-2.8l-2.1-2.1c-0.8-0.8-2-0.8-2.8 0l-0.7 0.7C11 15.3 8.7 13 6.8 10.7 6.8 10.7 7.5 10 7.5 10z'/%3E%3Cpath class='st1' d='M12 0.5c6.4 0 11.5 5.1 11.5 11.5'/%3E%3Cpath class='st1' d='M12 4.5c4.1 0 7.5 3.4 7.5 7.5'/%3E%3Cpath class='st1' d='M12 8.5c1.9 0 3.5 1.6 3.5 3.5'/%3E%3C/svg%3E");
}
/* BEGIN NEW NAVIGATION */
.lang-fr nav {
  max-width: 230px;
}
.lang-fr nav .navBkgd {
  max-width: 230px;
}
.lang-fr nav.mouseOver:not(.hardClose) {
  max-width: 230px;
}
.lang-fr nav.opened + #content {
  padding-left: 230px;
}
nav {
  font-size: 12px;
  background: #00577f;
  color: #ffffff;
  z-index: 999;
  width: 100%;
  height: 100%;
  min-width: inherit;
  max-width: 200px;
  text-align: left;
  padding-bottom: 20px !important;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  transition: max-width 200ms ease-out;
  position: fixed;
}
nav .iovox {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1666.7 540.2' fill-rule='evenodd' fill='%23fff' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M1666.7 533.4H1570l-99.1-124-97.6 124h-100l146.4-182.3L1280 166.7h100l90.1 123.8 93.2-123.8h96.7l-138.7 184.4zM53.3 0c30 0 54.1 23.4 54.1 53.3 0 29.2-24.1 53.3-54.1 53.3C24.1 106.6 0 82.5 0 53.3 0 23.4 24.1 0 53.3 0m40 540h-80V166.7h80zm244.3-379.4c108.1 0 191.4 83.9 191.4 189.8 0 105.8-83.3 189.8-191.4 189.8s-191.4-83.9-191.4-189.8c-.1-105.9 83.2-189.8 191.4-189.8zm0 305c64.3 0 109.6-50.4 109.6-115.3 0-65-45.3-115.3-109.6-115.3-65 0-110.3 50.4-110.3 115.3-.1 65 45.2 115.3 110.3 115.3zm265.7-298.9l115 217.2 115-217.2h93.4L718.3 540.1 510 166.7zm495.6-6.1c108.1 0 191.4 83.9 191.4 189.8 0 105.8-83.3 189.8-191.4 189.8s-191.4-83.9-191.4-189.8 83.3-189.8 191.4-189.8zm0 305c64.3 0 109.6-50.4 109.6-115.3 0-65-45.3-115.3-109.6-115.3-65 0-110.3 50.4-110.3 115.3 0 65 45.3 115.3 110.3 115.3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  position: absolute;
  left: 58px;
  top: 20px;
  width: 0;
  height: 0;
  opacity: 0;
}
nav .navBkgd {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  min-width: 64px;
  max-width: 200px;
}
nav a {
  display: inline-block;
  width: 100%;
}
nav + #content {
  padding-left: 64px;
}
nav.closed,
nav.hardClose {
  max-width: 64px;
  transition: max-width 200ms ease-out;
}
nav.closed.mouseOut,
nav.hardClose.mouseOut {
  transition-delay: 0.5s;
}
nav.closed.mouseOut + #content,
nav.hardClose.mouseOut + #content {
  padding-left: 64px;
}
nav.closed .menu-pin,
nav.hardClose .menu-pin {
  opacity: 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg enable-background='new 0 0 50 50' version='1.1' viewBox='0 0 50 50' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle type='text/css'%3E .st0{fill:%23FFFFFF;} %3C/style%3E%3Cpath class='st0' d='m0 7.5v5h50v-5h-50zm0 15v5h50v-5h-50zm0 15v5h50v-5h-50z'/%3E%3C/svg%3E");
  background-size: 70%;
}
nav.mouseOver {
  transition: max-width 200ms ease-out;
  position: fixed;
}
nav.mouseOver:not(.hardClose) {
  max-width: 200px;
}
nav.opened {
  position: fixed;
}
nav.opened + #content {
  padding-left: 200px;
}
nav.opened .menu-pin {
  opacity: 1;
  background-size: 65%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' fill='none'%3E%3Cpath d='M.5.5l23 23M23.5.5l-23 23'/%3E%3C/g%3E%3C/svg%3E");
}
nav .hamburgerMenu {
  background-position: center;
  position: absolute;
  z-index: 300;
  top: 20px;
  left: 19px;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-size: 70%;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg enable-background='new 0 0 50 50' version='1.1' viewBox='0 0 50 50' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle type='text/css'%3E .st0{fill:%23FFFFFF;} %3C/style%3E%3Cpath class='st0' d='m0 7.5v5h50v-5h-50zm0 15v5h50v-5h-50zm0 15v5h50v-5h-50z'/%3E%3C/svg%3E");
  cursor: pointer;
}
nav header {
  position: sticky;
  position: -webkit-sticky;
  height: 61px;
  top: 0;
  right: 0;
  border-bottom: 1px solid #4C8AA7;
  overflow: hidden;
  cursor: pointer;
  z-index: 9999;
  background-color: #00577f;
}
nav .navSection a {
  cursor: pointer;
  padding: 12px 10px 12px 55px;
  transition: all 200ms;
}
nav .navSection:hover {
  transition: all 200ms;
}
nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: left;
}
nav ul > li {
  text-transform: capitalize;
  position: relative;
  padding: 0;
  border-bottom: 1px solid #4C8AA7;
  white-space: nowrap;
  background-color: #00577F;
  transition: all 200ms;
}
nav ul > li:hover {
  background-color: #31aae2;
  transition: all 200ms;
}
nav ul > li:last-child {
  border: 0;
}
nav ul > li:last-child a {
  padding-bottom: 12px;
}
nav ul > li > ul > li {
  border-bottom: 0;
  padding: 0;
  background-color: #00577F;
  transition: all 200ms;
}
nav ul > li > ul > li:hover {
  background-color: #0f709d;
  transition: all 200ms;
}
nav ul > li > ul > li > a {
  padding: 4px 0 4px 55px;
  display: block;
}
nav.opened ul > li.collapsed > .navList,
nav.closed ul > li.collapsed > .navList,
nav.closed ul > li.expanded > .navList {
  max-height: 0 !important;
  overflow: hidden;
  transition: max-height 200ms ease-out, opacity 200ms 200ms;
}
nav.opened ul > li.expanded > .navList,
nav.closed ul > li.expanded .navList,
nav.mouseOver ul > li.expanded .navList {
  max-height: 300px;
  overflow: hidden;
  transition: max-height 200ms ease-out, opacity 200ms 200ms;
}
nav.mouseOver.closed ul > li.expanded .navList {
  max-height: 300px !important;
}
nav.mouseOut.closed ul > li.expanded .navList {
  transition: max-height 200ms ease-out, opacity 200ms;
}
nav.mouseOut.closed ul > li.expanded .navList {
  transition-delay: 0.5s;
}
nav.mouseOver:not(.hardClose) .ioLogo,
nav.opened .ioLogo {
  opacity: 1;
  transition: opacity 200ms 200ms;
}
nav.mouseOver:not(.hardClose) .iovox,
nav.opened .iovox {
  opacity: 1;
  width: 62px;
  height: 20px;
  transition: opacity 200ms 200ms;
}
nav.mouseOver:not(.hardClose) .ioNav,
nav.opened .ioNav {
  width: 100%;
}
nav.mouseOut * {
  transition-delay: 0.5s;
}
nav .ioLogo {
  font-size: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 61px;
}
nav .ioLogo a {
  display: inline-block;
  position: absolute;
  width: 33px;
  height: 33px;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  z-index: 100;
}
nav .ioLogo .iovoxLogo {
  font-size: 0;
  background-size: 33px;
  transition: opacity 200ms;
}
nav .ioNav {
  opacity: 0;
  width: 100%;
  position: absolute;
  z-index: 200;
  height: 61px;
  top: 0;
  right: 0;
}
nav .menu-pin {
  background-position: center;
  position: absolute;
  background-size: 24px;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  top: 19px;
  right: 5px;
  cursor: pointer;
}
nav .expandable .navSection .arrow {
  display: inline-block;
  position: absolute;
  right: 0;
  width: 39px;
  height: 39px;
  cursor: pointer;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Outline_Icons' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:none;stroke:%23FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} %3C/style%3E%3Cpolyline class='st0' points='0.5,5.5 12,18.5 23.5,5.5 '/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 15px;
  transition: transform 200ms;
}
nav .expandable.expanded .navSection .arrow,
nav .expandable.closed .navSection .arrow {
  transform: rotate(-180deg);
}
nav a span,
nav .arrow,
nav.closed .navSection a span,
nav.closed .navSection .arrow,
nav.closed .navList {
  opacity: 0;
  transition: transform 200ms, opacity 200ms;
}
nav.closed.mouseOver .navSection a span,
nav.closed.mouseOver .navSection .arrow,
nav.opened .navSection a span,
nav.opened .navSection .arrow,
nav.closed.mouseOver .navList,
nav.closed.mouseOver .ioNav,
nav.opened.mouseOver .ioNav {
  opacity: 1;
  transition: transform 200ms, opacity 200ms 200ms;
}
nav:not(.hardClose).closed.mouseOut .navSection a span,
nav:not(.hardClose).closed.mouseOut .navSection .arrow {
  transition-delay: 0.5s;
}
nav.hardClose .ioNav {
  opacity: 0 !important;
  transition-delay: unset !important;
}
nav.hardClose.mouseOver .navSection a span,
nav.hardClose.mouseOver .navSection .arrow,
nav.hardClose.mouseOver .navList {
  opacity: 0;
  transition-delay: 0s;
}
nav .navLinks {
  margin-bottom: 40px;
}
nav .navLinks > li > .navSection > a {
  background-repeat: no-repeat;
  background-size: 22px;
  background-position: 20px 9px;
}
nav #navCommunications > .navSection > a {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' fill='none'%3E%3Cpath d='M10.227 9.028c.634-.634.686-1.61.115-2.182l-1.55-1.548c-.57-.571-1.547-.521-2.181.114l-.944.944c-.819.82-1.003 2.039-.444 2.927 2.398 3.802 5.692 7.096 9.496 9.494.884.559 2.107.374 2.925-.443l.944-.944c.634-.635.686-1.611.114-2.182l-1.549-1.549c-.571-.57-1.547-.52-2.181.114l-.574.573c-1.716-1.375-3.37-3.028-4.745-4.745l.574-.573zM18 18c.5.5 1.561 5.5-6 5.5-6.352 0-11.5-5.148-11.5-11.5 0-6.35 5.148-11.5 11.5-11.5s11.5 5.15 11.5 11.5c0 2.412-.742 4.651-2.012 6.5'/%3E%3C/g%3E%3C/svg%3E");
}
nav #navDashboard > .navSection > a {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23'%3E%3Cdefs%3E%3Cstyle%3E.a,.b{fill:none;stroke:%23fff;stroke-linejoin:round;stroke-miterlimit:10;}.a{stroke-linecap:round;}%3C/style%3E%3C/defs%3E%3Cg transform='translate(-0.013 -1)'%3E%3Cpath class='a' d='M.513,1.5h22v22h-22Z'/%3E%3Cpath class='b' d='M.513,7.5h22m-15,0v16m0-8h15'/%3E%3C/g%3E%3C/svg%3E");
}
nav #navFlags > .navSection > a {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' fill='none'%3E%3Cpath d='M21.5 13.5h-18v-12h18l-7.501 6zM1.5.5v23'/%3E%3C/g%3E%3C/svg%3E");
}
nav #navNumbers > .navSection > a {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 490.667 490.667' style='enable-background:new 0 0 490.667 490.667;' xml:space='preserve'%3E%3Cg%3E%3Cpath style='fill:%23ffffff;' d='M480,181.44H53.333c-5.891,0-10.667-4.776-10.667-10.667c0-5.891,4.776-10.667,10.667-10.667H480 c5.891,0,10.667,4.776,10.667,10.667C490.667,176.664,485.891,181.44,480,181.44z'/%3E%3Cpath style='fill:%23ffffff;' d='M437.333,330.773H10.667C4.776,330.773,0,325.998,0,320.106c0-5.891,4.776-10.667,10.667-10.667 h426.667c5.891,0,10.667,4.776,10.667,10.667C448,325.998,443.224,330.773,437.333,330.773z'/%3E%3Cpath style='fill:%23ffffff;' d='M245.333,458.773c-5.891-0.001-10.666-4.778-10.664-10.669c0-1.259,0.223-2.507,0.659-3.688 L384.661,39.082c1.922-5.569,7.995-8.524,13.563-6.602c5.569,1.922,8.524,7.995,6.602,13.563c-0.049,0.141-0.1,0.281-0.155,0.42 L255.339,451.797C253.793,455.988,249.8,458.772,245.333,458.773z'/%3E%3Cpath style='fill:%23ffffff;' d='M96,458.773c-5.891-0.001-10.666-4.778-10.664-10.669c0-1.259,0.223-2.507,0.659-3.688 L235.328,39.082c1.922-5.569,7.995-8.524,13.563-6.602c5.569,1.922,8.524,7.995,6.602,13.563c-0.049,0.141-0.1,0.281-0.155,0.42 L106.005,451.797C104.46,455.988,100.467,458.772,96,458.773z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}
nav #navPeople > .navSection > a {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.25' height='20.25' viewBox='0 0 20.25 20.25'%3E%3Cdefs%3E%3Cstyle%3E.a,.b{fill:rgba(0,0,0,0);stroke:%23fff;stroke-linejoin:round;}.a{stroke-linecap:round;}%3C/style%3E%3C/defs%3E%3Cg transform='translate(0.5 0.5)'%3E%3Cpath class='a' d='M3.011.5H17.239V19.75H3.011Zm0,0H1.337A.837.837,0,0,0,.5,1.337V18.913a.837.837,0,0,0,.837.837H3.011' transform='translate(-0.5 -0.5)'/%3E%3Cpath class='b' d='M11.94,12v1.255l2.124.608a1.177,1.177,0,0,1,.805,1.066V17.44H6.5V14.929a1.178,1.178,0,0,1,.8-1.066l2.125-.608V12' transform='translate(-1.478 -2.375)'/%3E%3Cellipse class='b' cx='2.511' cy='2.738' rx='2.511' ry='2.738' transform='translate(6.696 4.603)'/%3E%3Cpath class='b' d='M13.507,7.588a1.431,1.431,0,0,1-2.066-.423,2.4,2.4,0,0,1-2.874.359M18.554,2h.837a1.679,1.679,0,0,1,1.674,1.674V6.185H18.554m0,0h2.511V10.37H18.554m0,0h2.511v4.185H18.554m0,0h2.511v2.511a1.679,1.679,0,0,1-1.674,1.674h-.837' transform='translate(-1.815 -0.745)'/%3E%3C/g%3E%3C/svg%3E");
}
nav #navNotifications > .navSection > a {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' fill='none'%3E%3Cpath d='M20.5 16.5v-5.5c0-3.65-2.309-6.756-5.541-7.959-.221-1.438-1.459-2.541-2.959-2.541s-2.742 1.103-2.963 2.541c-3.232 1.203-5.537 4.309-5.537 7.959v5.5c0 1.657-1.344 3-3 3h23c-1.659 0-3-1.343-3-3zM15 19.5c0 1.657-1.344 3-3 3-1.659 0-3-1.343-3-3'/%3E%3C/g%3E%3C/svg%3E");
}
nav #unread-notification-count {
  min-width: 1.5em;
  top: 2px;
  left: 32px;
}
nav #navManage > .navSection > a {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cstyle%3E.a{fill:%23fff;}%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M13.5,24h-3a.5.5,0,0,1-.5-.5V20.646a12.916,12.916,0,0,1-2.332-.78L5.636,21.9a.514.514,0,0,1-.707,0L2.1,19.071a.5.5,0,0,1,0-.708L4.133,16.33A12.919,12.919,0,0,1,3.354,14H.5a.5.5,0,0,1-.5-.5v-3A.5.5,0,0,1,.5,10H3.354a12.9,12.9,0,0,1,.778-2.331L2.1,5.637a.5.5,0,0,1,0-.707L4.929,2.1a.5.5,0,0,1,.707,0L7.669,4.134A12.8,12.8,0,0,1,10,3.356V.5a.5.5,0,0,1,.5-.5h3a.5.5,0,0,1,.5.5V3.356a12.765,12.765,0,0,1,2.33.777L18.363,2.1a.5.5,0,0,1,.707,0L21.9,4.929a.5.5,0,0,1,0,.708L19.867,7.669A12.879,12.879,0,0,1,20.645,10H23.5a.5.5,0,0,1,.5.5v3a.5.5,0,0,1-.5.5H20.646a12.878,12.878,0,0,1-.778,2.331L21.9,18.364a.5.5,0,0,1,0,.707L19.072,21.9a.5.5,0,0,1-.707,0l-2.034-2.032a12.867,12.867,0,0,1-2.33.778V23.5A.5.5,0,0,1,13.5,24ZM11,23h2V20.254a.5.5,0,0,1,.383-.486,11.86,11.86,0,0,0,2.776-.945.5.5,0,0,1,.614.073l1.944,1.942,2.121-2.121L18.9,16.774a.5.5,0,0,1-.073-.614,11.835,11.835,0,0,0,.944-2.778A.5.5,0,0,1,20.254,13H23V11H20.253a.5.5,0,0,1-.486-.383,11.833,11.833,0,0,0-.943-2.779.5.5,0,0,1,.073-.614l1.942-1.941L18.717,3.161,16.774,5.1a.5.5,0,0,1-.613.073,11.49,11.49,0,0,0-2.777-.943A.5.5,0,0,1,13,3.748V1H11V3.748a.5.5,0,0,1-.383.486,11.858,11.858,0,0,0-2.778.943A.5.5,0,0,1,7.226,5.1L5.282,3.161,3.16,5.283,5.1,7.225a.5.5,0,0,1,.074.615,11.834,11.834,0,0,0-.944,2.778A.5.5,0,0,1,3.746,11H1v2H3.746a.5.5,0,0,1,.486.382,11.881,11.881,0,0,0,.944,2.778.5.5,0,0,1-.073.614L3.16,18.718l2.122,2.121L7.224,18.9a.5.5,0,0,1,.614-.073,11.879,11.879,0,0,0,2.778.946.5.5,0,0,1,.384.486Z'/%3E%3Cpath class='a' d='M12,17a5,5,0,1,1,5-5A5.006,5.006,0,0,1,12,17Zm0-9a4,4,0,1,0,4,4A4,4,0,0,0,12,8Z'/%3E%3C/svg%3E");
}
nav #navHelp > .navSection > a {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg enable-background='new 0 0 24 24' version='1.1' viewBox='0 0 24 24' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle type='text/css'%3E .st0{fill:none;stroke:%23ffffff;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} .st1{fill:none;stroke:%23ffffff;stroke-linejoin:round;stroke-miterlimit:10;} %3C/style%3E%3Ccircle class='st0' cx='12' cy='12' r='11'/%3E%3Cpath class='st0' d='m8.5 9c0-1.7 1.3-3 3-3s3 1.3 3 3-1.3 3-3 3v3'/%3E%3Cpath class='st1' d='M12,17.5c0,0.3-0.2,0.5-0.5,0.5S11,17.8,11,17.5s0.2-0.5,0.5-0.5S12,17.2,12,17.5z'/%3E%3C/svg%3E");
}
nav #navAccount > .navSection > a {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='%23fff' stroke-linejoin='round' stroke-miterlimit='10' fill='none'%3E%3Cpath d='M10 15s-1.5-.5-1.5-3c-.826 0-.826-2 0-2 0-.335-1.5-4 1-3.5.5-2 6-2 6.5 0 .347 1.388-.5 3.255-.5 3.5.826 0 .826 2 0 2 0 2.5-1.5 3-1.5 3v2.5c2.477.929 4.93 1.697 6.186 2.575 2.048-2.076 3.314-4.928 3.314-8.075 0-6.352-5.148-11.5-11.5-11.5s-11.5 5.148-11.5 11.5c0 3.153 1.27 6.009 3.325 8.087 1.33-.92 3.952-1.746 6.175-2.587v-2.5zM3.825 20.087c2.085 2.107 4.977 3.413 8.175 3.413 3.203 0 6.1-1.311 8.186-3.425'/%3E%3C/g%3E%3C/svg%3E");
}
body.isIframe nav.opened + #content {
  padding-left: 0 !important;
}
/* END NEW NAVIGATION */
/* Shared contact detail styles - used by inprogress toast and mouseover */
.card.contact-info .card-body {
  padding-left: 40px;
  background-position-y: 25px;
  background-position-x: 15px;
  background-size: 16px;
  background-repeat: no-repeat;
  font-size: 11px;
  position: relative;
  font-family: 'vox regular', sans-serif;
  border-bottom: 1px solid #dfdfdf;
}
.card.contact-info .card-body.contact-tags {
  background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOS44MzIiIGhlaWdodD0iMTkuODMyIiB2aWV3Qm94PSIwIDAgMTkuODMyIDE5LjgzMiI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6bm9uZTtzdHJva2U6IzMxMzEzMTtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fTwvc3R5bGU+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNSAwLjUpIj48cGF0aCBjbGFzcz0iYSIgZD0iTTE5LjMzMiwxMi4zODZsLTYuOTQ3LDYuOTQ3TC41MDcsNy40NTUuNS41SDcuNDUzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuNSAtMC41KSIvPjxlbGxpcHNlIGNsYXNzPSJhIiBjeD0iMS42MzgiIGN5PSIxLjYzOCIgcng9IjEuNjM4IiByeT0iMS42MzgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuNDU2IDIuNDU2KSIvPjwvZz48L3N2Zz4=");
}
.card.contact-info .card-body.contact-tasks {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='%23e44235' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' fill='%23e44235'%3E%3Cpath d='M21.5 13.5h-18v-12h18l-7.501 6zM1.5.5v23'/%3E%3C/g%3E%3C/svg%3E");
}
.card.contact-info .card-body.contact-comments {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='%238e8e8e' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' fill='none'%3E%3Cpath d='M23.5 8.5h-13.5l-4.5 3.5v-3.5h-5v-8h23zM3 11.5h-2.5v7h13.5l4.5 4v-4h5v-7h-13'/%3E%3C/g%3E%3C/svg%3E");
}
.card.contact-info .card-body > .card-contact-img {
  border-radius: 50%;
  border: 1px solid #cacaca;
  height: 32px;
  width: 32px;
  position: absolute;
  left: 5px;
}
.card.contact-info .card-body > .card-contact-img > * {
  border-radius: 50%;
  border: 2px solid #ffffff;
  color: #ffffff;
  font-size: 13px;
  line-height: 25px;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  object-fit: cover;
  background-color: #31aae2;
  text-align: center;
}
.card.contact-info .card-body > .card-title {
  color: #313131;
  font-family: 'vox semibold', sans-serif;
  font-size: 11px;
  margin-bottom: 0;
}
.card.contact-info .card-body > .card-text {
  color: #83888c;
  font-size: 11px;
}
.card.contact-info .card-body > .card-text.muted {
  color: #bec5cb;
}
.popover.contact-popover > .popover-body {
  padding: 0;
}
.popover.contact-popover > .popover-body > .card {
  border: none;
}
.modalTags .form-label-group > label {
  padding: 10px 20px 10px 20px;
}
#tag-color-selection-container {
  padding-top: 5px;
}
/* Floating field labels */
.form-label-group {
  position: relative;
  margin-bottom: 1rem;
  /* Fallback for Edge */
  /* Fallback for IE */
}
.form-label-group.noPadding {
  padding-left: 0;
}
.form-label-group input[type="text"]:not(.is-invalid) {
  border: 1px solid #cacaca !important;
  border-radius: 3px !important;
}
.form-label-group input[type="text"].is-invalid {
  border-radius: 3px !important;
}
.form-label-group input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: transparent;
  opacity: 0;
  /* Firefox */
}
.form-label-group > input,
.form-label-group > label {
  height: 45px;
  padding: 10px;
  font-size: 1rem;
}
.form-label-group > label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0;
  /* Override default `<label>` margin */
  line-height: 1.5;
  color: #999999;
  pointer-events: none;
  cursor: text;
  /* Match the input under the label */
  border: 1px solid transparent;
  border-radius: 0.25rem;
  transition: all 0.1s ease-in-out;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.form-label-group input::-webkit-input-placeholder,
.form-label-group input::-ms-input-placeholder,
.form-label-group input::-ms-input-placeholder,
.form-label-group input::-moz-placeholder,
.form-label-group input::placeholder {
  color: transparent;
}
.form-label-group input:not(:placeholder-shown):not(.noPlaceholder) {
  padding-top: 1.25rem !important;
  padding-bottom: 0.25rem !important;
}
.form-label-group input:not(:placeholder-shown) ~ label {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 12px;
  color: #999999;
}
@supports (-ms-ime-align: auto) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input::-ms-input-placeholder {
    color: #999999;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input:-ms-input-placeholder {
    color: #999999;
  }
}
input.invalid:not([type="submit"]) {
  border-color: #f53825 !important;
}
.select2 .invalid {
  border-color: #f53825 !important;
}
.select2-selection.invalid {
  border-color: #f53825 !important;
}
.error_msg {
  display: block;
  color: #f53825 !important;
}
.btn.focus,
.btn:focus {
  outline: 0;
  box-shadow: none !important;
}
.backToDashboard {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
img.creditcard {
  width: 33px;
  height: 14px;
}
table thead.sticky th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 99;
}
table.table.table-hover tbody tr:nth-of-type(even) {
  background-color: #EFF6F7;
}
table.table.table-hover tbody tr:nth-of-type(odd) {
  background-color: #ffffff;
}
table.table.table-hover tbody tr:hover {
  background-color: #b0d8f3;
  cursor: pointer;
}
.header-button {
  display: block;
  text-align: left;
}
#desktop-v2 .dialerBtn {
  margin-right: 20px;
  display: inline-block;
  width: auto;
  min-width: 136px;
  height: 30px;
  line-height: 30px;
  white-space: nowrap;
  padding: 0 20px 0 35px;
  text-align: left;
  background-color: #31aae2;
  text-transform: none;
  position: relative;
}
#desktop-v2 .dialerBtn::before {
  content: '';
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29.82 29.82'%3E%3Cpath d='M30.78,24.86l-.15-.45A4.2,4.2,0,0,0,28.07,22l-3.92-1.07a3.84,3.84,0,0,0-3.36.88l-1.41,1.42A15.06,15.06,0,0,1,8.79,12.63l1.42-1.42a3.88,3.88,0,0,0,.88-3.35L10,3.94A4.16,4.16,0,0,0,7.59,1.38l-.44-.15A3.55,3.55,0,0,0,3.83,2L1.71,4.13a3.91,3.91,0,0,0-.62,1.46A25,25,0,0,0,26.35,30.91a3.92,3.92,0,0,0,1.53-.62L30,28.17a3.56,3.56,0,0,0,.78-3.31Z' transform='translate(-1.09 -1.09)' style='fill:%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 14px;
  width: 14px;
  height: 14px;
  background-position: center;
  display: inline-block;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.1s ease-in-out;
}
#desktop-v2 .dialerBtn.inProgress {
  background-color: #f53825;
}
#desktop-v2 .dialerBtn.inProgress::before {
  transform: rotate(135deg) translate(-3px, 40%);
}
.responsify .headerBalanceContainer {
  line-height: normal;
}
@media (max-width: 767px) {
  .responsify .header-button {
    min-width: auto;
  }
  .responsify #ioDialer {
    display: none !important;
  }
}
.isMobile #main-body {
  height: calc(100vh - 61px);
}
.header-search-container {
  margin-left: 25px;
}
.header-search-container .input-group .input-group-prepend {
  border-right: none;
}
.header-search-container .input-group input {
  border-left: none;
  padding-left: 0;
}
.header-search-container .input-group input:focus {
  border-left: none !important;
}
.header-search-container .input-group .input-group-append .icon {
  position: absolute;
  right: 5px;
  top: 20px;
  z-index: 99;
  cursor: pointer;
  height: 20px;
}
.repTopRight {
  height: 41px;
  align-items: center;
  line-height: normal;
}
.daterangepicker {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.header-account-balance-container {
  text-align: left;
  white-space: nowrap;
  max-height: 30px;
  margin-right: 20px;
}
.header-account-balance-container .account-balance-amount {
  color: #fff;
  display: inline-block;
  text-align: left;
  font-size: 15px;
  line-height: 15px;
  font-weight: bold;
}
.header-account-balance-container .account-balance-name {
  color: #83888C;
  font-size: 12px;
  line-height: 12px;
}
.header-account-balance-container .account-balance-description {
  line-height: normal;
  display: none;
  font-size: 11px;
}
.header-account-balance-container.account-balance-status-empty {
  color: #F67363;
  padding: 0 10px 0 0;
}
.header-account-balance-container.account-balance-status-empty .account-balance-name {
  color: #F67363;
}
.header-account-balance-container.account-balance-status-empty .account-balance-description {
  display: block;
}
.header-account-balance-container.account-balance-status-low {
  color: #F67363;
}
.header-account-balance-container.account-balance-status-low .account-balance-name {
  color: #F67363;
}
.header-account-balance-container.account-balance-status-normal {
  color: #313131;
}
.headerCallCentrePresence {
  text-align: left;
  width: auto;
}
@media (max-width: 767px) {
  .headerCallCentrePresence {
    display: inline-block;
    width: auto;
    font-size: 12px;
    line-height: 12px;
  }
}
.headerCallCentrePresence #queues {
  height: 30px;
  cursor: pointer;
  text-align: left;
}
@media (max-width: 767px) {
  .headerCallCentrePresence #queues {
    margin-top: -5px;
    margin-left: 15px;
  }
}
.headerCallCentrePresence h2 {
  font-size: 12px;
  line-height: 12px;
  font-weight: normal;
  margin-bottom: 0;
  color: #cacaca;
}
@media (max-width: 767px) {
  .headerCallCentrePresence h2 {
    font-size: 12px;
    line-height: 12px;
  }
}
.headerCallCentrePresence span {
  display: inline-block;
  font-size: 15px;
  line-height: 15px;
  font-weight: bold;
  cursor: pointer;
}
@media (max-width: 767px) {
  .headerCallCentrePresence span {
    font-size: 12px;
    line-height: 12px;
  }
}
.headerCallCentrePresence span:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 5.5px;
  margin-left: -10px;
  margin-top: 6px;
  border: 1px solid #fff;
}
.headerCallCentrePresence span.available {
  color: #1dc58d;
}
.headerCallCentrePresence span.available:before {
  background-color: #1dc58d;
}
.headerCallCentrePresence span.unavailable {
  position: relative;
  color: #f67363;
}
.headerCallCentrePresence span.unavailable:before {
  background-color: #f67363;
}
.headerCallCentrePresence span.incall {
  color: #31aae2;
}
.headerCallCentrePresence span.incall:before {
  background-color: #31aae2;
}
.modalCallCentrePresence .presence-name.available {
  color: green;
}
.modalCallCentrePresence .presence-name.unavailable {
  color: red;
}
.modalCallCentrePresence .presence-name.incall {
  color: blue;
}
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.centerDiv {
  position: relative;
  width: 100%;
  max-width: 500px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.centerDiv ul {
  margin-left: 0;
  padding-left: 15px;
  font-size: 15px;
}
.centerDiv ul li {
  margin-bottom: 10px;
}
.sectionTitle {
  font-family: 'vox semibold', sans-serif;
  font-weight: normal;
  font-size: 15px;
  color: #313131;
}
.sectionDesc {
  font-size: 15px;
}
.pulse {
  box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
  animation: pulse 2s infinite;
}
.pulsehover:hover {
  animation: pulse 2s infinite;
}
#transcription-search-clear {
  height: 38px;
}
@media (min-width: 768px) {
  .header-title {
    text-align: left;
  }
  .header-title h3 {
    font: 'vox regular', sans-serif;
    font-size: 1.75rem;
    line-height: 41px;
    font-weight: 500;
    display: inline-block;
    text-align: left;
    color: #212529;
    margin-bottom: 0;
    white-space: nowrap;
  }
}
.group,
.group:before,
.group:after {
  content: "";
  display: table;
  clear: both;
}
.ioTable {
  float: left;
  width: 100%;
  max-width: 100%;
  border: 0;
  border-spacing: 0;
  margin-bottom: 0;
}
.ioTable thead {
  height: 50px;
  position: relative;
}
.ioTable thead th {
  white-space: nowrap;
  width: auto;
  color: #313131;
  background-color: #ffffff !important;
  position: sticky;
  top: 0;
  height: 50px;
  padding: 0;
  border-top: 0;
  border-bottom: 0;
  z-index: 100;
}
.ioTable thead th label {
  display: block;
  height: 50px;
  line-height: 50px;
  padding-top: 0;
  font-size: 12px;
  padding-left: 5px;
  padding-right: 5px;
  border-bottom: 1px solid #cacaca;
  margin-bottom: 0;
}
.ioTable thead th:first-child {
  z-index: 150;
}
.ioTable thead th:first-child > label {
  padding-left: 10px;
}
.overFlown.showLeftOverlap .ioTable thead th:first-child:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  box-shadow: 15px 0 10px -20px inset;
  top: 0;
  right: -30px;
}
.ioTable thead th:last-child {
  z-index: 150;
  opacity: 0.95;
}
.overFlown.showRightOverlap .ioTable thead th:last-child:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  box-shadow: 10px 0 10px -15px inset;
  top: 0;
  transform: rotate(180deg);
  right: 100px;
}
.ioTable thead th a {
  font-size: 11px;
}
.ioTable thead th .checkIo {
  opacity: 1;
}
.ioTable tbody tr {
  cursor: pointer;
}
.ioTable tbody tr:nth-child(2n) {
  background-color: #ffffff;
}
.ioTable tbody tr:nth-of-type(2n+1) {
  background-color: #eff6f7;
  transition: all 300ms ease 0s;
}
.ioTable tbody tr td {
  vertical-align: top;
  min-height: 60px;
  height: 60px;
  font-size: 15px;
  color: #313131;
  width: auto;
  transition: all 300ms ease 0s;
  padding: 14px 5px 14px 5px;
  border-top: 0;
}
.ioTable tbody tr td:first-child {
  padding-left: 10px;
  z-index: 50;
}
.overFlown.showLeftOverlap .ioTable tbody tr td:first-child {
  opacity: 0.95;
}
.overFlown.showLeftOverlap .ioTable tbody tr td:first-child:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  box-shadow: 15px 0 10px -20px inset;
  top: 0;
  right: -30px;
}
.ioTable tbody tr td:last-child {
  padding-right: 10px;
  z-index: 50;
}
.overFlown.showRightOverlap .ioTable tbody tr td:last-child:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  box-shadow: 10px 0 10px -15px inset;
  top: 0;
  transform: rotate(180deg);
  right: 100px;
}
.showCheckboxes .ioTable tbody tr td {
  opacity: 1 !important;
}
.ioTable tbody tr td .outline-button {
  min-width: inherit;
}
.ioTable tbody tr td .checkIo {
  opacity: 0;
}
.ioTable tbody tr:hover td,
.ioTable tbody tr.rowSelected td {
  opacity: 1 !important;
  background-color: #b0d8f3;
  transition: all 300ms ease 0s;
}
.ioTable tbody tr:hover td .checkIo,
.ioTable tbody tr.rowSelected td .checkIo {
  opacity: 1;
}
.ioTable tbody tr:first-child td {
  border-top: 0;
}
.ioTable .checkCol {
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  left: 0;
}
.ioTable .checkCol input[type=checkbox] {
  visibility: hidden;
}
.ioTable .checkCol .checkIo {
  position: absolute;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  height: 16px;
  width: 16px;
  background-color: #ffffff;
  border: 1px solid #cacaca;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
}
.showCheckboxes .ioTable .checkCol .checkIo {
  opacity: 1;
}
.ioTable .checkCol:hover input ~ .checkIo {
  background-color: #dfe6ec;
}
.ioTable .checkCol input:active ~ .checkIo {
  background-color: #00577f;
  border: 1px solid #00577f;
}
.ioTable .checkCol input:checked ~ .checkIo {
  background-color: #31aae2;
  border: 1px solid #31aae2;
  opacity: 1;
}
.ioTable .checkCol .checkIo:after {
  content: "";
  position: absolute;
  display: none;
}
.ioTable .checkCol input:checked ~ .checkIo:after {
  display: block;
}
.ioTable .checkCol .checkIo:after {
  left: 4px;
  bottom: 3px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ioTable .stickyCol {
  position: sticky;
  background-color: inherit;
}
.ioTable .viewCol {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  right: 0;
}
.ioTable .viewCol button {
  width: auto;
  min-width: auto !important;
}
.alignCenter {
  align-items: center;
}
.globalHeaderCont {
  width: 100%;
  height: 50px;
  background-color: #313131;
  color: #ffffff;
  padding-left: 15px;
  padding-right: 15px;
}
.globalHeaderCont .headerWrap {
  display: flex;
  height: 50px;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.globalHeaderCont .headerLeft {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.globalHeaderCont .headerRight {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  line-height: 1.2;
}
.globalHeaderCont .headerRight .buyBtn {
  margin-right: 20px;
  text-transform: none;
  font-size: 15px;
}
.globalHeaderCont .utilities {
  margin-left: auto;
}
.globalHeaderCont .headerLogo {
  width: 73px;
  height: 21px;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg enable-background='new 0 0 6272.5 1810.5' version='1.1' viewBox='0 0 6272.5 1810.5' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle type='text/css'%3E .st0{fill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;} .st1{fill:%23FFFFFF;} %3C/style%3E%3Cpolygon class='st0' points='6272.5 1546.1 6031.8 1546.1 5785 1237.6 5542.1 1546.1 5293.2 1546.1 5657.7 1092.2 5309.8 633.2 5558.8 633.2 5783.2 941.4 6015.2 633.2 6255.9 633.2 5910.6 1092.2'/%3E%3Cpath class='st0' d='m2255.6 218.2c74.6 0 134.6 58.2 134.6 132.7 0 72.7-60 132.6-134.6 132.6-72.8 0-132.8-60-132.8-132.6-0.2-73.1 58.9-132.5 131.9-132.7h0.9'/%3E%3Cpolygon class='st0' points='2355.2 1562.7 2156 1562.7 2156 633.2 2355.2 633.2'/%3E%3Cpath class='st0' d='m2963.3 617.9c269.3 0 476.6 209 476.6 472.5s-207.4 472.5-476.6 472.5-476.6-209-476.6-472.4 207.4-472.6 476.6-472.6zm0 759.6c160.1 0 272.9-125.4 272.9-287.1s-112.8-287.1-272.9-287.1c-161.9 0-274.7 125.4-274.7 287.1s112.8 287.1 274.7 287.1z'/%3E%3Cpolygon class='st0' points='3625 633.2 3911.2 1174 4197.6 633.2 4430 633.2 3911.2 1562.8 3392.6 633.2'/%3E%3Cpath class='st0' d='m4859 617.9c269.3 0 476.6 209 476.6 472.5s-207.4 472.5-476.6 472.5-476.6-209-476.6-472.4 207.4-472.6 476.6-472.6zm0 759.6c160.1 0 272.9-125.4 272.9-287.1s-112.8-287.1-272.9-287.1c-161.9 0-274.7 125.4-274.7 287.1s112.8 287.1 274.7 287.1z'/%3E%3Cpath class='st1' d='m1159.2 707.6c-58.1-12-128.7 92.6-157.6 233.7s-5.3 265.1 52.7 277.1 128.7-92.6 157.6-233.7 5.4-265.1-52.7-277.1z'/%3E%3Cpath class='st1' d='m905.2 0c-499.9 0-905.2 405.3-905.2 905.2s405.3 905.2 905.2 905.2 905.2-405.3 905.2-905.2-405.2-905.2-905.2-905.2zm-315 387.4c20.8-19.4 44.3-29.7 74.2-29.7s52.1 10.3 71.6 29.7c20.8 20.7 31.2 43.9 31.2 72.3 0 29.7-11.7 52.9-32.5 72.3s-45.6 28.4-74.2 28.4-53.4-9-72.9-28.4c-18.2-19.4-27.3-42.6-27.3-72.3 1.3-28.4 10.5-51.6 29.9-72.3zm359.7 911.4c-60.2-22-102.2-60.1-128.2-107.4-155 180.6-431.1 183.4-367.5-134.2l65.8-315.8h-114.8l88.1-116.3h237.9l-3.4 1.9h3.5c-43.5 229.3-74.7 369.1-105.9 529.3-25.1 131 100.9 78.5 175.2-16.3-11.6-40-14.5-83.9-9.5-128.9 14.9-131.6 93.7-268.7 220-340.6 126.3-73.3 313.7-79.5 380.3 77.3 10.9 25.6 18.2 76.5 18.2 98.3-17.4 405.9-299.4 513.8-459.7 452.7z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.globalHeaderCont .profile-img-container {
  width: 35px !important;
  height: 35px !important;
  border-radius: 17.5px !important;
  overflow: hidden;
  cursor: pointer;
  border: 0 !important;
}
.globalHeaderCont .profile-img-container .contact-img {
  width: 35px !important;
  height: 35px !important;
  border: 0 !important;
  border-radius: 17.5px !important;
  position: absolute !important;
}
.globalHeaderCont .profile-img-container .contact-img.withBorder {
  border: 1px solid #fff !important;
}
.globalHeaderCont .circle {
  border-radius: 50%;
  border: 1px solid #bec5cb;
  width: 35px;
  height: 35px;
  position: relative;
}
.globalHeaderCont .circle > * {
  border-radius: 50%;
  border: 1px solid #ffffff;
  width: 35px;
  height: 35px;
}
.globalHeaderCont .circle.profile-img-container .user-initials {
  background-color: #bec5cb;
  font-size: 18px;
  line-height: 33px;
  color: #ffffff;
  text-align: center;
  display: block;
}
.globalHeaderCont .circle.profile-img-container .contact-img {
  object-fit: cover;
}
/**
 * Styles for Braintree Hosted Form
 */
form.braintree_hosted_form #card #header {
  margin-bottom: 15px;
}
form.braintree_hosted_form #card #header .encryption {
  line-height: 18px;
  font-size: 11px;
  white-space: nowrap;
}
form.braintree_hosted_form #card #header .encryption img {
  height: 18px;
  margin-right: 5px;
}
@media (max-width: 480px) {
  form.braintree_hosted_form #card #header .col-8,
  form.braintree_hosted_form #card #header .col-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
form.braintree_hosted_form #card #new-card {
  margin-top: 5px;
}
form.braintree_hosted_form #card #new-card .payIntro {
  margin-bottom: 10px;
  display: block;
}
form.braintree_hosted_form #card #new-card input {
  font-family: sans-serif;
}
form.braintree_hosted_form #card #new-card select.form-control {
  -moz-appearance: auto;
  border: 1px solid #cacaca;
  padding: 10px;
}
form.braintree_hosted_form #card #new-card div.form-control {
  height: 45px;
  padding: 0;
  background-position: 150% 50% !important;
}
form.braintree_hosted_form #card #new-card div.form-control.braintree-hosted-fields-invalid {
  border-color: #f53825 !important;
  animation: shake 500ms cubic-bezier(0.2, 1.3, 0.7, 1) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
form.braintree_hosted_form #card #new-card div.form-control.braintree-hosted-fields-invalid ~ label {
  animation: shake 500ms cubic-bezier(0.2, 1.3, 0.7, 1) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
form.braintree_hosted_form #card #new-card div.form-control ~ label {
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
  font-size: 12px;
  color: #999;
}
form.braintree_hosted_form #card #new-card input.form-control.invalid {
  border-color: #f53825 !important;
  animation: shake 500ms cubic-bezier(0.2, 1.3, 0.7, 1) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
form.braintree_hosted_form #card #new-card input.form-control.invalid ~ label {
  animation: shake 500ms cubic-bezier(0.2, 1.3, 0.7, 1) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    transform: translate3d(1px, 0, 0);
  }
  30%,
  50%,
  70% {
    transform: translate3d(-3px, 0, 0);
  }
  40%,
  60% {
    transform: translate3d(3px, 0, 0);
  }
}
form.braintree_hosted_form #card #new-card #card-image {
  position: absolute;
  top: 0.5em;
  right: 15px;
  width: 44px;
  height: 28px;
  background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/346994/card_sprite.png);
  background-size: 86px 458px;
  border-radius: 4px;
  background-position: -100px 0;
  background-repeat: no-repeat;
  margin-bottom: 1em;
}
form.braintree_hosted_form #card #new-card #card-image.visa {
  background-position: 0 -398px;
}
form.braintree_hosted_form #card #new-card #card-image.master-card {
  background-position: 0 -281px;
}
form.braintree_hosted_form #card #new-card #card-image.american-express {
  background-position: 0 -370px;
}
form.braintree_hosted_form #card #new-card #card-image.discover {
  background-position: 0 -163px;
}
form.braintree_hosted_form #card #new-card #card-image.maestro {
  background-position: 0 -251px;
}
form.braintree_hosted_form #card #new-card #card-image.jcb {
  background-position: 0 -221px;
}
form.braintree_hosted_form #card #new-card #card-image.diners-club {
  background-position: 0 -133px;
}
form.braintree_hosted_form .cardIcons {
  float: right;
}
form.braintree_hosted_form .cardIcons img {
  height: 18px;
}
input#credit-card-number,
input#expiration,
input#cvv {
  padding-top: 15px !important;
}
body:not(body.webDialer) .select2 span.select2-selection {
  height: 45px;
}
body:not(body.webDialer) .select2 span.select2-selection span.select2-selection__placeholder {
  height: 45px;
}
body:not(body.webDialer) .select2 span.select2-selection span.select2-selection__arrow {
  height: 45px;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Outline_Icons' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:none;stroke:%23313131;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} %3C/style%3E%3Cpolyline class='st0' points='0.5,5.5 12,18.5 23.5,5.5 '/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  transition: transform 200ms;
  right: 1rem !important;
  top: 14px !important;
  width: 20px !important;
  height: 20px !important;
}
body:not(body.webDialer) .select2 span.select2-selection span.select2-selection__rendered {
  line-height: 43px;
  padding-left: 1rem;
  padding-right: 3rem;
}
body:not(body.webDialer) .select2.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
body:not(body.webDialer) .select2.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
  transform: rotate(-180deg);
}
body:not(body.webDialer) .select2.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  display: none;
}
/**
 * End braintree styles
 */
/**
 * Reports UI
 */
body.reports .modal-content p {
  font-size: 15px;
  color: #313131;
}
body.reports .group:after {
  content: "";
  display: table;
  clear: both;
}
body.reports .mainContent {
  padding-left: 0;
  padding-right: 0;
  min-height: 0;
}
body.reports .reportsListView {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 60px;
  float: left;
  z-index: 300;
}
body.reports .reportsListView tr.paused td {
  color: #83888C;
}
body.reports #reportsTable {
  table-layout: auto;
}
body.reports .reports-container {
  overflow-y: auto;
}
body.reports .reports-container div {
  display: inline-block;
}
body.reports .reports-container div label {
  font-size: 11px;
}
body.reports .reports-container .reports-row {
  font-size: 12px;
}
body.reports .reports-container .reports-row .action {
  text-align: center;
  font-size: 0;
}
body.reports .reportsPagination {
  display: block;
  position: fixed;
  bottom: 0;
  float: left;
  background-color: #ffffff;
  width: 100%;
  border-top: 1px solid #cacaca;
  border-bottom: 1px solid #cacaca;
  padding: 10px 15px;
  margin-left: -15px;
  font-size: 0;
  color: #313131;
  white-space: nowrap;
  z-index: 900;
}
body.reports .reportsPagination .reportsPaging {
  display: inline-block;
  padding-right: 20px;
  font-size: 13px;
}
body.reports .reportsPagination .reportsPaging.rows,
body.reports .reportsPagination .reportsPaging.goTo,
body.reports .reportsPagination .reportsPaging.number {
  padding-right: 5px;
}
body.reports .reportsPagination .reportsPaging.prev,
body.reports .reportsPagination .reportsPaging.next {
  color: #cacaca;
}
body.reports .reportsPagination .reportsPaging.prev span.active,
body.reports .reportsPagination .reportsPaging.next span.active {
  color: #313131;
}
body.reports .reportsPagination .form-group,
body.reports .reportsPagination label {
  margin-bottom: 0;
}
body.reports .reportsPagination input.reportsPage {
  width: 50px;
}
body.reports #rightSidebar {
  float: right;
  position: fixed;
  top: 50px;
  right: 0;
  bottom: 0;
  background-color: #F6F9FC;
  height: calc(100% - 50px);
  z-index: 1000;
  padding: 65px 40px;
  border-left: 1px solid #ccc;
  width: 0;
  margin-right: -100%;
  text-align: center;
}
#reports-sidebar-container p {
  padding: 0;
  margin: 0;
}
#reports-sidebar-container .selectedCalls {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0px;
  color: #313131;
  margin-bottom: 25px;
}
#reports-sidebar-container .selectedCallAction {
  font-size: 15px;
  letter-spacing: 0px;
  color: #313131;
  transition: all 300ms ease 0s;
  display: inline-block;
  margin-bottom: 20px;
}
#reports-sidebar-container .selectedCallAction:hover {
  text-decoration: underline;
  color: #31aae2;
  transition: all 300ms ease 0s;
}
#reports-sidebar-container #closeSidebar {
  font-size: 15px;
  letter-spacing: 0.15px;
  color: #31AAE2;
  text-transform: inherit;
}
body.reports .kpiControls {
  padding: 20px;
}
body.reports .kpiTabs {
  margin: 0;
  padding-left: 0;
  list-style-type: none;
  font-size: 0;
}
body.reports .kpiTabs li {
  position: relative;
  display: inline-block;
  min-width: 175px;
  height: 120px;
  padding: 10px;
  border-right: 1px solid #DFE6EC;
}
body.reports .kpiTabs li:not(.kpiTopOutcomes, .kpiTopKeywordRules, .kpiTags) {
  width: 175px;
}
.isMobile body.reports .kpiTabs li {
  width: 50%;
  border-top: 1px solid #DFE6EC;
}
.isMobile body.reports .kpiTabs li:nth-child(even) {
  border-right: 0;
}
body.reports .kpiTabs li h3 {
  font-weight: normal;
  font-family: 'vox regular', sans-serif;
  font-size: 14px;
  white-space: nowrap;
}
body.reports .kpiTabs li.selected {
  background-color: #F4F4F4;
  font-family: 'vox semibold', sans-serif;
}
body.reports .kpiTabs li.selected h3 {
  font-family: 'vox semibold', sans-serif;
}
body.reports .kpiTabs li.selected:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.isMobile body.reports .kpiTabs li.selected:after {
  display: none;
}
body.reports .kpiTabs li .kpiRow {
  margin-bottom: 5px;
}
body.reports .kpiTabs li .kpiCount {
  color: #09577F;
  font-weight: normal;
  font-size: 20px;
  line-height: 20px;
}
body.reports .kpiTabs li .kpiCount.smallKpi {
  font-size: 12px;
  line-height: 12px;
}
.selected body.reports .kpiTabs li .kpiCount {
  font-family: 'vox semibold', sans-serif;
}
body.reports .kpiTabs li .kpiAverage {
  float: left;
  font-size: 15px;
  line-height: 20px;
  color: #00577F;
}
.selected body.reports .kpiTabs li .kpiAverage {
  font-family: 'vox semibold', sans-serif;
}
body.reports .kpiTabs li .kpiTrend {
  float: right;
  font-size: 10px;
  line-height: 20px;
}
body.reports .kpiTabs li .kpiTrend.up {
  color: #36CC76;
}
body.reports .kpiTabs li .kpiTrend.up:after {
  content: "";
  display: inline-block;
  float: right;
  width: 10px;
  height: 20px;
  color: #36CC76;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 24.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 492 492' style='enable-background:new 0 0 492 492;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:%2336CC76;} %3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M442.6,185.4L265.1,7.8C260,2.8,253.3,0,245.9,0c-7.2,0-14,2.8-19,7.8L49.3,185.4 c-10.5,10.5-10.5,27.6,0,38.1l16.1,16.1c5.1,5.1,11.8,7.8,19,7.8c7.2,0,14.2-2.8,19.3-7.8L207.6,136v329.1 c0,14.8,11.6,26.9,26.4,26.9h22.8c14.8,0,27.6-12.1,27.6-26.9V134.8l104.4,104.8c5.1,5.1,11.6,7.8,18.8,7.8s13.9-2.8,18.9-7.8 l16.1-16.1C453.2,213,453.1,195.9,442.6,185.4z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 3px;
}
body.reports .kpiTabs li .kpiTrend.down {
  color: #F67363;
}
body.reports .kpiTabs li .kpiTrend.down:after {
  content: "";
  display: inline-block;
  float: right;
  width: 10px;
  height: 20px;
  color: #F67363;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 24.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 492 492' style='enable-background:new 0 0 492 492;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:%23F67363;} %3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M442.7,268.5l-16.1-16.1c-5.1-5.1-11.8-7.9-19-7.9c-7.2,0-14.6,2.8-19.6,7.9L283.7,356V26.9 C283.7,12.1,272.9,0,258,0h-22.8c-14.8,0-28.4,12.1-28.4,26.9v330.2l-104-104.7c-5.1-5.1-11.4-7.9-18.7-7.9 c-7.2,0-13.8,2.8-18.8,7.9l-16,16.1c-10.5,10.5-10.4,27.6,0,38.1l177.6,177.6c5.1,5.1,11.8,7.9,19.1,7.9h0.1c7.2,0,14-2.8,19-7.9 l177.5-177.6C453.2,296.1,453.2,279,442.7,268.5z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 3px;
}
body.reports .filterPlaceholder {
  padding-left: 20px;
  line-height: 40px;
}
body.reports .kpiGraphContainer {
  height: 206px;
  margin-bottom: 30px;
}
body.reports .kpiGraphContainer h3 {
  font-weight: normal;
  font-family: 'vox regular', sans-serif;
  font-size: 14px;
  white-space: nowrap;
}
body.reports .loading {
  background-color: rgba(49, 49, 49, 0.9);
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg enable-background='new 0 0 63 63' version='1.1' viewBox='0 0 63 63' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle type='text/css'%3E .st0{fill:%23ffffff;} %3C/style%3E%3Cg transform='rotate(0 50 50)'%3E%3Cpath class='st0' d='m31.4 0h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.5c0.1-1.1 0.9-2 2-2z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='-0.9166666666666666s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3Cg transform='rotate(30 50 50)'%3E%3Cpath class='st0' d='m24.7 11.7h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.5c0-1.1 0.9-2 2-2z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='-0.8333333333333334s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3Cg transform='rotate(60 50 50)'%3E%3Cpath class='st0' d='m24.7 25.3h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.5c0-1.2 0.9-2 2-2z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='-0.75s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3Cg transform='rotate(90 50 50)'%3E%3Cpath class='st0' d='m31.4 37h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.5c0.1-1.1 0.9-2 2-2z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='-0.6666666666666666s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3Cg transform='rotate(120 50 50)'%3E%3Cpath class='st0' d='m43.2 43.7h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.5c0-1.1 0.9-2 2-2z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='-0.5833333333333334s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3Cg transform='rotate(150 50 50)'%3E%3Cpath class='st0' d='m56.7 43.7h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.5c0-1.1 0.9-2 2-2z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='-0.5s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3Cg transform='rotate(180 50 50)'%3E%3Cpath class='st0' d='m68.4 37h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.5c0-1.1 0.9-2 2-2z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='-0.4166666666666667s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3Cg transform='rotate(210 50 50)'%3E%3Cpath class='st0' d='m75.2 25.3h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.6c0-1.1 0.9-1.9 2-1.9z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='-0.3333333333333333s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3Cg transform='rotate(240 50 50)'%3E%3Cpath class='st0' d='m75.2 11.7h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.5c0-1.1 0.9-2 2-2z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='-0.25s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3Cg transform='rotate(270 50 50)'%3E%3Cpath class='st0' d='m68.4 0h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.5c0-1.1 0.9-2 2-2z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='-0.16666666666666666s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3Cg transform='rotate(300 50 50)'%3E%3Cpath class='st0' d='m56.7-6.8h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.5c0-1.1 0.9-2 2-2z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='-0.08333333333333333s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3Cg transform='rotate(330 50 50)'%3E%3Cpath class='st0' d='m43.2-6.8h0.2c1.1 0 2 0.9 2 2v12.5c0 1.1-0.9 2-2 2h-0.2c-1.1 0-2-0.9-2-2v-12.5c0-1.1 0.9-2 2-2z'%3E%3Canimate fill='remove' style='animation-delay:0s;animation-play-state:running' accumulate='none' additive='replace' attributeName='opacity' begin='0s' calcMode='linear' dur='1s' keyTimes='0;1' repeatCount='indefinite' restart='always' values='1;0'%3E%3C/animate%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 50px;
  background-position: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
}
body.reports .reportsOverlay {
  background: rgba(49, 49, 49, 0.25);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 998;
}
body.reports .badge.filter-field {
  border-radius: 25%;
  background-color: #eff6f7;
  color: #313131;
  padding: 2px 10px;
}
body.reports .badge.filter-field .field-name {
  margin-right: 5px;
}
body.reports .filterRow {
  line-height: 35px;
  margin-bottom: 5px;
}
body.reports .filterRow .form-control {
  height: 35px;
  border: 1px solid #aaa;
}
body.reports .filterRow .tt-dropdown-menu {
  position: static;
}
body.reports .filterRow span.select2 {
  width: 100% !important;
}

body.reports .filterRow.filterWithCondition .filterCondition span.select2 {
  width: 90px !important;
}
body.reports .filterRow.filterWithCondition .filterCondition {
  width: fit-content !important;
}
body.reports .filterRow span.select2 span.selection {
  line-height: 25px;
}
body.reports .filterRow span.select2 span.selection .multi-choice-group > span {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  padding-right: 0;
  margin-right: 0;
  display: inline-block;
}
body.reports .filterRow span.select2 span.selection .multi-choice-group > span.selected-option > span {
  max-width: 90px;
  overflow-x: hidden;
}
body.reports .filterRow span.select2 span.selection .multi-choice-group > span.selected-option + span::before {
  content: ", ";
}
body.reports .filterRow span.select2 span.selection .multi-choice-group > span.selected-overflow {
  position: absolute;
}
body.reports .filterRow span.select2 span.select2-selection {
  height: 35px;
}
body.reports .filter-select-checkbox:after {
  cursor: pointer;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 1px solid #CACACA;
  background-color: transparent;
  padding: 0 1px 1px 1px;
  font-size: 10px;
  color: white;
  margin-right: 3px;
}
body.reports .select2-results .select2-results__option[aria-selected=true] .filter-select-checkbox:after {
  content: "\f00c";
  background-color: #31AAE2;
  border-color: #31AAE2;
}
body.reports .reportFilterDropdown .filterByOptions .filterByOption {
  border-bottom: 1px solid #cacaca;
  display: table;
  width: 100%;
  max-width: 80px;
  padding-left: 0;
  margin-left: 15px;
  line-height: 0.85rem;
  cursor: pointer;
}
body.reports .reportFilterDropdown .filterByOptions .filterOption {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 3px;
}
body.reports .reportFilterDropdown .filterByOptions .filterOption.purple {
  background-color: purple;
}
body.reports .reportFilterDropdown .dropdown-menu {
  z-index: 901;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
body.reports .reportFilterDropdown .dropdown-menu .dropdown-header {
  padding-bottom: 0px;
}
body.reports .reportFilterDropdown .dropdown-menu .dropdown-header .filterTabColor {
  width: 40px;
}
body.reports .reportFilterDropdown .dropdown-menu .dropdown-header .filterTabColor .nav-link {
  padding: 0.5em 0 0 0;
  border-bottom: 0px;
  position: relative;
  top: 1px;
}
body.reports .reportFilterDropdown .dropdown-menu .dropdown-header .filterTabColor .nav-link.active {
  background-color: #F4F4F4;
}
body.reports .reportFilterDropdown .dropdown-menu .dropdown-header .filterTabColor .filterOption {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 3px;
}
body.reports .reportFilterDropdown .dropdown-menu .dropdown-header .filterTabColor .filterOption.purple {
  background-color: purple;
}
body.reports .reportFilterDropdown .dropdown-menu .dropdown-header .filterTabColor .filterOption.darkGreen {
  background-color: darkGreen;
}
body.reports .reportFilterDropdown .dropdown-menu .dropdown-header .filterTabColor .filterOption.darkGrey {
  background-color: darkGrey;
}
body.reports .reportFilterDropdown .dropdown-menu .dropdown-body {
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
  background-color: #F4F4F4;
  max-height: 280px;
  overflow-y: auto;
}

body.reports .reportFilterDropdown.insightsFilterDropdown .dropdown-menu {
  left: -110px;
}

body.reports .reportFilterDropdown.insightsFilterDropdown .dropdown-menu .pl-3 {
  padding-left: 15px !important;
}
body.reports .reportFilterDropdown.insightsFilterDropdown .dropdown-menu .pr-3 {
  padding-right: 15px !important;
}
body.reports .reportFilterDropdown.insightsFilterDropdown .dropdown-menu .dropdown-body .filterRow div:nth-child(1) {
  width: 166px;
}
body.reports .reportFilterDropdown.insightsFilterDropdown .dropdown-menu .dropdown-body .filterRow {
  flex-wrap: nowrap;
}

body.reports .reportFilterDropdown.insightsFilterDropdown .dropdown-menu .dropdown-body .filterRow.filterWithCondition .filterValue {
  width: 317px;
}
body.reports .reportFilterDropdown.insightsFilterDropdown .dropdown-menu .dropdown-body .filterRow:not(.filterWithCondition) .filterValue {
  width: 317px;
}
body.reports .reportFilterDropdown.insightsFilterDropdown .dropdown-menu .dropdown-body .filterRow .filterValueTalkTime {
  width: 120px;
}
body.reports .reportFilterDropdown.insightsFilterDropdown .dropdown-menu .dropdown-body .filterRow .filterValueTalkTime .filterTalkTime {
  width: 40px;
}
body.reports .reportFilterDropdown.insightsFilterDropdown .dropdown-menu .dropdown-body .filterRow .filterValueTalkTime .filterTalkTime input {
  padding: 9px !important;
}

body.reports .reportFilterDropdown .dropdown-menu .dropdown-body .filterRow span.select2 span.selection .multi-choice-group {
  overflow-x: hidden;
  display: inline-block;
  max-width: 200px;
  margin-right: 15px;
}
body.reports .reportFilterDropdown .dropdown-menu .dropdown-body .filterRow span.select2 span.selection .multi-choice-group > span.selected-option {
  max-width: 90px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  height: 35px;
}
body.reports .reportFilterDropdown .dropdown-menu .dropdown-body .filterRow span.select2 span.selection .select2-selection--single .select2-selection__rendered {
  line-height: 35px;
}

body.reports .reportFilterDropdown .dropdown-menu .dropdown-body .filterRow.filterWithCondition .filterCondition span.select2 span.selection .select2-selection--single .select2-selection__rendered {
  padding-right: 30px;
}

body.reports .reportFilterDropdown .dropdown-menu .dropdown-body .filterRow span.select2 span.selection .select2-selection--single .select2-selection__rendered .select2-selection__clear {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'%3e%3cg%3e%3cline fill='none' stroke='%23000000' stroke-width='.5' stroke-miterlimit='10' x1='2' y1='2' x2='18' y2='18'/%3e%3cline fill='none' stroke='%23000000' stroke-width='.5' stroke-miterlimit='10' x1='18' y1='2' x2='2' y2='18'/%3e%3c/g%3e%3c/svg%3e");
  display: block;
  width: 23px;
  height: 23px;
  background-size: contain;
  text-indent: 99999em;
  overflow: hidden;
  margin-top: 5px;
}
body.reports .reportFilterDropdown .dropdown-menu .dropdown-body .filterRow span.select2 span.select2-selection .select2-selection__arrow {
  top: 8px !important;
}

body.reports .reportFilterDropdown .dropdown-menu .dropdown-body .filterRow.filterWithCondition .filterCondition span.select2 span.select2-selection .select2-selection__arrow {
  right: 10px !important;
}
body.reports .reportFilterDropdown .dropdown-menu .dropdown-footer button {
  text-transform: uppercase;
}
body.reports .reportFilterDropdown .dropdown-menu .select2-results .select2-results__option.select2-results__option--highlighted span {
  color: white !important;
}
body.reports .reportFilterDropdown .dropdown-menu .contact-img-border {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 34px;
  height: 34px;
  border: 1px solid #cacaca;
  border-radius: 50%;
  padding: 1px;
  overflow: hidden;
  background-color: white;
}
body.reports .reportFilterDropdown .dropdown-menu .contact-img-border > * {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  font-size: 12px;
  text-align: center;
  line-height: 27px;
  color: white;
  background-color: #31AAE2;
}
body.reports .reportFilterDropdown .dropdown-menu .contact-img-border .no-image {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='%238e8e8e' stroke-linejoin='round' stroke-miterlimit='10' fill='none'%3E%3Cpath d='M9.5 14.281v2.719l-5.009 1.789c-1.194.427-1.991 1.558-1.991 2.825v1.886h19v-1.886c0-1.268-.797-2.398-1.991-2.825l-5.009-1.789v-2.906'/%3E%3Cellipse cx='11.875' cy='9' rx='5' ry='6'/%3E%3Cpath d='M16.828 8.453l-.453.047c-1.703.328-2.797-.289-3.734-1.93-.563 1.078-2.322 1.93-3.766 1.93-.711 0-1.323-.146-1.936-.466'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
}
body.reports .reportFilterDropdown .dropdown-menu .contact-option-selected .contact-img-border {
  width: 23px;
  height: 23px;
  float: left;
  margin-top: 5px;
  margin-right: 5px;
  position: unset;
  top: auto;
  left: auto;
}
body.reports .reportFilterDropdown .dropdown-menu .contact-option-selected .contact-img-border > * {
  font-size: 8px;
  line-height: 16px;
}
body.reports .reportFilterDropdown #filterByArrow {
  position: absolute;
  right: 0;
}
body.reports .input-group > .custom-select:not(:last-child),
body.reports .input-group > .form-control:not(:last-child) {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
body.reports .reports-container span.linkName,
body.reports .reports-container span.ioNumber {
  display: block;
}
body.reports .reports-container span.linkName:empty,
body.reports .reports-container span.ioNumber:empty {
  display: none;
}

body.reports.calls #main-body {
  height: calc(100vh - 172px) !important;
}
#date-range-container #datepickerInput {
  border-width: 0 0 1px 0;
  height: 17px;
  padding: 0;
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 0;
}
#date-range-container #datepickerInput:focus {
  border-width: 0 0 1px 0 !important;
}
.HelpLink {
  font-family: 'vox semibold', sans-serif;
  font-size: 15px;
  height: 30px;
  line-height: 30px;
}
.accounts-container {
  white-space: nowrap;
  position: absolute;
  min-width: 100%;
}
.accounts-container.from-index-page {
  padding-top: 15px;
}
.accounts-container.from-index-page .accounts-title-container:not(:first-child) {
  padding-top: 20px;
}
.accounts-container.from-index-page .accounts-title {
  font-weight: bold;
  font-size: 17px;
}
.accounts-container.from-sidebar .accounts-title-container {
  margin-bottom: 5px;
}
.accounts-container.from-sidebar .accounts-title {
  color: #83888C;
  text-transform: uppercase;
  font-size: 12px;
  font-family: 'vox semibold';
}
.accounts-container .accounts-container .empty-result {
  text-align: center;
  padding-top: 80px;
}
.accounts-container .accounts-title-container {
  cursor: default;
  width: 100%;
  margin-bottom: 10px;
}
.accounts-container .partner-card {
  background-color: white;
  height: 33px;
  padding-top: 5px;
}
.accounts-container .partner-card.selected {
  background-color: #E6F2F8 !important;
}
.accounts-container .partner-card:hover,
.accounts-container .queue-card:hover {
  background-color: #E6F2F8 !important;
}
.accounts-container .partner-count {
  z-index: 50;
  position: sticky;
  right: 0;
  background-color: inherit;
  width: 40px;
  height: 100%;
  cursor: default;
  text-align: center;
  float: right;
  display: inline-block;
}
.accounts-container .partner-card-detail,
.accounts-container .partner-card-detail div {
  display: inline-block;
}
.accounts-container .partner-card-detail {
  padding-right: 40px;
}
.accounts-container .partner-card-detail .partner-collapser {
  cursor: pointer;
}
.accounts-container .partner-card-detail-name {
  width: calc(100% - 40px);
  cursor: default;
}
.accounts-container .partner-card-detail-no-icon {
  width: calc(15px + 0.5rem);
}
.accounts-container .fa-chevron-down {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Outline_Icons' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:none;stroke:%23313131;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} %3C/style%3E%3Cpolyline class='st0' points='0.5,5.5 12,18.5 23.5,5.5 '/%3E%3C/svg%3E") !important;
  transform: rotate(0deg);
  transition: transform 200ms;
  width: 15px;
  height: 15px;
}
.accounts-container .fa-chevron-down::before {
  content: "";
}
.accounts-container .fa-chevron-down.collapsed {
  transform: rotate(-90deg);
}
.accounts-container .fa-check.text-success {
  background-image: url("/images/app-icons/settings-sprite-2x.png");
  width: 15px;
  height: 15px;
  background-size: 24px 1464px;
  background-repeat: no-repeat;
  background-position: 0 -1243px;
}
.accounts-container .fa-check.text-success::before {
  content: "";
}
.fa-chevron-down-white {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Outline_Icons' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:none;stroke:%23FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} %3C/style%3E%3Cpolyline class='st0' points='0.5,5.5 12,18.5 23.5,5.5 '/%3E%3C/svg%3E") !important;
  transform: rotate(0deg);
  transition: transform 200ms;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-left: 10px;
}
.fa-chevron-down-white.collapsed {
  transform: rotate(-180deg);
}
#account-selector-button {
  margin-left: 10px;
  padding-top: 5px;
  cursor: pointer;
}
#account-selector-button label {
  font-size: 13px;
  cursor: inherit;
  width: auto;
}
#account-right-side {
  display: none;
  float: right;
  position: fixed;
  top: 50px;
  height: calc(100% - 50px);
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 999;
  padding: 0;
  border-left: 1px solid #ccc;
  width: 0;
  margin-right: -100%;
  overflow-x: auto;
}
body.callrules .forward-selector .blueLink:not(:last-child) {
  border-right: black solid 1px;
}
body.callrules .forward-selector .blueLink.selected {
  color: black;
  cursor: default;
}
body.callrules .forward-selector .blueLink.selected:hover {
  text-decoration: none;
}
body.callrules ul.rule-flow li.rule-milestone {
  position: relative;
  padding-left: 15px;
  padding-bottom: 15px;
}
body.callrules ul.rule-flow li.rule-milestone:before {
  content: "";
  display: block;
  background-color: #A2BFD1;
  color: white;
  border: 1px solid grey;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  position: absolute;
  left: -8px;
  top: 5px;
}
body.callrules ul.rule-flow li.rule-milestone:not(:last-child):after {
  content: '';
  position: absolute;
  top: 8px;
  left: -0.5px;
  height: calc(100%);
  border-left: 1px solid #A2BFD1;
}
body.callrules ul.rule-flow li.rule-milestone span.rule-milestone-header {
  background-color: #A2BFD1;
  color: #00577f;
  text-transform: uppercase;
  font-size: 13px;
  padding: 3px 7px;
  border-radius: 2px;
}
body.callrules ul.rule-flow li.rule-milestone p.rule-milestone-content {
  font-size: 14px;
  color: #313131;
  margin-bottom: 0;
}
body.callrules ul.rule-flow li.rule-milestone p.rule-milestone-content > strong {
  font-family: 'vox bold', sans-serif;
}
h4.title {
  font-size: 16px;
  font-family: 'vox semibold', sans-serif;
  color: #313131;
  margin-top: 1rem;
  margin-bottom: 0.6rem;
}
h4.title .invalid {
  color: #DC3545 !important;
}
.justify-content-end.buttonCol {
  align-items: center;
  margin-top: 0 !important;
}
.exportDropdown {
  margin-left: 15px;
}
.call-details-icon {
  background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='%238e8e8e' stroke-linejoin='round' stroke-miterlimit='10' fill='none'%3E%3Ccircle cx='8.5' cy='8.5' r='8'/%3E%3Cpath stroke-linecap='round' d='M14.156 14.156l9.344 9.344'/%3E%3C/g%3E%3C/svg%3E") center / 14px no-repeat;
  line-height: 30px;
}
.rounded-3 {
  border-radius: 0.5rem !important;
}

.input-group input.form-control:focus.border-left-0:focus {
  border-left: 0 !important;
}
select[multiple] + span.select2 .multi-choice-group > span.selected-option + span::before {
  content: ", ";
}
/*# sourceMappingURL=style.css.map */