/*Imported Components*/
/* Brand Color's */
/* Font color's */
/*5a5a5a color variant*/
/* Margin Variables*/
/* Padding Variables*/
/* Float's*/
/* Text Aligment's*/
/* Text Decoration*/
/* Display */
/* Vertical Align */
/* Position  */
/* visibility  */
/* Opacity */
/* List Style none */
/* Font Weight*/
/* Font Style*/
/* Cursor*/
/* Text Transform*/
/*Line Height*/
/*Width*/
/*Height*/
/*Border Zero*/
/*letter spacing Zero*/
/*Font Size's*/
/*Over flow*/
/*white space*/
@font-face {
  font-family: 'mulibold';
  font-family: 'mulibold';
  src: url("/fonts/muli-bold-webfont.woff2") format("woff2"), url("/fonts/muli-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'mulilight';
  src: url("/fonts/muli-light-webfont.woff2") format("woff2"), url("/fonts/muli-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'muliregular';
  src: url("/fonts/muli-regular-webfont.woff2") format("woff2"), url("/fonts/muli-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'mulisemibold';
  src: url("/fonts/muli-semibold-webfont.woff2") format("woff2"), url("/fonts/muli-semibold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

.sprite.icon-uncheck {
  background-position: -43px -551px;
  width: 17px;
  height: 17px; }

.sprite.icon-drop-gray {
  background-position: -2px -108px;
  width: 7px;
  height: 4px; }

.sprite.icon-incoming {
  background-position: -33px -876px;
  width: 29px;
  height: 29px; }

.sprite.icon-outgoing {
  background-position: -3px -876px;
  width: 28px;
  height: 29px; }

.sprite.icon-check-incoming {
  background-position: -93px -551px;
  width: 17px;
  height: 17px; }

.sprite.icon-check-outgoing {
  background-position: -68px -551px;
  width: 17px;
  height: 17px; }

.text-left {
  text-align: left; }

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

.text-center {
  text-align: center; }

.posR {
  position: relative; }

.valid {
  display: none !important; }

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.float-right {
  float: right !important; }

.float-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.truncate {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.gsc_Noscroll {
  overflow: hidden; }

.gsc_Noscroll_ios {
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0; }

/* Media Queries */
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }

/* Default CSS Overwrite*/
html {
  height: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 1.5;
  font-family: 'muliregular',Sans-Serif, Arial;
  font-weight: 400;
  color: #607d8b;
  font-size: 14px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent; }

body {
  font-family: "muliregular";
  background: #fafafa;
  height: 100%; }

body.fixed {
  overflow: hidden; }

body, ul, ol, dl, dt, dd, pre, form, fieldset, p, blockquote, th, td {
  margin: 0;
  padding: 0px; }

li {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

/* HTML5 Tag */
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

progress {
  vertical-align: baseline; }

/* Anchor  */
a {
  background-color: transparent;
  text-decoration: none;
  cursor: pointer;
  color: #24272c;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out; }

/*a:active, a:hover, a:focus { outline-width: 0; color: $brand-primary !important; }*/
a img {
  border: none;
  display: block;
  max-width: 100%;
  margin: auto; }

input:hover, label:hover, textarea:hover, select:hover, button:hover,
input:focus, label:focus, textarea:focus, select:focus, button:focus {
  outline: none; }

img {
  max-width: 100%; }

p {
  line-height: 1.7; }

/* Heading Style  */
h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.5;
  margin: 0px;
  padding: 0px; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit; }

h1 {
  font-size: 24px;
  color: #464855;
  font-weight: 500; }

h2 {
  font-size: 20px;
  color: #464855;
  font-weight: 500; }

h3 {
  font-size: 20px;
  font-weight: 500; }

h4 {
  font-size: 16px; }

h5 {
  font-size: 14px; }

h6 {
  font-size: 14px; }

div {
  box-sizing: border-box;
  -webkit-box-sizing: border-box; }

/* Set Default Property */
mark {
  background-color: #ff0;
  color: #464855; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

code, kbd, pre, samp {
  font-family: inherit;
  font-size: 1em; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b, strong {
  font-weight: normal; }

dfn {
  font-style: italic; }

/* Form Elements */
figure {
  margin: 1em 40px; }

select::-ms-expand {
  display: none; }

button, input, select, textarea {
  font: inherit;
  display: block;
  margin: 0px; }

input[type=text]::-ms-clear {
  display: none; }

optgroup {
  font-weight: bold; }

button, input {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button; }

fieldset {
  border: 1px solid #c0c0c0; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

textarea {
  overflow: auto; }

[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0px; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

input:focus, button:focus {
  outline: none; }

input[type="text"], input[type="email"], input[type="tel"], textarea, select {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #ffffff;
  border: solid 1px #e8e8e8;
  height: 35px;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  color: rgba(90, 90, 90, 0.7);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: 0px 2px 2px 0px rgba(96, 125, 139, 0.15); }

input[type="text"]:hover, input[type="email"]:hover, input[type="tel"]:hover, textarea:hover, select:hover,
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus, select:focus {
  border: solid 1px #18a0de; }

select:hover {
  cursor: pointer; }

.sprite {
  background: url(../images/sprite.svg?1.8) no-repeat;
  line-height: 0px;
  font-size: 1px;
  display: inline-block;
  vertical-align: middle;
  zoom: 1; }

.tringlebtm {
  width: 0px;
  height: 0px;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 10px solid #f5f5f5;
  position: absolute;
  left: 32px;
  bottom: -9px; }

.headershadow {
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); }

/*For Clear*/
.clearfix {
  *zoom: 1; }

.clearfix:before, .clearfix:after {
  display: block;
  content: "";
  line-height: 0; }

.clearfix:after {
  clear: both; }

.clear {
  clear: both; }

.inputfield {
  position: relative; }
  .inputfield input[type="text"], .inputfield input[type="email"], .inputfield input[type="tel"], .inputfield input[type="number"] {
    background: white;
    -webkit-appearance: none;
    text-shadow: 0 0 0 #464855;
    border: solid 1px rgba(70, 72, 85, 0.3);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-text-fill-color: transparent;
    padding: 0 30px 0 16px;
    font-size: 16px;
    height: 48px;
    width: 100%;
    box-shadow: none; }
    .inputfield input[type="text"]:hover, .inputfield input[type="text"]:focus, .inputfield input[type="email"]:hover, .inputfield input[type="email"]:focus, .inputfield input[type="tel"]:hover, .inputfield input[type="tel"]:focus, .inputfield input[type="number"]:hover, .inputfield input[type="number"]:focus {
      outline: none; }
    .inputfield input[type="text"]:focus ~ label, .inputfield input[type="email"]:focus ~ label, .inputfield input[type="tel"]:focus ~ label, .inputfield input[type="number"]:focus ~ label {
      color: #00c8a2; }
  .inputfield label {
    color: rgba(70, 72, 85, 0.5);
    font-size: 16px;
    position: absolute;
    pointer-events: none;
    left: 16px;
    top: 12px;
    transition: 0.4s ease all; }
  .inputfield .error {
    position: absolute;
    top: -24px;
    right: 0px;
    font-size: 12px;
    color: #ff1e3c; }
  .inputfield label.active {
    top: -10px;
    width: auto;
    background: #ffffff;
    padding: 0 5px;
    opacity: 1;
    font-size: 12px; }
  .inputfield .number {
    z-index: 1;
    font-size: 16px;
    padding-right: 7px;
    position: absolute;
    left: 10px;
    top: 12px;
    color: rgba(70, 72, 85, 0.5); }
  .inputfield input:focus ~ .number, .inputfield label.active ~ .number {
    color: #464855;
    border-color: #464855; }
  .inputfield.mobilenumbar input[type="text"] {
    padding-left: 50px; }
  .inputfield.mobilenumbar label.active {
    padding: 0 5px; }
  .inputfield textarea {
    background: #ffffff;
    text-shadow: 0 0 0 #464855;
    border: solid 1px rgba(70, 72, 85, 0.3);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-text-fill-color: transparent;
    padding: 10px 16px 0;
    resize: none;
    font-size: 16px;
    height: 90px;
    line-height: 20px;
    width: 100%;
    box-shadow: none; }
    .inputfield textarea:hover, .inputfield textarea:focus {
      outline: none; }
  .inputfield.errormessage input, .inputfield .errormessage textarea {
    border-color: rgba(255, 30, 60, 0.3); }
  .inputfield.smallInput input[type="text"], .inputfield.smallInput input[type="email"] {
    height: 40px; }
  .inputfield.smallInput label {
    top: 8px; }
  .inputfield.smallInput label.active {
    top: -10px; }
  .inputfield.smallInput.gs_ta:after {
    top: 18px; }
  .inputfield.smallInputtiny input[type="text"], .inputfield.smallInputtiny input[type="email"] {
    height: 28px;
    font-size: 14px;
    padding-left: 10px; }
  .inputfield.smallInputtiny:after {
    top: 13px; }

.red {
  background: #ff0200; }

.green {
  background: #388E3C; }

.yellow {
  background: #fdb901; }

.darkyelow {
  background: #fdb901; }

.orange {
  background: #eb7f3f; }

/* Link CSS*/
.link {
  font-size: 14px;
  font-weight: 500;
  /*text-transform: none;*/
  color: #6967ce;
  padding: 11px 0px 10px;
  display: inline-block; }

.linkBlack {
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  /*text-transform: uppercase;*/
  color: #464855;
  padding: 11px 0px 10px; }
  .linkBlack:hover {
    color: #464855 !important; }

.linkLargeText {
  font-size: 14px;
  font-weight: 500;
  /*text-transform: uppercase;*/
  color: #6967ce;
  padding: 15px 0px 14px;
  display: inline-block; }

/* Common Button's*/
.button {
  background: #00c8a2;
  color: #ffffff;
  font-weight: 500;
  font-size: 17px;
  line-height: 0;
  width: 100%;
  border: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  max-width: 320px;
  margin-bottom: 10px;
  padding: 16px 0;
  box-shadow: 0px 3px 7px 0px rgba(0, 160, 130, 0.35); }
  .button:hover {
    background: #00bf9b;
    color: #ffffff !important;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    box-shadow: 0px 5px 15px 0px rgba(0, 160, 130, 0.35); }

.primaryButton {
  background: #ffffff;
  color: #00c8a2 !important;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 33px;
  height: 33px;
  padding: 0 10px;
  cursor: pointer !important;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  border: solid 1px #00c8a2;
  border-radius: 4px;
  font-family: mulisemibold;
  text-decoration: none !important;
  position: relative;
  box-shadow: 0px 3px 7px 0px rgba(0, 160, 130, 0.35); }
  .primaryButton i {
    margin-right: 11px;
    vertical-align: -2px; }
  .primaryButton:hover {
    background: #00bf9b;
    color: #ffffff !important;
    border: solid 1px #00c8a2;
    box-shadow: 0px 5px 15px 0px rgba(0, 160, 130, 0.35); }

.secondaryButton {
  color: #18a0de;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 31px;
  height: 33px;
  padding: 0 10px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.3s ease-in-out; }
  .secondaryButton i {
    margin-right: 11px; }

.smallButton {
  height: 40px;
  line-height: 40px;
  font-size: 14px; }

.defaultButton {
  padding: 6px 18px;
  box-sizing: border-box;
  text-align: center;
  border: solid 1px #00c8a2;
  color: #00c8a2;
  border-radius: 3px;
  display: inline-block;
  font-size: 12px;
  font-family: mulisemibold;
  text-transform: uppercase;
  background: #fff;
  cursor: pointer;
  transition-duration: 0.3s;
  box-shadow: 0px 3px 7px 0px rgba(0, 160, 130, 0.35); }
  .defaultButton:hover {
    background: #00bf9b;
    color: #fff;
    box-shadow: 0px 5px 15px 0px rgba(0, 160, 130, 0.35); }

.whatsappBtn {
  display: inline-block;
  background: #29a71a;
  margin: auto;
  border: none;
  color: #fff;
  font-family: 'mulisemibold';
  font-size: 18px;
  padding: 10px 20px;
  border-radius: 3px;
  transition-duration: 0.3s; }
  .whatsappBtn i {
    margin-right: 10px;
    vertical-align: -5px; }
  .whatsappBtn:hover {
    background: #209213; }

.cursor-pointer {
  cursor: pointer; }

.secondaryButtonLarge {
  background: #fafafa;
  color: #6967ce;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 48px;
  height: 48px;
  width: 100%;
  border: solid 1px rgba(70, 72, 85, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  text-align: center;
  max-width: 460px;
  margin: 0 auto;
  text-transform: capitalize; }
  .secondaryButtonLarge:hover {
    color: #6967ce !important; }

.btndisabled {
  background: rgba(70, 72, 85, 0.3);
  color: #ffffff;
  cursor: no-drop; }
  .btndisabled:hover {
    background: rgba(70, 72, 85, 0.3);
    color: #ffffff; }

/*Select Box*/
.customSelect {
  position: relative; }
  .customSelect select {
    width: 100%;
    text-overflow: ellipsis;
    border: 1px solid rgba(70, 72, 85, 0.3);
    font-size: 14px;
    color: #464855;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding: 0 30px 0 10px;
    height: 48px; }
    .customSelect select:focus, .customSelect select:hover {
      outline: 0; }
  .customSelect.smallSelect select {
    height: 36px; }
  .customSelect.smallSelect:after {
    top: 14px; }
  .customSelect label {
    color: rgba(70, 72, 85, 0.5);
    font-size: 16px;
    position: absolute;
    pointer-events: none;
    top: 12px;
    transition: 0.4s ease all; }
  .customSelect label.active {
    top: -10px;
    background: #ffffff;
    padding: 0 5px;
    opacity: 1;
    font-size: 12px; }
  .customSelect:after {
    width: 0px;
    pointer-events: none;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid rgba(70, 72, 85, 0.87);
    display: block;
    margin: auto;
    position: absolute;
    right: 15px;
    top: 22px;
    content: ""; }

/*Facebook Share*/
.facebookShare {
  float: right;
  margin-top: 10px; }
  .facebookShare .shareBox {
    background: #ffffff;
    border: 1px solid #E3E3E3;
    cursor: pointer;
    width: 65px;
    height: 24px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    font-size: 11px;
    color: #24272c;
    display: inline-block;
    vertical-align: top; }
    .facebookShare .shareBox span {
      width: 22px;
      background: #9B9B9B;
      height: 24px;
      display: inline-block;
      margin: -1px 6px 0 -1px;
      -webkit-border-radius: 2px 0 0 2px;
      -moz-border-radius: 2px 0 0 2px;
      -ms-border-radius: 2px 0 0 2px;
      -o-border-radius: 2px 0 0 2px;
      border-radius: 2px 0 0 2px;
      vertical-align: middle; }
      .facebookShare .shareBox span:before {
        color: #ffffff;
        font-size: 12px;
        margin-left: 7px;
        line-height: 24px;
        vertical-align: top; }
    .facebookShare .shareBox.numberBox {
      width: 48px;
      font-size: 12px;
      color: #24272c;
      margin-left: 7px;
      text-align: center;
      line-height: 22px;
      position: relative; }
      .facebookShare .shareBox.numberBox:after, .facebookShare .shareBox.numberBox:before {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: "";
        height: 0px;
        width: 0px;
        position: absolute;
        pointer-events: none; }
      .facebookShare .shareBox.numberBox:after {
        border-color: rgba(255, 255, 255, 0);
        border-right-color: #ffffff;
        border-width: 5px;
        margin-top: -5px; }
      .facebookShare .shareBox.numberBox:before {
        border-color: rgba(227, 227, 227, 0);
        border-right-color: #E3E3E3;
        border-width: 6px;
        margin-top: -6px; }

main {
  padding: 15px 0 8px; }

.adHolderTop {
  background: #ffffff;
  padding: 0px 8px 5px;
  border-bottom: solid 1px rgba(70, 72, 85, 0.15);
  overflow: hidden;
  min-height: 123px; }
  .adHolderTop p {
    font-size: 10px;
    text-align: left;
    max-width: 970px;
    margin: 0 auto; }

.adHolder {
  height: auto; }
  .adHolder > div {
    width: 100%;
    width: 300px;
    margin: 0 auto;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 1px rgba(70, 72, 85, 0.5);
    -moz-box-shadow: 0px 0px 1px rgba(70, 72, 85, 0.5);
    -ms-box-shadow: 0px 0px 1px rgba(70, 72, 85, 0.5);
    -o-box-shadow: 0px 0px 1px rgba(70, 72, 85, 0.5);
    box-shadow: 0px 0px 1px rgba(70, 72, 85, 0.5);
    height: 250px; }
  .adHolder p {
    font-size: 10px;
    text-align: left;
    max-width: 300px;
    margin: 0 auto; }

.adHolderMidPage {
  margin: 0 auto 20px;
  max-width: 728px;
  overflow: hidden; }
  .adHolderMidPage p {
    font-size: 10px;
    text-align: left; }

.adHolderBottom {
  margin-bottom: 15px; }
  .adHolderBottom p {
    font-size: 10px;
    text-align: left; }

.adHolderMidPageLarge {
  margin: 0 auto 20px;
  max-width: 970px; }
  .adHolderMidPageLarge p {
    font-size: 10px;
    text-align: left;
    max-width: 970px; }
  .adHolderMidPageLarge > div {
    -webkit-box-shadow: 0px 0px 1px rgba(70, 72, 85, 0.5);
    -moz-box-shadow: 0px 0px 1px rgba(70, 72, 85, 0.5);
    -ms-box-shadow: 0px 0px 1px rgba(70, 72, 85, 0.5);
    -o-box-shadow: 0px 0px 1px rgba(70, 72, 85, 0.5);
    box-shadow: 0px 0px 1px rgba(70, 72, 85, 0.5); }

.adHolderBottom {
  margin-bottom: 15px; }
  .adHolderBottom p {
    font-size: 10px;
    text-align: left; }
  .adHolderBottom > div {
    -webkit-box-shadow: 0px 0px 1px rgba(70, 72, 85, 0.5);
    -moz-box-shadow: 0px 0px 1px rgba(70, 72, 85, 0.5);
    -ms-box-shadow: 0px 0px 1px rgba(70, 72, 85, 0.5);
    -o-box-shadow: 0px 0px 1px rgba(70, 72, 85, 0.5);
    box-shadow: 0px 0px 1px rgba(70, 72, 85, 0.5); }

.adHolderMidPageLarge {
  margin: 0 auto 20px;
  max-width: 970px; }
  .adHolderMidPageLarge p {
    font-size: 10px;
    text-align: left;
    max-width: 970px; }
  .adHolderMidPageLarge > div {
    -webkit-box-shadow: 0px 0px 1px rgba(70, 72, 85, 0.5);
    -moz-box-shadow: 0px 0px 1px rgba(70, 72, 85, 0.5);
    -ms-box-shadow: 0px 0px 1px rgba(70, 72, 85, 0.5);
    -o-box-shadow: 0px 0px 1px rgba(70, 72, 85, 0.5);
    box-shadow: 0px 0px 1px rgba(70, 72, 85, 0.5); }

.sponsored {
  font-size: 12px;
  color: rgba(70, 72, 85, 0.5); }

.marginTop20 {
  margin-top: 12px; }

/*Multi Select*/
.multi-select {
  position: relative;
  max-width: 100%;
  width: 100%; }

.multi-select, .multi-select *, .multi-select *:before, .multi-select *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.multi-select_field, .multi-select_option {
  background: transparent;
  padding-left: 2px; }

.multi-select_field {
  font-size: 20px;
  color: rgba(70, 72, 85, 0.7);
  position: relative;
  padding: 6px 30px 0px 0px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: auto;
  cursor: pointer;
  font-family: 'mulisemibold';
  transition: all 0.4s ease-in-out;
  box-shadow: 0px 2px 2px 0px rgba(96, 125, 139, 0.15);
  -webkit-transition: all 0.4s ease-in-out; }

.multi-select_field:hover, .multi-select_field:focus {
  border: solid 1px #18a0de !important;
  outline: none; }

.multiphno .multi-select_field:hover, .multiphno .multi-select_field:focus {
  border: none !important;
  box-shadow: none !important;
  outline: none; }

.multi-select_field:after {
  display: inline-block;
  width: 0;
  height: 0;
  content: "";
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  position: absolute;
  right: 13px;
  top: 19px;
  color: #7b7b7b; }

.multi-select_field.is-empty {
  color: #464855; }

.multi-select_options {
  display: none;
  z-index: 999;
  position: absolute;
  width: 100%;
  max-height: 170px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background: #fff;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
  overflow-x: hidden;
  color: rgba(70, 72, 85, 0.4); }

.is-active .multi-select_options {
  display: block; }

.multi-select_option {
  background: transparent;
  position: relative;
  z-index: 101;
  padding-bottom: 7px;
  padding-top: 7px;
  padding-left: 10px;
  color: #333;
  font-size: 12px;
  cursor: pointer;
  line-height: 0; }

.multi-select_option:focus {
  outline: none; }

.multi-select_option:hover {
  background: #f5f7fa; }

.multi-select_label {
  position: relative;
  vertical-align: 1px;
  cursor: pointer;
  width: 126px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.4; }

.multi-select_checkbox {
  cursor: pointer;
  position: relative;
  top: 5px;
  margin-right: 11px;
  z-index: 101;
  display: inline-block;
  height: 16px; }

input:checked.multi-select_checkbox:after {
  background: url(../images/box-checked.svg) no-repeat;
  content: "";
  height: 16px;
  width: 16px;
  position: absolute; }

input.multi-select_checkbox:before {
  background: url(../images/box.svg) no-repeat;
  content: "";
  height: 16px;
  width: 16px;
  position: absolute; }

.nopad {
  padding: 0 !important; }

/*========= Select box ========= */
.select-wrapper {
  float: left;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  border: solid 1px #e8e8e8; }

.select-wrapper:hover {
  border: solid 1px #18a0de !important;
  box-shadow: 0 0px 10px 0 rgba(38, 121, 175, 0.5); }

.select-wrapper:before {
  display: inline-block;
  width: 0;
  height: 0;
  content: "";
  margin-left: 2px;
  vertical-align: middle;
  border-top: 5px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  position: absolute;
  right: 14px;
  top: 14px;
  color: #464855;
  z-index: 1; }

.select-wrapper, .select-wrapper select {
  width: 100%;
  height: 35px;
  font-size: 14px;
  color: rgba(70, 72, 85, 0.7);
  line-height: 35px;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  text-align: left;
  font-family: 'muliregular'; }

.select-wrapper .holder {
  display: block;
  margin: 0 40px 0 10px;
  white-space: nowrap;
  overflow: hidden;
  *overflow: inherit;
  cursor: pointer;
  position: relative;
  z-index: 1;
  color: rgba(70, 72, 85, 0.7);
  font-family: 'muliregular';
  font-size: 14px; }

.select-wrapper select {
  margin: 0;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  outline: none;
  opacity: 0;
  -moz-opacity: 0;
  -webkit-appearance: none;
  left: 0px;
  vertical-align: middle;
  padding-left: 10px; }

/*Upload file custom for confirure pages*/
.custom-file-upload-hidden {
  display: none;
  visibility: hidden;
  position: absolute;
  left: -9999px; }

.custom-file-upload {
  display: block;
  width: auto;
  position: relative; }

.custom-file-upload label {
  display: block;
  margin-bottom: 5px; }

.file-upload-wrapper {
  position: relative;
  margin-bottom: 5px;
  height: 35px; }

.file-upload-input {
  width: 278px !important;
  color: #fff;
  font-size: 16px;
  padding: 11px 17px;
  border: none;
  float: left;
  background: transparent !important;
  box-shadow: none !important;
  position: absolute;
  left: 232px !important;
  border-radius: 0px !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  height: 35px !important; }

.file-upload-input:hover, .file-upload-input:focus {
  border-bottom: solid 1px #e8e8e8 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  transition: none !important;
  -webkit-transition: none !important; }

.fieldclose {
  content: '';
  background-position: -98px 2px;
  position: absolute;
  width: 15px;
  height: 14px;
  margin-left: 5px;
  cursor: pointer;
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  vertical-align: -2px; }

.fieldclose:hover {
  opacity: 1; }

.file-upload-button {
  cursor: pointer;
  display: inline-block;
  border: none;
  float: left;
  position: absolute;
  width: 214px;
  left: 0;
  box-shadow: 0px 2px 2px 0px rgba(96, 125, 139, 0.15);
  height: 35px;
  background: transparent;
  padding: 0;
  -webkit-border-radius: 4px;
  font-size: 14px;
  color: rgba(70, 72, 85, 0.7);
  text-align: left;
  padding-left: 10px;
  border-radius: 4px;
  background: #ffffff;
  border: solid 1px #e8e8e8;
  transition: all 0.4s ease-in-out; }

.file-upload-button:hover {
  border: solid 1px #18a0de;
  box-shadow: 0px 2px 2px 0px rgba(96, 125, 139, 0.15); }

.file-upload-button i {
  background-position: -81px -168px;
  width: 17px;
  height: 16px;
  bottom: 10px;
  position: absolute;
  right: 10px; }

.uploadvalueclose {
  background-position: -98px 2px;
  width: 15px;
  height: 14px;
  margin-left: 5px;
  cursor: pointer;
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  vertical-align: -2px;
  position: absolute;
  top: 11px;
  right: 11px;
  z-index: 999; }

.uploadvalueclose:hover {
  opacity: 1; }

input::placeholder::placeholder {
  color: rgba(70, 72, 85, 0.4); }

.ui-widget-content {
  list-style: none !important;
  padding: 0px 0px !important;
  border: 1px solid #ddd !important;
  background: #fff !important;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15) !important;
  z-index: 999 !important; }

.ui-widget-content .ui-menu-item {
  padding: 0;
  font-size: 12px;
  display: block;
  text-decoration: none;
  color: #333;
  line-height: 1.5;
  padding-left: 10px;
  cursor: pointer;
  padding-top: 5px;
  padding-bottom: 5px; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
  border: none !important;
  background: #eee !important;
  font-weight: normal;
  color: #333 !important;
  margin: 0px !important; }

@font-face {
  font-family: 'girnar-rupee';
  src: url("/fonts/girnar_rupee.eot"), url("/fonts/girnar_rupee.woff2") format("woff2"), url("/fonts/girnar_rupee.woff") format("woff"), url("/fonts/girnar_rupee.ttf") format("truetype"); }

.GirnarRupee {
  font-family: "girnar-rupee";
  margin-right: 2px;
  font-style: normal; }

.trakosuccess {
  text-align: left;
  background: #dff0d8;
  border: 1px solid #8fba90;
  max-width: 535px;
  display: block;
  vertical-align: 26px;
  height: 40px;
  border-radius: 4px;
  padding: 9px 15px;
  line-height: 20px; }
  .trakosuccess i {
    background-position: -33px -256px;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: -5px; }
  .trakosuccess span {
    font-family: 'mulisemibold';
    font-size: 16px;
    color: #3d763e;
    line-height: 1.2; }
  .trakosuccess .alertmsg {
    color: #3d763e;
    margin-left: 10px;
    font-weight: normal;
    font-family: muliregular;
    font-size: 14px; }

.trakoalert {
  text-align: left;
  background: #ffefbc;
  border: 1px solid #ffbd00;
  max-width: 525px;
  display: block;
  vertical-align: 26px;
  height: 40px;
  border-radius: 4px;
  padding: 9px 15px;
  line-height: 20px; }
  .trakoalert i {
    background-position: -2px -142px;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: -5px; }
  .trakoalert span {
    font-family: 'mulisemibold';
    font-size: 16px;
    color: #926515;
    line-height: 1.2; }
  .trakoalert .alertmsg {
    color: #926515;
    margin-left: 10px;
    font-weight: normal;
    font-family: muliregular;
    font-size: 14px; }

.trakoerror {
  text-align: left;
  background: #f2dede;
  border: 1px solid #dca6a5;
  max-width: 525px;
  display: block;
  vertical-align: 26px;
  height: 40px;
  border-radius: 4px;
  padding: 9px 15px;
  line-height: 20px; }
  .trakoerror i {
    background-position: -3px -256px;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: -5px; }
  .trakoerror span {
    font-family: 'mulisemibold';
    font-size: 16px;
    color: #aa4543;
    line-height: 1.2; }
  .trakoerror .alertmsg {
    color: #aa4543;
    margin-left: 10px;
    font-weight: normal;
    font-family: muliregular;
    font-size: 14px; }

.field.field50 {
  width: 50%;
  float: left; }

.field.field-space-right {
  padding-right: 5px; }

.field.field-space-left {
  padding-left: 5px; }

.read-more-show {
  display: inline-block; }

.read-more-show .dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #6967ce;
  display: inline-block !important;
  margin: 0 1px; }

/*Media Query*/
@-webkit-keyframes blinker {
  0% {
    background: rgba(56, 142, 60, 0.16); }
  50% {
    background: rgba(56, 142, 60, 0); }
  100% {
    background: rgba(56, 142, 60, 0.16); } }

@-moz-keyframes blinker {
  0% {
    background: rgba(56, 142, 60, 0.16); }
  50% {
    background: rgba(56, 142, 60, 0); }
  100% {
    background: rgba(56, 142, 60, 0.16); } }

.blink {
  -webkit-animation: blinker 1s 3;
  -moz-animation: blinker 1s 3;
  animation: blinker 1s 3; }

.tracko-popup {
  padding: 16px 60px 29px; }
  .tracko-popup .popup-body {
    padding: 0 !important;
    text-align: left; }
    .tracko-popup .popup-body h1, .tracko-popup .popup-body h2 {
      text-align: center;
      font-size: 20px;
      margin-bottom: 29px; }

.field {
  margin-bottom: 20px;
  position: relative; }
  .field .title {
    margin-bottom: 3px; }
    .field .title span {
      font-size: 12px;
      color: rgba(0, 0, 0, 0.4); }
  .field .input-group {
    position: relative; }
  .field .errormessage {
    font-size: 12px;
    color: red;
    position: absolute;
    left: 0;
    bottom: -17px;
    display: none; }
  .field.error input, .field.error textarea {
    border: solid 1px red; }
  .field.error .errormessage {
    display: block; }
  .field.fieldWithIcon input {
    padding-right: 46px; }
  .field textarea {
    height: 80px; }

.update_success {
  background: #dff0d8;
  border: solid 1px #8fba90;
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  color: #3d763e;
  font-size: 14px;
  font-family: 'mulisemibold';
  line-height: 36px;
  padding: 15px;
  box-sizing: border-box;
  display: none;
  text-align: center; }
  .update_success.active {
    display: block; }
  .update_success i {
    margin-right: 7px;
    vertical-align: -5px; }

.rightwrap .title-caption {
  position: relative;
  font-size: 14px;
  font-family: mulisemibold;
  margin-top: 16px; }
  .rightwrap .title-caption span {
    color: rgba(90, 90, 90, 0.7);
    font-family: muliregular;
    margin-left: 10px;
    line-height: 1.2;
    display: inline-block; }

.back-btn {
  padding: 7px;
  line-height: 1.4;
  border-radius: 4px !important;
  border: solid 1px #e8e8e8 !important;
  color: #90a4ae !important;
  box-shadow: 0px 2px 2px 0px rgba(96, 125, 139, 0.15) !important;
  background: #FFF !important; }
  .back-btn i {
    background-position: -1px -36px !important;
    width: 14px !important;
    height: 8px !important; }
  .back-btn:hover {
    border: solid 1px #00c8a2 !important;
    color: #00c8a2 !important;
    box-shadow: 0px 2px 2px 0px rgba(96, 125, 139, 0.15) !important; }
    .back-btn:hover i {
      background-position: -1px -48px !important;
      width: 14px !important;
      height: 8px !important; }

@media screen and (min-width: 768px) {
  h1 {
    font-size: 28px; }
  h2 {
    font-size: 23px; }
  h3 {
    font-size: 23px; }
  h4 {
    font-size: 20px; }
  h5 {
    font-size: 16px; }
  h6 {
    font-size: 14px; }
  main {
    padding: 29px 0 18px; }
  .adHolderTop {
    min-height: 113px; }
  .adHolder {
    height: 270px; } }

@media screen and (min-width: 1024px) {
  main {
    padding: 36px 0 40px; } }

@media screen and (min-width: 1200px) {
  .defaultActive.ed_txt {
    padding-left: 15px; } }

.icon-export {
  background-position: -53px -710px;
  width: 30px;
  height: 34px; }

.icon-contactBook {
  background-position: -2px -754px;
  width: 35px;
  height: 35px; }

.icon-totalCall {
  background-position: -39px -754px;
  width: 35px;
  height: 35px; }

.icon-callDuration {
  background-position: -76px -754px;
  width: 35px;
  height: 35px; }

.icon-OpenIssues {
  background-position: -2px -792px;
  width: 35px;
  height: 35px; }

.icon-dropArrow {
  background-position: -79px -334px;
  width: 21px;
  height: 21px; }
  .icon-dropArrow:hover {
    background-position: -104px -334px;
    cursor: pointer; }

.icon-edit {
  background-position: -2px -80px;
  width: 19px;
  height: 18px; }
  .icon-edit:hover {
    background-position: -27px -80px;
    cursor: pointer; }

.icon-edit-red-white {
  background-position: -72px -192px !important;
  width: 19px !important;
  height: 18px !important; }
  .icon-edit-red-white:hover {
    background-position: -100px -192px !important;
    width: 19px !important;
    height: 18px !important; }

.icon-follow-ups {
  background-position: -7px -377px;
  width: 16px;
  height: 16px; }

.icon-sendsms {
  background-position: -31px -378px;
  width: 16px;
  height: 16px; }

.icon-whatsapp {
  background-position: -57px -375px;
  width: 16px;
  height: 16px; }

.icon-sendemail {
  background-position: -82px -374px;
  width: 17px;
  height: 16px; }

.icon-logs {
  background-position: -106px -376px;
  width: 16px;
  height: 16px; }

.icon-upload {
  background-position: -81px -168px;
  width: 17px;
  height: 16px; }

.icon-download {
  background-position: -48px -14px;
  width: 24px;
  height: 24px; }
  .icon-download:hover {
    background-position: -48px -46px;
    width: 24px;
    height: 24px;
    cursor: pointer; }

.icon-arrow-right {
  background-position: -105px -220px;
  width: 7px;
  height: 10px; }

.icon-calender {
  background-position: -57px -80px;
  width: 18px;
  height: 18px; }

.icon-calendar-white {
  background-position: -106px -168px;
  width: 18px !important;
  height: 18px; }
  .icon-calendar-white:hover {
    background-position: -83px -142px;
    width: 18px;
    height: 18px; }

.icon-time {
  background-position: -7px -377px;
  width: 16px;
  height: 16px; }

.icon-time2 {
  background-position: -54px -168px;
  width: 17px;
  height: 17px; }

.icon-close {
  background-position: -19px -108px;
  width: 24px;
  height: 24px; }

.icon-close-big {
  background-position: -104px -108px;
  width: 14px;
  height: 14px; }

.icon-selectbox-arrow {
  background-position: -1px -108px;
  width: 8px;
  height: 4px; }

.icon-search {
  background-position: -1px -14px;
  width: 14px;
  height: 14px; }

.icon-plus {
  background-position: -7px -424px;
  width: 15px;
  height: 15px; }
  .icon-plus:hover {
    background-position: -32px -424px;
    width: 15px;
    height: 15px; }

.icon-cross {
  background-position: -75px -424px;
  width: 10px;
  height: 10px; }
  .icon-cross:hover {
    background-position: -56px -424px;
    width: 10px;
    height: 10px; }

.icon-notification {
  background-position: -90px -425px;
  width: 19px;
  height: 23px; }

.icon-whatsapp-big {
  background-position: -7px -454px;
  width: 24px;
  height: 24px; }

.icontable {
  background-position: -114px -2px;
  width: 7px;
  height: 5px; }

.icon-mail-open {
  background-position: -44px -491px;
  width: 19px;
  height: 18px; }
  .icon-mail-open:hover {
    background-position: -44px -518px;
    cursor: pointer; }

.icon-mail-close {
  background-position: -72px -491px;
  width: 22px;
  height: 15px; }
  .icon-mail-close:hover {
    background-position: -72px -518px;
    cursor: pointer; }

.icon-delete {
  background-position: -80px -80px;
  width: 22px;
  height: 18px; }
  .icon-delete:hover {
    background-position: -104px -80px;
    cursor: pointer; }

.icon-dropdown-arrow {
  background-position: -114px -3px;
  width: 7px;
  height: 4px; }

.icon-filter {
  background-position: -39px -795px;
  width: 30px;
  height: 34px; }

.icon-not-available {
  background-position: -15px -518px;
  width: 11px;
  height: 9px; }

.icon-cross-mini {
  background-position: -102px -2px;
  width: 6px;
  height: 6px;
  cursor: pointer; }

.icon-schedule {
  background-position: -7px -550px !important;
  width: 19px;
  height: 19px;
  cursor: pointer; }
  .icon-schedule:hover {
    background-position: -7px -577px !important;
    width: 19px;
    height: 19px; }

.icon-success {
  background-position: -33px -256px;
  width: 20px;
  height: 20px; }

.icon-send-sms {
  background-position: -37px -551px;
  width: 19px;
  height: 18px; }

.icon-send-email {
  background-position: -68px -551px;
  width: 18px;
  height: 11px; }

.icon-send-arrow {
  background-position: -96px -578px;
  width: 24px;
  height: 18px; }

.icon-no-notification {
  background-position: -99px -549px;
  width: 18px;
  height: 17px; }

.icon-copy {
  background-position: -5px -600px;
  width: 24px;
  height: 24px; }
  .icon-copy:hover {
    background-position: -81px -660px;
    width: 24px;
    height: 24px;
    cursor: pointer; }

.icon-play {
  background-position: -22px -14px;
  width: 24px;
  height: 24px; }
  .icon-play:hover {
    background-position: -22px -46px;
    width: 24px;
    height: 24px;
    cursor: pointer; }

.icon-pause {
  background-position: -103px -139px;
  width: 24px;
  height: 24px;
  cursor: pointer; }

.icon-eye {
  background-position: -5px -192px;
  width: 23px;
  height: 18px; }
  .icon-eye:hover {
    background-position: -39px -192px;
    width: 23px;
    height: 18px;
    cursor: pointer; }

.icon-check {
  background-position: -32px -604px;
  width: 14px;
  height: 10px; }

.icon-singlesms {
  background-position: -31px -400px;
  width: 16px;
  height: 16px; }

/* Elements */
.tab {
  width: 100%; }
  .tab .tabHead {
    clear: both;
    overflow: hidden;
    padding-bottom: 15px;
    background: #ffffff;
    border-bottom: solid 1px #e8e8e8;
    margin-bottom: 25px; }
    .tab .tabHead a {
      box-sizing: border-box;
      float: left;
      line-height: 1.3;
      display: inline-block;
      text-align: center;
      font-size: 14px;
      font-family: 'muliregular';
      background: #ffffff;
      padding: 10px 16px;
      /* color:$black-opacity-70; */
      color: rgba(16, 16, 16, 0.7);
      /*border-bottom:solid 1px #e8e8e8;border-right:solid 1px #e8e8e8;*/
      border-top: solid 1px transparent;
      font-family: 'muliregular'; }
      .tab .tabHead a.active {
        color: #101010;
        background: #fafafa;
        border: solid 1px #e8e8e8;
        border-bottom: none;
        border-radius: 3px 3px 0 0; }
    .tab .tabHead.one a {
      width: 100%; }
    .tab .tabHead.two a {
      width: 50%; }
    .tab .tabHead.three a {
      width: 33.333333333%;
      font-family: 'muliregular'; }
    .tab .tabHead.four a {
      width: 25%; }
  .tab .tabBody {
    background: #ffffff; }
    .tab .tabBody > div {
      display: none; }
    .tab .tabBody .open {
      display: block; }

.notification_sidbar {
  position: fixed;
  top: 0;
  right: -300px;
  width: 300px;
  height: 100vh;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  background: #f5f4f4;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  z-index: 99999;
  transition: 0.5s; }
  .notification_sidbar.bg {
    background: #f5f4f4 url("../images/grey-logo.png") no-repeat center bottom 45px; }
    .notification_sidbar.bg.empty {
      background: #f5f4f4 url("../images/grey-logo.png") no-repeat center center; }
  .notification_sidbar .notification-box {
    background: #fff;
    padding: 16px 20px 0 20px;
    border-bottom: 1px solid #e0e0e0; }
    .notification_sidbar .notification-box .no-notification {
      font-size: 12px;
      color: #5a5a5a;
      display: block;
      padding-bottom: 17px; }
      .notification_sidbar .notification-box .no-notification i {
        margin-right: 10px; }
  .notification_sidbar h2 {
    font-size: 14px;
    color: #010101;
    font-family: "mulisemibold";
    margin-bottom: 20px; }
    .notification_sidbar h2 > span {
      float: right;
      display: inline-block;
      position: relative;
      top: -5px; }
    .notification_sidbar h2 a {
      font-size: 10px;
      color: #18a0de;
      font-family: "muliregular";
      display: inline-block;
      text-transform: uppercase;
      padding: 5px 0;
      margin-right: 10px; }
      .notification_sidbar h2 a .icon-cross {
        display: inline-block;
        margin: 0 0 0 14px;
        vertical-align: 0px; }
    .notification_sidbar h2 .sidebarBtn, .notification_sidbar h2 .close-btn {
      padding: 5px;
      cursor: pointer;
      display: inline-block; }
  .notification_sidbar ul li {
    display: block;
    position: relative;
    margin: 0 0 15px 0; }
    .notification_sidbar ul li a {
      display: block;
      border-bottom: 1px solid #e0e0e0;
      padding: 0 20px 0px 0px;
      margin-right: -20px;
      margin-top: 3px; }
      .notification_sidbar ul li a .cll_schedl {
        font-size: 14px;
        color: #010101;
        font-family: "mulisemibold";
        display: block;
        position: relative; }
        .notification_sidbar ul li a .cll_schedl .mob_nub {
          display: block;
          font-size: 12px;
          color: rgba(90, 90, 90, 0.71);
          font-family: "mulisemibold";
          padding-bottom: 14px; }
        .notification_sidbar ul li a .cll_schedl .k_m {
          font-size: 12px;
          color: rgba(90, 90, 90, 0.71);
          font-family: "muliregular";
          float: right; }
    .notification_sidbar ul li:before {
      content: '';
      font-size: 11px;
      color: #fff;
      display: inline-block;
      padding: 1px 8px;
      background: #fff;
      border-radius: 3px; }
    .notification_sidbar ul li.follow-ups:before {
      content: 'Follow-ups';
      background: #18a0de; }
    .notification_sidbar ul li.payment:before {
      content: 'Payment';
      background: #00ac96; }
    .notification_sidbar ul li.issues:before {
      content: 'Issues';
      background: #9575cd; }
    .notification_sidbar ul li.delivered:before {
      content: 'Delivered';
      background: #f2c34d; }
    .notification_sidbar ul li:last-child {
      margin-bottom: 0; }
      .notification_sidbar ul li:last-child a {
        border-bottom: none; }
  .notification_sidbar.active {
    right: 0; }
  .notification_sidbar.empty h2 a {
    display: none; }

@media only screen and (min-width: 1400px) {
  .notification_sidbar.bg {
    background: #f5f4f4 url("../images/grey-logo.png") no-repeat center bottom 320px; }
    .notification_sidbar.bg.empty {
      background: #f5f4f4 url("../images/grey-logo.png") no-repeat center center !important; } }

.gs_control {
  display: inline-block;
  position: relative;
  padding: 0 11px 0 24px;
  cursor: pointer;
  font-size: 14px;
  color: #464855;
  height: 20px;
  cursor: pointer;
  vertical-align: middle; }
  .gs_control span {
    font-size: 14px;
    /* color: $black-opacity-50; */
    color: rgba(90, 90, 90, 0.7);
    background: #f1f1f1; }
    .gs_control span.title {
      /* padding-left: 7px;*/
      /* color:$black-opacity-50; */
      color: rgba(90, 90, 90, 0.7);
      background: transparent; }
  .gs_control input {
    position: absolute;
    top: 4px;
    left: 3px;
    cursor: pointer;
    z-index: 1;
    opacity: 0;
    filter: alpha(opacity=0); }
    .gs_control input:focus ~ .gs_control__indicato {
      background: #7c7c7c; }
    .gs_control input:checked ~ .gs_control__indicator {
      background: #00c8a2;
      border-color: #00c8a2; }
    .gs_control input:checked:focus ~ .gs_control__indicator {
      background: #00c8a2; }
    .gs_control input:disabled ~ .gs_control__indicator {
      background: #e9edf1 !important;
      pointer-events: none; }
    .gs_control input:checked ~ .gs_control__indicator:after {
      display: block; }
  .gs_control .gs_radio input:checked ~ .gs_control__indicator {
    background: #ffffff; }
  .gs_control.gs_radio input:checked ~ .gs_control__indicator {
    background: #ffffff;
    border: solid 5px #00c8a2; }
  .gs_control .gs_radio input ~ .gs_control__indicator ~ i {
    font-style: normal; }
  .gs_control .gs_radio input:checked ~ .gs_control__indicator ~ i {
    color: #00c8a2;
    font-style: normal;
    cursor: pointer; }
    .gs_control .gs_radio input:checked ~ .gs_control__indicator ~ i .gs_control__indicator.active {
      border-color: #00c8a2; }
      .gs_control .gs_radio input:checked ~ .gs_control__indicator ~ i .gs_control__indicator.active:after {
        display: block; }

.gs_control__indicator {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 16px;
  width: 16px;
  background: #fafafa;
  border: solid 1px #c1c1c1;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: default;
  -moz-transition: default;
  -ms-transition: default;
  -o-transition: default;
  transition: default;
  box-sizing: border-box; }
  .gs_control__indicator:after {
    content: '';
    position: absolute;
    display: none; }

.gs_checkbox .gs_control__indicator:after {
  left: 4px;
  top: 0px;
  width: 6px;
  height: 10px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.gs_checkbox input:disabled ~ .gs_control__indicator:after {
  border-color: #fafafa; }

.gs_radio .gs_control__indicator {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  top: 3px;
  background: #fff; }

.gs_radio input:disabled ~ .gs_control__indicator:after {
  background: #fafafa; }

.gs_radio input:checked + .title {
  color: #5a5a5a !important; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*, ::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.gsc_container {
  margin-right: auto;
  margin-left: auto;
  /*padding-left:$padding5*4;padding-right:$padding5*4;*/ }

.gsc_container-fluid {
  margin-right: auto;
  margin-left: auto;
  /*padding-left:$padding5*4;padding-right:$padding5*4;*/ }

.gsc_container_hold {
  padding-left: 20px;
  padding-right: 20px; }

.gsc_row {
  /*margin-left: $margin0 - 10px;margin-right: $margin0 - 10px;*/ }

.gsc_col-xs-1, .gsc_col-sm-1, .gsc_col-md-1, .gsc_col-lg-1, .gsc_col-xs-2, .gsc_col-sm-2, .gsc_col-md-2, .gsc_col-lg-2, .gsc_col-xs-3, .gsc_col-sm-3, .gsc_col-md-3, .gsc_col-lg-3, .gsc_col-xs-4, .gsc_col-sm-4, .gsc_col-md-4, .gsc_col-lg-4, .gsc_col-xs-5, .gsc_col-sm-5, .gsc_col-md-5, .gsc_col-lg-5, .gsc_col-xs-6, .gsc_col-sm-6, .gsc_col-md-6, .gsc_col-lg-6, .gsc_col-xs-7, .gsc_col-sm-7, .gsc_col-md-7, .gsc_col-lg-7, .gsc_col-xs-8, .gsc_col-sm-8, .gsc_col-md-8, .gsc_col-lg-8, .gsc_col-xs-9, .gsc_col-sm-9, .gsc_col-md-9, .gsc_col-lg-9, .gsc_col-xs-10, .gsc_col-sm-10, .gsc_col-md-10, .gsc_col-lg-10, .gsc_col-xs-11, .gsc_col-sm-11, .gsc_col-md-11, .gsc_col-lg-11, .gsc_col-xs-12, .gsc_col-sm-12, .gsc_col-md-12, .gsc_col-lg-12 {
  position: relative;
  min-height: 1px;
  /*padding-left:$padding5*2;padding-right:$padding5*2;*/ }

.gsc_col-xs-1, .gsc_col-xs-2, .gsc_col-xs-3, .gsc_col-xs-4, .gsc_col-xs-5, .gsc_col-xs-6, .gsc_col-xs-7, .gsc_col-xs-8, .gsc_col-xs-9, .gsc_col-xs-10, .gsc_col-xs-11, .gsc_col-xs-12 {
  float: left; }

.gsc_col-xs-12 {
  width: 100%; }

.gsc_col-xs-11 {
  width: 91.66666667%; }

.gsc_col-xs-10 {
  width: 83.33333333%; }

.gsc_col-xs-9 {
  width: 75%; }

.gsc_col-xs-8 {
  width: 66.66666667%; }

.gsc_col-xs-7 {
  width: 58.33333333%; }

.gsc_col-xs-6 {
  width: 50%; }

.gsc_col-xs-5 {
  width: 41.66666667%; }

.gsc_col-xs-4 {
  width: 33.33333333%; }

.gsc_col-xs-3 {
  width: 25%; }

.gsc_col-xs-2 {
  width: 16.66666667%; }

.gsc_col-xs-1 {
  width: 8.33333333%; }

/*
.gsc_col-xs-pull-12{right:100%;}
.gsc_col-xs-pull-11{right:91.66666667%;}
.gsc_col-xs-pull-10{right:83.33333333%;}
.gsc_col-xs-pull-9{right:75%;}
.gsc_col-xs-pull-8{right:66.66666667%;}
.gsc_col-xs-pull-7{right:58.33333333%;}
.gsc_col-xs-pull-6{right:50%;}
.gsc_col-xs-pull-5{right:41.66666667%;}
.gsc_col-xs-pull-4{right:33.33333333%;}
.gsc_col-xs-pull-3{right:25%;}
.gsc_col-xs-pull-2{right:16.66666667%;}
.gsc_col-xs-pull-1{right:8.33333333%;}
.gsc_col-xs-pull-0{right:auto;}
.gsc_col-xs-push-12{left:100%;}
.gsc_col-xs-push-11{left:91.66666667%;}
.gsc_col-xs-push-10{left:83.33333333%;}
.gsc_col-xs-push-9{left:75%;}
.gsc_col-xs-push-8{left:66.66666667%;}
.gsc_col-xs-push-7{left:58.33333333%;}
.gsc_col-xs-push-6{left:50%;}
.gsc_col-xs-push-5{left:41.66666667%;}
.gsc_col-xs-push-4{left:33.33333333%;}
.gsc_col-xs-push-3{left:25%;}
.gsc_col-xs-push-2{left:16.66666667%;}
.gsc_col-xs-push-1{left:8.33333333%;}
.gsc_col-xs-push-0{left:auto;}
.gsc_col-xs-offset-12{margin-left:100%;}
.gsc_col-xs-offset-11{margin-left:91.66666667%;}
.gsc_col-xs-offset-10{margin-left:83.33333333%;}
.gsc_col-xs-offset-9{margin-left:75%;}
.gsc_col-xs-offset-8{margin-left:66.66666667%;}
.gsc_col-xs-offset-7{margin-left:58.33333333%;}
.gsc_col-xs-offset-6{margin-left:50%;}
.gsc_col-xs-offset-5{margin-left:41.66666667%;}
.gsc_col-xs-offset-4{margin-left:33.33333333%;}
.gsc_col-xs-offset-3{margin-left:25%;}
.gsc_col-xs-offset-2{margin-left:16.66666667%;}
.gsc_col-xs-offset-1{margin-left:8.33333333%;}
.gsc_col-xs-offset-0{margin-left:0%;}*/
@media only screen and (min-width: 768px) {
  .gsc_container_hold {
    padding: 0; }
  .gsc_col-sm-1, .gsc_col-sm-2, .gsc_col-sm-3, .gsc_col-sm-4, .gsc_col-sm-5, .gsc_col-sm-6, .gsc_col-sm-7, .gsc_col-sm-8, .gsc_col-sm-9, .gsc_col-sm-10, .gsc_col-sm-11, .gsc_col-sm-12 {
    float: left; }
  .gsc_col-sm-12 {
    width: 100%; }
  .gsc_col-sm-11 {
    width: 91.66666667%; }
  .gsc_col-sm-10 {
    width: 83.33333333%; }
  .gsc_col-sm-9 {
    width: 75%; }
  .gsc_col-sm-8 {
    width: 66.66666667%; }
  .gsc_col-sm-7 {
    width: 58.33333333%; }
  .gsc_col-sm-6 {
    width: 50%; }
  .gsc_col-sm-5 {
    width: 41.66666667%; }
  .gsc_col-sm-4 {
    width: 33.33333333%; }
  .gsc_col-sm-3 {
    width: 25%; }
  .gsc_col-sm-2 {
    width: 16.66666667%; }
  .gsc_col-sm-1 {
    width: 8.33333333%; }
  /*.gsc_col-sm-pull-12{right:100%;}
  .gsc_col-sm-pull-11{right:91.66666667%;}
  .gsc_col-sm-pull-10{right:83.33333333%;}
  .gsc_col-sm-pull-9{right:75%;}
  .gsc_col-sm-pull-8{right:66.66666667%;}
  .gsc_col-sm-pull-7{right:58.33333333%;}
  .gsc_col-sm-pull-6{right:50%;}
  .gsc_col-sm-pull-5{right:41.66666667%;}
  .gsc_col-sm-pull-4{right:33.33333333%;}
  .gsc_col-sm-pull-3{right:25%;}
  .gsc_col-sm-pull-2{right:16.66666667%;}
  .gsc_col-sm-pull-1{right:8.33333333%;}
  .gsc_col-sm-pull-0{right:auto;}
  .gsc_col-sm-push-12{left:100%;}
  .gsc_col-sm-push-11{left:91.66666667%;}
  .gsc_col-sm-push-10{left:83.33333333%;}
  .gsc_col-sm-push-9{left:75%;}
  .gsc_col-sm-push-8{left:66.66666667%;}
  .gsc_col-sm-push-7{left:58.33333333%;}
  .gsc_col-sm-push-6{left:50%;}
  .gsc_col-sm-push-5{left:41.66666667%;}
  .gsc_col-sm-push-4{left:33.33333333%;}
  .gsc_col-sm-push-3{left:25%;}
  .gsc_col-sm-push-2{left:16.66666667%;}
  .gsc_col-sm-push-1{left:8.33333333%;}
  .gsc_col-sm-push-0{left:auto;}
  .gsc_col-sm-offset-12{margin-left:100%;}
  .gsc_col-sm-offset-11{margin-left:91.66666667%;}
  .gsc_col-sm-offset-10{margin-left:83.33333333%;}
  .gsc_col-sm-offset-9{margin-left:75%;}
  .gsc_col-sm-offset-8{margin-left:66.66666667%;}
  .gsc_col-sm-offset-7{margin-left:58.33333333%;}
  .gsc_col-sm-offset-6{margin-left:50%;}
  .gsc_col-sm-offset-5{margin-left:41.66666667%;}
  .gsc_col-sm-offset-4{margin-left:33.33333333%;}
  .gsc_col-sm-offset-3{margin-left:25%;}
  .gsc_col-sm-offset-2{margin-left:16.66666667%;}
  .gsc_col-sm-offset-1{margin-left:8.33333333%;}
  .gsc_col-sm-offset-0{margin-left:0%;}*/ }

@media only screen and (min-width: 992px) {
  .gsc_col-md-1, .gsc_col-md-2, .gsc_col-md-3, .gsc_col-md-4, .gsc_col-md-5, .gsc_col-md-6, .gsc_col-md-7, .gsc_col-md-8, .gsc_col-md-9, .gsc_col-md-10, .gsc_col-md-11, .gsc_col-md-12 {
    float: left; }
  .gsc_col-md-12 {
    width: 100%; }
  .gsc_col-md-11 {
    width: 91.66666667%; }
  .gsc_col-md-10 {
    width: 83.33333333%; }
  .gsc_col-md-9 {
    width: 75%; }
  .gsc_col-md-8 {
    width: 66.66666667%; }
  .gsc_col-md-7 {
    width: 58.33333333%; }
  .gsc_col-md-6 {
    width: 50%; }
  .gsc_col-md-5 {
    width: 41.66666667%; }
  .gsc_col-md-4 {
    width: 33.33333333%; }
  .gsc_col-md-3 {
    width: 25%; }
  .gsc_col-md-2 {
    width: 16.66666667%; }
  .gsc_col-md-1 {
    width: 8.33333333%; }
  /*.gsc_col-md-pull-12{right:100%;}
  .gsc_col-md-pull-11{right:91.66666667%;}
  .gsc_col-md-pull-10{right:83.33333333%;}
  .gsc_col-md-pull-9{right:75%;}
  .gsc_col-md-pull-8{right:66.66666667%;}
  .gsc_col-md-pull-7{right:58.33333333%;}
  .gsc_col-md-pull-6{right:50%;}
  .gsc_col-md-pull-5{right:41.66666667%;}
  .gsc_col-md-pull-4{right:33.33333333%;}
  .gsc_col-md-pull-3{right:25%;}
  .gsc_col-md-pull-2{right:16.66666667%;}
  .gsc_col-md-pull-1{right:8.33333333%;}
  .gsc_col-md-pull-0{right:auto;}
  .gsc_col-md-push-12{left:100%;}
  .gsc_col-md-push-11{left:91.66666667%;}
  .gsc_col-md-push-10{left:83.33333333%;}
  .gsc_col-md-push-9{left:75%;}
  .gsc_col-md-push-8{left:66.66666667%;}
  .gsc_col-md-push-7{left:58.33333333%;}
  .gsc_col-md-push-6{left:50%;}
  .gsc_col-md-push-5{left:41.66666667%;}
  .gsc_col-md-push-4{left:33.33333333%;}
  .gsc_col-md-push-3{left:25%;}
  .gsc_col-md-push-2{left:16.66666667%;}
  .gsc_col-md-push-1{left:8.33333333%;}
  .gsc_col-md-push-0{left:auto;}
  .gsc_col-md-offset-12{margin-left:100%;}
  .gsc_col-md-offset-11{margin-left:91.66666667%;}
  .gsc_col-md-offset-10{margin-left:83.33333333%;}
  .gsc_col-md-offset-9{margin-left:75%;}
  .gsc_col-md-offset-8{margin-left:66.66666667%;}
  .gsc_col-md-offset-7{margin-left:58.33333333%;}
  .gsc_col-md-offset-6{margin-left:50%;}
  .gsc_col-md-offset-5{margin-left:41.66666667%;}
  .gsc_col-md-offset-4{margin-left:33.33333333%;}
  .gsc_col-md-offset-3{margin-left:25%;}
  .gsc_col-md-offset-2{margin-left:16.66666667%;}
  .gsc_col-md-offset-1{margin-left:8.33333333%;}
  .gsc_col-md-offset-0{margin-left:0%;}*/ }

@media only screen and (min-width: 1200px) {
  .gsc_col-lg-1, .gsc_col-lg-2, .gsc_col-lg-3, .gsc_col-lg-4, .gsc_col-lg-5, .gsc_col-lg-6, .gsc_col-lg-7, .gsc_col-lg-8, .gsc_col-lg-9, .gsc_col-lg-10, .gsc_col-lg-11, .gsc_col-lg-12 {
    float: left; }
  .gsc_col-lg-12 {
    width: 100%; }
  .gsc_col-lg-11 {
    width: 91.66666667%; }
  .gsc_col-lg-10 {
    width: 83.33333333%; }
  .gsc_col-lg-9 {
    width: 75%; }
  .gsc_col-lg-8 {
    width: 66.66666667%; }
  .gsc_col-lg-7 {
    width: 58.33333333%; }
  .gsc_col-lg-6 {
    width: 50%; }
  .gsc_col-lg-5 {
    width: 41.66666667%; }
  .gsc_col-lg-4 {
    width: 33.33333333%; }
  .gsc_col-lg-3 {
    width: 25%; }
  .gsc_col-lg-2 {
    width: 16.66666667%; }
  .gsc_col-lg-1 {
    width: 8.33333333%; }
  /*.gsc_col-lg-pull-12{right:100%;}
  .gsc_col-lg-pull-11{right:91.66666667%;}
  .gsc_col-lg-pull-10{right:83.33333333%;}
  .gsc_col-lg-pull-9{right:75%;}
  .gsc_col-lg-pull-8{right:66.66666667%;}
  .gsc_col-lg-pull-7{right:58.33333333%;}
  .gsc_col-lg-pull-6{right:50%;}
  .gsc_col-lg-pull-5{right:41.66666667%;}
  .gsc_col-lg-pull-4{right:33.33333333%;}
  .gsc_col-lg-pull-3{right:25%;}
  .gsc_col-lg-pull-2{right:16.66666667%;}
  .gsc_col-lg-pull-1{right:8.33333333%;}
  .gsc_col-lg-pull-0{right:auto;}
  .gsc_col-lg-push-12{left:100%;}
  .gsc_col-lg-push-11{left:91.66666667%;}
  .gsc_col-lg-push-10{left:83.33333333%;}
  .gsc_col-lg-push-9{left:75%;}
  .gsc_col-lg-push-8{left:66.66666667%;}
  .gsc_col-lg-push-7{left:58.33333333%;}
  .gsc_col-lg-push-6{left:50%;}
  .gsc_col-lg-push-5{left:41.66666667%;}
  .gsc_col-lg-push-4{left:33.33333333%;}
  .gsc_col-lg-push-3{left:25%;}
  .gsc_col-lg-push-2{left:16.66666667%;}
  .gsc_col-lg-push-1{left:8.33333333%;}
  .gsc_col-lg-push-0{left:auto;}
  .gsc_col-lg-offset-12{margin-left:100%;}
  .gsc_col-lg-offset-11{margin-left:91.66666667%;}
  .gsc_col-lg-offset-10{margin-left:83.33333333%;}
  .gsc_col-lg-offset-9{margin-left:75%;}
  .gsc_col-lg-offset-8{margin-left:66.66666667%;}
  .gsc_col-lg-offset-7{margin-left:58.33333333%;}
  .gsc_col-lg-offset-6{margin-left:50%;}
  .gsc_col-lg-offset-5{margin-left:41.66666667%;}
  .gsc_col-lg-offset-4{margin-left:33.33333333%;}
  .gsc_col-lg-offset-3{margin-left:25%;}
  .gsc_col-lg-offset-2{margin-left:16.66666667%;}
  .gsc_col-lg-offset-1{margin-left:8.33333333%;}
  .gsc_col-lg-offset-0{margin-left:0%;}*/ }

.clearfix:before, .clearfix:after, .gsc_container:before, .gsc_container:after, .gsc_container-fluid:before, .gsc_container-fluid:after, .gsc_row:before, .gsc_row:after {
  content: " ";
  display: table; }

.clearfix:after, .gsc_container:after, .gsc_container-fluid:after, .gsc_row:after {
  clear: both; }

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in grid */
/* Small devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .gsc_container {
    max-width: 98%; }
  .gsc_container {
    padding-left: 10px;
    padding-right: 10px; }
  .gsc_container-fluid {
    padding-left: 10px;
    padding-right: 10px; }
  .gsc_row {
    margin-left: -10px;
    margin-right: -10px; }
  .gsc_col-xs-1, .gsc_col-sm-1, .gsc_col-md-1, .gsc_col-lg-1, .gsc_col-xs-2, .gsc_col-sm-2, .gsc_col-md-2, .gsc_col-lg-2, .gsc_col-xs-3, .gsc_col-sm-3, .gsc_col-md-3, .gsc_col-lg-3, .gsc_col-xs-4, .gsc_col-sm-4, .gsc_col-md-4, .gsc_col-lg-4, .gsc_col-xs-5, .gsc_col-sm-5, .gsc_col-md-5, .gsc_col-lg-5, .gsc_col-xs-6, .gsc_col-sm-6, .gsc_col-md-6, .gsc_col-lg-6, .gsc_col-xs-7, .gsc_col-sm-7, .gsc_col-md-7, .gsc_col-lg-7, .gsc_col-xs-8, .gsc_col-sm-8, .gsc_col-md-8, .gsc_col-lg-8, .gsc_col-xs-9, .gsc_col-sm-9, .gsc_col-md-9, .gsc_col-lg-9, .gsc_col-xs-10, .gsc_col-sm-10, .gsc_col-md-10, .gsc_col-lg-10, .gsc_col-xs-11, .gsc_col-sm-11, .gsc_col-md-11, .gsc_col-lg-11, .gsc_col-xs-12, .gsc_col-sm-12, .gsc_col-md-12, .gsc_col-lg-12 {
    padding-left: 10px;
    padding-right: 10px; } }

/* Medium devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .gsc_container {
    max-width: 98%; } }

/* Large devices (large desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .gsc_container {
    width: 98%;
    max-width: 1280px; } }

/* pages */
/*@import "../../base/include";*/
.deactiveTR {
  opacity: 0.3;
  z-index: 2;
  position: relative; }

.width1 {
  width: 80px; }

.width2 {
  width: 100px; }

.width3 {
  width: 90px; }

.width4 {
  width: 107px; }

.width5 {
  width: 108px; }

.width6 {
  width: 108px; }

.width7 {
  width: 108px; }

.width8 {
  width: 60px; }

.width9 {
  width: 60px; }

@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); }
  40% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px); }
  60% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); } }

a:focus,
a:hover {
  text-decoration: none !important; }

.activeTR {
  opacity: 1;
  z-index: 5;
  position: relative; }

.activeTROverlay {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(255, 255, 255, 0.1);
  width: 100%;
  height: 100%;
  z-index: 1; }

header {
  height: 60px;
  background-image: linear-gradient(to right, #9f78ff, #18a0de);
  width: 100%; }
  header .logo {
    padding-top: 9px;
    display: inline-block;
    padding-left: 20px; }
  header .myContactsBtn {
    margin-top: 12px;
    margin-bottom: 0;
    margin-right: 15px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: rgba(255, 255, 255, 0.5);
    text-transform: initial;
    font-size: 14px;
    font-family: muliregular;
    background: transparent; }
    header .myContactsBtn:hover {
      border: solid 1px #00c8a2; }
  header .sidebarBtn {
    position: relative;
    display: inline-block;
    margin: 18px 10px 0 0; }
    header .sidebarBtn span {
      min-width: 8px;
      border-radius: 8px;
      background-color: #f75d34;
      display: inline-block;
      position: absolute;
      top: 0px;
      left: auto;
      right: -8px;
      color: #fff;
      font-size: 9px;
      font-family: 'mulisemibold';
      text-align: center;
      line-height: 16px;
      padding: 0 5px; }
  header .dealername {
    padding-left: 15px;
    cursor: pointer;
    /*&:hover .logfeat {
            background: $brand-primary;
        }*/ }
    header .dealername .topright {
      display: inline-block;
      margin-right: 10px;
      padding-top: 10px;
      vertical-align: top; }
      header .dealername .topright .usernam {
        font-size: 14px;
        color: #ffffff;
        display: block; }
      header .dealername .topright .dellocat {
        font-size: 12px;
        color: rgba(255, 255, 255, 0.7);
        display: block; }
    header .dealername .logfeat {
      width: 23px;
      vertical-align: top;
      height: 60px;
      background-color: rgba(255, 255, 255, 0.2);
      display: inline-block;
      position: relative;
      cursor: pointer;
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out; }
      header .dealername .logfeat i {
        width: 9px;
        height: 6px;
        background-position: 0 0;
        position: absolute;
        top: 28px;
        left: 7px; }
      header .dealername .logfeat:hover {
        background: #4ac7ec; }
    header .dealername .logfeat.active {
      background: #4ac7ec; }
    header .dealername .logindropdown {
      width: 210px;
      background: #ffffff;
      position: absolute;
      margin-top: 0px;
      border: 1px solid #e6e6e6;
      right: 4px;
      z-index: 999999;
      box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
      border-radius: 3px;
      display: none;
      top: 57px; }
      header .dealername .logindropdown .dropdown_list {
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        transition: all 300ms ease;
        -webkit-transition: all 300ms ease; }
        header .dealername .logindropdown .dropdown_list li a {
          font-size: 14px;
          clear: both;
          font-weight: 400;
          line-height: 1.2;
          color: #464855;
          white-space: nowrap;
          display: inline-block;
          width: 100%;
          padding: 10px 15px 10px 15px;
          box-sizing: border-box;
          -webkit-box-sizing: border-box; }
        header .dealername .logindropdown .dropdown_list li:hover {
          background-color: #f5f7fa; }
        header .dealername .logindropdown .dropdown_list .divider {
          height: 1px;
          margin: 9px 0;
          overflow: hidden;
          background-color: #e6e6e6;
          padding: 0;
          width: 100%; }
      header .dealername .logindropdown .dropdown_list:before,
      header .dealername .logindropdown .dropdown_list:after {
        position: absolute;
        content: "";
        display: inline-block; }
      header .dealername .logindropdown .dropdown_list:before {
        top: -8px;
        right: 30px;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #d8dee4;
        border-left: 8px solid transparent; }
      header .dealername .logindropdown .dropdown_list:after {
        top: -7px;
        right: 30px;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        border-bottom: 7px solid #ffffff; }

/* Main Wrapper Start*/
.wrapper .rightwrap .trackertop .tracktopright .selectnameno .multi-select_option {
  font-size: 11px; }

.wrapper .rightwrap .call_details table.daywisemisscall tbody tr td:first-child {
  border-left: none; }

.wrapper.smslogwrap2 {
  top: -4px; }

.wrapper.communicationconfi .rightwrap .trackertop .trakosuccess {
  position: relative;
  left: 10px;
  top: 0;
  vertical-align: text-top; }

.wrapper {
  width: 100%;
  display: table;
  position: relative;
  top: 0px; }
  .wrapper .menu {
    height: 100%;
    background: #ffffff;
    width: 13%;
    display: table-cell;
    min-width: 213px;
    max-width: 213px;
    position: relative;
    z-index: 9999;
    box-shadow: 1px 0 30px rgba(0, 0, 0, 0.1); }
    .wrapper .menu .menutop {
      width: 100%;
      height: 70px;
      background-color: #f5f5f5;
      position: relative;
      z-index: 9; }
      .wrapper .menu .menutop .today {
        color: #ffffff;
        font-size: 14px;
        display: inline-block;
        padding-top: 24px;
        padding-left: 20px;
        cursor: pointer;
        text-transform: uppercase;
        position: relative;
        width: 80px;
        padding-bottom: 25px; }
        .wrapper .menu .menutop .today i {
          width: 9px;
          height: 6px;
          background-position: 0 0;
          position: absolute;
          top: 31px;
          right: 0; }
      .wrapper .menu .menutop .detailbtn {
        background: #4ac7ec;
        float: right;
        font-size: 12px;
        border-radius: 4px;
        color: #ffffff;
        padding: 6px 5px;
        min-width: 65px;
        text-align: center;
        text-transform: uppercase;
        margin-right: 10px;
        margin-top: 20px;
        transition: all 0.3s ease-in-out;
        box-shadow: 0px 3px 7px 0px rgba(96, 125, 139, 0.35); }
      .wrapper .menu .menutop .detailbtn:hover {
        background: #00c8a2; }
      .wrapper .menu .menutop .todaydropdwn {
        width: 158px;
        background: #ffffff;
        position: absolute;
        margin-top: 0px;
        border: 1px solid #e6e6e6;
        left: 15px;
        z-index: 9;
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
        border-radius: 3px;
        display: none;
        top: 57px; }
        .wrapper .menu .menutop .todaydropdwn .todaydropdwnlist {
          display: inline-block;
          width: 100%;
          vertical-align: middle;
          transition: all 300ms ease;
          -webkit-transition: all 300ms ease; }
          .wrapper .menu .menutop .todaydropdwn .todaydropdwnlist li a {
            font-size: 14px;
            clear: both;
            font-weight: 400;
            line-height: 1.2;
            color: #464855;
            white-space: nowrap;
            display: inline-block;
            width: 100%;
            padding: 10px 20px 10px 20px;
            box-sizing: border-box;
            -webkit-box-sizing: border-box; }
          .wrapper .menu .menutop .todaydropdwn .todaydropdwnlist li:hover {
            background-color: #f3f3f3; }
          .wrapper .menu .menutop .todaydropdwn .todaydropdwnlist .divider {
            height: 1px;
            margin: 9px 0;
            overflow: hidden;
            background-color: #e6e6e6;
            padding: 0;
            width: 100%; }
        .wrapper .menu .menutop .todaydropdwn .todaydropdwnlist:before,
        .wrapper .menu .menutop .todaydropdwn .todaydropdwnlist:after {
          position: absolute;
          content: "";
          display: inline-block; }
        .wrapper .menu .menutop .todaydropdwn .todaydropdwnlist:before {
          top: -8px;
          left: 30px;
          border-right: 8px solid transparent;
          border-bottom: 8px solid #d8dee4;
          border-left: 8px solid transparent; }
        .wrapper .menu .menutop .todaydropdwn .todaydropdwnlist:after {
          top: -7px;
          left: 30px;
          border-right: 7px solid transparent;
          border-left: 7px solid transparent;
          border-bottom: 7px solid #ffffff; }
  .wrapper .menulist li {
    display: table;
    width: 100%;
    padding: 16px 0 16px 20px;
    position: relative;
    border-bottom: solid 1px  #dde4e7;
    box-sizing: border-box; }
    .wrapper .menulist li .left {
      color: #607d8b;
      font-size: 12px;
      letter-spacing: .5px;
      max-width: 55px;
      line-height: 1.3;
      display: table-cell;
      vertical-align: middle; }
    .wrapper .menulist li .right {
      float: right;
      padding-right: 20px;
      font-family: 'mulisemibold';
      font-size: 14px;
      color: #464855;
      vertical-align: middle;
      display: table-cell; }
  .wrapper .rightwrap {
    width: 100%;
    background: #eaf0f7;
    vertical-align: top;
    box-sizing: border-box;
    position: relative;
    display: table-cell;
    top: 0;
    /*Call Detail Page*/ }
    .wrapper .rightwrap .backdashborad {
      float: right; }
      .wrapper .rightwrap .backdashborad .back-btn {
        border: none;
        width: auto;
        background-color: transparent;
        color: #00c8a2;
        font-size: 12px;
        border-radius: 3px;
        font-family: 'mulisemibold';
        box-shadow: none;
        margin-bottom: 0;
        position: relative;
        z-index: 1;
        text-decoration: none;
        text-transform: none;
        transition: all 0.5s ease-in 0s;
        float: right; }
        .wrapper .rightwrap .backdashborad .back-btn i {
          background-position: -1px -46px;
          width: 15px;
          height: 11px;
          margin-right: 8px;
          position: relative;
          top: -2px; }
        .wrapper .rightwrap .backdashborad .back-btn:hover {
          opacity: 0.8;
          background: transparent;
          color: #00c8a2 !important; }
          .wrapper .rightwrap .backdashborad .back-btn:hover i {
            -webkit-animation: bounce 2s infinite;
            animation: bounce 2s infinite; }
    .wrapper .rightwrap.rightgap {
      padding-left: 213px; }
    .wrapper .rightwrap .navtab {
      display: inline-block;
      margin-left: 20px;
      position: relative;
      top: -35px;
      position: absolute;
      left: 0px; }
      .wrapper .rightwrap .navtab li {
        display: inline-block;
        background: rgba(255, 255, 255, 0.3);
        height: 35px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        margin-left: -2px; }
        .wrapper .rightwrap .navtab li a {
          font-size: 14px;
          color: rgba(255, 255, 255, 0.8);
          display: inline-block;
          line-height: 35px;
          padding: 0 20px;
          transition: all 0.3s ease-in-out;
          -webkit-transition: all 0.3s ease-in-out; }
        .wrapper .rightwrap .navtab li a:hover,
        .wrapper .rightwrap .navtab li a.active {
          background: #ffffff;
          border-top-left-radius: 5px;
          border-top-right-radius: 5px;
          color: #464855; }
    .wrapper .rightwrap .historytab {
      padding: 0 0 0 17px;
      position: relative;
      z-index: 1;
      background: #fafafa; }
      .wrapper .rightwrap .historytab a {
        padding: 7px 25px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        display: inline-block;
        color: #90a4ae;
        font-family: 'mulisemibold';
        border: solid 1px transparent; }
      .wrapper .rightwrap .historytab a.active {
        background: #fff;
        color: #8281f8;
        border-color: #8281f8;
        border-bottom-color: #fff;
        position: relative; }
        .wrapper .rightwrap .historytab a.active:before {
          content: "";
          position: absolute;
          left: 0;
          bottom: -2px;
          height: 1px;
          width: 100%;
          background: #fff; }
      .wrapper .rightwrap .historytab a:hover {
        color: #8281f8; }
      .wrapper .rightwrap .historytab.configtab a {
        border-color: #e8e8e8; }
        .wrapper .rightwrap .historytab.configtab a :hover {
          border-color: #e8e8e8; }
    .wrapper .rightwrap .noteicon {
      width: 13px;
      height: 13px;
      cursor: pointer;
      display: inline-block;
      position: relative;
      top: -3px; }
      .wrapper .rightwrap .noteicon i.info {
        background-position: -105px -50px;
        width: 14px;
        height: 14px;
        display: none; }
    .wrapper .rightwrap .iconques i {
      background-position: -80px -50px;
      width: 17px;
      height: 17px; }
    .wrapper .rightwrap .avgscore .notetext {
      background-color: #ffffff;
      border: 1px solid #e1e1e1;
      top: -102px;
      box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.13);
      left: -120px;
      -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.13);
      color: #515151;
      font-size: 12px;
      font-style: normal;
      height: auto;
      line-height: 18px;
      padding: 10px 15px;
      position: absolute;
      visibility: hidden;
      text-align: left;
      width: 200px;
      z-index: 200;
      opacity: 0;
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      border-radius: 3px; }
      .wrapper .rightwrap .avgscore .notetext li {
        height: auto !important;
        margin-right: 0 !important;
        background: #ffffff !important;
        padding: 0 !important;
        width: 100% !important;
        border-bottom: none !important; }
        .wrapper .rightwrap .avgscore .notetext li .floatleft {
          float: left;
          font-size: 12px; }
        .wrapper .rightwrap .avgscore .notetext li .floatright {
          float: right;
          font-size: 12px; }
      .wrapper .rightwrap .avgscore .notetext .notearrow {
        background-position: -103px -28px;
        width: 15px;
        height: 8px;
        position: absolute;
        left: 119px !important;
        bottom: -7px !important; }
    .wrapper .rightwrap .iconques:hover .notetext {
      visibility: visible;
      opacity: 1;
      top: -98px; }
    .wrapper .rightwrap .quickreport .notetext {
      background-color: #ffffff;
      border: 1px solid #e1e1e1;
      bottom: 120%;
      box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.13);
      -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.13);
      color: #515151;
      right: 0;
      font-size: 12px;
      font-style: normal;
      height: auto;
      line-height: 18px;
      padding: 10px 15px;
      position: absolute;
      visibility: hidden;
      text-align: left;
      width: 180px;
      z-index: 200;
      opacity: 0;
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      border-radius: 3px; }
      .wrapper .rightwrap .quickreport .notetext li {
        height: auto !important;
        margin-right: 0 !important;
        background: #ffffff !important;
        padding: 0 !important;
        width: 100% !important;
        border-bottom: none !important; }
        .wrapper .rightwrap .quickreport .notetext li .floatleft {
          float: left;
          font-size: 12px; }
        .wrapper .rightwrap .quickreport .notetext li .floatright {
          float: left;
          font-size: 12px; }
      .wrapper .rightwrap .quickreport .notetext .notearrow {
        background-position: -103px -28px;
        width: 15px;
        height: 8px;
        position: absolute;
        right: 30px;
        bottom: -7px; }
    .wrapper .rightwrap .quickreport li:hover .notetext {
      visibility: visible;
      opacity: 1;
      bottom: 108%; }
    .wrapper .rightwrap .addfilter {
      width: 100%;
      display: inline-block;
      padding: 25px 20px 0px; }
      .wrapper .rightwrap .addfilter .centraldrop {
        width: auto; }
        .wrapper .rightwrap .addfilter .centraldrop label {
          display: inline-block;
          padding-top: 7px;
          vertical-align: top;
          margin-right: 7px;
          color: #464855; }
        .wrapper .rightwrap .addfilter .centraldrop .input-field {
          width: 125px;
          display: inline-block; }
      .wrapper .rightwrap .addfilter .vnfiltr {
        border-bottom: solid 1px #f3f3f3;
        padding-bottom: 23px;
        margin-bottom: 0; }
      .wrapper .rightwrap .addfilter .topdropdown {
        margin-bottom: 23px; }
        .wrapper .rightwrap .addfilter .topdropdown:last-child {
          border-bottom: solid 1px rgba(144, 164, 174, 0.3);
          padding-bottom: 23px;
          margin-bottom: 0; }
      .wrapper .rightwrap .addfilter .selectmenu {
        display: inline-block; }
        .wrapper .rightwrap .addfilter .selectmenu .level2 {
          width: 103px;
          word-wrap: break-word;
          display: inline-block;
          vertical-align: top; }
        .wrapper .rightwrap .addfilter .selectmenu span {
          font-size: 14px;
          line-height: 20px;
          color: #000000;
          margin-right: 14px; }
        .wrapper .rightwrap .addfilter .selectmenu .menulevel {
          display: inline-block;
          position: relative; }
          .wrapper .rightwrap .addfilter .selectmenu .menulevel .vnselect {
            font-size: 20px; }
            .wrapper .rightwrap .addfilter .selectmenu .menulevel .vnselect a {
              display: inline-block;
              margin-right: 20px;
              color: rgba(90, 90, 90, 0.7);
              z-index: 2;
              background: #fff;
              font-family: 'muliregular';
              position: relative;
              width: 140px;
              padding: 5px 21px 6px 10px;
              border: solid 1px #e8e8e8;
              border-radius: 3px;
              height: 33px;
              transition: all 0.4s ease-in-out;
              -webkit-transition: all 0.4s ease-in-out;
              line-height: 1;
              box-sizing: border-box;
              -webkit-box-sizing: border-box; }
              .wrapper .rightwrap .addfilter .selectmenu .menulevel .vnselect a span {
                font-size: 14px;
                line-height: 20px;
                color: rgba(90, 90, 90, 0.7); }
              .wrapper .rightwrap .addfilter .selectmenu .menulevel .vnselect a :after {
                display: inline-block;
                width: 0;
                height: 0;
                content: "";
                margin-left: 2px;
                vertical-align: middle;
                border-top: 5px solid;
                border-right: 5px solid transparent;
                border-left: 5px solid transparent;
                position: absolute;
                right: 13px;
                top: 14px;
                color: #7b7b7b; }
              .wrapper .rightwrap .addfilter .selectmenu .menulevel .vnselect a:hover {
                border: solid 1px #2478AF !important;
                box-shadow: 0 0px 10px 0 rgba(38, 121, 175, 0.5);
                outline: none; }
          .wrapper .rightwrap .addfilter .selectmenu .menulevel .options ul {
            display: none;
            list-style: none;
            padding: 0px 0px;
            position: absolute;
            left: 0px;
            top: 41px;
            width: 137px;
            min-width: 181px;
            border-left: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
            border-right: 1px solid #ddd;
            background: #fff;
            -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
            z-index: 99; }
            .wrapper .rightwrap .addfilter .selectmenu .menulevel .options ul li a {
              padding: 0;
              font-size: 12px;
              display: block;
              text-decoration: none;
              color: #333;
              line-height: 37px;
              height: 37px;
              padding-left: 10px; }
              .wrapper .rightwrap .addfilter .selectmenu .menulevel .options ul li a:hover {
                background: #f0f0f0;
                color: #333;
                transition: 0.2s ease; }
      .wrapper .rightwrap .addfilter .selectlevel {
        display: inline-block; }
        .wrapper .rightwrap .addfilter .selectlevel .level1 {
          width: 54px;
          word-wrap: break-word;
          display: inline-block;
          vertical-align: top; }
        .wrapper .rightwrap .addfilter .selectlevel span {
          font-size: 14px;
          line-height: 20px;
          color: #000000;
          margin-right: 14px; }
        .wrapper .rightwrap .addfilter .selectlevel .citylevel {
          display: inline-block;
          position: relative; }
          .wrapper .rightwrap .addfilter .selectlevel .citylevel .vnselect {
            font-size: 20px; }
            .wrapper .rightwrap .addfilter .selectlevel .citylevel .vnselect a {
              display: inline-block;
              margin-right: 20px;
              color: rgba(90, 90, 90, 0.7);
              z-index: 2;
              background: #fff;
              font-family: 'muliregular';
              position: relative;
              width: 140px;
              padding: 5px 21px 6px 10px;
              border: solid 1px #e8e8e8;
              border-radius: 3px;
              height: 33px;
              transition: all 0.4s ease-in-out;
              -webkit-transition: all 0.4s ease-in-out;
              line-height: 1;
              box-sizing: border-box;
              -webkit-box-sizing: border-box; }
              .wrapper .rightwrap .addfilter .selectlevel .citylevel .vnselect a span {
                font-size: 14px;
                line-height: 20px;
                color: rgba(90, 90, 90, 0.7); }
              .wrapper .rightwrap .addfilter .selectlevel .citylevel .vnselect a :after {
                display: inline-block;
                width: 0;
                height: 0;
                content: "";
                margin-left: 2px;
                vertical-align: middle;
                border-top: 5px solid;
                border-right: 5px solid transparent;
                border-left: 5px solid transparent;
                position: absolute;
                right: 13px;
                top: 14px;
                color: #7b7b7b; }
              .wrapper .rightwrap .addfilter .selectlevel .citylevel .vnselect a:hover {
                border: solid 1px #2478AF !important;
                box-shadow: 0 0px 10px 0 rgba(38, 121, 175, 0.5);
                outline: none; }
          .wrapper .rightwrap .addfilter .selectlevel .citylevel .options ul {
            display: none;
            list-style: none;
            padding: 0px 0px;
            position: absolute;
            left: 0px;
            top: 33px;
            width: 137px;
            min-width: 181px;
            border-left: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
            border-right: 1px solid #ddd;
            background: #fff;
            -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
            z-index: 99; }
            .wrapper .rightwrap .addfilter .selectlevel .citylevel .options ul li a {
              padding: 0;
              font-size: 12px;
              display: block;
              text-decoration: none;
              color: #333;
              line-height: 37px;
              height: 37px;
              padding-left: 10px; }
              .wrapper .rightwrap .addfilter .selectlevel .citylevel .options ul li a:hover {
                background: #f0f0f0;
                color: #333;
                transition: 0.2s ease; }
      .wrapper .rightwrap .addfilter .smssent {
        display: inline-block;
        vertical-align: top;
        margin-right: 25px; }
        .wrapper .rightwrap .addfilter .smssent span {
          font-size: 14px;
          line-height: 1.3;
          color: #464855;
          font-weight: 400;
          width: 100px;
          display: inline-block; }
        .wrapper .rightwrap .addfilter .smssent .smscon {
          width: 73px; }
      .wrapper .rightwrap .addfilter .configsubmit {
        float: none !important; }
      .wrapper .rightwrap .addfilter .filtername {
        display: inline-block;
        position: relative;
        margin-right: 13px;
        color: #464855;
        vertical-align: top;
        margin-bottom: 5px; }
        .wrapper .rightwrap .addfilter .filtername span {
          display: inline-block;
          margin-right: 7px; }
        .wrapper .rightwrap .addfilter .filtername input {
          width: 140px;
          display: inline-block; }
      .wrapper .rightwrap .addfilter .container {
        display: inline-block;
        position: relative;
        padding-left: 25px;
        top: -8px;
        margin-bottom: 15px;
        cursor: pointer;
        font-size: 14px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
        .wrapper .rightwrap .addfilter .container input {
          position: absolute;
          opacity: 0;
          cursor: pointer;
          top: 0px;
          right: 24px;
          height: 16px;
          width: 16px; }
          .wrapper .rightwrap .addfilter .container input:checked ~ .checkmark {
            background-color: #00c8a2;
            border-color: #00c8a2; }
          .wrapper .rightwrap .addfilter .container input:checked ~ .checkmark:after {
            display: block; }
        .wrapper .rightwrap .addfilter .container .checkmark {
          position: absolute;
          top: 0;
          left: 0;
          height: 16px;
          width: 16px;
          background-color: #dde4e7;
          border-radius: 2px;
          border: 1px solid #b5bbbe; }
          .wrapper .rightwrap .addfilter .container .checkmark:after {
            content: "";
            position: absolute;
            display: none; }
        .wrapper .rightwrap .addfilter .container .checkmark:after {
          left: 5px;
          top: 3px;
          width: 4px;
          height: 7px;
          border: solid white;
          border-width: 0 2px 2px 0;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
      .wrapper .rightwrap .addfilter .button {
        vertical-align: top;
        background-color: #ffffff;
        color: #00c8a2;
        font-size: 12px;
        border-radius: 4px;
        border: 1px solid #00c8a2;
        width: 100px;
        text-transform: uppercase;
        font-family: 'mulisemibold';
        margin-bottom: 0;
        position: relative;
        z-index: 1;
        float: right; }
        .wrapper .rightwrap .addfilter .button:hover {
          background: #00bf9b;
          color: #ffffff; }
        .wrapper .rightwrap .addfilter .button.ivrbtn {
          float: none; }
    .wrapper .rightwrap .applyfilter {
      padding: 23px 20px 23px;
      color: #464855; }
      .wrapper .rightwrap .applyfilter span {
        font-size: 14px;
        color: #464855;
        margin-right: 20px; }
      .wrapper .rightwrap .applyfilter .container {
        display: inline-block;
        position: relative;
        padding-left: 40px;
        cursor: pointer;
        font-size: 14px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
        .wrapper .rightwrap .applyfilter .container input {
          position: absolute;
          opacity: 0;
          cursor: pointer;
          top: 2px;
          right: 57px;
          height: 16px;
          width: 16px; }
          .wrapper .rightwrap .applyfilter .container input:checked ~ .checkmark {
            background-color: #00c8a2;
            border-color: #00c8a2; }
          .wrapper .rightwrap .applyfilter .container input:checked ~ .checkmark:after {
            content: '';
            width: 6px;
            height: 6px;
            background-color: #ffffff;
            border-radius: 3px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -3px;
            margin-left: -3px; }
        .wrapper .rightwrap .applyfilter .container .checkmark {
          position: absolute;
          top: 2px;
          left: 13px;
          height: 16px;
          width: 16px;
          background-color: #dde4e7;
          border: 1px solid #b5bbbe;
          border-radius: 10px;
          transition: all 0.3s ease-in-out;
          -webkit-transition: all 0.3s ease-in-out; }
          .wrapper .rightwrap .applyfilter .container .checkmark :after {
            content: "";
            position: absolute;
            display: none; }
        .wrapper .rightwrap .applyfilter .container .checkmark:after {
          top: 9px;
          left: 9px;
          width: 8px;
          height: 8px;
          border-radius: 50%;
          background: white; }
        .wrapper .rightwrap .applyfilter .container :hover input ~ .checkmark {
          background-color: #ccc; }
        .wrapper .rightwrap .applyfilter .container input:checked ~ .checkmark:after {
          display: block; }
      .wrapper .rightwrap .applyfilter .filterdrop {
        width: 170px;
        display: inline-block;
        vertical-align: middle;
        margin: 0 15px; }
        .wrapper .rightwrap .applyfilter .filterdrop .multi-select_field {
          font-size: 14px;
          color: rgba(70, 72, 85, 0.7);
          font-family: 'muliregular';
          border-radius: 4px;
          -webkit-border-radius: 4px;
          border: solid 1px #e8e8e8;
          padding: 5px 21px 6px 10px; }
          .wrapper .rightwrap .applyfilter .filterdrop .multi-select_field.is-empty {
            color: rgba(70, 72, 85, 0.7); }
        .wrapper .rightwrap .applyfilter .filterdrop .multi-select_field.is-empty {
          color: rgba(70, 72, 85, 0.4) !important; }
        .wrapper .rightwrap .applyfilter .filterdrop .multi-select_field:after {
          top: 14px; }
        .wrapper .rightwrap .applyfilter .filterdrop .multi-select_option label {
          width: 120px; }
      .wrapper .rightwrap .applyfilter .levelstep {
        border-radius: 23px;
        height: 23px;
        margin-right: 14px;
        padding: 0 10px;
        font-size: 12px;
        color: rgba(70, 72, 85, 0.7);
        text-align: center;
        line-height: 26px;
        display: inline-block;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        text-transform: capitalize; }
        .wrapper .rightwrap .applyfilter .levelstep i {
          background-position: -98px 2px;
          width: 15px;
          height: 14px;
          margin-left: 0px;
          cursor: pointer;
          opacity: 0.5;
          transition: all 0.3s ease-in-out;
          -webkit-transition: all 0.3s ease-in-out;
          vertical-align: -3px; }
        .wrapper .rightwrap .applyfilter .levelstep:hover {
          color: #464855; }
          .wrapper .rightwrap .applyfilter .levelstep:hover i {
            opacity: 1; }
    .wrapper .rightwrap .trackertop {
      padding: 7px 20px;
      background: #fafafa;
      position: relative;
      display: table;
      width: 100%;
      height: 80px;
      border-bottom: solid 1px #8281f8; }
      .wrapper .rightwrap .trackertop:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background: #fafafa;
        top: 0;
        left: 0;
        border-top-left-radius: 5px; }
      .wrapper .rightwrap .trackertop .vndash {
        display: table-cell;
        vertical-align: middle;
        width: 180px; }
        .wrapper .rightwrap .trackertop .vndash .multiphno {
          width: 180px; }
          .wrapper .rightwrap .trackertop .vndash .multiphno .multi-select_field {
            box-shadow: none; }
        .wrapper .rightwrap .trackertop .vndash .title {
          color: #464855;
          font-size: 12px;
          z-index: 1;
          position: relative;
          font-family: 'mulisemibold';
          font-size: 20px; }
        .wrapper .rightwrap .trackertop .vndash.novnumber .form-group {
          display: none !important; }
      .wrapper .rightwrap .trackertop .alert {
        background: #ffefbb;
        border: 1px solid #ffbd00;
        width: 525px;
        display: inline-block;
        vertical-align: 26px;
        height: 40px;
        border-radius: 4px;
        position: absolute;
        content: "";
        padding: 9px 15px;
        line-height: 20px;
        top: 13px; }
        .wrapper .rightwrap .trackertop .alert i {
          background-position: -2px -142px;
          width: 20px;
          height: 20px;
          margin-right: 10px; }
        .wrapper .rightwrap .trackertop .alert span {
          font-family: 'mulisemibold';
          font-size: 14px;
          color: #bc892e; }
        .wrapper .rightwrap .trackertop .alert .alertmsg {
          color: #bc892e;
          margin-left: 10px;
          font-weight: normal;
          font-family: muliregular; }
      .wrapper .rightwrap .trackertop .trakosuccess {
        background: #dff0d8;
        border: 1px solid #8fba90;
        width: 535px;
        display: inline-block;
        vertical-align: 26px;
        height: 40px;
        border-radius: 4px;
        position: absolute;
        content: "";
        padding: 9px 15px;
        line-height: 20px;
        top: 13px; }
        .wrapper .rightwrap .trackertop .trakosuccess i {
          background-position: -33px -256px;
          width: 20px;
          height: 20px;
          margin-right: 10px; }
        .wrapper .rightwrap .trackertop .trakosuccess span {
          font-family: 'mulisemibold';
          font-size: 14px;
          color: #3d763e; }
        .wrapper .rightwrap .trackertop .trakosuccess .alertmsg {
          color: #3d763e;
          margin-left: 10px;
          font-weight: normal;
          font-family: muliregular; }
      .wrapper .rightwrap .trackertop .trackoerror {
        background: #f2dede;
        border: 1px solid #dca6a5;
        width: 545px;
        display: inline-block;
        vertical-align: 26px;
        height: 40px;
        border-radius: 4px;
        position: absolute;
        content: "";
        padding: 9px 15px;
        line-height: 20px;
        top: 13px; }
        .wrapper .rightwrap .trackertop .trackoerror i {
          background-position: -3px -256px;
          width: 20px;
          height: 20px;
          margin-right: 10px; }
        .wrapper .rightwrap .trackertop .trackoerror span {
          font-family: 'mulisemibold';
          font-size: 14px;
          color: #aa4543; }
        .wrapper .rightwrap .trackertop .trackoerror .alertmsg {
          color: #aa4543;
          margin-left: 10px;
          font-weight: normal;
          font-family: muliregular; }
      .wrapper .rightwrap .trackertop .tracktopright {
        float: right;
        margin: 16px 0; }
        .wrapper .rightwrap .trackertop .tracktopright .selectnameno {
          width: 175px;
          height: 33px;
          display: inline-block;
          vertical-align: top;
          margin-right: 5px;
          position: relative; }
          .wrapper .rightwrap .trackertop .tracktopright .selectnameno .multi-select_field {
            font-size: 14px;
            color: #90a4ae;
            font-family: 'muliregular';
            border-radius: 4px;
            -webkit-border-radius: 4px;
            border: solid 1px #e8e8e8;
            padding: 5px 30px 6px 10px;
            width: 100%;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            box-shadow: 0px 2px 2px 0px rgba(96, 125, 139, 0.15);
            background: #fff; }
          .wrapper .rightwrap .trackertop .tracktopright .selectnameno .multi-select_field:after {
            top: 14px; }
        .wrapper .rightwrap .trackertop .tracktopright .datepicker {
          width: 220px;
          height: 33px;
          display: inline-block;
          vertical-align: top;
          position: relative;
          margin-right: 5px; }
          .wrapper .rightwrap .trackertop .tracktopright .datepicker input[type="text"] {
            font-size: 14px;
            color: #90a4ae;
            font-family: 'muliregular';
            position: relative;
            z-index: 999;
            background: #ffffff; }
        .wrapper .rightwrap .trackertop .tracktopright .datepicker:after {
          display: inline-block;
          width: 0;
          height: 0;
          content: "";
          margin-left: 2px;
          vertical-align: middle;
          border-top: 4px solid;
          border-right: 4px solid transparent;
          border-left: 4px solid transparent;
          position: absolute;
          right: 14px;
          top: 16px;
          color: #7b7b7b;
          z-index: 999; }
        .wrapper .rightwrap .trackertop .tracktopright .button {
          background-color: #ffffff;
          color: #00c8a2;
          font-size: 12px;
          border-radius: 3px;
          border: 1px solid #00c8a2;
          width: 100px;
          text-transform: uppercase;
          font-family: 'mulisemibold';
          margin-bottom: 0;
          position: relative;
          z-index: 1; }
          .wrapper .rightwrap .trackertop .tracktopright .button.back-btn {
            border: none;
            width: auto;
            text-decoration: none;
            text-transform: none;
            transition: all 0.5s ease-in 0s;
            box-shadow: none;
            background: transparent; }
            .wrapper .rightwrap .trackertop .tracktopright .button.back-btn i {
              background-position: -1px -46px;
              width: 15px;
              height: 11px;
              margin-right: 8px;
              position: relative;
              top: -2px; }
            .wrapper .rightwrap .trackertop .tracktopright .button.back-btn:hover {
              opacity: 0.8;
              background: transparent;
              color: #00bf9b !important; }
              .wrapper .rightwrap .trackertop .tracktopright .button.back-btn:hover i {
                -webkit-animation: bounce 2s infinite;
                animation: bounce 2s infinite; }
        .wrapper .rightwrap .trackertop .tracktopright .button:hover {
          background: #00bf9b;
          color: #ffffff; }
      .wrapper .rightwrap .trackertop .vnno {
        display: table-cell;
        width: 108px;
        border-left: solid 1px #e8e8e8;
        padding-left: 10px;
        margin-top: 0;
        font-size: 12px;
        vertical-align: middle;
        position: relative;
        left: 10px; }
        .wrapper .rightwrap .trackertop .vnno span {
          line-height: 1;
          color: #464855; }
          .wrapper .rightwrap .trackertop .vnno span i {
            background-position: -98px 2px;
            width: 15px;
            height: 14px;
            margin-left: 5px;
            cursor: pointer;
            opacity: 0.5;
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            vertical-align: -2px; }
            .wrapper .rightwrap .trackertop .vnno span i:hover {
              opacity: 1; }
    .wrapper .rightwrap .trackertop.headershadow {
      left: 0px;
      padding-left: 230px;
      z-index: 9990;
      border-bottom: none; }
    .wrapper .rightwrap .misscalltable table tr {
      cursor: default !important; }
    .wrapper .rightwrap .numcofigure .callhistory .title {
      top: 6px; }
    .wrapper .rightwrap .numcofigure .callhistory span {
      color: #464855;
      top: 11px;
      line-height: 1;
      position: relative;
      font-size: 12px;
      z-index: 1;
      display: block;
      text-transform: uppercase; }
    .wrapper .rightwrap .numcofigure .vnConPanel {
      padding: 24px 0px 32px 0px;
      border-bottom: 1px solid rgba(144, 164, 174, 0.3);
      margin-bottom: 25px;
      margin-left: 20px;
      margin-right: 20px; }
      .wrapper .rightwrap .numcofigure .vnConPanel .panelmain.panel1 {
        width: 475px;
        display: inline-block;
        vertical-align: top; }
      .wrapper .rightwrap .numcofigure .vnConPanel .panelmain.panel2 {
        width: 430px;
        display: inline-block;
        vertical-align: top; }
      .wrapper .rightwrap .numcofigure .vnConPanel .panelmain.panel3 {
        width: 485px;
        display: inline-block;
        vertical-align: top;
        position: relative; }
        .wrapper .rightwrap .numcofigure .vnConPanel .panelmain.panel3 .file-upload-wrapper .file-upload-input {
          width: calc(100% - 232px) !important;
          background-color: #fff !important;
          border-radius: 4px !important;
          border: solid 1px #e8e8e8 !important;
          box-shadow: 0px 2px 2px 0px rgba(96, 125, 139, 0.15) !important; }
          .wrapper .rightwrap .numcofigure .vnConPanel .panelmain.panel3 .file-upload-wrapper .file-upload-input:hover {
            border: solid 1px #18a0de !important; }
      .wrapper .rightwrap .numcofigure .vnConPanel .panelmain.panel4 {
        width: 485px;
        display: inline-block;
        vertical-align: top; }
      .wrapper .rightwrap .numcofigure .vnConPanel .panelmain .title {
        color: #464855;
        font-size: 16px;
        margin-bottom: 20px; }
        .wrapper .rightwrap .numcofigure .vnConPanel .panelmain .title span {
          font-size: 14px;
          color: rgba(70, 72, 85, 0.4);
          margin-left: 5px; }
      .wrapper .rightwrap .numcofigure .vnConPanel .panel1 {
        margin-bottom: 46px; }
      .wrapper .rightwrap .numcofigure .vnConPanel .panel3 .entertime input {
        width: 95px;
        display: inline-block; }
      .wrapper .rightwrap .numcofigure .vnConPanel .panel3 .entertime span {
        font-size: 14px;
        color: rgba(70, 72, 85, 0.4);
        margin-left: 5px; }
      .wrapper .rightwrap .numcofigure .vnConPanel .updateconfig {
        background: #282828;
        height: 65px;
        width: calc(100% - 13%);
        position: fixed;
        right: 0;
        /*margin-left: 213px;*/
        bottom: 0;
        z-index: 99;
        text-align: center; }
        .wrapper .rightwrap .numcofigure .vnConPanel .updateconfig .button {
          position: relative;
          top: 14px;
          margin-bottom: 0;
          padding: 20px 0;
          max-width: none;
          width: 340px;
          background: #00c8a2;
          color: #ffffff;
          text-transform: uppercase;
          font-family: 'mulisemibold';
          font-size: 16px;
          letter-spacing: 1px; }
          .wrapper .rightwrap .numcofigure .vnConPanel .updateconfig .button:hover {
            background: #00bf9b; }
        .wrapper .rightwrap .numcofigure .vnConPanel .updateconfig .button.disabled {
          position: relative;
          top: 14px;
          margin-bottom: 0;
          height: 40px;
          line-height: 40px;
          max-width: none;
          width: 340px;
          padding: 0;
          background: rgba(255, 255, 255, 0.15);
          color: rgba(255, 255, 255, 0.15);
          text-transform: uppercase;
          font-family: 'mulisemibold';
          font-size: 16px;
          letter-spacing: 1px;
          pointer-events: none;
          cursor: default; }
    .wrapper .rightwrap .numcofigure .addholidayswrp {
      margin-left: 20px;
      margin-right: 20px;
      padding: 0; }
      .wrapper .rightwrap .numcofigure .addholidayswrp .title {
        font-size: 20px;
        color: #464855;
        display: inline-block; }
      .wrapper .rightwrap .numcofigure .addholidayswrp .cal-btn {
        float: right;
        max-width: 137px;
        color: #00c8a2;
        border: 1px solid #00c8a2;
        border-radius: 3px;
        background: #fff; }
        .wrapper .rightwrap .numcofigure .addholidayswrp .cal-btn i {
          background-position: -106px -168px;
          position: relative;
          top: -2px;
          width: 18px;
          height: 18px;
          margin-right: 11px; }
        .wrapper .rightwrap .numcofigure .addholidayswrp .cal-btn:hover {
          color: #ffffff;
          border-color: #00c8a2;
          background: #00c8a2; }
          .wrapper .rightwrap .numcofigure .addholidayswrp .cal-btn:hover i {
            background-position: -31px -142px; }
    .wrapper .rightwrap .callhistory {
      height: 56px;
      background: #ffffff;
      width: 100%;
      display: inline-block;
      border-bottom: solid 1px #f3f3f3;
      padding: 0 20px 0 20px;
      position: relative; }
      .wrapper .rightwrap .callhistory .title {
        font-size: 20px;
        color: #464855;
        display: inline-block;
        line-height: 1;
        padding-top: 0;
        position: relative;
        top: 16px; }
      .wrapper .rightwrap .callhistory .color_box {
        display: inline-block;
        margin-left: 45px;
        vertical-align: middle;
        position: relative;
        top: 13px; }
        .wrapper .rightwrap .callhistory .color_box ul {
          display: inline-block;
          vertical-align: middle; }
          .wrapper .rightwrap .callhistory .color_box ul li {
            display: inline-block;
            vertical-align: middle;
            margin-bottom: 0; }
            .wrapper .rightwrap .callhistory .color_box ul li .colplate {
              width: 10px;
              height: 10px;
              position: absolute;
              border-radius: 5px;
              float: left;
              margin-top: 4px; }
            .wrapper .rightwrap .callhistory .color_box ul li .calltext {
              padding: 0 20px 0px 17px;
              font-size: 14px;
              color: #464855; }
      .wrapper .rightwrap .callhistory .historylink {
        float: right;
        background: #ffffff;
        border-radius: 5px;
        display: inline-block;
        padding: 0;
        box-shadow: 0px 3px 5px 0px rgba(96, 125, 139, 0.25);
        margin-top: 10px; }
        .wrapper .rightwrap .callhistory .historylink a {
          float: left;
          text-transform: uppercase;
          padding: 6px 0px 4px 0px;
          width: 65px;
          color: #90a4ae;
          border-right: solid 1px #6967ce;
          transition: all 0.3s ease-in-out;
          -webkit-transition: all 0.3s ease-in-out;
          text-align: center; }
        .wrapper .rightwrap .callhistory .historylink a:last-child {
          border-right: none;
          border-top-right-radius: 3px;
          border-bottom-right-radius: 3px; }
        .wrapper .rightwrap .callhistory .historylink a:first-child {
          border-top-left-radius: 3px;
          border-bottom-left-radius: 3px; }
        .wrapper .rightwrap .callhistory .historylink a:hover,
        .wrapper .rightwrap .callhistory .historylink a.active {
          background: #6967ce;
          color: #ffffff;
          border-right-color: transparent; }
      .wrapper .rightwrap .callhistory .primaryButton {
        float: right;
        margin-top: 10px; }
      .wrapper .rightwrap .callhistory .secondaryButton {
        float: right;
        margin-top: 14px; }
        .wrapper .rightwrap .callhistory .secondaryButton.map-btn {
          max-width: 189px;
          font-family: 'mulisemibold';
          color: #18a0de;
          border-radius: 3px; }
          .wrapper .rightwrap .callhistory .secondaryButton.map-btn i {
            background-position: -2px -835px;
            width: 30px;
            height: 34px; }
          .wrapper .rightwrap .callhistory .secondaryButton.map-btn:hover i {
            background-position: -34px -835px; }
        .wrapper .rightwrap .callhistory .secondaryButton.cal-btn {
          max-width: 137px;
          font-family: 'mulisemibold';
          color: #f75d34;
          border: 1px solid #f75d34;
          border-radius: 3px; }
          .wrapper .rightwrap .callhistory .secondaryButton.cal-btn:hover {
            color: #fff; }
          .wrapper .rightwrap .callhistory .secondaryButton.cal-btn i {
            background-position: -83px -142px;
            position: relative;
            top: -2px;
            width: 18px;
            height: 18px; }
          .wrapper .rightwrap .callhistory .secondaryButton.cal-btn:hover i {
            background-position: -31px -142px; }
        .wrapper .rightwrap .callhistory .secondaryButton i {
          background-position: -53px -710px;
          width: 30px;
          height: 34px;
          margin-right: 11px;
          position: relative;
          top: -3px; }
        .wrapper .rightwrap .callhistory .secondaryButton:hover i {
          background-position: -87px -710px; }
    .wrapper .rightwrap .selectdate {
      width: 100%;
      padding: 25px 20px 0 20px; }
      .wrapper .rightwrap .selectdate span {
        font-size: 14px;
        line-height: 20px;
        color: #464855;
        margin-right: 14px; }
      .wrapper .rightwrap .selectdate .datepicker {
        width: 230px;
        display: inline-block;
        position: relative; }
        .wrapper .rightwrap .selectdate .datepicker .dateic {
          background-position: -57px -80px;
          width: 18px;
          height: 18px;
          position: absolute;
          top: 8px;
          right: 10px;
          cursor: pointer; }
      .wrapper .rightwrap .selectdate .datedropdown {
        position: relative;
        display: inline-block; }
        .wrapper .rightwrap .selectdate .datedropdown .vnselect {
          font-size: 20px; }
          .wrapper .rightwrap .selectdate .datedropdown .vnselect a {
            display: inline-block;
            margin-right: 13px;
            color: rgba(90, 90, 90, 0.7);
            z-index: 2;
            background: #fff;
            font-family: 'muliregular';
            position: relative;
            width: 150px;
            padding: 5px 21px 6px 10px;
            border: solid 1px #e8e8e8;
            border-radius: 3px;
            height: 23px;
            transition: all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out;
            line-height: 1; }
            .wrapper .rightwrap .selectdate .datedropdown .vnselect a span {
              font-size: 14px;
              line-height: 20px;
              color: rgba(90, 90, 90, 0.7); }
            .wrapper .rightwrap .selectdate .datedropdown .vnselect a:after {
              display: inline-block;
              width: 0;
              height: 0;
              content: "";
              margin-left: 2px;
              vertical-align: middle;
              border-top: 5px solid;
              border-right: 5px solid transparent;
              border-left: 5px solid transparent;
              position: absolute;
              right: 13px;
              top: 14px;
              color: #7b7b7b; }
            .wrapper .rightwrap .selectdate .datedropdown .vnselect a:hover {
              border: solid 1px #2478AF !important;
              box-shadow: 0 0px 10px 0 rgba(38, 121, 175, 0.5);
              outline: none; }
        .wrapper .rightwrap .selectdate .datedropdown .options ul {
          display: none;
          list-style: none;
          padding: 0px 0px;
          position: absolute;
          left: 0px;
          top: 36px;
          width: auto;
          min-width: 181px;
          border-left: 1px solid #ddd;
          border-bottom: 1px solid #ddd;
          border-right: 1px solid #ddd;
          background: #fff;
          -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
          z-index: 1; }
          .wrapper .rightwrap .selectdate .datedropdown .options ul li a {
            padding: 0;
            font-size: 12px;
            display: block;
            text-decoration: none;
            color: #333;
            line-height: 37px;
            height: 37px;
            padding-left: 10px; }
            .wrapper .rightwrap .selectdate .datedropdown .options ul li a:hover {
              background: #f0f0f0;
              color: #333;
              transition: 0.2s ease; }
      .wrapper .rightwrap .selectdate .button {
        background-color: transparent;
        color: #00c8a2;
        font-size: 12px;
        border-radius: 3px;
        border: 1px solid #00c8a2;
        width: 100px;
        text-transform: uppercase;
        font-family: 'mulisemibold';
        margin-bottom: 0;
        position: relative;
        z-index: 1;
        margin-left: 26px; }
        .wrapper .rightwrap .selectdate .button:hover {
          background: #00bf9b;
          color: #ffffff; }
    .wrapper .rightwrap .selectedvn {
      padding: 10px 20px;
      border-bottom: solid 1px #e8e8e8; }
      .wrapper .rightwrap .selectedvn .mainno {
        font-size: 14px;
        color: #464855; }
      .wrapper .rightwrap .selectedvn .relatedno {
        font-size: 12px;
        color: rgba(70, 72, 85, 0.4);
        margin-right: 10px; }
        .wrapper .rightwrap .selectedvn .relatedno i {
          background-position: -100px -1px;
          width: 10px;
          height: 10px;
          margin-left: 0px;
          cursor: pointer;
          opacity: 0.5; }
          .wrapper .rightwrap .selectedvn .relatedno i:hover {
            opacity: 1; }
        .wrapper .rightwrap .selectedvn .relatedno .name {
          color: #666666; }
    .wrapper .rightwrap .piechartpanel {
      padding-top: 0;
      display: inline-block;
      padding-left: 20px;
      padding-right: 20px;
      width: 100%;
      margin-bottom: 20px;
      margin-top: 20px; }
      .wrapper .rightwrap .piechartpanel .graph {
        float: left;
        width: 30%;
        position: relative;
        min-width: 305px;
        min-height: 370px; }
        .wrapper .rightwrap .piechartpanel .graph img {
          width: 100%; }
      .wrapper .rightwrap .piechartpanel .teamperform {
        padding-top: 30px;
        float: left;
        margin-left: 9%;
        position: relative;
        width: 22%;
        z-index: 9; }
        .wrapper .rightwrap .piechartpanel .teamperform .title {
          font-size: 16px;
          color: #464855;
          margin-bottom: 15px; }
        .wrapper .rightwrap .piechartpanel .teamperform .perforlist {
          width: 338px;
          display: inline-block; }
          .wrapper .rightwrap .piechartpanel .teamperform .perforlist li {
            margin-bottom: 20px;
            display: inline-block;
            width: 100%; }
            .wrapper .rightwrap .piechartpanel .teamperform .perforlist li .colplate {
              width: 17px;
              height: 17px;
              margin-right: 15px;
              border-radius: 3px;
              float: left;
              margin-top: 3px; }
            .wrapper .rightwrap .piechartpanel .teamperform .perforlist li .graphpoint {
              font-size: 14px;
              color: #607d8b;
              float: left;
              width: 104px; }
            .wrapper .rightwrap .piechartpanel .teamperform .perforlist li .agents {
              font-size: 14px;
              color: rgba(70, 72, 85, 0.4); }
          .wrapper .rightwrap .piechartpanel .teamperform .perforlist .individul {
            padding-left: 33px;
            width: 100%;
            display: inline-block; }
            .wrapper .rightwrap .piechartpanel .teamperform .perforlist .individul .left {
              width: 100px;
              display: inline-block; }
            .wrapper .rightwrap .piechartpanel .teamperform .perforlist .individul .right {
              color: rgba(70, 72, 85, 0.4); }
        .wrapper .rightwrap .piechartpanel .teamperform .avgscore {
          margin-top: 20px;
          font-size: 16px;
          color: #464855; }
          .wrapper .rightwrap .piechartpanel .teamperform .avgscore span {
            display: block;
            font-size: 50px;
            color: #464855;
            font-family: 'mulibold';
            line-height: 1; }
      .wrapper .rightwrap .piechartpanel .quickreport {
        padding-top: 30px;
        width: 35%;
        height: auto;
        position: relative;
        float: right; }
        .wrapper .rightwrap .piechartpanel .quickreport ul li {
          position: relative;
          float: left;
          font-size: 12px;
          color: #464855;
          text-align: center;
          width: 28%;
          height: 112px;
          border-radius: 4px;
          background-color: #fafafa;
          margin-right: 22px;
          margin-bottom: 10px;
          padding: 20px 10px 0 10px;
          box-shadow: 0px 3px 5px 0px rgba(96, 125, 139, 0.25);
          box-sizing: border-box; }
          .wrapper .rightwrap .piechartpanel .quickreport ul li .colmnvalue {
            font-size: 20px;
            color: #464855;
            font-family: 'mulisemibold';
            display: block;
            position: absolute;
            bottom: 15px;
            left: 0;
            right: 0;
            line-height: 1; }
          .wrapper .rightwrap .piechartpanel .quickreport ul li .missed_red {
            color: #ff0200; }
          .wrapper .rightwrap .piechartpanel .quickreport ul li .col_yellow {
            color: #fdb901; }
          .wrapper .rightwrap .piechartpanel .quickreport ul li .strong {
            color: #464855;
            font-size: 12px;
            position: static; }
          .wrapper .rightwrap .piechartpanel .quickreport ul li:nth-child(3n + 3) {
            margin-right: 0; }
          .wrapper .rightwrap .piechartpanel .quickreport ul li:last-child {
            padding-top: 10px; }
        .wrapper .rightwrap .piechartpanel .quickreport ul li.active.red {
          color: #ff0200; }
          .wrapper .rightwrap .piechartpanel .quickreport ul li.active.red .colmnvalue {
            color: #ff0200; }
          .wrapper .rightwrap .piechartpanel .quickreport ul li.active.red span {
            color: #ff0200; }
        .wrapper .rightwrap .piechartpanel .quickreport ul li.active.green {
          color: #388E3C; }
          .wrapper .rightwrap .piechartpanel .quickreport ul li.active.green span {
            color: #388E3C; }
        .wrapper .rightwrap .piechartpanel .quickreport ul li.active.yellow {
          color: #fdb901; }
          .wrapper .rightwrap .piechartpanel .quickreport ul li.active.yellow span {
            color: #fdb901; }
        .wrapper .rightwrap .piechartpanel .quickreport ul li.active.darkyelow {
          color: #fdb901; }
          .wrapper .rightwrap .piechartpanel .quickreport ul li.active.darkyelow span {
            color: #fdb901; }
          .wrapper .rightwrap .piechartpanel .quickreport ul li.active.darkyelow .colmnvalue {
            color: #fdb901; }
        .wrapper .rightwrap .piechartpanel .quickreport ul li.active.orange {
          color: #eb7f3f; }
          .wrapper .rightwrap .piechartpanel .quickreport ul li.active.orange span {
            color: #eb7f3f; }
    .wrapper .rightwrap .call_details {
      background: #ffffff;
      width: calc(100% - 40px);
      margin: 30px 20px 30px 20px;
      text-align: center;
      border-radius: 4px; }
      .wrapper .rightwrap .call_details .plusminus {
        cursor: pointer;
        position: absolute;
        right: 5px;
        top: 12px;
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url(../images/plusicon.png) no-repeat; }
        .wrapper .rightwrap .call_details .plusminus.active {
          background: url(../images/minusicon.png) no-repeat; }
      .wrapper .rightwrap .call_details table tr th.menuselected {
        padding-left: 10px;
        text-align: left; }
      .wrapper .rightwrap .call_details table tr th.head_text {
        padding-left: 0; }
        .wrapper .rightwrap .call_details table tr th.head_text.width3 {
          width: 140px; }
      .wrapper .rightwrap .call_details.config_details {
        margin-top: 0px;
        position: relative;
        overflow: hidden; }
        .wrapper .rightwrap .call_details.config_details.holidaytbl {
          margin-top: 24px;
          margin-bottom: 90px; }
          .wrapper .rightwrap .call_details.config_details.holidaytbl table tr td .editname {
            width: auto;
            height: 33px; }
            .wrapper .rightwrap .call_details.config_details.holidaytbl table tr td .editname input {
              color: rgba(90, 90, 90, 0.7);
              font-weight: normal;
              width: 200px;
              height: 33px;
              text-align: left;
              padding: 0 13px; }
              .wrapper .rightwrap .call_details.config_details.holidaytbl table tr td .editname input:hover {
                border: solid 1px #18a0de; }
        .wrapper .rightwrap .call_details.config_details table tr.activeTR td {
          z-index: 5;
          position: relative;
          padding-top: 14px;
          padding-bottom: 14px; }
          .wrapper .rightwrap .call_details.config_details table tr.activeTR td .editable {
            display: inline-block; }
          .wrapper .rightwrap .call_details.config_details table tr.activeTR td .valueAvalable.editable {
            display: inline-block; }
        .wrapper .rightwrap .call_details.config_details table tr.activeTR td .defaultActive {
          display: none; }
        .wrapper .rightwrap .call_details.config_details table tr td:first-child {
          border-left: none; }
        .wrapper .rightwrap .call_details.config_details table tr td:nth-child(4) a,
        .wrapper .rightwrap .call_details.config_details table tr td:nth-child(5) a {
          cursor: default; }
        .wrapper .rightwrap .call_details.config_details table tr td .editable {
          display: none; }
        .wrapper .rightwrap .call_details.config_details table tr td .valueAvalable.editable {
          display: none; }
        .wrapper .rightwrap .call_details.config_details table tr td .editname {
          width: auto;
          height: 28px; }
          .wrapper .rightwrap .call_details.config_details table tr td .editname.mobileno {
            margin: 0 auto;
            width: 90%; }
            .wrapper .rightwrap .call_details.config_details table tr td .editname.mobileno input {
              font-weight: normal;
              font-family: 'muliregular'; }
          .wrapper .rightwrap .call_details.config_details table tr td .editname.emailfield input {
            font-family: 'muliregular'; }
          .wrapper .rightwrap .call_details.config_details table tr td .editname input {
            text-align: left;
            padding: 0px;
            height: 27px;
            padding-left: 10px;
            padding-right: 10px;
            font-size: 14px;
            line-height: 27px; }
        .wrapper .rightwrap .call_details.config_details table tr td a.button {
          background-color: transparent;
          color: #00c8a2;
          font-size: 12px;
          border-radius: 3px;
          border: 1px solid #00c8a2;
          width: auto;
          padding: 0 15px;
          line-height: 23px;
          height: auto;
          text-transform: uppercase;
          font-family: 'mulisemibold';
          margin-bottom: 0;
          position: relative;
          z-index: 1;
          text-decoration: none;
          box-shadow: 0px 3px 5px 0px rgba(0, 160, 130, 0.2); }
          .wrapper .rightwrap .call_details.config_details table tr td a.button.savebtn {
            width: 62px;
            height: 27px;
            line-height: 27px; }
          .wrapper .rightwrap .call_details.config_details table tr td a.button:hover {
            background: #00bf9b;
            color: #ffffff; }
        .wrapper .rightwrap .call_details.config_details table tr td .close {
          background-position: -19px -108px;
          width: 24px;
          transition: all 0.4s ease-in-out;
          height: 24px;
          margin: 0 auto;
          cursor: pointer; }
          .wrapper .rightwrap .call_details.config_details table tr td .close:hover {
            opacity: 0.5; }
        .wrapper .rightwrap .call_details.config_details table tr td .activeconnect label {
          display: inline-block;
          width: 27px;
          position: relative;
          margin-left: 0px; }
          .wrapper .rightwrap .call_details.config_details table tr td .activeconnect label.activelabel {
            width: 78px;
            margin-left: -12px;
            margin-right: -10px; }
        .wrapper .rightwrap .call_details.config_details table tr td .activeconnect [type=radio] {
          width: 88%;
          height: 100%;
          position: absolute;
          left: 0px;
          top: 0px;
          opacity: 0; }
          .wrapper .rightwrap .call_details.config_details table tr td .activeconnect [type=radio]:checked ~ span,
          .wrapper .rightwrap .call_details.config_details table tr td .activeconnect [type=radio][checked=checked] ~ span {
            background-color: #ffffff; }
        .wrapper .rightwrap .call_details.config_details table tr td .activeconnect span {
          display: inline-block;
          border: 1px solid #b5bbbe;
          background-color: #dde4e7;
          height: 27px;
          width: 73%; }
          .wrapper .rightwrap .call_details.config_details table tr td .activeconnect span.offstatus {
            border-radius: 0px 4px 4px 0px;
            margin-left: -3px; }
          .wrapper .rightwrap .call_details.config_details table tr td .activeconnect span.onstatus {
            border-radius: 4px 0px 0px 4px; }
        .wrapper .rightwrap .call_details.config_details table tr td .valueAvalable {
          display: inline-block;
          position: relative;
          padding-left: 40px;
          margin-bottom: 12px;
          cursor: pointer;
          font-size: 14px;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          top: 0;
          left: 13px; }
          .wrapper .rightwrap .call_details.config_details table tr td .valueAvalable input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            top: 0px;
            right: 24px;
            height: 16px;
            width: 16px; }
            .wrapper .rightwrap .call_details.config_details table tr td .valueAvalable input:checked ~ .checkmark {
              background-color: #00c8a2;
              border-color: #00c8a2; }
            .wrapper .rightwrap .call_details.config_details table tr td .valueAvalable input:checked ~ .checkmark:after {
              display: block; }
          .wrapper .rightwrap .call_details.config_details table tr td .valueAvalable .checkmark {
            position: absolute;
            top: 0;
            left: 0;
            height: 16px;
            width: 16px;
            background-color: #dde4e7;
            border-radius: 2px;
            border: 1px solid #b5bbbe;
            transition: all 0.4s ease-in-out; }
            .wrapper .rightwrap .call_details.config_details table tr td .valueAvalable .checkmark:after {
              content: "";
              position: absolute;
              display: none; }
          .wrapper .rightwrap .call_details.config_details table tr td .valueAvalable .checkmark:after {
            left: 4px;
            top: 2px;
            width: 4px;
            height: 7px;
            border: solid white;
            border-width: 0 2px 2px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            box-sizing: unset;
            -webkit-box-sizing: unset; }
      .wrapper .rightwrap .call_details table {
        width: 100%;
        border-bottom: solid 1px #e6e6e6; }
        .wrapper .rightwrap .call_details table tr {
          border-bottom: 1px solid #dde4e7; }
          .wrapper .rightwrap .call_details table tr tr {
            border-bottom: none; }
          .wrapper .rightwrap .call_details table tr th {
            height: 54px;
            font-size: 14px;
            font-weight: normal;
            font-family: "mulisemibold";
            color: #464855;
            position: relative;
            cursor: pointer; }
          .wrapper .rightwrap .call_details table tr td {
            padding: 15px 0;
            border-left: solid 1px  #dde4e7;
            position: relative; }
            .wrapper .rightwrap .call_details table tr td a {
              text-decoration: underline;
              color: #6967ce; }
              .wrapper .rightwrap .call_details table tr td a:hover {
                text-decoration: none; }
            .wrapper .rightwrap .call_details table tr td.dataTables_empty {
              text-align: left;
              height: 68px;
              line-height: 68px;
              padding-left: 20px !important; }
          .wrapper .rightwrap .call_details table tr td:first-child,
          .wrapper .rightwrap .call_details table tr th:first-child {
            text-align: left;
            padding-left: 20px; }
          .wrapper .rightwrap .call_details table tr td:first-child {
            font-family: "mulisemibold";
            border-left: none; }
          .wrapper .rightwrap .call_details table tr td span {
            display: block;
            font-weight: normal;
            font-size: 12px;
            color: rgba(0, 0, 0, 0.4) !important; }
        .wrapper .rightwrap .call_details table .day_call td:first-child {
          color: #ff0200;
          border-left: #ff0200 3px solid; }
          .wrapper .rightwrap .call_details table .day_call td:first-child .tringicon {
            width: 0px;
            height: 0px;
            border-left: 5px solid #ff0200;
            border-bottom: 5px solid transparent;
            border-top: 5px solid transparent;
            position: absolute;
            left: 0;
            bottom: 23px; }
        .wrapper .rightwrap .call_details table thead tr {
          /*border-bottom: 2px solid rgba(144, 164, 174, 0.3);*/ }
        .wrapper .rightwrap .call_details table tbody tr:nth-child(even) {
          /*background: $brand-bg;*/ }
          .wrapper .rightwrap .call_details table tbody tr:nth-child(even) td.dotborder {
            border-top: dotted 1px #cbcbc3; }
            .wrapper .rightwrap .call_details table tbody tr:nth-child(even) td.dotborder.menus-col {
              padding: 0px; }
        .wrapper .rightwrap .call_details table tbody tr:nth-child(odd) {
          background: #ffffff; }
        .wrapper .rightwrap .call_details table tbody tr.blink {
          background: rgba(56, 142, 60, 0.16); }
        .wrapper .rightwrap .call_details table tbody tr td:first-child {
          border-left: #fdb901 3px solid;
          text-transform: capitalize; }
        .wrapper .rightwrap .call_details table tbody tr:hover {
          background: #f5f7fa;
          cursor: default; }
        .wrapper .rightwrap .call_details table tbody tr.minscore td:first-child {
          color: #ff0200;
          border-left: #ff0200 3px solid; }
          .wrapper .rightwrap .call_details table tbody tr.minscore td:first-child .tringicon {
            width: 0px;
            height: 0px;
            border-left: 5px solid #ff0200;
            border-bottom: 5px solid transparent;
            border-top: 5px solid transparent;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%); }
        .wrapper .rightwrap .call_details table tbody tr.green_line td:first-child {
          border-left: #388E3C 3px solid;
          color: #388E3C; }
          .wrapper .rightwrap .call_details table tbody tr.green_line td:first-child .tringicon {
            width: 0px;
            height: 0px;
            border-left: 5px solid #388E3C;
            border-bottom: 5px solid transparent;
            border-top: 5px solid transparent;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%); }
      .wrapper .rightwrap .call_details .agentname {
        font-family: "mulisemibold";
        color: #464855;
        position: relative;
        font-size: 14px;
        cursor: pointer;
        padding-right: 15px; }
      .wrapper .rightwrap .call_details .icontable {
        background-position: -114px -2px;
        width: 7px;
        height: 5px;
        position: relative;
        left: 5px;
        top: -2px; }
      .wrapper .rightwrap .call_details .icontable2 {
        background-position: -102px -12px;
        width: 7px;
        height: 11px;
        position: relative;
        left: 5px;
        top: -2px; }
      .wrapper .rightwrap .call_details .namedropdown {
        width: 190px;
        background: #ffffff;
        position: absolute;
        margin-top: 0px;
        border: 1px solid #e6e6e6;
        left: 5px;
        z-index: 9;
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
        border-radius: 3px;
        top: 47px;
        display: none;
        max-height: 200px;
        overflow-x: hidden;
        overflow-y: auto; }
        .wrapper .rightwrap .call_details .namedropdown li {
          padding: 0 5px; }
          .wrapper .rightwrap .call_details .namedropdown li label {
            color: #333;
            font-size: 12px;
            cursor: pointer;
            display: block;
            padding: 5px 0;
            padding-bottom: 10px; }
            .wrapper .rightwrap .call_details .namedropdown li label input {
              display: inline-block;
              position: relative;
              cursor: pointer;
              top: 5px;
              margin-right: 11px;
              z-index: 101;
              height: 16px; }
            .wrapper .rightwrap .call_details .namedropdown li label span {
              position: relative;
              vertical-align: 1px;
              cursor: pointer;
              width: 131px;
              display: inline-block;
              vertical-align: middle;
              line-height: 1.4; }
            .wrapper .rightwrap .call_details .namedropdown li label input:checked:after {
              background: url(../images/box-checked.svg) no-repeat;
              content: "";
              height: 16px;
              width: 16px;
              position: absolute; }
            .wrapper .rightwrap .call_details .namedropdown li label input:before {
              background: url(../images/box.svg) no-repeat;
              content: "";
              height: 16px;
              width: 16px;
              position: absolute;
              cursor: pointer; }
        .wrapper .rightwrap .call_details .namedropdown li:hover {
          background-color: #f5f7fa; }
      .wrapper .rightwrap .call_details .clicktablehead {
        cursor: pointer; }
      .wrapper .rightwrap .call_details .pagintion {
        float: left;
        margin: 15px 0 15px 25px; }
        .wrapper .rightwrap .call_details .pagintion a {
          text-transform: uppercase;
          color: #464855;
          font-size: 14px; }
          .wrapper .rightwrap .call_details .pagintion a:hover {
            color: #18a0de; }
        .wrapper .rightwrap .call_details .pagintion ul {
          display: inline-block;
          margin: 0 10px; }
          .wrapper .rightwrap .call_details .pagintion ul li {
            display: inline-block;
            margin-right: 5px; }
            .wrapper .rightwrap .call_details .pagintion ul li a {
              background: #fff;
              border-radius: 5px;
              color: #607d8b;
              padding: 4px 10px;
              display: inline-block;
              border: solid 1px rgba(144, 164, 174, 0.3);
              line-height: 20px; }
              .wrapper .rightwrap .call_details .pagintion ul li a:hover {
                border-color: #18a0de; }
              .wrapper .rightwrap .call_details .pagintion ul li a.active {
                background: #18a0de;
                border-color: #18a0de;
                color: #fff; }
    .wrapper .rightwrap .daymonthresult .call_details table td:first-child {
      border-left: none; }
    .wrapper .rightwrap .graph2 {
      width: 100%;
      text-align: center;
      position: relative; }
    .wrapper .rightwrap .call_details.nodetable {
      margin-top: 10px; }
      .wrapper .rightwrap .call_details.nodetable table td[colspan="7"] .nopad table tr td:first-child {
        border-left: 3px solid transparent; }
      .wrapper .rightwrap .call_details.nodetable table td[colspan="7"] .nopad .minscore td:nth-child(1) {
        border-left: #ff0200 3px solid; }
      .wrapper .rightwrap .call_details.nodetable table td:first-child {
        border-left: none; }
      .wrapper .rightwrap .call_details.nodetable table .nodetablestep2,
      .wrapper .rightwrap .call_details.nodetable table .nodetablestep3 {
        border-bottom: none; }
        .wrapper .rightwrap .call_details.nodetable table .nodetablestep2 tr:nth-child(even),
        .wrapper .rightwrap .call_details.nodetable table .nodetablestep3 tr:nth-child(even) {
          background: transparent; }
        .wrapper .rightwrap .call_details.nodetable table .nodetablestep2 tr:nth-child(odd),
        .wrapper .rightwrap .call_details.nodetable table .nodetablestep3 tr:nth-child(odd) {
          background: transparent; }
        .wrapper .rightwrap .call_details.nodetable table .nodetablestep2 tr .selectedrecord.activeTR,
        .wrapper .rightwrap .call_details.nodetable table .nodetablestep3 tr .selectedrecord.activeTR {
          background: #f2f2f2;
          cursor: default; }
        .wrapper .rightwrap .call_details.nodetable table .nodetablestep2 tr .selectedrecord td,
        .wrapper .rightwrap .call_details.nodetable table .nodetablestep3 tr .selectedrecord td {
          width: 100px;
          padding-left: 0px; }
          .wrapper .rightwrap .call_details.nodetable table .nodetablestep2 tr .selectedrecord td:first-child,
          .wrapper .rightwrap .call_details.nodetable table .nodetablestep3 tr .selectedrecord td:first-child {
            padding-left: 5px;
            padding-right: 5px; }
        .wrapper .rightwrap .call_details.nodetable table .nodetablestep2 td:first-child,
        .wrapper .rightwrap .call_details.nodetable table .nodetablestep3 td:first-child {
          text-align: left;
          padding-left: 10px; }
        .wrapper .rightwrap .call_details.nodetable table .nodetablestep2 td.levelblock,
        .wrapper .rightwrap .call_details.nodetable table .nodetablestep3 td.levelblock {
          text-align: left;
          padding-left: 10px; }
        .wrapper .rightwrap .call_details.nodetable table .nodetablestep2 tr.agentrecord td:first-child,
        .wrapper .rightwrap .call_details.nodetable table .nodetablestep3 tr.agentrecord td:first-child {
          border-left: none;
          color: rgba(0, 0, 0, 0.7); }
        .wrapper .rightwrap .call_details.nodetable table .nodetablestep2 tr.agentrecord td:nth-child(5n),
        .wrapper .rightwrap .call_details.nodetable table .nodetablestep2 tr.agentrecord td:nth-child(7n),
        .wrapper .rightwrap .call_details.nodetable table .nodetablestep3 tr.agentrecord td:nth-child(5n),
        .wrapper .rightwrap .call_details.nodetable table .nodetablestep3 tr.agentrecord td:nth-child(7n) {
          color: rgba(0, 0, 0, 0.7); }
      .wrapper .rightwrap .call_details.nodetable table .nodetablestep2 tr {
        border-bottom: dotted 1px #cbcbc3; }
      .wrapper .rightwrap .call_details.nodetable table .nodetablestep2 tr:last-child {
        border-bottom: none; }
      .wrapper .rightwrap .call_details.nodetable table .nodetablestep3 td:first-child {
        text-align: left;
        padding-left: 20px; }
      .wrapper .rightwrap .call_details.nodetable table .nodetablestep3 tr {
        border-bottom: none; }
    .wrapper .rightwrap .callstatus {
      display: inline-block;
      vertical-align: top;
      margin-right: 13px;
      color: rgba(70, 72, 85, 0.7);
      font-family: 'muliregular';
      position: relative;
      border-radius: 3px;
      width: 150px;
      padding: 5px 21px 6px 10px;
      border: solid 1px #e8e8e8;
      border-radius: 3px;
      height: 35px;
      transition: all 0.4s ease-in-out;
      -webkit-transition: all 0.4s ease-in-out; }
      .wrapper .rightwrap .callstatus:hover, .wrapper .rightwrap .callstatus:focus {
        border: solid 1px #2478AF;
        box-shadow: 0 0px 10px 0 rgba(38, 121, 175, 0.5); }
    .wrapper .rightwrap .callstatus:after {
      display: inline-block;
      width: 0;
      height: 0;
      content: "";
      margin-left: 2px;
      vertical-align: middle;
      border-top: 5px solid;
      border-right: 5px solid transparent;
      border-left: 5px solid transparent;
      position: absolute;
      right: 13px;
      top: 14px;
      color: #7b7b7b; }
    .wrapper .rightwrap .callsearch {
      width: 170px;
      display: inline-block;
      margin-left: 45px;
      position: relative; }
      .wrapper .rightwrap .callsearch i {
        background-position: -1px -14px;
        width: 14px;
        height: 14px;
        position: absolute;
        top: 10px;
        right: 10px; }
      .wrapper .rightwrap .callsearch input {
        padding-right: 30px; }
    .wrapper .rightwrap .employee_detailtable .emplyeagntnm {
      text-align: left;
      padding-left: 20px; }
      .wrapper .rightwrap .employee_detailtable .emplyeagntnm .citysales {
        text-align: left; }
    .wrapper .rightwrap .detailpgtable table .plydownicon a {
      display: inline-block;
      margin-right: 13px; }
    .wrapper .rightwrap .detailpgtable table .plydownicon a:last-child {
      margin-right: 0px; }
    .wrapper .rightwrap .detailpgtable table thead th.header:first-child,
    .wrapper .rightwrap .detailpgtable table thead th.header:nth-child(6n),
    .wrapper .rightwrap .detailpgtable table thead th.header:nth-child(7n),
    .wrapper .rightwrap .detailpgtable table thead th.header:nth-child(8n) {
      background-image: none; }
    .wrapper .rightwrap .detailpgtable table th .timetxt {
      position: absolute;
      /*left: 0px; right: 0px;*/
      top: 5px;
      transform: translateX(50%);
      font-style: normal;
      z-index: 99; }
      .wrapper .rightwrap .detailpgtable table th .timetxt.smssend {
        transform: translateX(50%);
        top: 2px;
        width: 74px; }
      .wrapper .rightwrap .detailpgtable table th .timetxt.ivrtext {
        /*left: 35px;*/
        top: 3px;
        transform: translateX(-50%); }
      .wrapper .rightwrap .detailpgtable table th .timetxt.agentsms {
        /*left: 85px;*/
        /*transform: translateX(-50%);*/ }
    .wrapper .rightwrap .detailpgtable table th .smalltitle1 {
      position: absolute;
      background: #eaf0f7;
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
      padding: 4px 0;
      z-index: 99;
      color: #607d8b;
      font-size: 12px;
      right: -1px;
      bottom: 6px;
      width: 70px;
      line-height: 1.3; }
      .wrapper .rightwrap .detailpgtable table th .smalltitle1.config-connect {
        width: 82px;
        left: -27px; }
      .wrapper .rightwrap .detailpgtable table th .smalltitle1.vnconnecttab {
        left: 36px;
        width: 82px; }
      .wrapper .rightwrap .detailpgtable table th .smalltitle1 .divid {
        position: absolute;
        width: 5px;
        height: 15px;
        border-left: solid 1px rgba(70, 72, 85, 0.3);
        right: -5px; }
    .wrapper .rightwrap .detailpgtable table th .smalltitle2 {
      position: absolute;
      background: #eaf0f7;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px;
      padding: 4px 0;
      z-index: 99;
      color: #607d8b;
      font-size: 12px;
      left: 1px;
      bottom: 6px;
      width: 70px;
      line-height: 1.3; }
      .wrapper .rightwrap .detailpgtable table th .smalltitle2.config-connect {
        width: 90px;
        left: -44px; }
      .wrapper .rightwrap .detailpgtable table th .smalltitle2.vnNtconnecttab {
        width: 90px;
        left: 0px; }
    .wrapper .rightwrap .detailpgtable table .recordedit span {
      background-position: -2px -80px;
      width: 19px;
      height: 18px;
      margin: 0 auto;
      cursor: pointer; }
    .wrapper .rightwrap .detailpgtable table .recordedit:hover span {
      background-position: -27px -80px; }
    .wrapper .rightwrap .detailpgtable table .notconnected span {
      background-position: -104px -108px;
      width: 14px;
      height: 13px;
      margin: 0 auto; }
    .wrapper .rightwrap .detailpgtable table .connected span {
      background-position: -79px -107px;
      width: 16px;
      height: 14px;
      margin: 0 auto; }
    .wrapper .rightwrap .detailpgtable table .recordelete {
      background-position: -80px -80px;
      width: 22px;
      height: 18px;
      margin: 0 auto;
      cursor: pointer; }
      .wrapper .rightwrap .detailpgtable table .recordelete:hover {
        background-position: -104px -80px; }
      .wrapper .rightwrap .detailpgtable table .recordelete span {
        background-position: -82px -80px;
        width: 18px;
        height: 18px;
        margin: 0 auto; }
        .wrapper .rightwrap .detailpgtable table .recordelete span:hover {
          background-position: -105px -80px; }
    .wrapper .rightwrap .detailpgtable table .recordplay {
      display: inline-block; }
      .wrapper .rightwrap .detailpgtable table .recordplay span {
        background-position: -22px -14px;
        width: 24px;
        height: 24px;
        margin: 0 auto; }
        .wrapper .rightwrap .detailpgtable table .recordplay span.pause {
          background-position: -103px -139px;
          opacity: 0.8; }
          .wrapper .rightwrap .detailpgtable table .recordplay span.pause:hover {
            background-position: -103px -139px;
            opacity: 1; }
      .wrapper .rightwrap .detailpgtable table .recordplay:hover span {
        background-position: -22px -46px; }
    .wrapper .rightwrap .detailpgtable table .recordwnload span {
      background-position: -48px -14px;
      width: 24px;
      height: 24px;
      margin: 0 auto; }
    .wrapper .rightwrap .detailpgtable table .recordwnload:hover span {
      background-position: -48px -46px; }
    .wrapper .rightwrap .detailpgtable table tbody tr:hover {
      background: #f5f7fa;
      cursor: default; }
    .wrapper .rightwrap .detailpgtable table tbody tr.activeTR {
      background: #f5f7fa;
      cursor: default; }
    .wrapper .rightwrap .detailpgtable table tbody .missedcall td:first-child {
      color: #ff0200;
      border-left: 3px solid #ff0200; }
      .wrapper .rightwrap .detailpgtable table tbody .missedcall td:first-child .tringicon {
        width: 0px;
        height: 0px;
        border-left: 5px solid #ff0200;
        border-bottom: 5px solid transparent;
        border-top: 5px solid transparent;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%); }
    .wrapper .rightwrap .detailpgtable table tbody .missedcall :nth-child(2),
    .wrapper .rightwrap .detailpgtable table tbody .missedcall :nth-child(3) {
      color: #ff0200; }

.call_details .ui-sortable tr td:first-child {
  padding-left: 50px !important; }

.drageIcon {
  display: inline-block;
  width: 40px;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  cursor: pointer; }

.ui-sortable-helper .drageIcon, .ui-sortable-helper {
  cursor: move !important; }

.drageIcon .sprite {
  width: 10px;
  height: 16px;
  background-position: -72px -299px;
  opacity: 0.5;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -60%); }

tr:hover > td > .drageIcon {
  background-color: rgba(144, 164, 174, 0.25); }

tr:hover > td > .drageIcon .sprite {
  opacity: 1; }

.dcpCalldetails .rightwrap .detailpgtable table tbody .missedcall :nth-child(4) {
  color: #ff0200; }

.config_details .agName {
  width: 150px !important;
  max-width: 150px; }

.dcpCalldetails.triangle_position table tr td .tringshowhide.active + .triangle {
  display: none; }

.dcpCalldetails .filterCheck {
  display: inline-block;
  position: relative; }
  .dcpCalldetails .filterCheck .action {
    padding: 5px 10px 8px;
    border-radius: 3px;
    margin-right: 5px;
    cursor: pointer; }
    .dcpCalldetails .filterCheck .action .icon-drop-gray {
      margin-left: 5px;
      margin-top: -2px; }
    .dcpCalldetails .filterCheck .action:hover {
      background: #e4e4e4; }
  .dcpCalldetails .filterCheck .options {
    border: solid 1px rgba(70, 72, 85, 0.15);
    box-shadow: 0px 2px 2px 0px rgba(96, 125, 139, 0.15);
    border-radius: 4px;
    position: absolute;
    top: 30px;
    left: 10px;
    background: #fff;
    z-index: 100;
    width: 122px;
    display: none; }
    .dcpCalldetails .filterCheck .options li {
      padding: 10px;
      cursor: pointer; }
      .dcpCalldetails .filterCheck .options li:hover {
        background: #e4e4e4; }
      .dcpCalldetails .filterCheck .options li i {
        margin-right: 5px;
        vertical-align: -10px; }

.dcpCalldetails .rightwrap .detailpgtable table .plydownicon a {
  margin-right: 0px; }

.dcpCalldetails .plydownicon .callIcon {
  vertical-align: top; }

.dcpCalldetails .rightwrap .detailpgtable table th .timetxt {
  right: 0px; }

.dcpCalldetails .rightwrap .detailpgtable table th .smalltitle1 {
  width: 100%; }

.dcpCalldetails .rightwrap .detailpgtable table th .smalltitle2 {
  width: 100%; }

.dcpCalldetails.wrapper .rightwrap .call_details table tr td span.callIcon {
  background-position: -36px -577px;
  height: 24px; }
  .dcpCalldetails.wrapper .rightwrap .call_details table tr td span.callIcon:hover {
    background-position: -69px -577px; }

.dcpCalldetails.usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td {
  padding-left: 5px; }

.dcpCalldetails.usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr th:first-child {
  padding-left: 12px; }

.dcpCalldetails .sprite.icon-uncheck {
  margin-top: -3px; }

.dcpCalldetails .rightwrap .call_details .icontable2 {
  left: 3px; }

.swicthBtnTd {
  border-left: none !important;
  width: 70px !important; }
  .swicthBtnTd .switch {
    position: relative;
    display: inline-block;
    width: 33px;
    height: 28px; }
  .swicthBtnTd .switch input {
    opacity: 0;
    width: 0;
    height: 0; }
  .swicthBtnTd .slider {
    position: absolute;
    cursor: pointer;
    top: 8px;
    left: 0;
    right: 0;
    bottom: 8px;
    background-color: #b0afaf;
    transition: .4s; }
  .swicthBtnTd .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: -1px;
    bottom: -3px;
    background-color: white;
    transition: .4s;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45); }
  .swicthBtnTd input:checked + .slider {
    background-color: #77C2BB; }
  .swicthBtnTd input:focus + .slider {
    box-shadow: 0 0 1px #77C2BB; }
  .swicthBtnTd input:checked + .slider:before {
    background-color: #009688;
    left: calc(100% - 18px); }
  .swicthBtnTd .slider.round {
    border-radius: 34px; }
  .swicthBtnTd .slider.round:before {
    border-radius: 50%; }

.configerFilterHeadingBg {
  padding: 20px 0px;
  background: #ffffff; }
  .configerFilterHeadingBg .selectBlock {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 0px 0px 0px 20px; }

/*Login Page*/
.loginbg {
  background: #F2F2F2 url("../images/log-bg.png") repeat-x;
  width: 100%;
  padding-top: 15px;
  height: 100vh; }
  .loginbg.logoinidbg {
    background: #dfe5f9 url("../images/bg.jpg") no-repeat center center;
    width: 100%; }
  .loginbg .main {
    width: 100%;
    position: absolute;
    max-width: 399px;
    padding: 0px;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-50%); }
    .loginbg .main.loginform {
      max-width: 1051px; }
    .loginbg .main .loginmain {
      border-radius: 4px;
      max-width: 950px;
      width: 100%;
      float: left; }
      .loginbg .main .loginmain.leftside {
        max-width: 1051px;
        width: 60%;
        display: inline-block; }
      .loginbg .main .loginmain .loginlogo {
        text-align: center;
        padding-bottom: 10PX; }
      .loginbg .main .loginmain .logtitlewrap {
        background: #F6F6F6;
        border-bottom: solid 1px #ececec;
        height: 115px;
        text-align: center;
        padding: 24px 40px 0px;
        border-radius: 4px 4px 0px 0px; }
        .loginbg .main .loginmain .logtitlewrap h1 {
          color: #5A5A5A;
          font-family: "mulisemibold";
          font-size: 27px;
          margin-bottom: 0px;
          line-height: 30px; }
        .loginbg .main .loginmain .logtitlewrap .log-subtitle {
          color: #5A5A5A;
          font-size: 14px;
          padding-top: 5px;
          letter-spacing: 1px;
          line-height: 1.4; }
      .loginbg .main .loginmain .logfields {
        background: #fff;
        border-radius: 0px 0px 4px 4px; }
        .loginbg .main .loginmain .logfields.whitebox {
          height: 480px;
          border-radius: 0;
          margin-top: 40px; }
        .loginbg .main .loginmain .logfields .logleft {
          width: 100%;
          padding: 53px 50px 48px 50px;
          box-sizing: border-box; }
          .loginbg .main .loginmain .logfields .logleft.leftblock {
            padding-left: 79px;
            padding-right: 0px;
            padding-top: 45px; }
          .loginbg .main .loginmain .logfields .logleft .whitefield {
            max-width: 431px;
            width: 100%; }
            .loginbg .main .loginmain .logfields .logleft .whitefield .head_text {
              font-size: 36px;
              color: #464855;
              letter-spacing: 1px;
              font-family: "mulilight";
              line-height: 45px;
              padding-bottom: 7px; }
              .loginbg .main .loginmain .logfields .logleft .whitefield .head_text.h_text {
                letter-spacing: 0.8px;
                padding-left: 2px; }
              .loginbg .main .loginmain .logfields .logleft .whitefield .head_text#reset_login {
                padding-bottom: 0px; }
              .loginbg .main .loginmain .logfields .logleft .whitefield .head_text.sentid {
                text-align: center;
                padding-bottom: 0px;
                font-size: 35px; }
            .loginbg .main .loginmain .logfields .logleft .whitefield .wel_tracko {
              font-size: 36px;
              color: #464855;
              font-family: "mulisemibold";
              line-height: 30px; }
            .loginbg .main .loginmain .logfields .logleft .whitefield .loginRadioBtn {
              margin-top: 25px;
              margin-bottom: 40px; }
              .loginbg .main .loginmain .logfields .logleft .whitefield .loginRadioBtn .loginAs {
                font-size: 16px;
                line-height: 26px;
                color: #90a4ae;
                letter-spacing: 0.8px; }
              .loginbg .main .loginmain .logfields .logleft .whitefield .loginRadioBtn .selectfield {
                padding-top: 10px; }
                .loginbg .main .loginmain .logfields .logleft .whitefield .loginRadioBtn .selectfield span {
                  font-size: 16px;
                  color: #464855;
                  margin-right: 20px;
                  line-height: 26px;
                  letter-spacing: 0.8px; }
                .loginbg .main .loginmain .logfields .logleft .whitefield .loginRadioBtn .selectfield .container {
                  display: inline-block;
                  position: relative;
                  padding-left: 30px;
                  cursor: pointer;
                  font-size: 14px;
                  -webkit-user-select: none;
                  -moz-user-select: none;
                  -ms-user-select: none;
                  user-select: none; }
                  .loginbg .main .loginmain .logfields .logleft .whitefield .loginRadioBtn .selectfield .container input {
                    position: absolute;
                    opacity: 0;
                    cursor: pointer;
                    top: 2px;
                    left: 5px;
                    height: 16px;
                    width: 16px; }
                    .loginbg .main .loginmain .logfields .logleft .whitefield .loginRadioBtn .selectfield .container input:checked ~ .checkmark {
                      background-color: #00c8a2;
                      border-color: #00c8a2; }
                    .loginbg .main .loginmain .logfields .logleft .whitefield .loginRadioBtn .selectfield .container input:checked ~ .checkmark:after {
                      content: '';
                      width: 6px;
                      height: 6px;
                      background-color: #ffffff;
                      border-radius: 3px;
                      position: absolute;
                      top: 50%;
                      left: 50%;
                      margin-top: -3px;
                      margin-left: -3px; }
                  .loginbg .main .loginmain .logfields .logleft .whitefield .loginRadioBtn .selectfield .container .checkmark {
                    position: absolute;
                    top: 4px;
                    left: 0px;
                    height: 16px;
                    width: 16px;
                    background-color: #dde4e7;
                    border: 1px solid #b5bbbe;
                    border-radius: 10px;
                    transition: all 0.3s ease-in-out;
                    -webkit-transition: all 0.3s ease-in-out; }
                    .loginbg .main .loginmain .logfields .logleft .whitefield .loginRadioBtn .selectfield .container .checkmark :after {
                      content: "";
                      position: absolute;
                      display: none; }
                  .loginbg .main .loginmain .logfields .logleft .whitefield .loginRadioBtn .selectfield .container .checkmark:after {
                    top: 9px;
                    left: 9px;
                    width: 8px;
                    height: 8px;
                    border-radius: 50%;
                    background: white; }
                  .loginbg .main .loginmain .logfields .logleft .whitefield .loginRadioBtn .selectfield .container :hover input ~ .checkmark {
                    background-color: #ccc; }
                  .loginbg .main .loginmain .logfields .logleft .whitefield .loginRadioBtn .selectfield .container input:checked ~ .checkmark:after {
                    display: block; }
            .loginbg .main .loginmain .logfields .logleft .whitefield .Gnr_emp {
              margin-top: 60px; }
              .loginbg .main .loginmain .logfields .logleft .whitefield .Gnr_emp a.loginbtn {
                box-shadow: 0px 3px 7px 0px rgba(221, 75, 57, 0.35);
                border-radius: 3px;
                border: none;
                background-color: #dd4b39;
                color: #fff;
                display: inline-block;
                transition: all 0.5s ease-in 0s;
                cursor: pointer;
                font-family: 'mulisemibold';
                font-size: 18px;
                height: 47px;
                line-height: 49px;
                padding: 0px 20px; }
              .loginbg .main .loginmain .logfields .logleft .whitefield .Gnr_emp a:hover, .loginbg .main .loginmain .logfields .logleft .whitefield .Gnr_emp a:focus {
                background: #ca4433;
                box-shadow: 0px 5px 15px 0px rgba(221, 75, 57, 0.35); }
            .loginbg .main .loginmain .logfields .logleft .whitefield .forgotid {
              margin-top: 10px;
              float: left;
              width: calc(100% - 130px);
              padding-right: 71px;
              text-align: right; }
              .loginbg .main .loginmain .logfields .logleft .whitefield .forgotid.setID {
                padding-right: 0px;
                text-align: right; }
              .loginbg .main .loginmain .logfields .logleft .whitefield .forgotid.sentbtn {
                text-align: center;
                padding-right: 0px;
                float: none;
                width: 100%; }
              .loginbg .main .loginmain .logfields .logleft .whitefield .forgotid a {
                color: #18a0de;
                font-size: 16px;
                line-height: 29px;
                letter-spacing: 0.80px;
                border-bottom: 1px solid #ffffff; }
                .loginbg .main .loginmain .logfields .logleft .whitefield .forgotid a:hover {
                  border-bottom: 1px solid #18a0de; }
              .loginbg .main .loginmain .logfields .logleft .whitefield .forgotid span.smstext {
                font-size: 14px;
                letter-spacing: 1px;
                line-height: 26px;
                color: #90a4ae; }
              .loginbg .main .loginmain .logfields .logleft .whitefield .forgotid.resetmsg {
                margin-left: 0px;
                margin-right: 0px;
                padding-right: 0px;
                text-align: right; }
          .loginbg .main .loginmain .logfields .logleft .fields {
            margin-top: 13px;
            margin-bottom: 30px;
            position: relative; }
            .loginbg .main .loginmain .logfields .logleft .fields.inputfield {
              margin-top: 94px;
              letter-spacing: 0.8px; }
              .loginbg .main .loginmain .logfields .logleft .fields.inputfield#reset_login1 {
                padding-top: 130px;
                margin-top: 0px; }
              .loginbg .main .loginmain .logfields .logleft .fields.inputfield#idsent {
                margin-top: 65px;
                text-align: center; }
            .loginbg .main .loginmain .logfields .logleft .fields.loginpage {
              margin-top: 0px; }
            .loginbg .main .loginmain .logfields .logleft .fields .group {
              position: relative;
              margin-bottom: 30px; }
              .loginbg .main .loginmain .logfields .logleft .fields .group input[type="text"]:focus,
              .loginbg .main .loginmain .logfields .logleft .fields .group input[type="text"]:hover,
              .loginbg .main .loginmain .logfields .logleft .fields .group input[type="password"]:focus,
              .loginbg .main .loginmain .logfields .logleft .fields .group input[type="password"]:hover {
                border-bottom: 1px solid rgba(144, 164, 174, 0.3);
                box-shadow: none;
                -moz-box-shadow: none;
                -webkit-box-shadow: none; }
              .loginbg .main .loginmain .logfields .logleft .fields .group input[type="text"].error {
                border-bottom: solid 1px #18a0de;
                box-shadow: none; }
              .loginbg .main .loginmain .logfields .logleft .fields .group input[type="text"]:focus,
              .loginbg .main .loginmain .logfields .logleft .fields .group input[type="password"]:focus {
                border-bottom: 1px solid #ffffff; }
              .loginbg .main .loginmain .logfields .logleft .fields .group input {
                font-size: 16px;
                padding: 9px 5px 8px 0px;
                display: block;
                width: 100%;
                border: none;
                border-bottom: 1px solid rgba(144, 164, 174, 0.3);
                border-radius: 0;
                letter-spacing: 0.9px;
                height: 46px; }
                .loginbg .main .loginmain .logfields .logleft .fields .group input :focus {
                  outline: none; }
              .loginbg .main .loginmain .logfields .logleft .fields .group span.bar {
                position: relative;
                display: block;
                width: 100%; }
              .loginbg .main .loginmain .logfields .logleft .fields .group span.bar:before {
                left: 50%; }
              .loginbg .main .loginmain .logfields .logleft .fields .group span.bar:after {
                right: 50%; }
              .loginbg .main .loginmain .logfields .logleft .fields .group span.bar:before,
              .loginbg .main .loginmain .logfields .logleft .fields .group span.bar:after {
                content: '';
                height: 2px;
                width: 0;
                bottom: 0px;
                position: absolute;
                background: #18a0de;
                transition: 0.2s ease all;
                -moz-transition: 0.2s ease all;
                -webkit-transition: 0.2s ease all; }
              .loginbg .main .loginmain .logfields .logleft .fields .group input:focus ~ .bar:before,
              .loginbg .main .loginmain .logfields .logleft .fields .group input:focus ~ .bar:after {
                width: 50%; }
              .loginbg .main .loginmain .logfields .logleft .fields .group label {
                color: #90a4ae;
                font-size: 18px;
                font-weight: normal;
                position: absolute;
                pointer-events: none;
                left: 0;
                top: 10px;
                transition: 0.2s ease all;
                -moz-transition: 0.2s ease all;
                -webkit-transition: 0.2s ease all; }
                .loginbg .main .loginmain .logfields .logleft .fields .group label.textcenter {
                  text-align: center; }
              .loginbg .main .loginmain .logfields .logleft .fields .group #counter {
                position: absolute;
                top: -20px;
                right: 0;
                content: "";
                font-size: 16px;
                letter-spacing: 1px;
                line-height: 26px;
                color: #464855; }
              .loginbg .main .loginmain .logfields .logleft .fields .group.isfilled label,
              .loginbg .main .loginmain .logfields .logleft .fields .group input:focus ~ label {
                top: -20px;
                font-size: 16px;
                color: #18a0de; }
            .loginbg .main .loginmain .logfields .logleft .fields .error_msg {
              display: none;
              font-size: 14px;
              color: #d90003;
              letter-spacing: 1px;
              line-height: 26px;
              position: absolute;
              left: 0;
              top: -26px; }
          .loginbg .main .loginmain .logfields .logleft .fields2 {
            margin-bottom: 50px !important; }
          .loginbg .main .loginmain .logfields .logleft button.button {
            width: 300px;
            margin: 0px auto;
            display: block;
            background-color: #00c8a2;
            box-shadow: 0px 3px 7px 0px rgba(0, 160, 130, 0.35);
            display: inline-block;
            text-decoration: none;
            height: 52px;
            line-height: 52px;
            padding: 0 30px;
            font-family: 'mulisemibold';
            text-transform: uppercase;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -o-box-sizing: border-box;
            transition: all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
            color: #fff;
            font-size: 17px;
            border-radius: 3px; }
            .loginbg .main .loginmain .logfields .logleft button.button.loginbtn {
              width: 130px;
              font-size: 18px;
              height: 47px;
              line-height: 49px;
              float: left;
              padding: 0px; }
            .loginbg .main .loginmain .logfields .logleft button.button.Otpbtn {
              float: left; }
          .loginbg .main .loginmain .logfields .logleft .button:hover {
            background: #00bf9b;
            box-shadow: 0px 5px 15px 0px rgba(0, 160, 130, 0.35); }
      .loginbg .main .loginmain .allright {
        color: #5a5a5a;
        font-size: 14px;
        text-align: center;
        padding-top: 28px;
        padding-bottom: 15px;
        margin: 0 auto;
        width: 100%; }
        .loginbg .main .loginmain .allright.bottomlogo {
          padding-top: 19px;
          padding-bottom: 0;
          color: #a8b4de; }
        .loginbg .main .loginmain .allright a {
          display: inline-block;
          vertical-align: middle; }
          .loginbg .main .loginmain .allright a img {
            display: block;
            margin-left: 3px; }
    .loginbg .main .loginmain1 {
      width: 40%;
      max-width: 422px;
      float: right;
      background: url(../images/loginmain1-bg.jpg) no-repeat left top;
      height: 560px;
      box-shadow: 0 0 35px rgba(63, 63, 63, 0.5);
      border-radius: 8px;
      box-shadow: 0 0 35px rgba(63, 63, 63, 0.5); }
      .loginbg .main .loginmain1 .trackoside {
        padding: 49px 0px 0px 0px; }
        .loginbg .main .loginmain1 .trackoside .trackologo {
          margin-bottom: 43px;
          padding-left: 49px; }
        .loginbg .main .loginmain1 .trackoside .deshboardimg {
          margin-bottom: 51px;
          padding-left: 32px;
          padding-right: 31px; }
        .loginbg .main .loginmain1 .trackoside .excitnews {
          padding: 0 60px 0 50px; }
          .loginbg .main .loginmain1 .trackoside .excitnews .exithead {
            font-size: 22px;
            color: #ffffff;
            font-family: "mulisemibold";
            line-height: 24px;
            padding-bottom: 18px; }
          .loginbg .main .loginmain1 .trackoside .excitnews .newsds {
            font-size: 16px;
            line-height: 24px;
            color: #ffffff;
            font-family: "mulilight";
            padding-left: 2px; }
  .loginbg input[type="text"],
  .loginbg input[type="password"] {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    border: solid 1px rgba(36, 39, 44, 0.3);
    height: 58px;
    width: 100%;
    padding-left: 18px;
    font-size: 14px;
    padding-right: 15px;
    color: #464855;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; }
  .loginbg input[type="text"]:hover,
  .loginbg input[type="password"]:hover,
  .loginbg input[type="text"]:focus,
  .loginbg input[type="password"]:focus {
    border: solid 1px #2478AF;
    box-shadow: 0 0px 10px 0 rgba(38, 121, 175, 0.5); }
  .loginbg input[type="text"].error,
  .loginbg input[type="password"].error {
    border: solid 1px #ed5858;
    box-shadow: 0 0px 10px 0 rgba(241, 122, 122, 0.5); }

.overlapebg {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none; }
  .overlapebg.active {
    display: block; }

.Vnconfigpop h1 {
  padding-top: 15px; }

.Vnconfigpop .holiday-msg {
  padding-bottom: 0px !important; }

.editpopupblock {
  background-color: transparent; }
  .editpopupblock .popclose {
    background: url("../images/popupclose.png") no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    top: -25px;
    right: -25px;
    background-size: 100%; }
  .editpopupblock .tracko-popup,
  .editpopupblock .edit-popup {
    border-radius: 5px;
    text-align: center;
    width: 450px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    z-index: 9999999; }
    .editpopupblock .tracko-popup .popup-body,
    .editpopupblock .edit-popup .popup-body {
      padding: 25px 0 25px; }
      .editpopupblock .tracko-popup .popup-body .popupcontent,
      .editpopupblock .edit-popup .popup-body .popupcontent {
        padding: 0;
        position: relative; }
        .editpopupblock .tracko-popup .popup-body .popupcontent h1,
        .editpopupblock .edit-popup .popup-body .popupcontent h1 {
          font-size: 24px;
          font-family: 'muliregular';
          line-height: 24px;
          color: #010101;
          padding-bottom: 16px; }
        .editpopupblock .tracko-popup .popup-body .popupcontent .popup-text,
        .editpopupblock .edit-popup .popup-body .popupcontent .popup-text {
          font-size: 16px;
          font-family: 'muliregular';
          line-height: 1.8;
          color: #464855; }
          .editpopupblock .tracko-popup .popup-body .popupcontent .popup-text.holiday-msg,
          .editpopupblock .edit-popup .popup-body .popupcontent .popup-text.holiday-msg {
            padding-bottom: 48px; }
        .editpopupblock .tracko-popup .popup-body .popupcontent .alertcontent,
        .editpopupblock .edit-popup .popup-body .popupcontent .alertcontent {
          width: 100%;
          padding: 10px 0 47px; }
          .editpopupblock .tracko-popup .popup-body .popupcontent .alertcontent .alertbox,
          .editpopupblock .edit-popup .popup-body .popupcontent .alertcontent .alertbox {
            width: 75%;
            display: inline-block;
            text-align: left; }
            .editpopupblock .tracko-popup .popup-body .popupcontent .alertcontent .alertbox .name,
            .editpopupblock .edit-popup .popup-body .popupcontent .alertcontent .alertbox .name {
              width: 45%; }
      .editpopupblock .tracko-popup .popup-body a.button,
      .editpopupblock .edit-popup .popup-body a.button {
        background-color: transparent;
        color: #00c8a2;
        font-size: 12px;
        border-radius: 3px;
        border: 1px solid #00c8a2;
        width: 149px;
        padding: 20px 0;
        text-transform: uppercase;
        font-family: 'mulisemibold';
        margin-bottom: 0;
        position: relative;
        z-index: 1; }
        .editpopupblock .tracko-popup .popup-body a.button.no,
        .editpopupblock .edit-popup .popup-body a.button.no {
          border: 1px solid #e8e8e8;
          color: #666; }
          .editpopupblock .tracko-popup .popup-body a.button.no:hover,
          .editpopupblock .edit-popup .popup-body a.button.no:hover {
            border: 1px solid #00bf9b; }
        .editpopupblock .tracko-popup .popup-body a.button:hover,
        .editpopupblock .edit-popup .popup-body a.button:hover {
          background: #00bf9b;
          color: #ffffff; }
        .editpopupblock .tracko-popup .popup-body a.button:last-child,
        .editpopupblock .edit-popup .popup-body a.button:last-child {
          margin-left: 20px; }
    .editpopupblock .tracko-popup.width476,
    .editpopupblock .edit-popup.width476 {
      width: 476px; }
    .editpopupblock .tracko-popup .field,
    .editpopupblock .edit-popup .field {
      margin-bottom: 26px; }
      .editpopupblock .tracko-popup .field .title,
      .editpopupblock .edit-popup .field .title {
        margin-bottom: 7px; }
  .editpopupblock .custom-file-upload {
    margin-bottom: 70px !important; }
    .editpopupblock .custom-file-upload .uploadvalueclose {
      top: 81px; }
    .editpopupblock .custom-file-upload .file-upload-wrapper .file-upload-button {
      width: 100%; }
      .editpopupblock .custom-file-upload .file-upload-wrapper .file-upload-button i {
        top: 8px; }
    .editpopupblock .custom-file-upload .file-upload-wrapper .file-upload-input {
      left: 0 !important;
      bottom: -42px !important;
      width: 100% !important; }
  .editpopupblock.followupAlertPopup .tracko-popup .popupcontent {
    text-align: center;
    padding: 12px 0 5px; }
    .editpopupblock.followupAlertPopup .tracko-popup .popupcontent .popup-text {
      margin-bottom: 50px;
      padding: 0 25px; }
    .editpopupblock.followupAlertPopup .tracko-popup .popupcontent .primaryButton {
      width: 149px;
      margin: 0 10px;
      box-sizing: border-box; }
  .editpopupblock.schedulePopup .tracko-popup {
    padding-bottom: 30px; }
  .editpopupblock.schedulePopup .fieldWithIcon {
    position: relative; }
    .editpopupblock.schedulePopup .fieldWithIcon:after {
      content: '';
      width: 40px;
      position: absolute;
      top: auto;
      right: 1px;
      bottom: 1px;
      background: #eee;
      height: 33px;
      border-radius: 0 4px 4px 0; }
    .editpopupblock.schedulePopup .fieldWithIcon.field-space-right:after {
      right: 6px; }
    .editpopupblock.schedulePopup .fieldWithIcon.field-space-right i {
      top: 36px;
      right: 16px; }
    .editpopupblock.schedulePopup .fieldWithIcon.field-space-left i {
      top: 37px;
      right: 12px; }

.edit-popup .name,
.edit-popup .colon,
.edit-popup .agenttext {
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  color: #464855;
  font-family: "mulisemibold"; }

.config_detailsActive .editouter2 .levelblock {
  opacity: 0.3; }

.config_detailsActive .editouter2 > tr > td:first-child {
  opacity: 0.3; }

.config_detailsActive .rowActive .deactiveTR {
  opacity: 0.3; }

.config_detailsActive .rowActive .selectedrecord {
  opacity: 0.3; }

.config_detailsActive .rowActive .activeTR {
  opacity: 1; }

/* Active Stage */
[data-active-stage] {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid rgba(0, 0, 0, 0.18);
  -webkit-border-radius: 3px;
  border-radius: 3px; }

[data-active-stage]:before,
[data-active-stage]:after {
  content: " ";
  display: table; }

[data-active-stage]:after {
  clear: both; }

[data-active-stage] li {
  cursor: pointer;
  font-size: 12px;
  float: left;
  color: rgba(70, 72, 85, 0.4);
  padding: 2px 5px;
  line-height: 19px;
  border-right: 1px solid rgba(0, 0, 0, 0.18);
  font-family: "mulisemibold";
  background: rgba(0, 0, 0, 0.03); }

/*[data-active-stage] li:hover {
    background: rgba(0, 0, 0, 0.1);
}*/
[data-active-stage] li:last-child {
  border: 0; }

[data-active-stage] li.active {
  background: #fff;
  color: #00c8a2; }

[data-active-stage] li.active:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px; }

[data-active-stage] li.active:last-child {
  -webkit-border-radius: 0px 3px 3px 0px;
  border-radius: 0px 3px 3px 0px; }

[data-active-stage] li input {
  height: 0px;
  width: 0px;
  display: none; }

.ivragenttable .levelblock {
  width: 9%; }

.ivragenttable .statusactdeact {
  width: 140px !important; }

.ivragenttable .levelblock2 {
  width: 12%; }

.configtitle3 {
  position: relative;
  left: -11px; }

.configtitle4 {
  position: relative;
  left: -20px; }

.configtitle5 {
  position: relative;
  left: -33px; }

.configtitle6 {
  position: relative;
  left: -45px; }

.configtitle7 {
  position: relative;
  left: -30px; }

.configtitle8 {
  position: relative;
  left: -30px; }

.configtitle9 {
  position: relative;
  left: -30px; }

.configtitle10 {
  position: relative;
  left: -35px; }

.configtitle11 {
  position: relative;
  left: -14px; }

.ivragenttable .nodetablestep2 .nopad {
  width: 85%; }

.drop-down {
  position: relative;
  display: inline-block; }
  .drop-down .selected.vnselect {
    font-size: 20px; }
    .drop-down .selected.vnselect a {
      border: none;
      color: #464855;
      padding: 5px 21px 6px 0px;
      background: none; }
      .drop-down .selected.vnselect a span {
        cursor: pointer;
        display: block;
        padding: 5px 5px 0px 0px; }
      .drop-down .selected.vnselect a:hover, .drop-down .selected.vnselect a:focus {
        border: none;
        box-shadow: none; }
    .drop-down .selected.vnselect a:after {
      top: 17px; }
  .drop-down .selected a {
    display: inline-block;
    margin-right: 13px;
    color: rgba(70, 72, 85, 0.7);
    z-index: 2;
    background: #fff;
    font-family: 'muliregular';
    position: relative;
    width: 150px;
    padding: 5px 21px 6px 10px;
    border: solid 1px #e8e8e8;
    border-radius: 3px;
    height: 23px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    line-height: 1; }
    .drop-down .selected a:hover, .drop-down .selected a:focus {
      border: solid 1px #2478AF;
      box-shadow: 0 0px 10px 0 rgba(38, 121, 175, 0.5); }
    .drop-down .selected a span {
      cursor: pointer;
      display: block;
      padding: 5px; }
  .drop-down .selected a:after {
    display: inline-block;
    width: 0;
    height: 0;
    content: "";
    margin-left: 2px;
    vertical-align: middle;
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    position: absolute;
    right: 13px;
    top: 14px;
    color: #7b7b7b; }
  .drop-down .options ul {
    display: none;
    list-style: none;
    padding: 0px 0px;
    position: absolute;
    left: 0px;
    top: 36px;
    width: auto;
    min-width: 181px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: #fff;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
    z-index: 2; }
    .drop-down .options ul li a {
      padding: 0;
      font-size: 12px;
      display: block;
      text-decoration: none;
      color: #333;
      line-height: 37px;
      height: 37px;
      padding-left: 10px; }
      .drop-down .options ul li a:hover {
        background: #f0f0f0;
        color: #333;
        transition: 0.2s ease; }

.drop-down .selected span.value,
.drop-down .options span.value {
  display: none; }

/*Today Dropdown*/
.todaydrop {
  position: relative;
  display: inline-block;
  top: 18px;
  left: 5px;
  width: calc(100% - 109px); }
  .todaydrop .selected {
    border-radius: 4px;
    background: #ffffff;
    border: solid 1px #e8e8e8;
    height: 32px;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.7);
    box-shadow: 0px 2px 2px 0px rgba(96, 125, 139, 0.15);
    transition: all 0.4s ease-in-out;
    box-sizing: border-box; }
    .todaydrop .selected.vnselect {
      font-size: 20px; }
      .todaydrop .selected.vnselect a {
        border: none;
        color: #ffffff;
        padding: 5px 21px 6px 0px; }
        .todaydrop .selected.vnselect a span {
          cursor: pointer;
          display: block;
          padding: 5px 5px 0px 0px; }
        .todaydrop .selected.vnselect a:hover, .todaydrop .selected.vnselect a:focus {
          border: none;
          box-shadow: none; }
      .todaydrop .selected.vnselect a:after {
        top: 17px; }
    .todaydrop .selected a {
      display: inline-block;
      color: #464855;
      z-index: 2;
      font-family: 'muliregular';
      position: relative;
      width: 100%;
      transition: all 0.4s ease-in-out;
      -webkit-transition: all 0.4s ease-in-out;
      line-height: 1; }
      .todaydrop .selected a span {
        cursor: pointer;
        display: block;
        padding: 0px 5px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        line-height: 32px; }
    .todaydrop .selected a:after {
      display: inline-block;
      width: 0;
      height: 0;
      content: "";
      margin-left: 2px;
      vertical-align: middle;
      border-top: 4px solid;
      border-right: 4px solid transparent;
      border-left: 4px solid transparent;
      position: absolute;
      right: 0;
      top: 13px;
      color: #464855; }
  .todaydrop .options ul {
    display: none;
    list-style: none;
    padding: 0px 0px;
    position: absolute;
    left: 0px;
    top: 41px;
    width: auto;
    min-width: 181px;
    background: #fff;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
    z-index: 1; }
    .todaydrop .options ul li a {
      padding: 0;
      font-size: 14px;
      display: block;
      text-decoration: none;
      color: #464855;
      line-height: 37px;
      height: 37px;
      padding-left: 10px; }
      .todaydrop .options ul li a:hover {
        background: #f5f7fa;
        color: #333;
        transition: 0.2s ease; }
    .todaydrop .options ul li:first-child a {
      border-top-left-radius: 3px;
      border-top-right-radius: 3px; }
    .todaydrop .options ul li:last-child a {
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px; }

.todaydrop ul:before,
.todaydrop ul:after {
  position: absolute;
  content: "";
  display: inline-block; }

.todaydrop ul:before {
  top: -8px;
  left: 30px;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  border-left: 8px solid transparent; }

.todaydrop ul:after {
  top: -7px;
  left: 30px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ffffff; }

.todaydrop .selected span.value,
.todaydrop .options span.value {
  display: none; }

.btncancel {
  color: #5a5a5a !important;
  border: solid 1px #d6d6d6 !important;
  margin-left: 10px !important;
  float: none !important; }
  .btncancel:hover {
    color: #fff !important; }

.updatebtn {
  width: 100px;
  font-size: 12px;
  text-transform: uppercase;
  background-color: #fff;
  color: #00c8a2;
  border: 1px solid #00c8a2;
  font-family: 'mulisemibold';
  margin-bottom: 30px;
  box-shadow: 0px 3px 5px 0px rgba(0, 160, 130, 0.2); }
  .updatebtn:hover {
    background: #00c8a2;
    color: #fff; }

#dashboard {
  display: none; }

.back-dashboard #details {
  display: none; }

.back-dashboard #dashboard {
  display: inline-block; }

.daterangepicker .ranges {
  float: none !important;
  display: block;
  width: 215px !important;
  clear: both;
  text-align: center !important;
  margin: 0px auto !important; }

.daterangepicker .range_inputs button {
  background-color: transparent;
  border: 1px solid #f75d34;
  cursor: pointer;
  border-radius: 3px;
  color: #f75d34;
  display: inline-block;
  font-family: 'mulisemibold';
  font-size: 12px;
  line-height: 30px;
  margin-bottom: 10px;
  position: relative;
  text-transform: uppercase;
  width: 95px;
  z-index: 1;
  margin-right: 10px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out; }

.daterangepicker .range_inputs button:hover {
  background: #f75d34;
  color: #ffffff; }

.daterangepicker td.start-date,
.daterangepicker td,
.daterangepicker th {
  border-radius: 4px !important; }

.daterangepicker td.active,
.daterangepicker td.active:hover {
  border-color: transparent !important; }

#averageScoreGraph .canvasjs-chart-tooltip {
  bottom: 50px !important; }

#chartContainerDay .canvasjs-chart-tooltip {
  bottom: 50px !important; }

#chartContainerMonth .canvasjs-chart-tooltip {
  bottom: 50px !important; }

.citysales {
  font-size: 12px;
  color: #a9a9a9;
  line-height: 1;
  padding-top: 3px;
  /*position:$position-absolute*/ }

.newlabel {
  background: #18a0de;
  border-radius: 4px;
  width: 34px;
  height: 15px;
  color: #fff;
  font-size: 11px;
  margin-top: 5px;
  text-align: center;
  line-height: 16px; }

.green_line .connected_calls,
.green_line .avg_score {
  color: #388E3C; }

.minscore .missed_calls,
.minscore .avg_score {
  color: #ff0200; }

.missed_calls {
  color: #ff0200; }

.darkyellowborder td:first-child {
  border-left: #fdb901 3px solid !important; }

.darkyellowborder .connected_calls,
.darkyellowborder .avg_score {
  color: #fdb901; }

.green_line td:first-child {
  border-left: #388E3C 3px solid !important; }

.call_details table .widthval1 {
  width: 95px;
  display: inline-block; }

.call_details table .widthval2 {
  width: 95px;
  display: inline-block; }

.call_details table .widthval3 {
  width: 75px;
  display: inline-block; }

.call_details table .widthval4 {
  width: 130px;
  display: inline-block; }

.call_details table .widthval5 {
  width: 100px;
  display: inline-block; }

.call_details table .widthval6 {
  width: 95px;
  display: inline-block; }

.call_details table .widthval7 {
  width: 105px;
  display: inline-block; }

.call_details table .widthval8 {
  width: 80px;
  display: inline-block; }

.hide-checkbox + label {
  -webkit-transition: background-color 0.3s ease-in-out;
  cursor: pointer;
  -moz-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  color: rgba(70, 72, 85, 0.7);
  font-size: 12px;
  padding: 9px 20px;
  display: inline-block;
  border: solid 1px #6967ce;
  border-right: none;
  float: left;
  background: #fff;
  box-shadow: 0px 2px 2px 0px rgba(96, 125, 139, 0.15); }
  .hide-checkbox + label:hover {
    background: #6967ce;
    color: #fff; }

.hide-checkbox:checked + label {
  background: #6967ce;
  color: #ffffff; }

.hide-checkbox + label:first-of-type {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px; }

.hide-checkbox + label:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-right: solid 1px #6967ce; }

.wrapper.my-contact-detail .rightwrap .detailpgtable table th .timetxt {
  left: 86px; }

.wrapper .rightwrap .call_details table tbody tr.nodatafound {
  cursor: default;
  border: none; }

.wrapper .rightwrap .call_details table tbody tr.nodatafound td {
  border: none; }

.wrapper .rightwrap .call_details table tbody tr.nodatafound:hover {
  background: #fff; }

.tablebrdr {
  border-top: solid 1px #e8e8e8; }

.wrapper .rightwrap .call_details .namedropdown.namdrop2 {
  width: 160px; }

.wrapper .rightwrap .call_details .namedropdown.namdrop3 {
  width: 160px;
  text-align: left; }

.wrapper .rightwrap .call_details .namedropdown.namdrop2 li {
  text-align: left; }

.leveldropwrap {
  margin-top: 10px;
  margin-bottom: 10px; }
  .leveldropwrap .centraldrop {
    width: auto !important; }
    .leveldropwrap .centraldrop label {
      vertical-align: top;
      padding-top: 7px;
      display: inline-block;
      margin-right: 7px; }
    .leveldropwrap .centraldrop .input-field {
      display: inline-block;
      width: 125px; }

.usermanagmntwrap .pagintion {
  display: inline-block !important;
  margin-left: 0px !important; }

.usermanagmntwrap .rightwrap {
  border-top-left-radius: 0px !important; }
  .usermanagmntwrap .rightwrap .valueAvalable {
    padding-left: 25px !important;
    margin-bottom: 0px !important;
    margin-right: 15px !important;
    top: 2px !important; }
    .usermanagmntwrap .rightwrap .valueAvalable label {
      font-weight: normal; }
    .usermanagmntwrap .rightwrap .valueAvalable .checkmark {
      top: 0px !important;
      box-sizing: unset;
      -webkit-box-sizing: unset; }
  .usermanagmntwrap .rightwrap .emailfield {
    width: 230px !important; }
  .usermanagmntwrap .rightwrap .editouter .deactiveTR {
    opacity: 1; }
  .usermanagmntwrap .rightwrap.rightgap {
    padding-left: 0px !important; }
    .usermanagmntwrap .rightwrap.rightgap .trackertop {
      padding-top: 25px;
      padding-bottom: 25px; }
  .usermanagmntwrap .rightwrap .trackertop:before {
    border-top-left-radius: 0px; }
  .usermanagmntwrap .rightwrap .callhistory {
    background: #fff;
    border-top: none;
    border-bottom: none; }
  .usermanagmntwrap .rightwrap .headershadow {
    padding-left: 20px !important; }
  .usermanagmntwrap .rightwrap .trackertop {
    padding-top: 25px;
    padding-bottom: 0; }
    .usermanagmntwrap .rightwrap .trackertop .title {
      display: inline-block;
      position: relative;
      font-size: 20px;
      color: #464855;
      line-height: 1;
      top: 5px; }
    .usermanagmntwrap .rightwrap .trackertop .tracktopright {
      margin-top: 0px; }
      .usermanagmntwrap .rightwrap .trackertop .tracktopright .button {
        width: 150px; }
  .usermanagmntwrap .rightwrap .call_details {
    margin-top: 23px; }
    .usermanagmntwrap .rightwrap .call_details .levelstwrap .levelstep {
      color: #464855; }
    .usermanagmntwrap .rightwrap .call_details table tr td .read-more-content {
      display: none;
      font-style: normal; }
    .usermanagmntwrap .rightwrap .call_details table tr td.Filterfield {
      font-family: 'muliregular';
      letter-spacing: 0;
      text-transform: none !important; }
      .usermanagmntwrap .rightwrap .call_details table tr td.Filterfield span {
        display: inline-block;
        font-size: 14px; }
      .usermanagmntwrap .rightwrap .call_details table tr td.Filterfield a {
        text-decoration: none; }
      .usermanagmntwrap .rightwrap .call_details table tr td.Filterfield .usermngview .viewpanel .vnivrno span.headingtext {
        font-family: 'muliregular';
        color: rgba(1, 1, 1, 0.5); }
      .usermanagmntwrap .rightwrap .call_details table tr td.Filterfield .usermngview .viewpanel .vnivrno.ivrheading {
        color: #464855;
        font-family: 'mulisemibold';
        margin-bottom: 20px; }
      .usermanagmntwrap .rightwrap .call_details table tr td.Filterfield .usermngview .editpanelusermngview .field {
        display: inline-block;
        vertical-align: top;
        margin-right: 25px;
        margin-bottom: 30px; }
        .usermanagmntwrap .rightwrap .call_details table tr td.Filterfield .usermngview .editpanelusermngview .field .title {
          text-transform: uppercase;
          color: #464855;
          padding-bottom: 5px;
          display: inline-block;
          width: 100%; }
          .usermanagmntwrap .rightwrap .call_details table tr td.Filterfield .usermngview .editpanelusermngview .field .title .optionl {
            text-transform: capitalize; }
        .usermanagmntwrap .rightwrap .call_details table tr td.Filterfield .usermngview .editpanelusermngview .field.field-agentnm {
          width: 387px; }
        .usermanagmntwrap .rightwrap .call_details table tr td.Filterfield .usermngview .editpanelusermngview .field.field-mobino {
          width: 145px; }
        .usermanagmntwrap .rightwrap .call_details table tr td.Filterfield .usermngview .editpanelusermngview .field.field-email {
          width: 255px; }
        .usermanagmntwrap .rightwrap .call_details table tr td.Filterfield .usermngview .editpanelusermngview .field.field-proctype {
          width: 265px; }
        .usermanagmntwrap .rightwrap .call_details table tr td.Filterfield .usermngview .editpanelusermngview .field.field-selprocesno {
          width: 430px; }
          .usermanagmntwrap .rightwrap .call_details table tr td.Filterfield .usermngview .editpanelusermngview .field.field-selprocesno .levelstwrap .levelstep {
            font-size: 12px !important;
            color: rgba(70, 72, 85, 0.7); }
            .usermanagmntwrap .rightwrap .call_details table tr td.Filterfield .usermngview .editpanelusermngview .field.field-selprocesno .levelstwrap .levelstep:hover {
              color: #464855; }
        .usermanagmntwrap .rightwrap .call_details table tr td.Filterfield .usermngview .editpanelusermngview .field.field-levelwise {
          width: 255px; }
          .usermanagmntwrap .rightwrap .call_details table tr td.Filterfield .usermngview .editpanelusermngview .field.field-levelwise .multi-select_option label {
            width: 210px; }
      .usermanagmntwrap .rightwrap .call_details table tr td.Filterfield .usermngview .editpanelusermngview .checkboxdesign .smssent {
        display: inline-block;
        margin-right: 29px;
        margin-top: 7px; }
        .usermanagmntwrap .rightwrap .call_details table tr td.Filterfield .usermngview .editpanelusermngview .checkboxdesign .smssent:last-child {
          margin-right: 0px; }
      .usermanagmntwrap .rightwrap .call_details table tr td.Filterfield .usermngview .editpanelusermngview .filterdrop {
        width: 100%;
        display: inline-block;
        vertical-align: middle; }
        .usermanagmntwrap .rightwrap .call_details table tr td.Filterfield .usermngview .editpanelusermngview .filterdrop .multi-select_field {
          font-size: 14px;
          color: rgba(70, 72, 85, 0.7);
          font-family: 'mulisemibold';
          border-radius: 4px;
          -webkit-border-radius: 4px;
          border: solid 1px #e8e8e8;
          padding: 5px 21px 6px 10px; }
        .usermanagmntwrap .rightwrap .call_details table tr td.Filterfield .usermngview .editpanelusermngview .filterdrop .multi-select_field.is-empty {
          color: rgba(70, 72, 85, 0.4) !important; }
        .usermanagmntwrap .rightwrap .call_details table tr td.Filterfield .usermngview .editpanelusermngview .filterdrop .multi-select_field:after {
          top: 14px; }
        .usermanagmntwrap .rightwrap .call_details table tr td.Filterfield .usermngview .editpanelusermngview .filterdrop .multi-select_option label {
          width: auto; }
      .usermanagmntwrap .rightwrap .call_details table tr td.Filterfield .usermngview .editpanelusermngview .vnagentwrap {
        border-top: solid 1px #cacaca;
        border-bottom: solid 1px #cacaca; }
        .usermanagmntwrap .rightwrap .call_details table tr td.Filterfield .usermngview .editpanelusermngview .vnagentwrap .field {
          width: 430px; }
      .usermanagmntwrap .rightwrap .call_details table tr td.Filterfield .usermngview .editpanelusermngview .btngroup {
        border-top: solid 1px #cacaca;
        padding-top: 30px;
        text-align: center;
        width: 100%; }
        .usermanagmntwrap .rightwrap .call_details table tr td.Filterfield .usermngview .editpanelusermngview .btngroup .button {
          vertical-align: top;
          background-color: transparent;
          color: #00c8a2;
          font-size: 12px;
          border-radius: 3px;
          border: 1px solid #00c8a2;
          width: 100px;
          text-transform: uppercase;
          font-family: 'mulisemibold';
          margin-bottom: 0;
          position: relative;
          z-index: 1;
          margin-left: 0px !important;
          margin-right: 10px !important; }
          .usermanagmntwrap .rightwrap .call_details table tr td.Filterfield .usermngview .editpanelusermngview .btngroup .button:hover {
            background: #00bf9b;
            color: #ffffff; }
  .usermanagmntwrap .rightwrap .dataTables_wrapper .dataTables_filter {
    right: 190px !important;
    left: auto !important;
    top: -58px !important; }
  .usermanagmntwrap .rightwrap .detailpgtable table.dataTable.no-footer {
    border-top: none; }
  .usermanagmntwrap .rightwrap .daymonthresult {
    position: relative; }
  .usermanagmntwrap .rightwrap .usermngview {
    position: relative;
    background: #eaeaea;
    top: 0px;
    z-index: 99;
    width: 100%;
    /*border-top: solid 1px $greyfive;*/
    padding: 25px 20px;
    border-bottom: solid 1px #e6e6e6; }
    .usermanagmntwrap .rightwrap .usermngview .triangle .empty {
      border-bottom: solid 18px #eaeaea;
      border-right: solid 17px transparent;
      border-left: solid 18px transparent; }
    .usermanagmntwrap .rightwrap .usermngview .viewpanel .panel1 {
      text-align: left; }
    .usermanagmntwrap .rightwrap .usermngview .viewpanel .panel2 {
      text-align: left;
      padding-top: 26px;
      margin-top: 26px;
      border-top: solid 1px #c1c1c1; }
      .usermanagmntwrap .rightwrap .usermngview .viewpanel .panel2 .u_edituserbtn {
        position: absolute;
        right: 20px;
        width: 112px;
        background-color: transparent;
        padding: 8px 0px 5px 0;
        color: #f75d34;
        font-size: 12px;
        border: 1px solid #f75d34;
        text-transform: uppercase;
        font-family: 'mulisemibold'; }
        .usermanagmntwrap .rightwrap .usermngview .viewpanel .panel2 .u_edituserbtn:hover {
          background: #f75d34;
          color: #fff; }
          .usermanagmntwrap .rightwrap .usermngview .viewpanel .panel2 .u_edituserbtn:hover i {
            background-position: -100px -192px; }
        .usermanagmntwrap .rightwrap .usermngview .viewpanel .panel2 .u_edituserbtn i {
          background-position: -72px -192px;
          width: 19px;
          height: 18px;
          margin-right: 5px;
          position: relative;
          top: -1px; }
      .usermanagmntwrap .rightwrap .usermngview .viewpanel .panel2 .vnivrno {
        margin-bottom: 30px; }
        .usermanagmntwrap .rightwrap .usermngview .viewpanel .panel2 .vnivrno .ivrheading {
          color: #464855;
          font-family: 'mulisemibold'; }
      .usermanagmntwrap .rightwrap .usermngview .viewpanel .panel2 .levestep table {
        width: 90%;
        border-bottom: none;
        font-family: 'mulisemibold'; }
        .usermanagmntwrap .rightwrap .usermngview .viewpanel .panel2 .levestep table tr td {
          border-left: none;
          padding: 0;
          vertical-align: top;
          padding-bottom: 15px !important;
          line-height: 1; }
        .usermanagmntwrap .rightwrap .usermngview .viewpanel .panel2 .levestep table tr.level2 td {
          padding-top: 40px; }
        .usermanagmntwrap .rightwrap .usermngview .viewpanel .panel2 .levestep table tr:nth-child(odd) {
          background: none; }
        .usermanagmntwrap .rightwrap .usermngview .viewpanel .panel2 .levestep table tr:nth-child(even) {
          background: none; }
        .usermanagmntwrap .rightwrap .usermngview .viewpanel .panel2 .levestep table thead td {
          width: 15%;
          border-left: none;
          padding: 0;
          color: #464855;
          padding-bottom: 20px !important;
          line-height: 1; }
    .usermanagmntwrap .rightwrap .usermngview .vnivrno {
      color: #464855; }
      .usermanagmntwrap .rightwrap .usermngview .vnivrno .nmno {
        display: inline-block;
        font-family: 'mulisemibold';
        margin-left: 20px; }
        .usermanagmntwrap .rightwrap .usermngview .vnivrno .nmno span {
          font-family: 'muliregular';
          color: rgba(70, 72, 85, 0.5); }
      .usermanagmntwrap .rightwrap .usermngview .vnivrno .exportfile {
        color: #464855;
        margin-left: 60px;
        display: inline-block; }
        .usermanagmntwrap .rightwrap .usermngview .vnivrno .exportfile span {
          font-family: 'mulisemibold';
          margin-left: 15px; }

.hideheader {
  display: none; }

.triangle {
  position: absolute;
  width: 0;
  border-bottom: solid 13px #e6e6e6;
  border-right: solid 12px transparent;
  right: 26px;
  border-left: solid 12px transparent;
  top: -14px; }
  .triangle .empty {
    position: absolute;
    top: 2px;
    left: -18px;
    width: 0;
    border-bottom: solid 18px #f2f2f2;
    border-right: solid 17px transparent;
    border-left: solid 18px transparent; }

.editpanelusermngview {
  text-align: left;
  padding: 35px 24px;
  background-color: #ffffff;
  /* border-top: 1px solid #bebdbd; */
  border-bottom: 1px solid #bebdbd;
  position: relative;
  width: 100%; }
  .editpanelusermngview .field {
    display: inline-block;
    vertical-align: top;
    margin-right: 25px;
    margin-bottom: 30px; }
    .editpanelusermngview .field .title {
      text-transform: none;
      color: #464855;
      padding-bottom: 5px;
      display: inline-block;
      width: 100%;
      vertical-align: -1px; }
      .editpanelusermngview .field .title .optionl {
        text-transform: capitalize; }
    .editpanelusermngview .field.field-agentnm {
      width: 255px; }
    .editpanelusermngview .field.field-mobino {
      width: 145px; }
    .editpanelusermngview .field.field-email {
      width: 255px; }
    .editpanelusermngview .field.field-proctype {
      width: 265px; }
    .editpanelusermngview .field.field-selprocesno {
      width: 430px; }
    .editpanelusermngview .field.field-levelwise {
      width: 255px; }
      .editpanelusermngview .field.field-levelwise .multi-select_option label {
        width: 210px; }
  .editpanelusermngview .filterdrop {
    width: 100%;
    display: inline-block;
    vertical-align: middle; }
    .editpanelusermngview .filterdrop .multi-select_field {
      font-size: 14px;
      color: rgba(70, 72, 85, 0.7);
      font-family: 'muliregular';
      border-radius: 4px;
      -webkit-border-radius: 4px;
      border: solid 1px #e8e8e8;
      padding: 5px 21px 6px 10px; }
    .editpanelusermngview .filterdrop .multi-select_field:after {
      top: 14px; }
    .editpanelusermngview .filterdrop .multi-select_option label {
      width: auto; }
    .editpanelusermngview .filterdrop .multi-select_field.is-empty {
      color: rgba(70, 72, 85, 0.4); }
  .editpanelusermngview .vnagentwrap {
    border-top: solid 1px #cacaca;
    padding-top: 30px;
    border-bottom: solid 1px #cacaca;
    margin-bottom: 30px; }
    .editpanelusermngview .vnagentwrap .field {
      width: 430px; }
  .editpanelusermngview .btngroup {
    border-top: solid 1px #cacaca;
    padding-top: 30px;
    text-align: center;
    width: 100%; }
    .editpanelusermngview .btngroup .button {
      vertical-align: top;
      background-color: transparent;
      color: #00c8a2;
      font-size: 12px;
      border-radius: 3px;
      border: 1px solid #00c8a2;
      width: 100px;
      text-transform: uppercase;
      font-family: 'mulisemibold';
      margin-bottom: 0;
      position: relative;
      z-index: 1;
      margin-left: 0px !important;
      margin-right: 10px !important;
      text-decoration: none; }
      .editpanelusermngview .btngroup .button:hover {
        background: #00bf9b;
        color: #ffffff; }

.checkboxdesign .smssent {
  display: inline-block;
  margin-right: 30px;
  margin-top: 7px; }
  .checkboxdesign .smssent:last-child {
    margin-right: 0px; }

.checkboxdesign .container {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  top: 0;
  margin-bottom: 3px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 20px; }
  .checkboxdesign .container span.smscon {
    line-height: 20px; }
  .checkboxdesign .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    top: 0px;
    right: 24px;
    height: 16px;
    width: 16px; }
    .checkboxdesign .container input:checked ~ .checkmark {
      background-color: #00c8a2;
      border-color: #00c8a2; }
    .checkboxdesign .container input:checked ~ .checkmark:after {
      display: block; }
  .checkboxdesign .container .checkmark {
    position: absolute;
    top: 1px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #dde4e7;
    border-radius: 2px;
    box-sizing: border-box;
    border: 1px solid #b5bbbe; }
    .checkboxdesign .container .checkmark:after {
      content: "";
      position: absolute;
      display: none; }
  .checkboxdesign .container .checkmark:after {
    left: 4px;
    top: 2px;
    width: 3px;
    height: 6px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

.radioboxdesign {
  width: 164px;
  margin-right: 0; }
  .radioboxdesign .container {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    font-size: 14px;
    margin-right: 30px;
    padding-top: 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .radioboxdesign .container input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      top: 2px;
      right: 57px;
      height: 16px;
      width: 16px; }
      .radioboxdesign .container input:checked ~ .checkmark {
        background-color: #00c8a2;
        border-color: #00c8a2; }
      .radioboxdesign .container input:checked ~ .checkmark:after {
        content: '';
        width: 6px;
        height: 6px;
        background-color: #ffffff;
        border-radius: 3px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -3px;
        margin-left: -3px; }
    .radioboxdesign .container .checkmark {
      position: absolute;
      top: 8px;
      left: 0;
      height: 16px;
      width: 16px;
      background-color: #dde4e7;
      border: 1px solid #b5bbbe;
      border-radius: 10px;
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out; }
      .radioboxdesign .container .checkmark :after {
        content: "";
        position: absolute;
        display: none; }
    .radioboxdesign .container .checkmark:after {
      top: 9px;
      left: 9px;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: white; }
    .radioboxdesign .container :hover input ~ .checkmark {
      background-color: #ccc; }
    .radioboxdesign .container input:checked ~ .checkmark:after {
      display: block; }

.levelstwrap {
  margin-top: 3px; }
  .levelstwrap .levelstep {
    border-radius: 23px;
    height: 23px;
    margin-right: 14px;
    font-size: 12px !important;
    color: rgba(70, 72, 85, 0.7);
    text-align: center;
    line-height: 26px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    text-transform: capitalize; }
    .levelstwrap .levelstep i {
      background-position: -98px 2px;
      width: 15px;
      height: 14px;
      margin-left: 5px;
      cursor: pointer;
      opacity: 0.5;
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      vertical-align: -3px; }
    .levelstwrap .levelstep:hover {
      color: #464855; }
      .levelstwrap .levelstep:hover i {
        opacity: 1; }
    .levelstwrap .levelstep:hover {
      color: #464855; }

.createuserwrap {
  background: #ffffff; }
  .createuserwrap .createuser {
    width: 850px;
    background: #ffffff;
    margin: 0px auto;
    margin-top: 30px;
    border-radius: 3px;
    margin-bottom: 20px;
    border: 1px solid #e6e6e6; }
    .createuserwrap .createuser .titlenewuser {
      height: 68px;
      background: #ededed;
      text-align: center;
      color: #464855;
      font-size: 24px;
      font-family: mulisemibold;
      padding-top: 15px; }
    .createuserwrap .createuser .editpanelusermngview {
      padding: 0px 25px 29px 25px; }
      .createuserwrap .createuser .editpanelusermngview .userForm {
        padding-top: 28px;
        padding-bottom: 10px; }
        .createuserwrap .createuser .editpanelusermngview .userForm .btn-group:hover,
        .createuserwrap .createuser .editpanelusermngview .userForm .btn-group:focus,
        .createuserwrap .createuser .editpanelusermngview .userForm .btn-group-vertical:hover,
        .createuserwrap .createuser .editpanelusermngview .userForm .btn-group-vertical:focus {
          border: solid 1px #2478AF !important;
          box-shadow: 0 0px 10px 0 rgba(38, 121, 175, 0.5); }
        .createuserwrap .createuser .editpanelusermngview .userForm#VNform {
          border-top: 1px solid #f0f0f0; }
        .createuserwrap .createuser .editpanelusermngview .userForm:nth-child(1) {
          border-bottom: none; }
        .createuserwrap .createuser .editpanelusermngview .userForm:nth-child(3) {
          border-top: solid 1px #f0f0f0; }
        .createuserwrap .createuser .editpanelusermngview .userForm .field {
          margin-right: 20px;
          margin-bottom: 15px;
          min-height: 87px; }
          .createuserwrap .createuser .editpanelusermngview .userForm .field.field-agentnm {
            width: 387px; }
          .createuserwrap .createuser .editpanelusermngview .userForm .field input[type="text"],
          .createuserwrap .createuser .editpanelusermngview .userForm .field input[type="email"],
          .createuserwrap .createuser .editpanelusermngview .userForm .field input[type="tel"],
          .createuserwrap .createuser .editpanelusermngview .userForm .field textarea {
            height: 33px;
            border-radius: 4px;
            background-color: #ffffff;
            color: #464855;
            font-size: 14px;
            padding-right: 3px; }
          .createuserwrap .createuser .editpanelusermngview .userForm .field.field-mobino {
            width: 111px;
            margin-left: 1px; }
          .createuserwrap .createuser .editpanelusermngview .userForm .field input[type="text"] {
            padding-left: 7px; }
          .createuserwrap .createuser .editpanelusermngview .userForm .field.field-email {
            width: 249px;
            margin-right: 1px; }
          .createuserwrap .createuser .editpanelusermngview .userForm .field .smssent span.smscon {
            color: #464855;
            font-weight: 100; }
          .createuserwrap .createuser .editpanelusermngview .userForm .field .filterdrop {
            width: 100%; }
            .createuserwrap .createuser .editpanelusermngview .userForm .field .filterdrop .multi-select_field {
              border-radius: 4px;
              padding: 5px 21px 5px 10px;
              box-shadow: 0px 2px 2px 0px rgba(96, 125, 139, 0.15); }
        .createuserwrap .createuser .editpanelusermngview .userForm .rightdropdown {
          float: right; }
        .createuserwrap .createuser .editpanelusermngview .userForm .Secondleftfield {
          display: inline-block;
          float: left; }
          .createuserwrap .createuser .editpanelusermngview .userForm .Secondleftfield:nth-of-type(odd) {
            margin-right: 24px; }
        .createuserwrap .createuser .editpanelusermngview .userForm .Secondrightfield {
          display: inline-block; }
        .createuserwrap .createuser .editpanelusermngview .userForm .levelstwrap.agentlist {
          padding-bottom: 8px; }
          .createuserwrap .createuser .editpanelusermngview .userForm .levelstwrap.agentlist .levelstep {
            font-size: 12px;
            color: #464855;
            text-align: left;
            margin-right: 0px; }
            .createuserwrap .createuser .editpanelusermngview .userForm .levelstwrap.agentlist .levelstep .selectagentfield {
              padding: 0px 12px 0 20px; }
              .createuserwrap .createuser .editpanelusermngview .userForm .levelstwrap.agentlist .levelstep .selectagentfield span {
                display: inline-block;
                padding-bottom: 19px; }
                .createuserwrap .createuser .editpanelusermngview .userForm .levelstwrap.agentlist .levelstep .selectagentfield span.levelstep {
                  font-size: 12px;
                  color: rgba(90, 90, 90, 0.7);
                  transition: all 0.3s ease-in-out;
                  -webkit-transition: all 0.3s ease-in-out;
                  margin-right: 0px;
                  padding-bottom: 0px;
                  line-height: 26px; }
                  .createuserwrap .createuser .editpanelusermngview .userForm .levelstwrap.agentlist .levelstep .selectagentfield span.levelstep i {
                    background-position: -98px 2px;
                    width: 15px;
                    height: 14px;
                    margin-left: 5px;
                    cursor: pointer;
                    opacity: 0.5;
                    transition: all 0.3s ease-in-out;
                    -webkit-transition: all 0.3s ease-in-out;
                    vertical-align: -3px; }
                  .createuserwrap .createuser .editpanelusermngview .userForm .levelstwrap.agentlist .levelstep .selectagentfield span.levelstep:hover {
                    color: #5a5a5a; }
                  .createuserwrap .createuser .editpanelusermngview .userForm .levelstwrap.agentlist .levelstep .selectagentfield span.levelstep:hover i {
                    opacity: 1; }
                  .createuserwrap .createuser .editpanelusermngview .userForm .levelstwrap.agentlist .levelstep .selectagentfield span.levelstep.firstfield {
                    margin-right: 7px; }
        .createuserwrap .createuser .editpanelusermngview .userForm .userfield {
          width: 100%;
          display: inline-block;
          /*Drop Down List Css :Here*/
          /*Drop Down List Css :End*/ }
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .multi-select_options {
            max-height: 181px;
            padding-bottom: 7px;
            padding-top: 5px; }
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .VNagentname {
            font-size: 12px;
            color: rgba(90, 90, 90, 0.7);
            padding-bottom: 7px; }
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .levelstwrap.IVRwrap {
            border-top: 1px solid #ddd;
            padding-top: 4px; }
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop .open > .dropdown-menu {
            display: block; }
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop span.multiselect-native-select {
            position: relative;
            width: 100%; }
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop span.multiselect-native-select select {
            border: 0 !important;
            clip: rect(0 0 0 0) !important;
            height: 1px !important;
            margin: -1px -1px -1px -3px !important;
            overflow: hidden !important;
            padding: 0 !important;
            position: absolute !important;
            width: 1px !important;
            left: 50%;
            top: 30px; }
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop optgroup {
            font-weight: 700; }
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop option {
            font-weight: normal;
            display: block;
            white-space: pre;
            min-height: 1.2em;
            padding: 2px 2px 3px; }
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop .btn-group,
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop .btn-group-vertical {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            border: solid 1px #e8e8e8;
            width: 100%;
            border-radius: 2px;
            transition: all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out; }
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop .btn-group > .btn:first-child {
            margin-left: 0; }
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop .btn-group-vertical > .btn,
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop .btn-group > .btn {
            width: 100%;
            text-align: left; }
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop .btn-default {
            color: #333;
            background-color: #fff;
            border-color: #ccc; }
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop .btn {
            display: inline-block;
            padding: 7px 12px 0px;
            margin-bottom: 0;
            font-size: 14px;
            font-weight: 400;
            line-height: 1.42857143;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-image: none;
            border: none;
            border-radius: 2px; }
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop .btn .caret {
            margin-left: 0; }
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop .caret {
            display: inline-block;
            width: 0;
            height: 0;
            content: "";
            margin-left: 2px;
            vertical-align: middle;
            border-top: 5px solid;
            border-right: 5px solid transparent;
            border-left: 5px solid transparent;
            position: absolute;
            right: 13px;
            top: 14px;
            color: #7b7b7b; }
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop .multiselect-container {
            position: absolute;
            list-style-type: none;
            margin: 0;
            padding: 0; }
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop .dropdown-menu {
            position: absolute;
            top: 100%;
            overflow-y: scroll;
            left: 0;
            z-index: 1000;
            display: none;
            float: left;
            margin: 0;
            font-size: 14px;
            text-align: left;
            list-style: none;
            background-color: #fff;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            border: 1px solid #ccc;
            border: 1px solid rgba(0, 0, 0, 0.15);
            border-radius: 4px;
            -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
            width: 100%;
            height: 193px;
            overflow-x: hidden;
            max-height: 256px;
            padding-bottom: 7px; }
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop li.multiselect-item.multiselect-group label b {
            font-family: 'mulisemibold';
            line-height: 40px; }
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop .multiselect-container > li {
            padding: 0;
            margin-bottom: 1px;
            width: 100%; }
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop li.multiselect-item.multiselect-group.IVRlistblock {
            border-top: 1px solid #dddddd;
            margin-top: 6px; }
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop .dropdown-menu > li > a {
            display: block;
            padding: 0px 0px 0px 15px;
            clear: both;
            font-weight: 400;
            line-height: 1.42857143;
            color: #333;
            outline: none;
            white-space: nowrap; }
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop .multiselect-container > li.multiselect-group label {
            margin: 0;
            padding: 0px;
            height: 27px;
            font-weight: 700;
            font-size: 14px;
            margin-bottom: 4px; }
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop label {
            display: inline-block;
            max-width: 100%;
            font-weight: normal;
            margin-left: 16px;
            vertical-align: -1px; }
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop .multiselect-container > li > a > label {
            cursor: pointer;
            padding-left: 0;
            font-weight: normal;
            font-size: 12px;
            color: #464855;
            line-height: 20px;
            margin: 0;
            width: 100%;
            z-index: 1;
            position: relative; }
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop label.checkbox {
            cursor: pointer !important;
            padding-left: 25px !important; }
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop .dropdown-menu > .active > a,
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop .dropdown-menu > .active > a:focus,
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop .dropdown-menu > .active > a:hover {
            color: #333333;
            text-decoration: none;
            background-color: #f5f5f5;
            outline: 0; }
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop .dropdown-menu > .active > a,
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop .dropdown-menu > .active > a:focus {
            text-decoration: none;
            background-color: #fff; }
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop .checkbox,
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop .radio {
            margin-top: 7px !important;
            margin-bottom: 7px !important; }
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop .btn-group.open .dropdown-toggle {
            box-shadow: none !important; }
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop .btn-group .dropdown-toggle:active,
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop .btn-group.open .dropdown-toggle {
            outline: 0;
            box-shadow: none !important;
            width: 100%;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            padding-right: 25px; }
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop .dropdown-menu > li > a:focus,
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop .dropdown-menu > li > a:hover {
            color: #262626;
            text-decoration: none;
            background-color: transparent;
            cursor: default; }
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop .dropdown-menu > li > a > label:focus,
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop .dropdown-menu > li > a > label:hover {
            cursor: default; }
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop .dropdown-menu > li.container > a:focus,
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop .dropdown-menu > li.container > a:hover {
            background-color: #f5f5f5;
            cursor: pointer; }
          .createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop span.multiselect-selected-text {
            width: 100%;
            display: inline-block;
            color: #5a5a5a;
            font-size: 14px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            padding-right: 10px;
            line-height: 1.3; }
        .createuserwrap .createuser .editpanelusermngview .userForm .title {
          color: #464855;
          font-family: 'mulisemibold';
          font-size: 14px; }
        .createuserwrap .createuser .editpanelusermngview .userForm .vnagentwrap {
          border-top: none;
          border-bottom: none;
          padding: 0px;
          margin-bottom: 0px; }
          .createuserwrap .createuser .editpanelusermngview .userForm .vnagentwrap .field {
            width: 387px; }
            .createuserwrap .createuser .editpanelusermngview .userForm .vnagentwrap .field .title {
              padding-bottom: 0px; }
            .createuserwrap .createuser .editpanelusermngview .userForm .vnagentwrap .field .VNagentname {
              font-size: 12px;
              color: rgba(90, 90, 90, 0.7);
              padding-bottom: 7px; }
            .createuserwrap .createuser .editpanelusermngview .userForm .vnagentwrap .field .filterdrop {
              width: 387px; }
            .createuserwrap .createuser .editpanelusermngview .userForm .vnagentwrap .field:last-child {
              float: right;
              margin-right: 0; }
        .createuserwrap .createuser .editpanelusermngview .userForm .field-selprocesno {
          width: 385px;
          margin-right: 0px; }
        .createuserwrap .createuser .editpanelusermngview .userForm .left-createuser {
          width: 265px;
          display: inline-block; }
          .createuserwrap .createuser .editpanelusermngview .userForm .left-createuser .checkboxdesign .container {
            width: 100%; }
            .createuserwrap .createuser .editpanelusermngview .userForm .left-createuser .checkboxdesign .container .checkmark:after {
              left: 4px;
              top: 2px;
              width: 5px;
              height: 8px; }
          .createuserwrap .createuser .editpanelusermngview .userForm .left-createuser .radioboxdesign .container {
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            margin-right: 14px;
            width: 40% !important;
            padding-left: 25px; }
            .createuserwrap .createuser .editpanelusermngview .userForm .left-createuser .radioboxdesign .container span {
              font-weight: 100; }
        .createuserwrap .createuser .editpanelusermngview .userForm .smssent {
          margin-right: 7px; }
          .createuserwrap .createuser .editpanelusermngview .userForm .smssent:last-child {
            margin-right: 0; }
        .createuserwrap .createuser .editpanelusermngview .userForm#IVRform {
          padding-bottom: 0px; }
          .createuserwrap .createuser .editpanelusermngview .userForm#IVRform .field.field-levelwise {
            width: 387px; }
            .createuserwrap .createuser .editpanelusermngview .userForm#IVRform .field.field-levelwise .levelstwrap.agentlist {
              padding-bottom: 8px; }
              .createuserwrap .createuser .editpanelusermngview .userForm#IVRform .field.field-levelwise .levelstwrap.agentlist .levelstep {
                font-size: 12px;
                color: #464855;
                text-align: left;
                margin-right: 0px; }
                .createuserwrap .createuser .editpanelusermngview .userForm#IVRform .field.field-levelwise .levelstwrap.agentlist .levelstep:hover {
                  color: #464855; }
                .createuserwrap .createuser .editpanelusermngview .userForm#IVRform .field.field-levelwise .levelstwrap.agentlist .levelstep .selectagentfield {
                  padding: 0px 12px 0 20px; }
                  .createuserwrap .createuser .editpanelusermngview .userForm#IVRform .field.field-levelwise .levelstwrap.agentlist .levelstep .selectagentfield span {
                    display: inline-block;
                    padding-bottom: 19px; }
                    .createuserwrap .createuser .editpanelusermngview .userForm#IVRform .field.field-levelwise .levelstwrap.agentlist .levelstep .selectagentfield span.levelstep {
                      font-size: 12px;
                      color: rgba(90, 90, 90, 0.7);
                      transition: all 0.3s ease-in-out;
                      -webkit-transition: all 0.3s ease-in-out;
                      margin-right: 0px;
                      padding-bottom: 0px;
                      line-height: 26px; }
                      .createuserwrap .createuser .editpanelusermngview .userForm#IVRform .field.field-levelwise .levelstwrap.agentlist .levelstep .selectagentfield span.levelstep i {
                        background-position: -98px 2px;
                        width: 15px;
                        height: 14px;
                        margin-left: 5px;
                        cursor: pointer;
                        opacity: 0.5;
                        transition: all 0.3s ease-in-out;
                        -webkit-transition: all 0.3s ease-in-out;
                        vertical-align: -3px; }
                      .createuserwrap .createuser .editpanelusermngview .userForm#IVRform .field.field-levelwise .levelstwrap.agentlist .levelstep .selectagentfield span.levelstep:hover {
                        color: #5a5a5a; }
                      .createuserwrap .createuser .editpanelusermngview .userForm#IVRform .field.field-levelwise .levelstwrap.agentlist .levelstep .selectagentfield span.levelstep:hover i {
                        opacity: 1; }
                      .createuserwrap .createuser .editpanelusermngview .userForm#IVRform .field.field-levelwise .levelstwrap.agentlist .levelstep .selectagentfield span.levelstep.firstfield {
                        margin-right: 17px; }
          .createuserwrap .createuser .editpanelusermngview .userForm#IVRform .field.field-levelwise2 {
            width: 387px;
            float: right;
            margin-right: 0; }
          .createuserwrap .createuser .editpanelusermngview .userForm#IVRform .title span {
            display: block;
            padding-bottom: 19px; }
            .createuserwrap .createuser .editpanelusermngview .userForm#IVRform .title span.levelstep {
              font-size: 12px;
              color: rgba(90, 90, 90, 0.7);
              transition: all 0.3s ease-in-out;
              -webkit-transition: all 0.3s ease-in-out; }
              .createuserwrap .createuser .editpanelusermngview .userForm#IVRform .title span.levelstep i {
                background-position: -98px 2px;
                width: 15px;
                height: 14px;
                margin-left: 5px;
                cursor: pointer;
                opacity: 0.5;
                transition: all 0.3s ease-in-out;
                -webkit-transition: all 0.3s ease-in-out;
                vertical-align: -3px; }
              .createuserwrap .createuser .editpanelusermngview .userForm#IVRform .title span.levelstep:hover {
                color: #5a5a5a; }
              .createuserwrap .createuser .editpanelusermngview .userForm#IVRform .title span.levelstep:hover i {
                opacity: 1; }
        .createuserwrap .createuser .editpanelusermngview .userForm#IVRformII {
          border-top: 1px solid #f0f0f0; }
          .createuserwrap .createuser .editpanelusermngview .userForm#IVRformII .title span {
            display: block;
            padding-bottom: 19px; }
            .createuserwrap .createuser .editpanelusermngview .userForm#IVRformII .title span.levelstep {
              font-size: 12px;
              color: rgba(90, 90, 90, 0.7);
              transition: all 0.3s ease-in-out;
              -webkit-transition: all 0.3s ease-in-out; }
              .createuserwrap .createuser .editpanelusermngview .userForm#IVRformII .title span.levelstep i {
                background-position: -98px 2px;
                width: 15px;
                height: 14px;
                margin-left: 5px;
                cursor: pointer;
                opacity: 0.5;
                transition: all 0.3s ease-in-out;
                -webkit-transition: all 0.3s ease-in-out;
                vertical-align: -3px; }
              .createuserwrap .createuser .editpanelusermngview .userForm#IVRformII .title span.levelstep:hover {
                color: #5a5a5a; }
              .createuserwrap .createuser .editpanelusermngview .userForm#IVRformII .title span.levelstep:hover i {
                opacity: 1; }
          .createuserwrap .createuser .editpanelusermngview .userForm#IVRformII .field.field-levelwise {
            width: 387px; }
            .createuserwrap .createuser .editpanelusermngview .userForm#IVRformII .field.field-levelwise .levelstwrap.agentlist {
              padding-bottom: 8px; }
              .createuserwrap .createuser .editpanelusermngview .userForm#IVRformII .field.field-levelwise .levelstwrap.agentlist .levelstep {
                font-size: 12px;
                color: #464855;
                text-align: left;
                margin-right: 0px; }
                .createuserwrap .createuser .editpanelusermngview .userForm#IVRformII .field.field-levelwise .levelstwrap.agentlist .levelstep:hover {
                  color: #464855; }
                .createuserwrap .createuser .editpanelusermngview .userForm#IVRformII .field.field-levelwise .levelstwrap.agentlist .levelstep .selectagentfield {
                  padding: 0px 12px 0 20px; }
                  .createuserwrap .createuser .editpanelusermngview .userForm#IVRformII .field.field-levelwise .levelstwrap.agentlist .levelstep .selectagentfield span {
                    display: inline-block;
                    padding-bottom: 19px; }
                    .createuserwrap .createuser .editpanelusermngview .userForm#IVRformII .field.field-levelwise .levelstwrap.agentlist .levelstep .selectagentfield span.levelstep {
                      font-size: 12px;
                      color: rgba(90, 90, 90, 0.7);
                      transition: all 0.3s ease-in-out;
                      -webkit-transition: all 0.3s ease-in-out;
                      margin-right: 0px;
                      padding-bottom: 0px;
                      line-height: 26px; }
                      .createuserwrap .createuser .editpanelusermngview .userForm#IVRformII .field.field-levelwise .levelstwrap.agentlist .levelstep .selectagentfield span.levelstep i {
                        background-position: -98px 2px;
                        width: 15px;
                        height: 14px;
                        margin-left: 5px;
                        cursor: pointer;
                        opacity: 0.5;
                        transition: all 0.3s ease-in-out;
                        -webkit-transition: all 0.3s ease-in-out;
                        vertical-align: -3px; }
                      .createuserwrap .createuser .editpanelusermngview .userForm#IVRformII .field.field-levelwise .levelstwrap.agentlist .levelstep .selectagentfield span.levelstep:hover {
                        color: #5a5a5a; }
                      .createuserwrap .createuser .editpanelusermngview .userForm#IVRformII .field.field-levelwise .levelstwrap.agentlist .levelstep .selectagentfield span.levelstep:hover i {
                        opacity: 1; }
                      .createuserwrap .createuser .editpanelusermngview .userForm#IVRformII .field.field-levelwise .levelstwrap.agentlist .levelstep .selectagentfield span.levelstep.firstfield {
                        margin-right: 17px; }
          .createuserwrap .createuser .editpanelusermngview .userForm#IVRformII .field.field-levelwise2 {
            width: 387px;
            float: right;
            margin-right: 0; }
      .createuserwrap .createuser .editpanelusermngview .button {
        width: 223px;
        padding: 23px 0;
        background: #00c8a2;
        border-color: #00c8a2;
        color: #ffffff;
        font-size: 18px;
        font-family: mulisemibold; }
        .createuserwrap .createuser .editpanelusermngview .button:hover {
          background: #00bf9b;
          border-color: #00bf9b; }
    .createuserwrap .createuser .optionl {
      color: rgba(70, 72, 85, 0.5); }
  .createuserwrap .btngroup {
    width: 848px;
    margin-left: -25px;
    margin-top: 50px; }

footer {
  text-align: center;
  padding: 23px 0;
  width: 100%;
  background: #fff;
  border-top: solid 1px #e8e8e8;
  color: #90a4ae;
  position: relative;
  top: -6px;
  font-size: 12px; }

.loading {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999; }
  .loading span {
    background: url(../images/tracko-loading.svg) no-repeat;
    width: 100px;
    height: 100px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 60%;
    position: fixed; }

.nodetablenew .callLevel {
  padding-left: 0px !important; }

.nodetablenew .callLevel .levelwidthwrap {
  padding-left: 10px; }

.nodetablenew .ndlevel1 {
  width: 100px; }

.nodetablenew .ndlevel2,
.nodetablenew .ndlevel3 {
  width: 100px; }

.nodetablenew .ndlevel4 {
  width: 100px; }

.levelwidthwrap.is_stuck .plusminus {
  top: 3px !important; }

.wrapper .rightwrap .nodetablenew table tbody tr:hover {
  background: #f3fcff; }

.wrapper .rightwrap .nodetablenew table tr td {
  padding: 9px 0; }

.wrapper .rightwrap .nodetablenew.ndTable table tr.scoreline td:last-child.nopad.tbldetails table tr td:last-child table.nodetablestep2 tr.tblLine td.lftline .tringicon {
  top: 15px !important; }

.wrapper .rightwrap .nodetablenew.ndTable table tr.scoreline td:last-child.nopad.tbldetails table tr td:last-child table.nodetablestep2 tr.tblLine td.lftline .levelwidthwrap.is_stuck .tringicon {
  top: 5px !important; }

.greenlinenew .levelwidthwrap.is_stuck .tringicon {
  top: 5px; }

.wrapper .rightwrap .nodetablenew table tbody tr.green_line td:first-child .tringicon,
.wrapper .rightwrap .nodetablenew table tbody tr.minscore td:first-child .tringicon {
  bottom: 14px !important; }

.nodetablenew .pagintion {
  margin-left: 0px !important; }

.greenlinenew .brder {
  border-left: #388E3C 3px solid !important; }

.greenlinenew .tringicon {
  width: 0px;
  height: 0px;
  border-left: 5px solid #388E3C;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  position: absolute;
  left: 0;
  top: 15px; }

.greenlinenew .connected_calls,
.greenlinenew .avg_score {
  color: #388E3C; }

.help-block-error {
  color: red !important;
  text-transform: none;
  font-size: 11px; }

.employeindex .dataTables_filter {
  top: 10px;
  right: 185px; }

.employeindex .dataTables_filter input:hover {
  border: solid 1px #2478AF;
  box-shadow: 0 0px 10px 0 rgba(38, 121, 175, 0.5);
  -webkit-box-shadow: 0 0px 10px 0 rgba(38, 121, 175, 0.5); }

.employeindex .call_details table tbody tr td {
  cursor: pointer; }

.employeindex .emplview {
  color: #00c8a2 !important;
  font-size: 12px;
  text-decoration: none !important;
  margin-left: 5px;
  opacity: 0;
  font-size: 0; }

.employeindex .call_details table tbody tr:hover .emplview {
  opacity: 1;
  font-size: 12px; }

.employeindex .call_details table .avscorediv {
  text-align: center;
  width: 105px;
  display: inline-block; }

.employeindex .dealertitle {
  display: inline-block;
  color: rgba(0, 0, 0, 0.7);
  font-size: 20px;
  z-index: 99;
  top: 12px;
  font-family: 'mulisemibold';
  position: relative; }

.employeeindexwrap .rightwrap .trackertop:before {
  border-top-left-radius: 0; }

.employeeindexwrap .menu {
  display: none; }

.employeeindexwrap .rightwrap .navtab {
  margin-left: 232px; }

.employeeindexwrap .rightwrap.rightgap {
  padding-left: 0px !important; }

.employeeindexwrap .rightwrap .trackertop.headershadow {
  padding-left: 20px !important; }

.employeeindexwrap .tracktopright .dropautosuggest,
.employeeindexwrap .tracktopright .newinputtype {
  width: 145px;
  display: inline-block;
  position: relative;
  margin-right: 10px; }

.employeeindexwrap .tracktopright .dropautosuggest:after {
  display: inline-block;
  width: 0;
  height: 0;
  content: "";
  margin-left: 2px;
  vertical-align: middle;
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  position: absolute;
  right: 14px;
  top: 16px;
  color: #7b7b7b; }

.employeeindexwrap .tracktopright .dropautosuggest {
  width: 180px; }

.employeeindexwrap .tracktopright .dropautosuggest input {
  padding-right: 27px;
  background: #fff;
  position: relative;
  z-index: 999; }

.autocomplete-suggestions {
  list-style: none;
  padding: 0px 0px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background: #fff;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
  z-index: 999; }

.autocomplete-suggestion {
  padding: 0;
  font-size: 12px;
  display: block;
  text-decoration: none;
  color: #333;
  line-height: 37px;
  height: 37px;
  padding-left: 10px;
  cursor: pointer; }

.autocomplete-selected {
  background: #eee; }

.autocomplete-suggestions strong {
  font-weight: normal;
  color: #3399FF; }

.autocomplete-group {
  padding: 2px 5px; }

.autocomplete-group strong {
  display: block;
  border-bottom: 1px solid #000; }

.wrapper {
  height: 100%; }

.piechartpanel .canvasjs-chart-container {
  height: 405px !important; }

.trialhide {
  position: absolute;
  width: 63px;
  height: 11px;
  background: #fff;
  bottom: 0;
  left: 0;
  z-index: 99; }

.wrapper .rightwrap .call_details.ndTable table {
  border-bottom: 0px; }
  .wrapper .rightwrap .call_details.ndTable table tr td {
    border-bottom: solid 1px #e6e6e6;
    vertical-align: top; }
    .wrapper .rightwrap .call_details.ndTable table tr td:first-child {
      border-left-color: transparent; }

.wrapper .rightwrap .call_details.ndTable > table > tbody > tr:last-child > td,
.wrapper .rightwrap .call_details.ndTable > table > tbody > tr > td:last-child > table > tbody > tr:last-child > td,
.wrapper .rightwrap .call_details.ndTable > table > tbody > tr > td:last-child > table > tbody > tr > td:last-child > table > tbody > tr:last-child > td,
.wrapper .rightwrap .call_details.ndTable > table > tbody > tr > td:last-child > table > tbody > tr > td:last-child > table > tbody > tr > td:last-child > table > tbody > tr:last-child > td,
.wrapper .rightwrap .call_details.ndTable > table > tbody > tr > td:last-child > table > tbody > tr > td:last-child > table > tbody > tr > td:last-child > table > tbody > tr > td:last-child > table > tbody > tr:last-child > td {
  border-bottom: 0 !important; }

.wrapper .rightwrap .call_details table .tbllevel1 {
  width: 70px;
  display: inline-block; }

.wrapper .rightwrap .call_details table .tbllevel2 {
  width: 101px;
  display: inline-block; }

.wrapper .rightwrap .call_details table .tbllevel3 {
  width: 85px;
  display: inline-block; }

.wrapper .rightwrap .call_details table .tbllevel4 {
  width: 87px;
  display: inline-block; }

.wrapper .rightwrap .call_details table .tbllevel5 {
  width: 103px;
  display: inline-block; }

.wrapper .rightwrap .call_details table .tbllevel6 {
  width: 65px;
  display: inline-block; }

.wrapper .rightwrap .call_details table .tbllevel7 {
  width: 72px;
  display: inline-block; }

.wrapper .rightwrap .call_details table .tbllevel8 {
  width: 64px;
  display: inline-block; }

.wrapper .rightwrap .call_details table .tbllevel9 {
  width: 85px;
  display: inline-block; }

.wrapper .rightwrap .call_details table .tbllevel10 {
  width: 64px;
  display: inline-block; }

.checkboxdesign .dropdown-menu .container .checkmark {
  left: 17px;
  top: 10px; }

.checkboxdesign .dropdown-menu .container.active .checkmark {
  background-color: #f75d34;
  border-color: #f75d34; }
  .checkboxdesign .dropdown-menu .container.active .checkmark:after {
    left: 4px;
    top: 2px;
    width: 5px;
    height: 8px;
    display: block; }

.multi-select_option {
  background: transparent;
  position: relative;
  z-index: 101;
  padding-bottom: 6px;
  padding-top: 1px;
  padding-left: 8px;
  color: #333;
  font-size: 12px;
  cursor: pointer;
  line-height: 0; }
  .multi-select_option .multi-select_checkbox {
    margin-right: 6px; }

.multi-select_option:focus,
.multi-select_option:active {
  background-color: #fff !important; }

.dataTables_filter {
  width: 222px !important;
  position: absolute !important;
  top: 33px;
  right: 212px; }

.headershadow .dataTables_filter {
  top: 25px; }

.dataTables_filter label {
  font-size: 0; }

.dataTables_filter input {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #ffffff;
  border: solid 1px #e8e8e8;
  height: 34px;
  width: 222px;
  display: inline-block;
  padding-left: 10px;
  font-size: 14px;
  color: rgba(90, 90, 90, 0.7);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding-right: 30px;
  box-shadow: 0px 2px 2px 0px rgba(96, 125, 139, 0.15); }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

.dataTables_filter i {
  background-position: -1px -14px;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 10px;
  right: 10px; }

.usermanagmntwrap .lastdropstatic {
  position: absolute; }
  .usermanagmntwrap .lastdropstatic .addfirstdrop {
    width: 102px !important; }

.usermanagmntwrap .deleteicon span {
  background-position: -82px -80px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  margin: 0 auto; }
  .usermanagmntwrap .deleteicon span:hover {
    background-position: -105px -80px; }

.usermanagmntwrap .rightwrap .createuser.paneledituser {
  width: 100%;
  background: transparent;
  margin: 0px auto;
  margin-top: 0;
  border-radius: 0;
  margin-bottom: 0;
  border: none; }
  .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .userForm.edituserform {
    padding-bottom: 0px !important; }
  .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .userForm .manage {
    border-bottom: 1px dashed #ddd;
    margin-bottom: 25px; }
    .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .userForm .manage.secondmanage {
      margin-bottom: 0px !important; }
    .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .userForm .manage .userfield {
      width: 34%;
      vertical-align: top; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .userForm .manage .userfield.align2 {
        margin-left: 50px; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .userForm .manage .userfield .Secondleftfield {
        float: left; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .userForm .manage .userfield .radioboxdesign {
        width: 100%; }
        .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .userForm .manage .userfield .radioboxdesign .container {
          width: auto; }
        .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .userForm .manage .userfield .radioboxdesign .field.field-selprocesno {
          width: 393px;
          margin-right: 0px; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .userForm .manage .userfield .widthauto {
        width: auto; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .userForm .manage .userfield .VNagentname {
        display: inline-block; }
  .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .userForm .title {
    color: #5a5a5a;
    padding-bottom: 15px; }
  .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2.addnewblock {
    margin-top: 9px !important;
    padding-bottom: 12px !important;
    border-bottom: solid 1px #e6e6e6; }
  .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2.twobtn {
    margin-top: 0px !important; }
  .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table thead {
    background-color: #f5f7fa; }
    .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table thead tr th {
      background: #f8f9fb; }
  .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr.tblbordertop {
    border-top: solid 1px #e6e6e6; }
  .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr.secondrow {
    padding-top: 0px !important; }
  .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr.addblock {
    border-bottom: solid 1px #e6e6e6; }
  .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr th {
    cursor: default; }
  .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td {
    padding-bottom: 0px !important;
    vertical-align: top;
    border-left: none; }
    .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td:nth-child(5),
    .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td :nth-child(6) {
      z-index: unset; }
    .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td.deleteicon {
      margin: 0 auto;
      text-align: center !important; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td.deleteicon span {
        position: relative;
        top: 4px; }
    .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno.first_Dropdown {
      width: 102px; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno.first_Dropdown.bottom-block {
        margin-bottom: 20px; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno.first_Dropdown.addfirstdrop .filterdrop {
        text-align: left; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno.first_Dropdown .filterdrop.editnew .multi-select .multi-select_options .multi-select_option {
        text-align: left !important;
        padding-left: 14px !important; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno.first_Dropdown .filterdrop.levelfirst .multi-select .multi-select_options .multi-select_option {
        text-align: left !important;
        padding-left: 7px !important; }
        .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno.first_Dropdown .filterdrop.levelfirst .multi-select .multi-select_options .multi-select_option label {
          margin-left: 8px; }
    .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno.second_dropdown {
      width: 100%; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno.second_dropdown.bottom-block {
        margin-bottom: 20px; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno.second_dropdown .filterdrop {
        width: 163px; }
    .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno.sales_dropdown {
      width: 100%; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno.sales_dropdown.bottom-block {
        margin-bottom: 20px; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno.sales_dropdown .filterdrop {
        width: 225px; }
    .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop {
      width: 100%; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop label {
        display: inline-block;
        max-width: 100%;
        font-weight: normal;
        margin-left: 16px;
        vertical-align: -1px; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop span.multiselect-native-select {
        position: relative;
        width: 100%; }
        .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop span.multiselect-native-select select {
          border: 0 !important;
          clip: rect(0 0 0 0) !important;
          height: 1px !important;
          margin: -1px -1px -1px -3px !important;
          overflow: hidden !important;
          padding: 0 !important;
          position: absolute !important;
          width: 1px !important;
          left: 50%;
          top: 30px; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop optgroup {
        font-weight: 700; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop option {
        font-weight: normal;
        display: block;
        white-space: pre;
        min-height: 1.2em;
        padding: 2px 2px 4px; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .btn-group,
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .btn-group-vertical {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        border: solid 1px #e8e8e8;
        width: 100%;
        border-radius: 4px;
        transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        height: 33px; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .btn-group .dropdown-toggle:active,
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .btn-group.open .dropdown-toggle {
        outline: 0;
        box-shadow: none !important;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-right: 25px; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .btn-group > .btn:first-child {
        margin-left: 0; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .btn-group-vertical > .btn,
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .btn-group > .btn {
        text-align: left; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .btn {
        display: inline-block;
        padding: 7px 12px 0px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: none;
        border-radius: 2px;
        width: 100%; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .btn-default {
        color: #333;
        background-color: #fff;
        border-color: #ccc; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop span.multiselect-selected-text {
        width: 100%;
        display: inline-block;
        color: #5a5a5a;
        font-size: 14px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-right: 10px;
        line-height: 1.3; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .btn .caret {
        margin-left: 0; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .caret {
        display: inline-block;
        width: 0;
        height: 0;
        content: "";
        margin-left: 2px;
        vertical-align: middle;
        border-top: 5px solid;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        position: absolute;
        right: 13px;
        top: 14px;
        color: #7b7b7b; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .open > .dropdown-menu {
        display: block; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        margin: 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        width: 100%;
        height: auto;
        overflow-x: hidden;
        max-height: 256px;
        padding-bottom: 7px; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .multiselect-container {
        position: absolute;
        list-style-type: none;
        margin: 0;
        padding: 0; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .multiselect-container > li {
        padding: 0;
        margin-bottom: 1px;
        width: 100%; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .dropdown-menu > li > a {
        display: block;
        padding: 0px 0px 0px 15px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        outline: none;
        white-space: nowrap; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .multiselect-container > li.multiselect-group label {
        margin: 0;
        padding: 0px;
        height: 27px;
        font-weight: 700;
        font-size: 14px;
        margin-bottom: 4px; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .multiselect-container > li > a > label {
        cursor: pointer;
        padding-left: 0;
        font-weight: normal;
        font-size: 12px;
        color: #464855;
        line-height: 20px;
        margin: 0;
        width: 100%;
        z-index: 1; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop li.multiselect-item.multiselect-group label b {
        font-family: 'mulisemibold';
        line-height: 40px;
        font-weight: 400; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .multi-select {
        height: 33px; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .multiselect-container > li {
        padding: 0;
        margin-bottom: 1px;
        width: 100%; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop.checkboxdesign .container {
        display: inline-block;
        position: relative;
        top: 0;
        margin-bottom: 3px;
        cursor: pointer;
        font-size: 14px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        line-height: 20px; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop label.checkbox {
        cursor: pointer !important;
        padding-left: 25px !important; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .checkbox,
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .radio {
        margin-top: 7px !important;
        margin-bottom: 7px !important;
        position: relative; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop.checkboxdesign .container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        top: 0px;
        right: 24px;
        height: 16px;
        width: 16px; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop.checkboxdesign .container .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 16px;
        width: 16px;
        background-color: #f1f1f1;
        border-radius: 2px;
        border: 1px solid #c1c1c1; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop.checkboxdesign .dropdown-menu .container .checkmark {
        left: 17px;
        top: 10px; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop li.multiselect-item.multiselect-group.IVRlistblock {
        border-top: 1px solid #dddddd;
        margin-top: 6px; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .dropdown-menu > li > a > label:focus,
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .dropdown-menu > li > a > label:hover {
        cursor: default; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .dropdown-menu > li > a:focus,
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .dropdown-menu > li > a:hover {
        color: #262626;
        text-decoration: none;
        background-color: transparent;
        cursor: default; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .dropdown-menu > li.container > a:focus,
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .dropdown-menu > li.container > a:hover {
        background-color: #f5f5f5;
        cursor: pointer; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop.checkboxdesign .dropdown-menu .container.active .checkmark {
        background-color: #f75d34;
        border-color: #f75d34; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .dropdown-menu > .active > a,
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .dropdown-menu > .active > a:focus,
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .dropdown-menu > .active > a:hover {
        background-color: #ffffff; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .btn-group:hover,
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .btn-group:focus,
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .btn-group-vertical:hover,
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop .btn-group-vertical:focus {
        border: solid 1px #2478AF !important;
        box-shadow: 0 0px 10px 0 rgba(38, 121, 175, 0.5); }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .filterdrop button[title="Select"] span.multiselect-selected-text {
        color: rgba(0, 0, 0, 0.4); }
    .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .field.field-selprocesno.sales_dropdown {
      width: 287px !important; }
  .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr:hover {
    background-color: transparent;
    cursor: default; }
  .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr:nth-child(even) {
    background: #ffffff; }
  .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 .addmore {
    text-align: left; }
    .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 .addmore a {
      font-size: 12px;
      font-family: 'mulisemibold';
      line-height: 26px;
      color: #4ac7ec;
      letter-spacing: 1px; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 .addmore a span {
        font-size: 19px;
        font-family: muliregular;
        position: relative;
        top: 1px;
        left: 2px; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 .addmore a:hover {
        color: #00c8a2; }
  .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 .btngroup {
    width: 100%;
    margin: 0px;
    border-top: none; }
    .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 .btngroup a.button {
      width: 131px;
      height: 33px;
      line-height: 33px;
      font-size: 12px; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 .btngroup a.button:hover {
        border: 1px solid #00bf9b; }
    .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 .btngroup a.usermngeditclose {
      color: #5a5a5a !important;
      border: solid 1px #d6d6d6 !important; }
      .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 .btngroup a.usermngeditclose:hover {
        color: #fff !important;
        background: #00bf9b;
        border-color: #00bf9b !important; }

.usermanagmntwrap .rightwrap .trackertop {
  padding-right: 23px;
  padding-left: 23px;
  padding-top: 33px;
  z-index: 9999; }
  .usermanagmntwrap .rightwrap .trackertop .tracktopright {
    float: right; }
    .usermanagmntwrap .rightwrap .trackertop .tracktopright .button {
      float: right; }
  .usermanagmntwrap .rightwrap .trackertop .title {
    top: 6px; }

.usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details {
  margin: 31px 23px 33px 23px;
  width: calc(100% - 46px); }
  .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details .pagintion {
    margin-left: 25px !important; }
  .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable {
    /*tr[role="row"] + tr {border-bottom: none;}*/ }
    .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr th {
      text-align: left;
      padding-left: 10px;
      cursor: auto; }
      .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr th .agentname {
        cursor: auto; }
      .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr th:first-child {
        padding-left: 24px; }
      .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr th:nth-child(5), .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr th:nth-child(6) {
        text-align: center;
        padding-left: 0px; }
    .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td {
      font-size: 14px;
      font-family: 'muliregular';
      /*color:$grey;*/
      text-align: left;
      padding-left: 10px;
      padding-right: 5px; }
      .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td:first-child {
        padding-left: 24px; }
      .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td:nth-child(5), .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td:nth-child(6) {
        text-align: center;
        padding-left: 0px;
        z-index: 999; }
      .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td:first-child {
        font-size: 14px;
        color: #464855; }
      .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td .tringshowhide {
        position: relative;
        cursor: pointer;
        top: -2px; }
        .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td .tringshowhide .triangle {
          position: absolute;
          width: 0;
          border-bottom: solid 13px #bebdbd;
          border-right: solid 15px transparent;
          border-left: solid 15px transparent;
          bottom: -21px;
          right: -1px;
          display: none; }
          .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td .tringshowhide .triangle .empty {
            border-bottom: solid 13px #ffffff;
            border-right: solid 15px transparent;
            border-left: solid 15px transparent;
            left: -15px;
            bottom: -14px; }
        .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td .tringshowhide.active .triangle {
          display: block; }
      .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td .recordedit {
        background-position: 1px -80px;
        width: 24px;
        height: 18px;
        cursor: pointer; }
        .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td .recordedit:hover, .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td .recordedit.active {
          background-position: -24px -80px; }
      .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td .viewmanage {
        background-position: -4px -192px;
        width: 24px;
        height: 16px;
        margin: 0px auto;
        margin-right: 11px;
        cursor: pointer; }
        .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td .viewmanage:hover, .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td .viewmanage.active {
          background-position: -38px -192px; }
      .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield {
        padding: 0px !important;
        /*width: 100%; */ }
        .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .usermngview {
          padding: 24px 24px 0px;
          background-color: #ffffff;
          position: relative; }
          .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .usermngview:before, .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .usermngview:after {
            position: absolute;
            content: "";
            display: inline-block; }
          .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .usermngview:before {
            top: -11px;
            left: 22px;
            border-right: 10px solid transparent;
            border-bottom: 10px solid #dde4e7;
            border-left: 10px solid transparent; }
          .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .usermngview:after {
            top: -9px;
            left: 23px;
            border-right: 9px solid transparent;
            border-left: 9px solid transparent;
            border-bottom: 9px solid #fff; }
        .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .viewpanel .panel1 {
          margin-bottom: 35px; }
          .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .viewpanel .panel1 .vnivrno {
            width: 35%;
            display: inline-block;
            vertical-align: middle; }
            .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .viewpanel .panel1 .vnivrno span.headingtext {
              display: block;
              color: rgba(70, 72, 85, 0.7);
              font-family: "muliregular" !important;
              padding-bottom: 10px; }
            .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .viewpanel .panel1 .vnivrno .nmno {
              margin-left: 0px;
              display: block;
              color: #464855;
              font-family: "muliregular" !important;
              padding-bottom: 7px; }
          .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .viewpanel .panel1 .exportfile {
            display: inline-block;
            vertical-align: top;
            color: rgba(70, 72, 85, 0.7); }
            .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .viewpanel .panel1 .exportfile.exportsheet {
              margin-left: 40px; }
            .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .viewpanel .panel1 .exportfile span.headingtext {
              display: block;
              color: rgba(70, 72, 85, 0.7);
              font-family: "muliregular" !important;
              padding-bottom: 10px; }
            .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .viewpanel .panel1 .exportfile span {
              display: block;
              color: #464855; }
        .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .viewpanel .panel3 {
          border-top: dashed 1px #cbcbc3;
          border-bottom: dashed 1px #cbcbc3;
          padding: 35px 0px; }
          .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .viewpanel .panel3 .vnivrno {
            width: 35%;
            display: inline-block;
            vertical-align: middle; }
            .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .viewpanel .panel3 .vnivrno span.headingtext {
              display: block;
              color: rgba(70, 72, 85, 0.7);
              font-family: "muliregular" !important; }
              .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .viewpanel .panel3 .vnivrno span.headingtext span.agentName {
                display: inline-block;
                font-size: 12px;
                color: rgba(70, 72, 85, 0.7);
                font-family: 'muliregular'; }
            .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .viewpanel .panel3 .vnivrno .nmno {
              margin-left: 0px;
              display: block;
              color: #464855;
              padding-top: 10px;
              font-family: "muliregular" !important; }
          .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .viewpanel .panel3 .exportfile {
            margin-left: 40px;
            display: inline-block;
            vertical-align: top;
            color: rgba(70, 72, 85, 0.7);
            font-family: 'muliregular'; }
            .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .viewpanel .panel3 .exportfile span {
              display: block;
              color: #464855; }
        .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .viewpanel .panel2 {
          margin-top: 35px;
          padding: 0px;
          border-top: none; }
          .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .viewpanel .panel2 .vnivrno {
            width: 26%;
            display: inline-block;
            vertical-align: middle;
            margin-bottom: 13px; }
            .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .viewpanel .panel2 .vnivrno span.headingtext {
              display: block;
              color: rgba(70, 72, 85, 0.7);
              font-family: "muliregular" !important; }
              .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .viewpanel .panel2 .vnivrno span.headingtext span.agentName {
                display: inline-block;
                font-size: 12px;
                color: rgba(70, 72, 85, 0.7);
                font-family: 'muliregular'; }
          .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .viewpanel .panel2 .levestep table {
            width: 100% !important; }
            .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .viewpanel .panel2 .levestep table thead {
              background-color: #f5f7fa;
              padding: 8px 0px; }
              .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .viewpanel .panel2 .levestep table thead tr th {
                text-align: left;
                color: #464855;
                cursor: default;
                height: 37px !important;
                padding: 0px !important; }
                .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .viewpanel .panel2 .levestep table thead tr th:first-child {
                  text-align: center; }
                .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .viewpanel .panel2 .levestep table thead tr th:nth-child(2) {
                  padding-left: 2px !important; }
                .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .viewpanel .panel2 .levestep table thead tr th:nth-child(3) {
                  padding-left: 2px !important; }
                .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .viewpanel .panel2 .levestep table thead tr th:nth-child(4) {
                  padding-left: 1px !important; }
            .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .viewpanel .panel2 .levestep table tbody {
              background-color: #fff;
              padding: 8px 0px; }
              .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .viewpanel .panel2 .levestep table tbody tr {
                height: 60px !important; }
                .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .viewpanel .panel2 .levestep table tbody tr.tblborder {
                  border-bottom: solid 1px #e6e6e6;
                  height: 30px !important; }
                .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .viewpanel .panel2 .levestep table tbody tr td {
                  text-align: left;
                  padding-top: 17px;
                  padding-bottom: 20px;
                  line-height: 1.5;
                  color: #464855; }
                  .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .viewpanel .panel2 .levestep table tbody tr td:first-child {
                    text-align: center;
                    padding-left: 0px !important; }
                  .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .viewpanel .panel2 .levestep table tbody tr td:nth-child(2) {
                    padding-left: 2px !important; }
                  .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .viewpanel .panel2 .levestep table tbody tr td:nth-child(3) {
                    padding-left: 2px !important; }
                  .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .viewpanel .panel2 .levestep table tbody tr td:nth-child(4) {
                    padding-left: 1px !important; }
      .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td .activeconnect.editable ul.active_deactivelist {
        margin-bottom: 0px; }

.usermanagmntwrap .rightwrap .Detailstop {
  margin-left: 23px;
  margin-right: 23px;
  padding: 25px 0px 31px; }
  .usermanagmntwrap .rightwrap .Detailstop .title {
    display: inline-block;
    position: relative;
    font-size: 20px;
    color: #464855;
    line-height: 1;
    top: 5px; }
  .usermanagmntwrap .rightwrap .Detailstop .Userdetails {
    background-color: #fafafa;
    padding: 18px 0px 20px 23px;
    margin-top: 33px;
    position: relative; }
    .usermanagmntwrap .rightwrap .Detailstop .Userdetails .userData {
      display: inline-block;
      vertical-align: middle; }
      .usermanagmntwrap .rightwrap .Detailstop .Userdetails .userData.userName {
        width: 20%; }
      .usermanagmntwrap .rightwrap .Detailstop .Userdetails .userData.userNumber {
        width: 20%; }
      .usermanagmntwrap .rightwrap .Detailstop .Userdetails .userData.userId {
        width: 40%; }
      .usermanagmntwrap .rightwrap .Detailstop .Userdetails .userData.userEdit {
        width: 19%;
        text-align: center; }
      .usermanagmntwrap .rightwrap .Detailstop .Userdetails .userData span.headingtext {
        color: #464855;
        font-family: "muliregular" !important;
        display: inline-block; }
      .usermanagmntwrap .rightwrap .Detailstop .Userdetails .userData span.nmno {
        display: inline-block;
        color: #464855;
        font-family: 'mulisemibold'; }
      .usermanagmntwrap .rightwrap .Detailstop .Userdetails .userData .recordedit {
        background-position: -2px -80px;
        cursor: pointer;
        width: 19px;
        height: 18px;
        text-align: center; }
        .usermanagmntwrap .rightwrap .Detailstop .Userdetails .userData .recordedit:hover {
          background-position: -27px -80px; }
    .usermanagmntwrap .rightwrap .Detailstop .Userdetails .u_mydetailinput {
      display: none;
      position: absolute;
      top: 16px; }
    .usermanagmntwrap .rightwrap .Detailstop .Userdetails .u_detailbtn {
      display: none;
      position: absolute;
      width: 185px;
      right: 40px;
      top: 13px; }
    .usermanagmntwrap .rightwrap .Detailstop .Userdetails .u_mobino {
      width: 155px; }
      .usermanagmntwrap .rightwrap .Detailstop .Userdetails .u_mobino input {
        font-family: 'muliregular' !important; }
    .usermanagmntwrap .rightwrap .Detailstop .Userdetails .u_mailid {
      width: 240px; }
      .usermanagmntwrap .rightwrap .Detailstop .Userdetails .u_mailid input {
        font-family: 'muliregular' !important; }
    .usermanagmntwrap .rightwrap .Detailstop .Userdetails.userdetaileditshow {
      /*.btncancel:hover {
                        border: 1px solid #f75d34 !important;
                    }*/ }
      .usermanagmntwrap .rightwrap .Detailstop .Userdetails.userdetaileditshow .u_mydetailinput,
      .usermanagmntwrap .rightwrap .Detailstop .Userdetails.userdetaileditshow .u_detailbtn {
        display: inline-block; }
      .usermanagmntwrap .rightwrap .Detailstop .Userdetails.userdetaileditshow .nmno,
      .usermanagmntwrap .rightwrap .Detailstop .Userdetails.userdetaileditshow .u_mydetailedit {
        display: none !important; }
      .usermanagmntwrap .rightwrap .Detailstop .Userdetails.userdetaileditshow input {
        color: #5a5a5a;
        font-size: 14px;
        height: 27px;
        font-family: "mulisemibold";
        width: calc(100% - 20px); }
      .usermanagmntwrap .rightwrap .Detailstop .Userdetails.userdetaileditshow .button {
        background-color: transparent;
        color: #00c8a2;
        font-size: 12px;
        border-radius: 3px;
        border: 1px solid #00c8a2;
        width: 80px;
        text-transform: uppercase;
        font-family: 'mulisemibold';
        margin-bottom: 0;
        position: relative;
        z-index: 1; }
      .usermanagmntwrap .rightwrap .Detailstop .Userdetails.userdetaileditshow .button:hover {
        background: #00bf9b;
        color: #ffffff; }

.browserInfo {
  color: red;
  position: relative;
  font-size: 14px; }

.calldetailmainwraper .rightwrap .call_details.myContact {
  position: relative;
  text-transform: capitalize; }
  .calldetailmainwraper .rightwrap .call_details.myContact .tracktopright {
    padding: 12px 18px;
    text-align: right;
    background: #fff;
    border-radius: 3px 3px 0 0;
    border-bottom: solid 1px #BEBDBD; }
    .calldetailmainwraper .rightwrap .call_details.myContact .tracktopright.fixed {
      position: fixed;
      left: 0;
      width: 100%;
      z-index: 10;
      top: 0px;
      /*border-top: solid 1px #BEBDBD;*/
      box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
      -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
      z-index: 9992; }
      .calldetailmainwraper .rightwrap .call_details.myContact .tracktopright.fixed .filterBox {
        border-bottom: none; }
        .calldetailmainwraper .rightwrap .call_details.myContact .tracktopright.fixed .filterBox:before {
          right: 102px; }
        .calldetailmainwraper .rightwrap .call_details.myContact .tracktopright.fixed .filterBox:after {
          right: 103px; }
      .calldetailmainwraper .rightwrap .call_details.myContact .tracktopright.fixed .toolbar .init-hide {
        opacity: 1;
        visibility: visible;
        transition-duration: 0.3s; }
      .calldetailmainwraper .rightwrap .call_details.myContact .tracktopright.fixed .toolbar > div:first-child, .calldetailmainwraper .rightwrap .call_details.myContact .tracktopright.fixed .toolbar > div:nth-child(2), .calldetailmainwraper .rightwrap .call_details.myContact .tracktopright.fixed .toolbar > div:nth-child(3), .calldetailmainwraper .rightwrap .call_details.myContact .tracktopright.fixed .toolbar > div:nth-child(4) {
        width: 16.50%; }
      .calldetailmainwraper .rightwrap .call_details.myContact .tracktopright.fixed .toolbar > div:nth-child(5) {
        width: 34%;
        text-align: right; }
      .calldetailmainwraper .rightwrap .call_details.myContact .tracktopright.fixed .secondaryButton i {
        margin-right: 0; }
      .calldetailmainwraper .rightwrap .call_details.myContact .tracktopright.fixed .secondaryButton span {
        display: none; }
    .calldetailmainwraper .rightwrap .call_details.myContact .tracktopright .keywordSearch {
      position: relative !important;
      display: inline-block;
      vertical-align: middle; }
    .calldetailmainwraper .rightwrap .call_details.myContact .tracktopright .secondaryButton {
      margin-left: 15px;
      width: auto;
      padding-left: 15px;
      padding-right: 15px; }
      .calldetailmainwraper .rightwrap .call_details.myContact .tracktopright .secondaryButton span {
        vertical-align: -3px; }
      .calldetailmainwraper .rightwrap .call_details.myContact .tracktopright .secondaryButton.filterButton:hover i {
        background-position: -71px -795px; }
      .calldetailmainwraper .rightwrap .call_details.myContact .tracktopright .secondaryButton.filterButton.active i {
        background-position: -71px -795px; }
      .calldetailmainwraper .rightwrap .call_details.myContact .tracktopright .secondaryButton.exportReport:hover i {
        background-position: -87px -710px; }
    .calldetailmainwraper .rightwrap .call_details.myContact .tracktopright .toolbar > div {
      float: left;
      text-align: left;
      margin-top: 6px; }
      .calldetailmainwraper .rightwrap .call_details.myContact .tracktopright .toolbar > div:first-child, .calldetailmainwraper .rightwrap .call_details.myContact .tracktopright .toolbar > div:nth-child(2), .calldetailmainwraper .rightwrap .call_details.myContact .tracktopright .toolbar > div:nth-child(3), .calldetailmainwraper .rightwrap .call_details.myContact .tracktopright .toolbar > div:nth-child(4) {
        width: 14%; }
      .calldetailmainwraper .rightwrap .call_details.myContact .tracktopright .toolbar > div:nth-child(5) {
        width: 44%;
        text-align: right; }
      .calldetailmainwraper .rightwrap .call_details.myContact .tracktopright .toolbar > div p span {
        color: #5a5a5a;
        margin-left: 20px; }
    .calldetailmainwraper .rightwrap .call_details.myContact .tracktopright .toolbar .init-hide {
      opacity: 0;
      visibility: hidden; }
    .calldetailmainwraper .rightwrap .call_details.myContact .tracktopright .toolbar .ttl-cnt p {
      color: #18a0de; }
    .calldetailmainwraper .rightwrap .call_details.myContact .tracktopright .toolbar .ttl-cal p {
      color: #388E3C; }
    .calldetailmainwraper .rightwrap .call_details.myContact .tracktopright .toolbar .avg-cal p {
      color: #fdb901; }
    .calldetailmainwraper .rightwrap .call_details.myContact .tracktopright .toolbar .open-iss {
      border-right: solid 1px #dedede; }
      .calldetailmainwraper .rightwrap .call_details.myContact .tracktopright .toolbar .open-iss p {
        color: #ff0200; }
    .calldetailmainwraper .rightwrap .call_details.myContact .tracktopright .toolbar .fltr-btns {
      margin-top: 0; }
  .calldetailmainwraper .rightwrap .call_details.myContact .filterBox {
    position: relative;
    background: #fafafa;
    padding: 10px 15px;
    border-top: solid 1px #BEBDBD;
    text-align: left;
    display: none;
    margin: 12px -18px -12px; }
    .calldetailmainwraper .rightwrap .call_details.myContact .filterBox > div {
      display: inline-block;
      vertical-align: top;
      padding-right: 22px; }
    .calldetailmainwraper .rightwrap .call_details.myContact .filterBox .form-field input {
      border: solid 1px #DFDBDB; }
      .calldetailmainwraper .rightwrap .call_details.myContact .filterBox .form-field input:hover, .calldetailmainwraper .rightwrap .call_details.myContact .filterBox .form-field input:focus {
        border: solid 1px #2478AF; }
    .calldetailmainwraper .rightwrap .call_details.myContact .filterBox .form-field .multi-select_field {
      font-size: 14px;
      font-weight: normal;
      font-family: muliregular;
      border: solid 1px #e8e8e8;
      padding: 6px 11px;
      border-radius: 4px;
      border: solid 1px #DFDBDB;
      background: #fff; }
      .calldetailmainwraper .rightwrap .call_details.myContact .filterBox .form-field .multi-select_field:after {
        display: none; }
    .calldetailmainwraper .rightwrap .call_details.myContact .filterBox .form-field .multi-select_options .multi-select_label {
      font-size: 12px;
      padding-left: 7px; }
    .calldetailmainwraper .rightwrap .call_details.myContact .filterBox .form-field > label {
      font-size: 12px;
      color: rgba(90, 90, 90, 0.7);
      margin-bottom: 8px;
      display: inline-block; }
    .calldetailmainwraper .rightwrap .call_details.myContact .filterBox .form-field .gs_control {
      color: rgba(90, 90, 90, 0.7);
      margin-right: 25px;
      margin-top: 6px; }
      .calldetailmainwraper .rightwrap .call_details.myContact .filterBox .form-field .gs_control input + span {
        background: none; }
      .calldetailmainwraper .rightwrap .call_details.myContact .filterBox .form-field .gs_control input:checked + span {
        color: #464855; }
    .calldetailmainwraper .rightwrap .call_details.myContact .filterBox .form-field .defaultButton {
      margin-top: 29px;
      margin-right: 15px;
      width: 128px; }
    .calldetailmainwraper .rightwrap .call_details.myContact .filterBox .form-field.datepicker, .calldetailmainwraper .rightwrap .call_details.myContact .filterBox .form-field.department {
      position: relative; }
      .calldetailmainwraper .rightwrap .call_details.myContact .filterBox .form-field.datepicker .icon-dropdown-arrow, .calldetailmainwraper .rightwrap .call_details.myContact .filterBox .form-field.department .icon-dropdown-arrow {
        position: absolute;
        bottom: 14px;
        right: 14px; }
    .calldetailmainwraper .rightwrap .call_details.myContact .filterBox:before, .calldetailmainwraper .rightwrap .call_details.myContact .filterBox:after {
      position: absolute;
      content: "";
      display: inline-block; }
    .calldetailmainwraper .rightwrap .call_details.myContact .filterBox:before {
      top: -10px;
      right: 235px;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #BEBDBD;
      border-left: 10px solid transparent; }
    .calldetailmainwraper .rightwrap .call_details.myContact .filterBox:after {
      top: -9px;
      right: 236px;
      border-right: 9px solid transparent;
      border-left: 9px solid transparent;
      border-bottom: 9px solid #fafafa; }

.calldetailmainwraper .rightwrap .call_details .myContactTbl tr th {
  text-align: left !important;
  padding-left: 24px !important; }
  .calldetailmainwraper .rightwrap .call_details .myContactTbl tr th .tbldrpdown {
    cursor: pointer; }

.calldetailmainwraper .rightwrap .call_details .myContactTbl tr td {
  text-align: left !important;
  padding: 12px 0;
  padding-left: 24px !important;
  position: relative; }
  .calldetailmainwraper .rightwrap .call_details .myContactTbl tr td .not-avbl i {
    vertical-align: 0px;
    margin-right: 3px; }
  .calldetailmainwraper .rightwrap .call_details .myContactTbl tr td .not-avbl.name {
    font-size: 12px;
    line-height: 22px; }
  .calldetailmainwraper .rightwrap .call_details .myContactTbl tr td .not-avbl.email {
    line-height: 1.5; }
  .calldetailmainwraper .rightwrap .call_details .myContactTbl tr td .not-avbl.all {
    line-height: 40px; }
  .calldetailmainwraper .rightwrap .call_details .myContactTbl tr td span.count {
    display: inline-block;
    margin-left: 15px;
    font-size: 12px;
    opacity: .8; }
  .calldetailmainwraper .rightwrap .call_details .myContactTbl tr td:first-child {
    font-family: 'mulisemibold' !important; }
  .calldetailmainwraper .rightwrap .call_details .myContactTbl tr td:last-child a {
    text-decoration: none;
    margin-left: 25px;
    color: #00c8a2;
    visibility: hidden;
    opacity: 0; }
  .calldetailmainwraper .rightwrap .call_details .myContactTbl tr td.active {
    color: red !important; }
  .calldetailmainwraper .rightwrap .call_details .myContactTbl tr td i.icon-edit {
    float: right;
    margin-right: 30px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 22px; }
  .calldetailmainwraper .rightwrap .call_details .myContactTbl tr td .reschedule {
    background: #00c8a2;
    color: #fff !important;
    font-size: 11px;
    border-radius: 3px;
    display: inline-block;
    font-weight: normal;
    padding: 1px 8px;
    font-family: 'muliregular';
    margin-top: 3px;
    cursor: pointer;
    margin-left: 35px; }
  .calldetailmainwraper .rightwrap .call_details .myContactTbl tr td .notetext {
    background-color: #ffffff;
    border: 1px solid #e1e1e1;
    bottom: 61%;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.13);
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.13);
    color: #515151;
    left: 59px;
    font-size: 12px;
    font-style: normal;
    height: auto;
    line-height: 18px;
    padding: 10px 15px;
    position: absolute;
    visibility: visible;
    text-align: left;
    width: 186px;
    z-index: 200;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    border-radius: 3px;
    font-weight: normal;
    font-family: 'muliregular';
    display: none; }
    .calldetailmainwraper .rightwrap .call_details .myContactTbl tr td .notetext .head {
      color: #464855;
      font-family: 'mulisemibold';
      margin: 12px 0 5px 0; }
    .calldetailmainwraper .rightwrap .call_details .myContactTbl tr td .notetext p {
      letter-spacing: 0px; }
    .calldetailmainwraper .rightwrap .call_details .myContactTbl tr td .notetext .notearrow {
      background-position: -103px -28px;
      width: 15px;
      height: 8px;
      position: absolute;
      left: 15px;
      bottom: -7px; }
  .calldetailmainwraper .rightwrap .call_details .myContactTbl tr td .editable {
    display: none;
    position: relative;
    z-index: 9; }
    .calldetailmainwraper .rightwrap .call_details .myContactTbl tr td .editable input {
      max-width: 100%;
      height: 30px;
      font-family: 'mulisemibold' !important;
      border-color: #c1c1c1;
      display: inline; }
    .calldetailmainwraper .rightwrap .call_details .myContactTbl tr td .editable .updatebtn {
      padding: 13px 16px;
      color: #00c8a2;
      text-decoration: none;
      width: auto;
      margin: 0 30px 0 0;
      float: right; }
  .calldetailmainwraper .rightwrap .call_details .myContactTbl tr td.plydownicon i {
    cursor: pointer; }
  .calldetailmainwraper .rightwrap .call_details .myContactTbl tr td.plydownicon .icon-close {
    margin: auto;
    cursor: pointer;
    transition: all 0.4s ease-in-out; }
    .calldetailmainwraper .rightwrap .call_details .myContactTbl tr td.plydownicon .icon-close:hover {
      opacity: 0.5; }

.calldetailmainwraper .rightwrap .call_details .myContactTbl tr.activeTR td .defaultActive {
  display: none; }

.calldetailmainwraper .rightwrap .call_details .myContactTbl tr.activeTR td .editable {
  display: block;
  margin: auto;
  cursor: pointer; }

.calldetailmainwraper .rightwrap .call_details .myContactTbl tr.deactiveTR {
  opacity: 0.3;
  z-index: 2;
  position: relative; }

.calldetailmainwraper .rightwrap .call_details .myContactTbl tr:hover {
  background: #f5f7fa; }
  .calldetailmainwraper .rightwrap .call_details .myContactTbl tr:hover td:last-child a {
    opacity: 1;
    visibility: visible; }

.calldetailmainwraper .rightwrap .call_details .myContactTbl tr.row-select {
  background: #f5f7fa; }
  .calldetailmainwraper .rightwrap .call_details .myContactTbl tr.row-select .not-avbl i.icon-not-available {
    background-position: -15px -534px; }
  .calldetailmainwraper .rightwrap .call_details .myContactTbl tr.row-select .not-avbl.all {
    color: red !important; }
  .calldetailmainwraper .rightwrap .call_details .myContactTbl tr.row-select .not-avbl.email {
    color: red !important; }

.calldetailmainwraper .rightwrap .call_details .myContactTbl td[colspan="7"] {
  padding: 0; }

.calldetailmainwraper .rightwrap .call_details .myContactTbl .statusList ul {
  background: #fff;
  overflow: hidden;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #bebdbd; }
  .calldetailmainwraper .rightwrap .call_details .myContactTbl .statusList ul li {
    width: 20%;
    float: left;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 0; }
    .calldetailmainwraper .rightwrap .call_details .myContactTbl .statusList ul li a {
      text-decoration: none;
      color: #464855; }
      .calldetailmainwraper .rightwrap .call_details .myContactTbl .statusList ul li a i {
        margin-right: 15px;
        vertical-align: -3px; }
      .calldetailmainwraper .rightwrap .call_details .myContactTbl .statusList ul li a:hover {
        color: #00c8a2; }
        .calldetailmainwraper .rightwrap .call_details .myContactTbl .statusList ul li a:hover i.icon-follow-ups {
          background-position: -7px -399px; }
        .calldetailmainwraper .rightwrap .call_details .myContactTbl .statusList ul li a:hover i.icon-sendsms {
          background-position: -31px -400px; }
        .calldetailmainwraper .rightwrap .call_details .myContactTbl .statusList ul li a:hover i.icon-whatsapp {
          background-position: -57px -397px; }
        .calldetailmainwraper .rightwrap .call_details .myContactTbl .statusList ul li a:hover i.icon-sendemail {
          background-position: -82px -398px; }
        .calldetailmainwraper .rightwrap .call_details .myContactTbl .statusList ul li a:hover i.icon-logs {
          background-position: -106px -399px; }

.calldetailmainwraper .rightwrap .call_details .myContactTbl .statusList .triangle {
  right: 16px;
  top: -12px; }
  .calldetailmainwraper .rightwrap .call_details .myContactTbl .statusList .triangle .empty {
    border-bottom: solid 18px #fff; }

.calldetailmainwraper .rightwrap .call_details .myContactTbl .editField {
  max-width: 286px;
  padding-right: 70px; }
  .calldetailmainwraper .rightwrap .call_details .myContactTbl .editField input:first-child {
    margin-bottom: 5px; }
  .calldetailmainwraper .rightwrap .call_details .myContactTbl .editField .updatebtn {
    position: absolute;
    right: 0;
    top: 18px; }

.calldetailmainwraper .summaryCard {
  background: #fafafa;
  border-top: solid 1px #8281f8;
  border-bottom: solid 1px #f3f3f3;
  padding: 15px 11px;
  overflow: hidden;
  text-transform: capitalize; }
  .calldetailmainwraper .summaryCard .cardWpr {
    width: 25%;
    float: left;
    padding: 0 11px; }
    .calldetailmainwraper .summaryCard .cardWpr .card {
      background: #fff;
      border: solid 1px #e6e6e6;
      border-radius: 5px;
      padding: 4px 0;
      overflow: hidden; }
      .calldetailmainwraper .summaryCard .cardWpr .card .iconSec {
        width: 76px;
        float: left;
        vertical-align: middle;
        text-align: center;
        line-height: 43px; }
      .calldetailmainwraper .summaryCard .cardWpr .card .textSec {
        width: calc(100% - 76px);
        float: left;
        vertical-align: middle;
        font-size: 12px;
        color: #607d8b; }
        .calldetailmainwraper .summaryCard .cardWpr .card .textSec span {
          font-size: 20px;
          display: block;
          line-height: 1.4;
          color: #464855;
          font-family: "mulisemibold"; }

.myContactNew .backdashborad {
  position: absolute;
  right: 20px;
  top: 3px; }

.myContactNew .uploadContact {
  width: auto !important; }
  .myContactNew .uploadContact .icon-export {
    transform: rotate(180deg); }
 .myContactNew .allocationUpdater .icon-export {
    transform: rotate(180deg); }

.myContactNew.rightwrap .trackertop.whiteStrip .tracktopright {
  margin-top: 22px !important; }

.myContactNew .summaryCard .cardWpr .cardNew {
  padding: 0px; }
  .myContactNew .summaryCard .cardWpr .cardNew .textSec {
    width: calc(50% - 44px);
    border-right: solid 1px #e6e6e6;
    padding: 4px 0px; }
    .myContactNew .summaryCard .cardWpr .cardNew .textSec:last-child {
      border-right: none;
      padding-left: 10px;
      width: calc(50% - 34px); }
  .myContactNew .summaryCard .cardWpr .cardNew .iconSec {
    padding: 4px 0px; }

.uploadContactPopup .tracko-popup {
  padding: 30px 30px; }

.uploadContactPopup .primaryButton, .allocationUpdaterPopup .primaryButton {
  background: #f75d34;
  color: #ffffff !important;
  box-shadow: none;
  border: none;
  font-family: 'mulibold';
  padding: 1px 20px 0px 20px;
  font-size: 14px; 
}
  .uploadContactPopup .primaryButton:hover, .allocationUpdaterPopup .primaryButton:hover {
    background: #cc421e; }

.uploadContactPopup .popup-body h2 {
  text-align: left;
  font-family: 'mulisemibold'; }

.uploadContactPopup .custom-file-upload .uploadvalueclose {
  top: 56px; }

.uploadContactPopup .title a.view-format {
  font-size: 12px;
  color: #18a0de;
  font-family: "mulisemibold";
  float: right;
  cursor: pointer; }

.uploadContactPopup .field .title {
  color: #464855;
  font-family: 'mulisemibold';
  font-size: 14px; }

#admin_calldetail tbody tr td:first-child {
  border-left: none !important; }

.verticalCountBox .txt {
  width: calc(100% - 50px);
  display: inline-block;
  vertical-align: middle; }

.verticalCountBox .count {
  width: 45px;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  opacity: .8;
  font-weight: normal; }

.socialPopup .edit-popup {
  width: 476px;
  top: 50%;
  min-height: 485px;
  text-transform: capitalize;
  /*.trako {top:auto; bottom: 0;}*/ }
  .socialPopup .edit-popup .trakosuccess,
  .socialPopup .edit-popup .trakoalert,
  .socialPopup .edit-popup .trakoerror {
    position: absolute;
    bottom: 0px;
    left: 10px;
    width: calc(100% - 20px); }
  .socialPopup .edit-popup .trakosuccess {
    top: auto;
    bottom: 0; }

.socialPopup .popup-body {
  padding-bottom: 10px !important; }

.socialPopup .tab {
  margin-top: 20px; }

.socialPopup .tabHead {
  padding: 0 18px; }

.socialPopup .tabBody {
  padding: 0 58px;
  height: 410px; }
  .socialPopup .tabBody .field {
    margin-bottom: 15px;
    position: relative; }
    .socialPopup .tabBody .field .title {
      text-align: left;
      margin-bottom: 13px; }
    .socialPopup .tabBody .field .form-group .help-block-error {
      font-size: 12px;
      text-align: left; }
    .socialPopup .tabBody .field input {
      font-family: 'muliregular'; }
    .socialPopup .tabBody .field textarea {
      min-height: 82px;
      padding-top: 8px;
      font-family: 'muliregular'; }
    .socialPopup .tabBody .field .updatebtn {
      margin-left: 0 !important;
      padding-top: 16px !important;
      padding-bottom: 16px !important;
      margin-top: 35px; }
    .socialPopup .tabBody .field i {
      position: absolute;
      top: 43px;
      right: 15px; }
  .socialPopup .tabBody .Whatsapp {
    padding-top: 63px; }
    .socialPopup .tabBody .Whatsapp .whatsappBtn {
      display: inline-block;
      background: #29a71a;
      margin: auto;
      border: none;
      color: #fff;
      font-family: 'mulisemibold';
      font-size: 18px;
      padding: 10px 20px;
      border-radius: 3px;
      transition-duration: 0.3s; }
      .socialPopup .tabBody .Whatsapp .whatsappBtn:hover {
        background: #209213; }
      .socialPopup .tabBody .Whatsapp .whatsappBtn i {
        margin-right: 10px;
        vertical-align: -5px; }

.smslogSec:before {
  border-top-left-radius: 0px !important; }

.smslogSec.rightgap {
  padding-left: 0 !important; }

.smslogwrap .rightwrap.rightgap {
  padding-left: 0 !important; }

.callTS {
  padding: 6px 0 0 0; }
  .callTS h2 {
    display: inline-block;
    margin-bottom: 22px; }
  .callTS .backdashborad {
    margin-right: 23px;
    margin-top: 21px; }

.rightwrap.callTS_right.rightgap {
  padding-left: 213px !important; }

#contactTable tr td:last-child {
  padding-left: 0 !important; }
  #contactTable tr td:last-child .defaultActive {
    text-align: center; }

@media screen and (min-width: 1600px) {
  .calldetailmainwraper .rightwrap .call_details .myContactTbl .statusList .triangle {
    right: 17px; } }

@media screen and (max-width: 1349px) {
  .wrapper .rightwrap .call_details.ndTable {
    width: calc(100% - 20px);
    margin: 30px 10px 30px 10px; }
    .wrapper .rightwrap .call_details.ndTable table tr th:first-child,
    .wrapper .rightwrap .call_details.ndTable table tr td:first-child {
      padding-left: 15px; }
  .wrapper .rightwrap .call_details table .tbllevel1 {
    width: 70px;
    display: inline-block; }
  .wrapper .rightwrap .call_details table .tbllevel2 {
    width: 105px;
    display: inline-block; }
  .wrapper .rightwrap .call_details table .tbllevel3 {
    width: 95px;
    display: inline-block; }
  .wrapper .rightwrap .call_details table .tbllevel4 {
    width: 104px;
    display: inline-block; }
  .wrapper .rightwrap .call_details table .tbllevel5 {
    width: 103px;
    display: inline-block; }
  .wrapper .rightwrap .call_details table .tbllevel6 {
    width: 65px;
    display: inline-block; }
  .wrapper .rightwrap .call_details table .tbllevel7 {
    width: 75px;
    display: inline-block; }
  .wrapper .rightwrap .call_details table .tbllevel8 {
    width: 69px;
    display: inline-block; }
  .wrapper .rightwrap .call_details table .tbllevel9 {
    width: 90px;
    display: inline-block; }
  .wrapper .rightwrap .call_details table .tbllevel10 {
    width: 70px;
    display: inline-block; }
  /*Edit USER Details Css*/
  .usermanagmntwrap .rightwrap .trackertop {
    padding-right: 5px;
    padding-left: 5px; }
  .usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details {
    margin: 30px 5px 30px 5px;
    width: calc(100% - 10px); }
  .usermanagmntwrap .rightwrap .Detailstop {
    padding: 25px 0px 31px;
    margin-left: 5px;
    margin-right: 5px; }
  .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .levelstwrap .levelstep.bottomlevellast {
    margin-top: 7px; }
  .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .levelstwrap .levelstep.bottomlevel {
    margin-top: 33px; }
  .dataTables_filter {
    right: 181px; }
  .config_detailsTbl .width6 {
    width: 139px; } }

@media screen and (max-width: 1600px) {
  .usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno.sales_dropdown .filterdrop {
    width: 287px; } }

.usermngeditclose:hover {
  border: 1px solid #f75d34 !important; }

.searchinput {
  font-family: "mulilight";
  color: #90a4ae; }

.searchinput:hover {
  border: solid 1px #18a0de;
  box-shadow: 0px 2px 2px 0px rgba(96, 125, 139, 0.15); }

.usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .disableddropdown .btn-group {
  background: url(../images/drop-pattern.png) repeat; }

.usermanagmntwrap .rightwrap .createuser.paneledituser .editpanelusermngview .panel2 table tbody tr td .userfield .field.field-selprocesno .disableddropdown .btn-group:hover {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  border: solid 1px #e8e8e8 !important; }

.usermanagmntwrap .valueAvalable {
  left: 0px !important; }

.createuserwrap .createuser .editpanelusermngview .userForm .userfield .filterdrop button[title="Select"] span.multiselect-selected-text {
  color: rgba(0, 0, 0, 0.4); }

.createuserwrap .createuser.paneledituser .editpanelusermngview .userForm .userfield .filterdrop button[title="Select"] span.multiselect-selected-text {
  color: rgba(0, 0, 0, 0.4); }

.multi-select_field {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.level2 {
  width: 125px; }

.level2td .level3td,
.level2td .level4td,
.level2td .nodetablestep2 .nopad {
  border-left: none; }

/*Communication Configure*/
.communicationconfi.wrapper .rightwrap .trackertop {
  margin-bottom: 20px; }

.communicationconfi .rightwrap h1 {
  display: inline-block;
  color: #464855;
  font-size: 20px;
  z-index: 99;
  top: 12px;
  font-family: 'mulisemibold';
  position: relative; }

.communicationconfi .rightwrap .comconfi_wrap {
  margin: 0px auto;
  width: 920px;
  text-align: center;
  padding-top: 28px; }
  .communicationconfi .rightwrap .comconfi_wrap .commu_right {
    width: 390px;
    float: right; }
    .communicationconfi .rightwrap .comconfi_wrap .commu_right .commutitle i {
      background-position: -61px -210px;
      width: 35px;
      height: 40px;
      display: block;
      margin: 0px auto;
      padding-bottom: 15px; }
    .communicationconfi .rightwrap .comconfi_wrap .commu_right .commutitle .se_lect {
      color: rgba(90, 90, 90, 0.6);
      width: 240px;
      margin: 11px auto 0;
      display: block;
      line-height: 1.2; }
  .communicationconfi .rightwrap .comconfi_wrap .commu_left {
    padding-right: 70px;
    width: 460px;
    float: left;
    position: relative;
    border-right: none; }
    .communicationconfi .rightwrap .comconfi_wrap .commu_left.bdrRight:after {
      position: absolute;
      top: 0;
      right: 0;
      width: 1px;
      height: 100%;
      background-image: linear-gradient(to bottom, transparent 50%, #cbcbc3 50%);
      background-size: 100% 10px;
      content: ""; }
    .communicationconfi .rightwrap .comconfi_wrap .commu_left .commutitle i {
      background-position: -3px -210px;
      width: 50px;
      height: 40px;
      display: block;
      margin: 0px auto;
      padding-bottom: 15px; }
  .communicationconfi .rightwrap .comconfi_wrap .commutitle {
    padding-bottom: 30px;
    position: relative;
    border-bottom: none;
    margin-bottom: 25px;
    text-align: center;
    font-size: 16px;
    color: #464855; }
    .communicationconfi .rightwrap .comconfi_wrap .commutitle:after {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background-image: linear-gradient(to right, transparent 50%, #cbcbc3 50%);
      background-size: 10px 100%;
      content: ""; }
    .communicationconfi .rightwrap .comconfi_wrap .commutitle .active_deactivelist li.offBtn.active {
      box-shadow: 2px 0 3px rgba(35, 120, 176, 0.48), 0 0 0 1px #6967ce;
      -webkit-box-shadow: 2px 0 3px rgba(35, 120, 176, 0.48), 0 0 0 1px #6967ce;
      right: 1px; }
    .communicationconfi .rightwrap .comconfi_wrap .commutitle .active_deactivelist li.onBtn.active {
      box-shadow: -2px 0 3px rgba(35, 120, 176, 0.48), 0 0 0 1px #6967ce;
      -webkit-box-shadow: -2px 0 3px rgba(35, 120, 176, 0.48), 0 0 0 1px #6967ce;
      right: -1px; }
    .communicationconfi .rightwrap .comconfi_wrap .commutitle .activeconnect {
      margin-top: 20px; }
    .communicationconfi .rightwrap .comconfi_wrap .commutitle .active_deactivelist {
      height: 33px;
      border-radius: 17px;
      background: #f9f9f9;
      border: 1px solid #e7e7e7; }
      .communicationconfi .rightwrap .comconfi_wrap .commutitle .active_deactivelist li {
        line-height: 27px;
        padding: 3px 30px;
        border-right: none;
        color: rgba(90, 90, 90, 0.6); }
        .communicationconfi .rightwrap .comconfi_wrap .commutitle .active_deactivelist li:hover {
          background: transparent; }
        .communicationconfi .rightwrap .comconfi_wrap .commutitle .active_deactivelist li.active {
          border-radius: 17px;
          color: #6967ce #18a0de;
          background: #fff;
          border: solid 1px #18a0de;
          position: relative;
          top: -1px; }
  .communicationconfi .rightwrap .comconfi_wrap .sendform .title {
    text-align: left;
    padding-bottom: 5px; }
  .communicationconfi .rightwrap .comconfi_wrap .sendform .field {
    margin-bottom: 20px; }
    .communicationconfi .rightwrap .comconfi_wrap .sendform .field textarea {
      height: 225px;
      resize: none; }
  .communicationconfi .rightwrap .comconfi_wrap .sendform .button {
    float: left; }

.communicationconfi .todaydrop .selected a span {
  width: 100%; }

.communicationconfi .todaydrop .selected a:after {
  display: none; }

.communicationconfi .menulist li a {
  color: #464855;
  font-size: 12px;
  letter-spacing: .5px;
  line-height: 1.3;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  padding: 16px 25px 16px 20px; }

.communicationconfi .menulist > li > a.active {
  color: #18a0de; }

.communicationconfi .menulist li {
  padding: 0;
  display: inline-block; }

.communicationconfi .menulist .commuarrow {
  transition: transform 0.2s linear; }

.communicationconfi .menulist li a.active .commuarrow,
.communicationconfi .menulist li a:hover .commuarrow {
  background-position: -115px -220px;
  width: 7px;
  height: 10px;
  position: absolute;
  right: 20px;
  top: 19px; }

.communicationconfi .menulist .hasChild a.active .commuarrow {
  transform: rotate(90deg); }

.communicationconfi .menulist .hasChild ul {
  padding: 0px 0px 5px 20px; }
  .communicationconfi .menulist .hasChild ul li {
    border-bottom: none; }
    .communicationconfi .menulist .hasChild ul li a {
      color: #464855;
      padding: 10px 0 10px 14px;
      transition: all 0.2s linear;
      position: relative; }
      .communicationconfi .menulist .hasChild ul li a:before {
        position: absolute;
        top: 13px;
        left: 0px;
        display: block;
        width: 7px;
        height: 7px;
        content: '';
        transition: all 0.2s ease;
        border-radius: 50%;
        background-color: #18a0de;
        opacity: 0; }
      .communicationconfi .menulist .hasChild ul li a.active {
        color: #18a0de;
        padding: 10px 0 10px 14px;
        background: none; }
        .communicationconfi .menulist .hasChild ul li a.active:before {
          display: block;
          opacity: 1; }
      .communicationconfi .menulist .hasChild ul li a:hover {
        color: #18a0de;
        padding: 10px 0 10px 10px; }
        .communicationconfi .menulist .hasChild ul li a:hover:before {
          display: block;
          opacity: 1; }

.communicationconfi .commusubtab {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  letter-spacing: .5px;
  line-height: 1.3;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  padding: 16px 0 0 20px; }

.communicationconfi .commusubtab ul {
  margin-top: 5px; }

.communicationconfi .commusubtab li:first-child {
  border-top: none; }

.communicationconfi .commusubtab li:last-child {
  border-bottom: none; }

.communicationconfi .commusubtab li:last-child:before {
  display: none; }

/**************** 26-sept-2018 work  css*************/
.self_bdr {
  border-radius: 4px;
  margin-bottom: 28px !important;
  background: #ffffff;
  border: solid 1px #e8e8e8;
  padding: 10px; }
  .self_bdr table {
    width: 100%; }
    .self_bdr table tr th {
      background: #fafafa;
      color: #464855;
      padding: 10px;
      text-align: center;
      line-height: 1;
      width: 25%;
      font-weight: normal;
      font-family: 'mulisemibold'; }
    .self_bdr table tr td {
      text-align: center;
      line-height: normal;
      border-right: 1px dashed #cbcbc3;
      padding: 8px 10px; }
      .self_bdr table tr td:last-child {
        border-right: none; }
      .self_bdr table tr td:first-child {
        text-align: left; }
    .self_bdr table tr td[colspan="4"] {
      color: #3868b0;
      font-size: 12px;
      text-transform: uppercase;
      font-weight: 500; }

.commu_right .sendform .commutitle {
  padding-bottom: 0px !important;
  margin-bottom: 0 !important; }
  .commu_right .sendform .commutitle .activeconnect {
    padding: 20px 0;
    border-bottom: solid 1px #e8e8e8;
    margin-top: 0 !important;
    text-align: left;
    overflow: hidden; }
    .commu_right .sendform .commutitle .activeconnect .active_deactivelist {
      float: right;
      padding-right: 2px; }
    .commu_right .sendform .commutitle .activeconnect .answered_calls {
      color: rgba(90, 90, 90, 0.6);
      display: inline-block;
      font-size: 14px;
      vertical-align: -5px;
      text-align: left;
      margin: 0 17px 0 0;
      font-family: 'mulisemibold'; }
  .commu_right .sendform .commutitle:after {
    display: none; }

.commu_right .sendform .updatebtn {
  margin-top: 28px;
  margin-bottom: 30px !important; }

/**************** 28-sept-2018 work  css*************/
.calldetailmainwraper .rightwrap .trackertop {
  padding: 7px 20px !important;
  height: 80px; }

.calldetailmainwraper .rightwrap .trackertop.whiteStrip {
  /*padding:19px 20px !important;*/ }
  .calldetailmainwraper .rightwrap .trackertop.whiteStrip h2 {
    letter-spacing: 0.2px;
    font-size: 20px;
    color: #464855;
    padding: 10px 20px 0 0;
    line-height: 1;
    display: inline-block;
    position: relative; }
    .calldetailmainwraper .rightwrap .trackertop.whiteStrip h2 span {
      font-size: 14px;
      color: rgba(90, 90, 90, 0.7);
      margin-left: 15px;
      top: -2px;
      position: relative; }
  .calldetailmainwraper .rightwrap .trackertop.whiteStrip .title > span,
  .calldetailmainwraper .rightwrap .trackertop.whiteStrip .title span.today-text {
    letter-spacing: 0.1px;
    font-size: 14px;
    color: #464855;
    font-family: mulisemibold;
    float: left;
    padding: 5px 0 10px 0; }
    .calldetailmainwraper .rightwrap .trackertop.whiteStrip .title > span span,
    .calldetailmainwraper .rightwrap .trackertop.whiteStrip .title span.today-text span {
      color: rgba(90, 90, 90, 0.7);
      margin-left: 20px;
      position: relative;
      display: inline-block;
      padding-left: 20px; }
      .calldetailmainwraper .rightwrap .trackertop.whiteStrip .title > span span:before,
      .calldetailmainwraper .rightwrap .trackertop.whiteStrip .title span.today-text span:before {
        content: '';
        height: 17px;
        width: 1px;
        background: #5a5a5a;
        display: inline-block;
        position: absolute;
        top: -2px;
        left: 0; }
  .calldetailmainwraper .rightwrap .trackertop.whiteStrip .backdashborad {
    margin-top: 17px; }
  .calldetailmainwraper .rightwrap .trackertop.whiteStrip .tracktopright {
    margin-bottom: 10px; }
  .calldetailmainwraper .rightwrap .trackertop.whiteStrip:before {
    border-top-left-radius: 0; }

.calldetailmainwraper .rightwrap .trackertop.whiteStrip .exportReport {
  position: relative;
  width: 152px; }
  .calldetailmainwraper .rightwrap .trackertop.whiteStrip .exportReport i {
    margin-right: 14px; }
  .calldetailmainwraper .rightwrap .trackertop.whiteStrip .exportReport:hover i {
    background-position: -87px -710px; }

.calldetailmainwraper .rightwrap .trackertop:before {
  border-top-left-radius: 5px; }

.calldetailmainwraper .rightwrap .trackertop .tracktopright {
  margin-top: 10px !important; }

.calldetailmainwraper .rightwrap .callhistory {
  background: #fff;
  /*border-bottom: solid 1px #f3f3f3;*/ }

.calldetailmainwraper .dataTables_filter {
  top: 11px !important;
  left: 220px !important;
  right: auto;
  width: 175px !important; }

.calldetailmainwraper .dataTables_filter input {
  width: 175px !important; }

.calldetailmainwraper .dataTables_filter.keywordSearch {
  top: 0px !important;
  left: 0 !important;
  width: 220px !important; }
  .calldetailmainwraper .dataTables_filter.keywordSearch input {
    width: 100% !important;
    font-family: muliregular; }

.calldetailmainwraper .rightwrap.rightgap,
.smslogwrap .rightwrap.rightgap {
  padding-left: 213px !important; }

.smslogwrap2 .rightwrap.rightgap {
  padding-left: 0px !important; }

.calldetailmainwraper .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td:nth-child(5),
.calldetailmainwraper .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td:nth-child(6) {
  z-index: auto; }

.calldetailmainwraper .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr th {
  text-align: center;
  padding-left: 0; }

.calldetailmainwraper .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr th:first-child,
.calldetailmainwraper .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td:first-child {
  text-align: left; }

.calldetailmainwraper .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td {
  text-align: center; }

.calldetailmainwraper .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td .icon-call {
  position: absolute;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%); }

.calldetailmainwraper .rightwrap .daymonthresult.editfilter .call_details.detailpgtable
.calldetailmainwraper .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td .tringshowhide + .triangle {
  left: 20px;
  z-index: 999; }

.calldetailmainwraper .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table .missedcall td:first-child,
.smslogwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table .minscore td:first-child {
  color: #ff0200; }

/*.calldetailmainwraper .rightwrap .detailpgtable table tbody .missedcall:nth-child(2),
.calldetailmainwraper .rightwrap .detailpgtable table tbody .missedcall:nth-child(3),
.smslogwrap .rightwrap .detailpgtable table tbody .minscore:nth-child(4),
.smslogwrapviewall .rightwrap .detailpgtable table tbody .minscore:nth-child(3) {
    color: #ff0200;
}*/
.smslogwrap .rightwrap .log_custom .call_details table .normal_check .usermngview .minscore .activebrdr:after {
  width: 10px;
  height: 10px;
  background: #ff0200;
  position: absolute;
  content: '';
  width: 2px;
  height: 33px;
  top: 0;
  left: 0; }

.smslogwrap .rightwrap .log_custom .call_details table .normal_check .usermngview .minscore .activebrdr .tringicon {
  bottom: 14px;
  border-left: 3px solid #ff0200;
  border-bottom: 3px solid transparent;
  border-top: 3px solid transparent;
  left: 2px; }

.calldetailmainwraper .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td .tringshowhide .triangle {
  bottom: -18px;
  z-index: 999; }

.calldetailmainwraper .rightwrap .trackertop.headershadow {
  padding-left: 230px !important; }

.calldetailmainwraper .call_details,
.smslogwrap .call_details {
  display: inline-block; }

.calldetailmainwraper .pagintion,
.smslogwrap .pagintion {
  margin-left: 20px !important; }

.calldetailmainwraper .audiobtmspace .usermngview {
  /* padding-bottom:0px !important; */ }
  .calldetailmainwraper .audiobtmspace .usermngview .summaryelement {
    width: 100%;
    display: inline-block;
    position: relative; }
    .calldetailmainwraper .audiobtmspace .usermngview .summaryelement .summarycolumn {
      display: inline-block;
      width: 100%;
      vertical-align: top;
      color: rgba(1, 1, 1, 0.6);
      font-size: 14px;
      margin: 0 0 40px 0;
      position: relative;
      padding-left: 40px; }
      .calldetailmainwraper .audiobtmspace .usermngview .summaryelement .summarycolumn:after {
        content: '';
        width: 1px;
        height: calc(100% + 40px);
        border-left: dashed 1px #cbcbc3;
        position: absolute;
        top: 13px;
        left: 12px; }
      .calldetailmainwraper .audiobtmspace .usermngview .summaryelement .summarycolumn:last-child:after {
        display: none; }
      .calldetailmainwraper .audiobtmspace .usermngview .summaryelement .summarycolumn .left_text {
        display: inline-block;
        vertical-align: top;
        word-break: break-word;
        margin-bottom: 0;
        line-height: 1; }
        .calldetailmainwraper .audiobtmspace .usermngview .summaryelement .summarycolumn .left_text.bolder {
          max-width: 700px;
          color: #464855 !important; }
        .calldetailmainwraper .audiobtmspace .usermngview .summaryelement .summarycolumn .left_text span {
          margin: 0px 5px 5px 0px;
          display: inline-block; }
      .calldetailmainwraper .audiobtmspace .usermngview .summaryelement .summarycolumn .sprite {
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 1; }
      .calldetailmainwraper .audiobtmspace .usermngview .summaryelement .summarycolumn .icon-tick {
        background-position: -3px -294px;
        width: 24px;
        height: 24px;
        display: inline-block;
        vertical-align: middle; }
      .calldetailmainwraper .audiobtmspace .usermngview .summaryelement .summarycolumn .icon-crose {
        background-position: -37px -294px;
        width: 24px;
        height: 24px;
        display: inline-block;
        vertical-align: middle; }
    .calldetailmainwraper .audiobtmspace .usermngview .summaryelement .summarydivider {
      display: none; }
    .calldetailmainwraper .audiobtmspace .usermngview .summaryelement.summaryelementB {
      /*border-left: solid 1px #dde4e7;
                padding-bottom: 1px;*/ }
      .calldetailmainwraper .audiobtmspace .usermngview .summaryelement.summaryelementB .summarycolumn {
        margin: 0 0 30px 0; }
        .calldetailmainwraper .audiobtmspace .usermngview .summaryelement.summaryelementB .summarycolumn:after {
          border-left: solid 1px #dde4e7;
          height: calc(100% + 50px);
          top: 6px; }
        .calldetailmainwraper .audiobtmspace .usermngview .summaryelement.summaryelementB .summarycolumn:nth-child(1):after {
          border-left: none; }

.calldetailmainwraper .audiobtmspace table tr td:first-child {
  padding-left: 60px !important; }

.calldetailmainwraper .audiobtmspace table tr td .icon-call {
  background-position: -63px -256px;
  width: 28px;
  height: 28px;
  vertical-align: middle;
  display: inline-block;
  left: 17px; }

.calldetailmainwraper .audiobtmspace table tr td .col_span {
  display: inline-block;
  width: 100%;
  padding: 0;
  margin: 0; }
  .calldetailmainwraper .audiobtmspace table tr td .col_span span {
    color: rgba(1, 1, 1, 0.7) !important;
    font-size: 14px !important;
    margin: 30px 0 28px;
    display: inline-block;
    margin: 6px 0 26px; }
  .calldetailmainwraper .audiobtmspace table tr td .col_span .shaperete {
    margin: 0 0 13px 65px;
    display: block; }
  .calldetailmainwraper .audiobtmspace table tr td .col_span .shaperete_2,
  .calldetailmainwraper .audiobtmspace table tr td .col_span .shaperete_3 {
    margin-left: 36px;
    display: block;
    width: 30%; }
    .calldetailmainwraper .audiobtmspace table tr td .col_span .shaperete_2 .left_text,
    .calldetailmainwraper .audiobtmspace table tr td .col_span .shaperete_3 .left_text {
      text-align: left;
      width: 50%;
      float: left; }
    .calldetailmainwraper .audiobtmspace table tr td .col_span .shaperete_2 .right_text,
    .calldetailmainwraper .audiobtmspace table tr td .col_span .shaperete_3 .right_text {
      width: 50%;
      text-align: right;
      float: left; }
  .calldetailmainwraper .audiobtmspace table tr td .col_span .shaperete_3 {
    margin-left: 0;
    width: 33%; }
    .calldetailmainwraper .audiobtmspace table tr td .col_span .shaperete_3 span {
      color: #464855; }
  .calldetailmainwraper .audiobtmspace table tr td .col_span .shaperete_4 {
    margin-left: 36px;
    display: block;
    width: 75%; }
    .calldetailmainwraper .audiobtmspace table tr td .col_span .shaperete_4 .left_text,
    .calldetailmainwraper .audiobtmspace table tr td .col_span .shaperete_4 .middle_text,
    .calldetailmainwraper .audiobtmspace table tr td .col_span .shaperete_4 .right_text {
      width: 33.3333%;
      float: left;
      margin: 0; }
  .calldetailmainwraper .audiobtmspace table tr td .col_span.logs_track .shaperete_3 {
    width: 36%; }

.calldetailmainwraper .audiobtmspace table tr td.Filterfield {
  background-color: #ffffff;
  position: relative;
  width: 100%; }
  .calldetailmainwraper .audiobtmspace table tr td.Filterfield .triangle {
    position: absolute;
    width: 0;
    border-bottom: solid 13px #bebdbd;
    border-right: solid 15px transparent;
    border-left: solid 15px transparent;
    top: -14px;
    left: 14px;
    display: block; }
    .calldetailmainwraper .audiobtmspace table tr td.Filterfield .triangle .empty {
      border-bottom: solid 13px #ffffff;
      border-right: solid 15px transparent;
      border-left: solid 15px transparent;
      left: -15px;
      bottom: -15px;
      position: absolute;
      width: 0; }

.calldetailmainwraper .audiobtmspace table tr.missedcall td .icon-call {
  background-position: -98px -256px; }

.calldetailmainwraper .audiobtmspace table.misscalldetails tr td:first-child {
  padding-left: 20px !important; }

.calldetailmainwraper {
  /* .callOut, .callIn, .callOutMissed, .callInMissed {
        background-position: -3px -876px;
        width: 28px;
        height: 28px;
        vertical-align: middle;
        display: inline-block;
        left: 17px;
        position: absolute;
        cursor: pointer;
        top: 50%;
        transform: translateY(-50%);
    }*/ }
  .calldetailmainwraper .callOut {
    background-position: -3px -876px !important; }
  .calldetailmainwraper .callIn {
    background-position: -33px -876px !important; }
  .calldetailmainwraper .callOutMissed {
    background-position: -98px -876px !important; }
  .calldetailmainwraper .callInMissed {
    background-position: -65px -876px !important; }

/*************** 28-sept-2018 work SMS-logs-today css****************/
.smslogwrap .rightwrap .dataTables_wrapper .dataTables_filter {
  right: 238px !important;
  left: auto !important;
  top: -67px !important; }

.smslogwrap .call_details {
  margin-top: 13px !important; }

.smslogwrap .usermngview .missed_calls {
  color: #ff0200 !important; }

.smslogwrap .usermngview .title {
  color: #464855;
  margin-bottom: 15px; }

.smslogwrap .usermngview table {
  border-bottom: none !important; }
  .smslogwrap .usermngview table th {
    height: 35px !important;
    color: rgba(1, 1, 1, 0.6) !important; }
  .smslogwrap .usermngview table td {
    padding-top: 6px !important;
    padding-bottom: 6px !important; }

.smslogwrap .tabresult2 .call_details,
.smslogwrap .tabresult3 .call_details {
  margin-top: 28px !important; }

.smslogwrap .tabresult2 .callhistory .title,
.smslogwrap .tabresult3 .callhistory .title {
  width: 100% !important; }
  .smslogwrap .tabresult2 .callhistory .title #example_filter,
  .smslogwrap .tabresult3 .callhistory .title #example_filter {
    right: 0px !important; }

.smslogwrap .centraldrop {
  width: 265px;
  display: block;
  margin-top: 48px; }

.smslogwrap .historylink {
  position: relative;
  top: -29px;
  margin-top: 0 !important;
  width: 204px;
  border: none !important; }
  .smslogwrap .historylink:after {
    display: inline-block;
    width: 0;
    height: 0;
    content: "";
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    position: absolute;
    right: 14px;
    top: 15px;
    color: #7b7b7b; }

.smslogwrap .rightwrap:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 10px;
  background: #eaf0f7;
  top: -3px;
  left: 0;
  border-top-left-radius: 5px;
  display: none; }

.smslogwrap .rightwrap .log_custom .call_details table .normal_check .Filterfield .usermngview {
  /* padding:24px!important; */ }
  .smslogwrap .rightwrap .log_custom .call_details table .normal_check .Filterfield .usermngview table tr th {
    background: #f4f4f4;
    height: 28px !important;
    line-height: 28px; }
  .smslogwrap .rightwrap .log_custom .call_details table .normal_check .Filterfield .usermngview table tr td {
    border-left: transparent; }
  .smslogwrap .rightwrap .log_custom .call_details table .normal_check .Filterfield .usermngview table tr:nth-child(even) {
    background: #fff; }
  .smslogwrap .rightwrap .log_custom .call_details table .normal_check .Filterfield .usermngview table tr:hover {
    background: inherit; }
  .smslogwrap .rightwrap .log_custom .call_details table .normal_check .Filterfield .usermngview .viewallbtnwrap {
    border-top: solid 1px #e6e6e6;
    text-align: center;
    margin-top: 25px; }
    .smslogwrap .rightwrap .log_custom .call_details table .normal_check .Filterfield .usermngview .viewallbtnwrap .button {
      background-color: transparent;
      color: #00c8a2;
      font-size: 12px;
      border-radius: 3px;
      border: 1px solid #00c8a2;
      width: 100px;
      text-transform: uppercase;
      font-family: 'mulisemibold';
      margin-bottom: 0;
      position: relative;
      z-index: 1;
      margin-top: 25px;
      box-shadow: 0px 3px 5px 0px rgba(0, 160, 130, 0.2); }
      .smslogwrap .rightwrap .log_custom .call_details table .normal_check .Filterfield .usermngview .viewallbtnwrap .button:hover {
        background: #00bf9b;
        color: #fff; }

.smslogwrap .rightwrap .log_custom .call_details table .normal_check td:first-child {
  border-left: none !important; }

.smslogwrap .rightwrap .log_custom .call_details table .normal_check td .viewmanage {
  background-position: -4px -192px;
  width: 24px;
  height: 16px;
  margin: 0px auto;
  margin-right: 11px;
  cursor: pointer; }

.smslogwrap .rightwrap .log_custom .call_details table .normal_check .dropdown_table {
  background-color: #ffffff;
  border-top: 1px solid #bebdbd;
  border-bottom: 1px solid #bebdbd;
  position: relative;
  width: 100%; }
  .smslogwrap .rightwrap .log_custom .call_details table .normal_check .dropdown_table .triangle {
    right: 26px; }
    .smslogwrap .rightwrap .log_custom .call_details table .normal_check .dropdown_table .triangle .empty {
      border-bottom: solid 18px #fff; }
  .smslogwrap .rightwrap .log_custom .call_details table .normal_check .dropdown_table h2 {
    font-size: 14px;
    margin: 0 0 10px;
    padding: 0; }
  .smslogwrap .rightwrap .log_custom .call_details table .normal_check .dropdown_table table {
    border: none;
    width: 100%; }
    .smslogwrap .rightwrap .log_custom .call_details table .normal_check .dropdown_table table tr td {
      border: none;
      padding: 0 0 18px; }

.smslogwrap .rightwrap .log_custom h2 {
  letter-spacing: 0.2px;
  font-size: 20px;
  color: #464855;
  padding: 28px 20px 0;
  display: inline-block; }

.smslogwrap .rightwrap .log_custom .backdashborad {
  margin-right: 23px;
  margin-top: 21px; }

.smslogwrap .rightwrap .log_custom .callhistory {
  border: none !important;
  background: none !important; }
  .smslogwrap .rightwrap .log_custom .callhistory .title {
    width: 100%;
    top: 11px !important; }
    .smslogwrap .rightwrap .log_custom .callhistory .title .today-text {
      letter-spacing: 0.1px;
      font-size: 14px;
      color: #464855;
      font-family: 'mulisemibold';
      float: left;
      padding: 0 0 10px 0; }
    .smslogwrap .rightwrap .log_custom .callhistory .title #example_filter {
      top: -1px;
      right: 223px; }
      .smslogwrap .rightwrap .log_custom .callhistory .title #example_filter .searchinput {
        font-family: muliregular; }

/* mahaveer singh scss changes */
.triangle_position table tr td {
  position: relative; }
  .triangle_position table tr td .tringshowhide + .triangle {
    bottom: 0px !important;
    top: auto;
    display: none;
    border-bottom: solid 13px #bebdbd; }
    .triangle_position table tr td .tringshowhide + .triangle .empty {
      bottom: 0px !important;
      left: -18.3px !important;
      border-bottom: solid 18px #fff; }
  .triangle_position table tr td .tringshowhide.active + .triangle {
    display: block; }

.usermanagmntwrap.back-dashboard .rightwrap .dataTables_wrapper .dataTables_filter {
  right: 395px !important;
  left: auto !important;
  top: -214px !important;
  z-index: 9999; }

.usermanagmntwrap.back-dashboard.call-detail-page .rightwrap .callhistory .dataTables_filter {
  right: 312px !important;
  left: auto !important;
  z-index: 999; }

.calldetailmainwraper.my-contact .rightwrap .trackertop.whiteStrip h2 {
  padding: 10px 20px 0 0;
  line-height: 1; }

.calldetailmainwraper.my-contact {
  padding-bottom: 50px;
  background: #fff; }
  .calldetailmainwraper.my-contact .rightwrap .trackertop {
    position: static !important; }
  .calldetailmainwraper.my-contact .rightwrap .daymonthresult {
    margin-top: 0 !important; }
  .calldetailmainwraper.my-contact .bottom-sticky-btn {
    position: fixed;
    z-index: 10;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #202020;
    text-align: center;
    padding: 13px 0;
    display: none; }
    .calldetailmainwraper.my-contact .bottom-sticky-btn > span {
      font-size: 14px;
      font-family: mulisemibold;
      color: #fff;
      padding-right: 20px; }
    .calldetailmainwraper.my-contact .bottom-sticky-btn .msg-option {
      width: 250px;
      background: #fff;
      position: relative;
      border-radius: 4px;
      padding: 8px 0 10px 0;
      display: inline-block; }
      .calldetailmainwraper.my-contact .bottom-sticky-btn .msg-option .wpr {
        padding-right: 63px; }
        .calldetailmainwraper.my-contact .bottom-sticky-btn .msg-option .wpr .gs_control .title {
          color: #5a5a5a; }
        .calldetailmainwraper.my-contact .bottom-sticky-btn .msg-option .wpr .gs_control span {
          background: transparent; }
        .calldetailmainwraper.my-contact .bottom-sticky-btn .msg-option .wpr .gs_control input[disabled] + .title {
          color: rgba(90, 90, 90, 0.5);
          cursor: no-drop; }
        .calldetailmainwraper.my-contact .bottom-sticky-btn .msg-option .wpr .gs_control .gs_control__indicator {
          background-image: linear-gradient(0deg, #f2f4f8 1%, #ffffff 100%); }
      .calldetailmainwraper.my-contact .bottom-sticky-btn .msg-option a {
        width: 63px;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        background: #00c8a2;
        border-radius: 0 4px 4px 0; }
        .calldetailmainwraper.my-contact .bottom-sticky-btn .msg-option a i {
          margin-top: 11px; }
        .calldetailmainwraper.my-contact .bottom-sticky-btn .msg-option a:hover i {
          animation: bounce 2s infinite; }

.calldetailmainwraper.my-contact-detail .trackertop {
  border-bottom: none !important; }

.calldetailmainwraper.my-contact-detail #mappingresult .callhistory {
  border-top: solid 1px #8281f8; }
  .calldetailmainwraper.my-contact-detail #mappingresult .callhistory .primaryButton {
    position: relative; }
    .calldetailmainwraper.my-contact-detail #mappingresult .callhistory .primaryButton i {
      vertical-align: -5px; }
    .calldetailmainwraper.my-contact-detail #mappingresult .callhistory .primaryButton:hover i {
      background-position: -7px -577px !important; }

.calldetailmainwraper.my-contact-detail #invoicingsesult .callhistory {
  border-top: solid 1px #8281f8; }

.calldetailmainwraper.my-contact-detail #holidaytabresult .callhistory {
  border-top: solid 1px #8281f8; }
  .calldetailmainwraper.my-contact-detail #holidaytabresult .callhistory .primaryButton {
    position: relative; }
    .calldetailmainwraper.my-contact-detail #holidaytabresult .callhistory .primaryButton:hover i {
      background-position: -37px -578px !important; }

.calldetailmainwraper.my-contact-detail #sendemailresult .callhistory {
  border-top: solid 1px #8281f8; }
  .calldetailmainwraper.my-contact-detail #sendemailresult .callhistory .primaryButton {
    position: relative; }
    .calldetailmainwraper.my-contact-detail #sendemailresult .callhistory .primaryButton:hover i {
      background-position: -68px -578px !important; }

.calldetailmainwraper.my-contact-detail .call_details {
  margin-top: 30px !important; }
  .calldetailmainwraper.my-contact-detail .call_details .details-tbl tr th {
    text-align: left;
    padding-left: 20px; }
  .calldetailmainwraper.my-contact-detail .call_details .details-tbl tr td {
    text-align: left;
    padding: 8px 20px; }
    .calldetailmainwraper.my-contact-detail .call_details .details-tbl tr td textarea {
      height: 55px; }
    .calldetailmainwraper.my-contact-detail .call_details .details-tbl tr td select {
      width: 50%;
      float: left;
      cursor: pointer;
      /* &:hover,
                        &:focus {
                            border: solid 1px #2478AF;
                            box-shadow: 0 0px 10px 0 rgba(38, 121, 175, 0.5);
                        }*/ }
    .calldetailmainwraper.my-contact-detail .call_details .details-tbl tr td .primaryButton {
      margin-left: 30px;
      height: 25px;
      line-height: 25px;
      padding: 0px 16px;
      margin-top: 4px;
      visibility: hidden;
      opacity: 0; }
    .calldetailmainwraper.my-contact-detail .call_details .details-tbl tr td .icon-download {
      vertical-align: middle;
      margin-left: 15px; }
  .calldetailmainwraper.my-contact-detail .call_details .details-tbl tr:hover .primaryButton {
    visibility: visible;
    opacity: 1; }

.calldetailmainwraper.my-contact-detail .whatsappBtn {
  margin: 30px 0 0 23px; }

.calldetailmainwraper.my-contact-detail .audio-js-box {
  margin-left: 0; }

.calldetailmainwraper.sendemailsms .rightwrap .trackertop.whiteStrip h2 {
  padding: 22px 20px 0 0; }

.calldetailmainwraper.sendemailsms .rightwrap .daymonthresult {
  padding-top: 0; }

.socialPopup .tabBody .field .help-block-error {
  font-size: 12px;
  text-align: left; }

#logsdetailresult .callhistory {
  border-top: solid 1px #8281f8; }
  #logsdetailresult .callhistory .dataTables_filter {
    right: 185px !important;
    left: auto !important; }

/*Media Queries*/
@media screen and (min-width: 1360px) {
  .nodetablenew .ndlevel1 {
    width: 115px; }
  .nodetablenew .ndlevel2,
  .nodetablenew .ndlevel3 {
    width: 125px; }
  .nodetablenew .ndlevel4 {
    width: 150px; }
  .triangle {
    right: 30px; }
  .usermanagmntwrap .rightwrap .usermngview {
    width: 100%; }
  .wrapper .rightwrap .detailpgtable table th .smalltitle1.vnconnecttab {
    left: auto;
    right: 0; }
  .configtitle6 {
    left: -58px; }
  .configtitle10 {
    left: -45px; }
  .configtitle7 {
    left: -50px; }
  .wrapper .rightwrap .detailpgtable table th .timetxt.ivrtext {
    /*left: 27px;*/ }
  .wrapper .rightwrap .detailpgtable table th .smalltitle1.config-connect {
    width: 78px;
    left: -23px; }
  .wrapper .rightwrap .detailpgtable table th .smalltitle2.config-connect {
    width: 89px;
    left: -52px; }
  .wrapper .rightwrap .numcofigure .vnConPanel .panelmain.panel1,
  .wrapper .rightwrap .numcofigure .vnConPanel .panelmain.panel3 {
    width: 555px; }
  .wrapper .rightwrap .addfilter .smssent span,
  .wrapper .rightwrap .addfilter .smssent .smscon {
    width: auto; }
  .wrapper .rightwrap .addfilter .container {
    top: 0; }
  .wrapper .rightwrap .addfilter .smssent {
    margin-top: 6px; }
  .wrapper .rightwrap .addfilter .selectlevel .level1 {
    width: auto;
    word-wrap: break-word;
    display: inline;
    vertical-align: 1px; }
  .wrapper .rightwrap .addfilter .selectmenu .level2 {
    width: auto;
    word-wrap: break-word;
    display: inline-block;
    vertical-align: 1px; }
  .calldetailmainwraper .audiobtmspace .usermngview .summaryelement .summarycolumn {
    margin-right: 13px; } }

.schedulePopup .field i,
.sendsmsPopup .field i,
.sendmailPopup .field i {
  position: absolute;
  top: 37px;
  right: 15px;
  z-index: 1; }

.schedulePopup .primaryButton,
.sendsmsPopup .primaryButton,
.sendmailPopup .primaryButton {
  margin: auto;
  box-sizing: content-box;
  padding: 0px 46px; }

.config_detailsTbl .smalltitle1.config-connect {
  left: -22px !important; }

@media screen and (min-width: 1400px) {
  .configtitle7 {
    left: -55px; }
  .configtitle10 {
    left: -45px; }
  .wrapper .rightwrap .detailpgtable table th .smalltitle1.config-connect {
    width: 100px;
    left: -46px; }
  .wrapper .rightwrap .detailpgtable table th .smalltitle2.config-connect {
    width: 100px;
    left: -57px; }
  .wrapper .rightwrap .detailpgtable table th .timetxt {
    left: 70px; }
  [data-active-stage] li {
    padding: 3px 8px; }
  .wrapper .rightwrap .detailpgtable table th .timetxt.agentsms {
    /*left: 95px;*/ } }

.nodetablenew .ndlevel1 {
  width: 135px; }

.nodetablenew .ndlevel2,
.nodetablenew .ndlevel3 {
  width: 140px; }

.triangle {
  right: 34px; }

.usermanagmntwrap .rightwrap .usermngview {
  width: 100%; }

.configtitle4 {
  left: -28px; }

.configtitle5 {
  left: -54px; }

.configtitle6 {
  left: -75px; }

.configtitle7 {
  left: -70px; }

.wrapper .rightwrap .detailpgtable table th .smalltitle1.config-connect {
  width: 100px;
  left: -41px; }

.wrapper .rightwrap .detailpgtable table th .smalltitle2.config-connect {
  width: 100px;
  left: -72px; }

.configtitle10 {
  left: -55px; }

.loginbg .main .loginmain .logfields .logleft .whitefield .loginRadioBtn {
  margin-top: 33px; }

.loginbg .main .loginmain .logfields .logleft .fields .group {
  margin-bottom: 44px; }

.loginbg .main .loginmain .logfields.whitebox {
  height: 530px;
  border-radius: 8px 0 0 8px; }

.loginbg .main .loginmain1 {
  height: 610px; }

.wrapper .rightwrap .addfilter .selectlevel .citylevel .options ul,
.wrapper .rightwrap .addfilter .selectmenu .menulevel .options ul {
  width: 197px; }

/*.wrapper .rightwrap .detailpgtable table th .timetxt.ivrtext {
    left: 30px;
}
*/
.wrapper .rightwrap .addfilter .filtername input,
.wrapper .rightwrap .addfilter .selectlevel .citylevel .vnselect a,
.wrapper .rightwrap .addfilter .selectmenu .menulevel .vnselect a {
  width: 200px; }

/*.wrapper .rightwrap .detailpgtable table th .timetxt {
    left: 85px;
}*/
.wrapper .rightwrap .employee_detailtable table th .timetxt {
  /*left: 70px;*/ }

.wrapper .rightwrap .detailpgtable table th .timetxt.agentsms {
  /*left: 125px;*/ }

.wrapper .rightwrap .trackertop .tracktopright .selectnameno,
.wrapper .rightwrap .trackertop .tracktopright .datepicker {
  margin-right: 6px; }

.wrapper .rightwrap .callstatus {
  margin-right: 6px; }

.wrapper .rightwrap .trackertop .tracktopright .button {
  width: 163px; }

.wrapper .rightwrap .trackertop.headershadow {
  padding-left: 230px; }

.wrapper .rightwrap .piechartpanel .graph {
  width: 25%; }

@media screen and (min-width: 1600px) {
  /*  .calldetailmainwraper .rightwrap.rightgap, .supportcall .rightwrap.rightgap {
                padding-left: 247px !important;
            } */ }

@media screen and (min-width: 1900px) {
  .calldetailmainwraper .rightwrap.rightgap,
  .smslogwrap .rightwrap.rightgap {
    padding-left: 247px !important; }
  .smslogwrap2 .rightwrap.rightgap {
    padding-left: 0px !important; }
  .calldetailmainwraper .rightwrap .trackertop.headershadow {
    padding-left: 267px !important; }
  .nodetablenew .ndlevel2,
  .nodetablenew .ndlevel3 {
    width: 195px; }
  .triangle {
    right: 45px; }
  .usermanagmntwrap .rightwrap .usermngview {
    width: 100%; }
  .configtitle3 {
    left: -22px; }
  .configtitle4 {
    left: -42px; }
  .configtitle5 {
    left: -82px; }
  .configtitle6 {
    left: -98px; }
  .configtitle7 {
    left: -88px; }
  .configtitle10 {
    left: -70px; }
  .wrapper .rightwrap .detailpgtable table th .smalltitle1.config-connect {
    left: -29px; }
  .wrapper .rightwrap .detailpgtable table th .smalltitle2.config-connect {
    left: -87px; }
  .audioview .audiojs {
    margin-left: 247px; }
  .menu.menuelemnt {
    max-width: 247px; }
  .wrapper .rightwrap.rightgap {
    padding-left: 247px; }
  .width2 {
    width: 105px; }
  .wrapper .rightwrap .detailpgtable table th .timetxt.ivrtext {
    left: 38px; }
  .wrapper .rightwrap .detailpgtable table th .timetxt {
    left: 105px; }
  .wrapper.my-contact-detail .rightwrap .detailpgtable table th .timetxt {
    left: 132px; }
  .wrapper .rightwrap .detailpgtable table th .timetxt.agentsms {
    /*left: 160px;*/ }
  .wrapper .rightwrap .trackertop.headershadow {
    padding-left: 267px; } }

.wrapper .rightwrap .call_details table {
  border-bottom: none;
  box-shadow: 0px 1px 5px 0px rgba(144, 164, 174, 0.15); }
  .wrapper .rightwrap .call_details table table {
    box-shadow: none; }

.wrapper .rightwrap .call_details.ndTable table tr.scoreline td:last-child.nopad.tbldetails table tr td:last-child table.nodetablestep2 tr.tblLine td.lftline {
  color: #ff0200;
  border-left: #ff0200 3px solid;
  color: rgba(0, 0, 0, 0.7); }

.wrapper .rightwrap .call_details.ndTable table tr.scoreline td:last-child.nopad.tbldetails table tr td:last-child table.nodetablestep2 tr.tblLine td.lftline .tringicon {
  width: 0px;
  height: 0px;
  border-left: 5px solid #ff0200;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  position: absolute;
  left: 0;
  top: 22px; }

.wrapper .rightwrap .call_details.nodetablenew table table {
  box-shadow: none; }

.wrapper .rightwrap .call_details.nodetablenew table table tr {
  border-bottom: none; }

.centraldrop .select-wrapper input.select-dropdown {
  height: 33px;
  padding: 2px 21px 0 10px !important;
  color: #90a4ae;
  background: #ffffff !important; }

.centraldrop .select-wrapper {
  box-shadow: 0px 2px 2px 0px rgba(96, 125, 139, 0.15); }

/*add new css for overRide*/
body .daterangepicker td.in-range {
  background-color: #eaf0f7; }

body .daterangepicker .ranges li.active {
  background-color: #18a0de; }

body .daterangepicker td.active, body .daterangepicker td.active:hover {
  background-color: #18a0de; }

body .daterangepicker td.in-range:hover, body .daterangepicker th.in-range:hover {
  background-color: #eaf0f7; }

body .daterangepicker.show-ranges .drp-buttons .btn {
  box-shadow: 0px 3px 7px 0px rgba(193, 189, 189, 0.35);
  color: #5a5a5a;
  border-color: #d6d6d6;
  transition: all 0.3s linear; }

body .daterangepicker.show-ranges .drp-buttons .btn-primary {
  color: #00c8a2;
  border-color: #00c8a2; }

body .daterangepicker.show-ranges .drp-buttons .btn:hover {
  background: #00c8a2;
  border-color: #00c8a2;
  color: #fff; }

body .dataTables_wrapper .dataTables_filter input:hover {
  box-shadow: 0px 2px 2px 0px rgba(96, 125, 139, 0.15);
  border-color: #18a0de; }

.call_details.detailpgtable table tr th[aria-label*="Click to Call"] {
  width: 57px !important;
  padding-right: 0px; }

.call_details.detailpgtable table tr th[aria-label*="Virtual Number"] {
  width: 111px !important;
  padding-right: 0px; }

.call_details.detailpgtable table tr th[aria-label*="Call Duration"] {
  width: 80px !important;
  padding-right: 0px; }

.call_details.detailpgtable table tr th[aria-label*="Call Status"] {
  width: 80px !important;
  padding-right: 0px; }

.tracktopright .datepicker .kv-drp-dropdown .right-ind {
  display: none; }

body .audio-js-box {
  background: #4c5e88;
  background: linear-gradient(to right, #6e5d96 0, #265f7a 100%); }

body .audioview .audioplaybg:after {
  background: transparent; }

body .audioview .audioplaybg img {
  opacity: 0; }

table.dataTable {
  width: 100% !important; }

tr.minscoreN > td:first-child {
  color: #ff0200;
  border-left: #ff0200 3px solid !important; }
  tr.minscoreN > td:first-child .tringicon {
    width: 0px;
    height: 0px;
    border-left: 5px solid #ff0200;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); }

.calldetailmainwraper .call_details.detailpgtable table tr th {
  min-width: 50px; }

.usermanagmntwrap .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .usermngview::before
.usermanagmntwrap .rightwrap #w0 .detailpgtable .usermngview::before {
  display: none; }

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  float: left; }

.graph #averageScoreGraph svg {
  background-color: transparent !important; }

.trialhide {
  display: none; }

#contactTable th[aria-label*="Customer Name"] {
  min-width: 300px; }

.calldetailmainwraper .rightwrap .callhistory .clickToCall {
  position: absolute;
  right: 170px;
  top: 0px; }
  .calldetailmainwraper .rightwrap .callhistory .clickToCall .sprite {
    background-position: -53px -500px; }
  .calldetailmainwraper .rightwrap .callhistory .clickToCall:hover .sprite {
    background-position: -87px -500px; }

.wrapper .rightwrap .detailpgtable table.agent_config_details th .timetxt.agentsms {
  left: 125px; }

.wrapper .rightwrap .detailpgtable table.agent_config_details th .smalltitle1.vnconnecttab {
  left: inherit; }

@media (max-width: 1280px) {
  .calldetailmainwraper.wrapper .rightwrap .trackertop .tracktopright .button {
    width: 100px; }
  .calldetailmainwraper.wrapper .tracktopright .centraldrop {
    width: 90px; }
  body .wrapper .rightwrap .numcofigure .vnConPanel .panelmain.panel4 {
    width: 400px; }
  body .audio-js-box .closeBtn {
    right: 50px; }
  body .createuserwrap .createuserwrap_two .need_help {
    width: 290px; }
  .wrapper .rightwrap .piechartpanel .quickreport ul li:last-child {
    padding-right: 0px;
    padding-left: 0px; } }

@media (max-width: 1350px) {
  .communicationconfi.wrapper .rightwrap .call_details table tr td {
    word-wrap: break-word; }
  .communicationconfi .ivragenttable .levelblock {
    max-width: 100px;
    width: 12%; }
  .communicationconfi .deleterecord, .communicationconfi .recordedit, .communicationconfi .connected, .communicationconfi .notconnected {
    width: 60px !important; }
  .communicationconfi .call_details th.width8 {
    max-width: 20px; }
  .communicationconfi .config_detailsTbl .menuselected .configtitle4, .communicationconfi .config_detailsTbl .menuselected .configtitle3 {
    left: 0px; }
  .communicationconfi .config_detailsTbl .head_text .configtitle5 {
    left: 0px; }
  .communicationconfi .config_detailsTbl th.width3 {
    text-align: left; }
  .communicationconfi .config_detailsTbl th.width4 {
    text-align: left; }
  .communicationconfi .config_detailsTbl .configtitle6 {
    left: 0px; }
  .communicationconfi .config_detailsTbl th.width7 {
    width: 60px; }
  .communicationconfi .config_detailsTbl .configtitle10 {
    left: -35px; } }

.calBtn {
  float: right;
  max-width: 137px;
  color: #00c8a2;
  border: 1px solid #00c8a2;
  border-radius: 3px;
  background: #fff; }
  .calBtn i {
    background-position: -106px -168px;
    position: relative;
    top: -2px;
    width: 18px;
    height: 18px;
    margin-right: 11px; }
  .calBtn:hover {
    color: #ffffff;
    border-color: #00c8a2;
    background: #00c8a2; }
    .calBtn:hover i {
      background-position: -31px -142px; }

.createHoliday {
  /*.inputArea {min-height:360px;}*/ }
  .createHoliday .gsc_container-fluid {
    max-width: 1280px; }
  .createHoliday .trackertop {
    margin-bottom: 20px;
    padding: 0px 20px !important;
    height: auto !important;
    border: none !important;
    background: none !important; }
    .createHoliday .trackertop:before {
      display: none; }
    .createHoliday .trackertop .title {
      position: relative;
      display: inline-block;
      color: #242424;
      font-size: 20px;
      margin: 16px 0px; }
    .createHoliday .trackertop .tracktopright {
      margin: 14px 0 16px 0 !important; }
    .createHoliday .trackertop .back-btn {
      padding: 3px 4px 5px 6px;
      border-radius: 50% !important;
      width: 30px !important;
      height: 30px;
      display: inline-block; }
      .createHoliday .trackertop .back-btn .sprite {
        background-position: -104px -106px;
        width: 16px;
        height: 16px; }
      .createHoliday .trackertop .back-btn:hover {
        border: 1px solid #4b9ecb !important; }
  .createHoliday .rightwrap.rightgap {
    padding-left: 0px !important; }
  .createHoliday .whiteBox {
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
    box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.03);
    margin-bottom: 20px;
    padding: 25px 30px 20px 30px; }
    .createHoliday .whiteBox .title {
      color: #464855;
      font-family: 'mulisemibold';
      font-size: 14px; }
  .createHoliday .btngroup {
    border-top: solid 1px #cacaca;
    text-align: center;
    padding: 20px 10px 10px 10px;
    margin: 30px -30px 0px -30px; }
    .createHoliday .btngroup .button {
      text-transform: uppercase;
      border-radius: 3px;
      font-family: mulisemibold; }
    .createHoliday .btngroup .back {
      font-size: 12px;
      color: #464855;
      width: auto;
      padding: 18px 47px;
      background: #fff;
      border: solid 1px #e8e8e8;
      margin-right: 20px !important;
      box-shadow: 0px 3px 7px 0px rgba(193, 189, 189, 0.35); }
      .createHoliday .btngroup .back:hover {
        color: #00c8a2 !important;
        border: solid 1px #00c8a2;
        box-shadow: 0px 5px 15px 0px rgba(0, 160, 130, 0.35); }
    .createHoliday .btngroup .next {
      width: auto;
      padding: 18px 46px; }
  .createHoliday .need_help {
    max-width: 360px;
    padding-left: 20px; }
    .createHoliday .need_help h2 {
      font-size: 18px;
      letter-spacing: 0px;
      color: #464855;
      font-family: 'mulisemibold';
      margin-bottom: 16px;
      display: block; }
    .createHoliday .need_help p {
      font-size: 14px;
      letter-spacing: 0.3px;
      line-height: 20px;
      color: #464855;
      font-family: 'muliregular';
      margin-bottom: 22px;
      display: block;
      opacity: 0.7; }
    .createHoliday .need_help .phne_to_mail .ph_num {
      font-size: 14px;
      letter-spacing: 0.5px;
      line-height: 20px;
      color: #464855;
      font-family: 'mulibold';
      margin-right: 30px; }
    .createHoliday .need_help .phne_to_mail .mail_to {
      font-size: 14px;
      letter-spacing: 0.5px;
      line-height: 20px;
      color: #18a0de;
      font-family: 'mulibold'; }
  .createHoliday .field .view-format {
    font-size: 12px;
    color: #18a0de;
    font-family: 'mulisemibold';
    cursor: pointer;
    margin-left: 3px;
    float: right; }
  .createHoliday .file-upload-wrapper .file-upload-input {
    width: 100% !important;
    left: 0px !important;
    top: 100%; }
  .createHoliday .file-upload-wrapper .file-upload-button {
    width: 100%; }
  .createHoliday .modifyUpload .uploadvalueclose {
    display: none; }
  .createHoliday .field .input-group-addon {
    height: 33px;
    top: 1px;
    line-height: 27px;
    right: 1px; }
  .createHoliday .recordplay span {
    background-position: -22px -14px;
    width: 24px;
    height: 24px;
    margin: 0 auto; }
  .createHoliday .recordplay:hover span {
    background-position: -22px -46px; }
  .createHoliday .recordplay .pause {
    background-position: -103px -139px;
    opacity: 0.8; }
  .createHoliday .recordplay:hover .pause {
    background-position: -103px -139px;
    opacity: 1; }
  .createHoliday .audioList {
    position: relative;
    overflow-y: auto;
    max-height: 200px;
    border: solid 1px #e8e8e8; }
    .createHoliday .audioList table {
      width: 100%; }
      .createHoliday .audioList table th {
        position: sticky;
        top: 0;
        z-index: 10;
        background: #e8e8e8; }
      .createHoliday .audioList table td, .createHoliday .audioList table th {
        padding: 6px 10px 5px;
        text-align: left;
        border-bottom: solid 1px #e8e8e8; }
        .createHoliday .audioList table td:last-child, .createHoliday .audioList table th:last-child {
          text-align: center; }
      .createHoliday .audioList table th:first-child {
        text-align: center; }
  .createHoliday .selectHolidaBlock {
    position: relative; }
    .createHoliday .selectHolidaBlock .title {
      padding-bottom: 5px; }
    .createHoliday .selectHolidaBlock .audioList {
      margin-right: 50px; }
    .createHoliday .selectHolidaBlock .or {
      position: absolute;
      right: 15px;
      top: 0px;
      height: 100%;
      width: 1px;
      background: #efefef; }
      .createHoliday .selectHolidaBlock .or span {
        position: absolute;
        top: 50%;
        right: -50%;
        padding: 5px;
        background: #ffffff;
        transform: translate(50%, -50%); }
      .createHoliday .selectHolidaBlock .or:before {
        width: 100%;
        height: 1px;
        background: #ccc;
        content: "";
        position: absolute;
        left: 0px;
        top: 10px; }
  .createHoliday .redioBlock {
    margin: 0px;
    padding: 0px;
    height: 15px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    user-select: none; }
    .createHoliday .redioBlock input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      top: 2px;
      right: 57px;
      height: 16px;
      width: 16px; }
    .createHoliday .redioBlock input:checked ~ .checkmark {
      background-color: #00c8a2;
      border-color: #00c8a2; }
    .createHoliday .redioBlock input:checked ~ .checkmark:after {
      content: '';
      width: 6px;
      height: 6px;
      background-color: #ffffff;
      border-radius: 3px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -3px;
      margin-left: -3px; }
    .createHoliday .redioBlock .checkmark {
      position: absolute;
      top: 3px;
      left: 0px;
      height: 16px;
      width: 16px;
      background-color: #dde4e7;
      border: 1px solid #b5bbbe;
      border-radius: 10px;
      transition: all 0.3s ease-in-out; }
    .createHoliday .redioBlock .checkmark :after {
      content: "";
      position: absolute;
      display: none; }
    .createHoliday .redioBlock .checkmark:after {
      top: 9px;
      left: 9px;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: white; }
    .createHoliday .redioBlock input:checked ~ .checkmark:after {
      display: block; }
  .createHoliday .titlenewuser {
    color: #2378b0;
    font-size: 20px;
    line-height: 24px;
    font-family: 'mulisemibold';
    padding: 0px 0px 20px 0px; }
    .createHoliday .titlenewuser span {
      display: block;
      font-size: 12px;
      color: rgba(90, 90, 90, 0.7); }
  .createHoliday .field {
    min-height: 87px; }
    .createHoliday .field .title {
      padding-bottom: 5px; }

.supportcall {
  /* code right wrap start */ }
  .supportcall .todaydrop {
    width: auto; }
    .supportcall .todaydrop .selected a span {
      width: 100%;
      text-overflow: initial; }
    .supportcall .todaydrop .selected a:after {
      display: none; }
  .supportcall .menulist li a {
    color: #464855;
    font-size: 12px;
    letter-spacing: .5px;
    line-height: 1.3;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding: 16px 0 16px 20px; }
  .supportcall .menulist li a.active {
    background: #18a0de;
    color: #ffffff; }
  .supportcall .menulist li {
    padding: 0;
    display: inline-block; }
  .supportcall .menulist li a.active .commuarrow,
  .supportcall .menulist li a:hover .commuarrow {
    background-position: -104px -220px;
    width: 7px;
    height: 10px;
    position: absolute;
    right: 20px;
    top: 19px; }
  .supportcall .helpSupport {
    margin: 20px;
    background: #fff;
    box-shadow: 0px 0px 5px #ccc;
    padding: 20px 20px 20px 40px;
    border-radius: 4px; }
    .supportcall .helpSupport .contactRow {
      position: relative;
      padding-left: 40px;
      margin-bottom: 60px; }
      .supportcall .helpSupport .contactRow:before {
        content: "";
        background: url("../images/sprite.svg") no-repeat -3px -330px;
        width: 16px;
        height: 16px;
        position: absolute;
        left: 16px;
        top: 2px; }
      .supportcall .helpSupport .contactRow .title {
        color: #464855;
        text-transform: uppercase; }
      .supportcall .helpSupport .contactRow .contactNum {
        font-size: 36px;
        font-family: 'mulilight';
        line-height: 1.2;
        color: #464855; }
      .supportcall .helpSupport .contactRow .email {
        font-size: 36px;
        font-family: 'mulilight';
        line-height: 1.2;
        color: #464855; }
      .supportcall .helpSupport .contactRow.emailRow:before {
        background-position: -23px -330px;
        width: 36px;
        height: 16px;
        left: -4px;
        top: 1px; }
  .supportcall .contactBlock {
    margin-top: 40px; }
  .supportcall .rightVactor {
    display: block;
    margin: 0px auto; }
  .supportcall .rightwrap {
    border-top-left-radius: 5px !important; }
    .supportcall .rightwrap .log_custom {
      padding: 0 24px;
      position: relative;
      top: -20px; }
      .supportcall .rightwrap .log_custom h2 {
        padding: 16px 0 12px;
        font-size: 20px;
        letter-spacing: 0px;
        color: #464855;
        font-family: 'mulisemibold';
        display: inline-block;
        margin: 0; }
      .supportcall .rightwrap .log_custom .callhistory {
        background: transparent;
        border-top: none;
        border-bottom: none;
        position: inherit;
        height: auto;
        padding: 0; }
        .supportcall .rightwrap .log_custom .callhistory .title {
          display: block;
          position: inherit; }
          .supportcall .rightwrap .log_custom .callhistory .title span {
            font-size: 14px;
            color: #010101;
            font-family: "mulisemibold";
            display: block;
            margin: 0;
            padding: 0; }
        .supportcall .rightwrap .log_custom .callhistory.supt-form {
          height: auto;
          margin-top: 16px;
          padding: 0 !important; }
          .supportcall .rightwrap .log_custom .callhistory.supt-form .input-field {
            position: relative;
            overflow: hidden; }
            .supportcall .rightwrap .log_custom .callhistory.supt-form .input-field #suport {
              display: none; }
            .supportcall .rightwrap .log_custom .callhistory.supt-form .input-field span {
              display: block;
              margin: 20px 0 7px; }
            .supportcall .rightwrap .log_custom .callhistory.supt-form .input-field .Attchent {
              border-radius: 4px;
              -webkit-transition: all 0.4s ease-in-out;
              transition: all 0.4s ease-in-out;
              background: #ffffff;
              border: solid 1px #e8e8e8;
              line-height: 32px;
              padding: 0 10px;
              font-size: 14px;
              display: block;
              margin: 0;
              cursor: pointer;
              font-family: "muliregular";
              color: rgba(90, 90, 90, 0.7);
              position: relative;
              box-shadow: 0px 2px 2px 0px rgba(96, 125, 139, 0.15); }
              .supportcall .rightwrap .log_custom .callhistory.supt-form .input-field .Attchent:hover {
                border: solid 1px #18a0de; }
            .supportcall .rightwrap .log_custom .callhistory.supt-form .input-field .submit-btn {
              width: 170px;
              height: 35px;
              border-radius: 2px;
              border: solid 1px #00c8a2;
              letter-spacing: 0.4px;
              font-size: 12px;
              color: #00c8a2;
              margin: 30px 0;
              padding: 6px 0;
              text-align: center;
              display: block;
              transition: all 0.3s ease-in-out;
              -webkit-transition: all 0.3s ease-in-out;
              font-family: 'mulisemibold';
              background: #fff;
              cursor: pointer;
              text-transform: uppercase;
              box-shadow: 0px 3px 5px 0px rgba(0, 160, 130, 0.2); }
              .supportcall .rightwrap .log_custom .callhistory.supt-form .input-field .submit-btn:hover {
                background: #00c8a2;
                color: #ffffff; }
            .supportcall .rightwrap .log_custom .callhistory.supt-form .input-field.last_field {
              border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
            .supportcall .rightwrap .log_custom .callhistory.supt-form .input-field .width_fix {
              width: 393px;
              display: inline-block;
              margin-right: 24px;
              margin-top: 16px;
              position: relative;
              overflow: hidden;
              padding-bottom: 3px; }
              .supportcall .rightwrap .log_custom .callhistory.supt-form .input-field .width_fix span {
                font-size: 14px;
                font-family: 'mulisemibold';
                color: #464855;
                text-align: left;
                margin-bottom: 6px;
                display: block;
                margin-top: 0; }
              .supportcall .rightwrap .log_custom .callhistory.supt-form .input-field .width_fix input {
                font-family: "muliregular";
                box-shadow: 0px 2px 2px 0px rgba(96, 125, 139, 0.15); }
              .supportcall .rightwrap .log_custom .callhistory.supt-form .input-field .width_fix .icon-upload {
                position: absolute;
                right: 10px;
                top: 8px; }
              .supportcall .rightwrap .log_custom .callhistory.supt-form .input-field .width_fix .need {
                height: 75px;
                display: block;
                resize: none;
                padding: 10px;
                font-family: "muliregular";
                font-size: 14px; }
      .supportcall .rightwrap .log_custom .backdashborad {
        padding: 16px 0 0;
        margin: 0; }
    .supportcall .rightwrap .editfilter .audiobtmspace {
      margin: 8px 0 30px !important;
      width: 100% !important; }
      .supportcall .rightwrap .editfilter .audiobtmspace .dataTable tr th, .supportcall .rightwrap .editfilter .audiobtmspace .dataTable tr td {
        text-align: left !important;
        padding-left: 10px !important; }
        .supportcall .rightwrap .editfilter .audiobtmspace .dataTable tr th:first-child, .supportcall .rightwrap .editfilter .audiobtmspace .dataTable tr td:first-child {
          font-size: 14px !important;
          color: #5a5a5a !important;
          text-align: left !important;
          font-family: "mulisemibold" !important;
          padding-left: 24px !important; }
        .supportcall .rightwrap .editfilter .audiobtmspace .dataTable tr th:nth-child(4), .supportcall .rightwrap .editfilter .audiobtmspace .dataTable tr th:nth-child(5), .supportcall .rightwrap .editfilter .audiobtmspace .dataTable tr td:nth-child(4), .supportcall .rightwrap .editfilter .audiobtmspace .dataTable tr td:nth-child(5) {
          text-align: center !important;
          padding-left: 0 !important; }
        .supportcall .rightwrap .editfilter .audiobtmspace .dataTable tr th.Filterfield .usermngview, .supportcall .rightwrap .editfilter .audiobtmspace .dataTable tr td.Filterfield .usermngview {
          border-top: 1px solid #eaeaea !important; }
        .supportcall .rightwrap .editfilter .audiobtmspace .dataTable tr th .tringshowhide .triangle, .supportcall .rightwrap .editfilter .audiobtmspace .dataTable tr td .tringshowhide .triangle {
          bottom: -19px !important; }
    .supportcall .rightwrap .trackertop .title {
      display: block;
      margin-top: 6px; }
    .supportcall .rightwrap .trackertop .supt-text {
      font-size: 14px;
      color: #464855;
      font-family: "muliregular";
      display: inline-block;
      margin: 12px 0 0;
      padding: 0;
      position: relative; }
    .supportcall .rightwrap .trackertop .backdashborad {
      margin-top: -9px; }

.supportcall .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .usermngview:before, .supportcall .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td.Filterfield .usermngview:after {
  display: none; }

.supportcall .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td .tringshowhide .triangle {
  bottom: -15px !important;
  right: -5px !important; }

.subscription_detail {
  /* invoicingtab Result Starts scss here */
  /* invoicingtab Result end scss here */ }
  .subscription_detail .checkboxdesign .container .checkmark:after {
    width: 6px;
    height: 8px; }
  .subscription_detail .trackertop {
    border-bottom: none !important;
    margin-bottom: 0px !important; }
  .subscription_detail .callhistory {
    border-top: solid 1px #8281f8; }
  .subscription_detail.subs_prfl.rightgap {
    padding-left: 213px !important; }
  .subscription_detail.subs_prfl .profile_dtail .editRow, .subscription_detail.subs_prfl .profile_dtail .editBtnRow {
    display: none; }
  .subscription_detail.subs_prfl .profile_dtail .editedTbl, .subscription_detail.subs_prfl .profile_dtail .editTbl {
    padding-right: 8% !important; }
  .subscription_detail.subs_prfl .action {
    border-bottom: solid 1px #e8e8e8;
    border-top: none !important;
    padding: 4px 0 30px 0 !important;
    margin-bottom: 50px; }
  .subscription_detail .trackertop .orion {
    display: inline-block;
    position: relative;
    font-size: 20px;
    letter-spacing: 0px;
    color: #464855;
    font-family: 'mulisemibold';
    padding: 13px 0;
    line-height: normal; }
  .subscription_detail .trackertop:before {
    border-top-left-radius: 0 !important; }
  .subscription_detail.rightgap {
    padding-left: 0 !important; }
  .subscription_detail .callhistory {
    overflow: hidden;
    clear: both;
    padding: 10px 20px !important; }
    .subscription_detail .callhistory .title {
      float: left;
      width: 60%;
      position: inherit !important;
      line-height: 31px !important;
      top: 0 !important; }
    .subscription_detail .callhistory .subs_search {
      width: 404px;
      float: right; }
      .subscription_detail .callhistory .subs_search .subs_search_two {
        position: relative;
        display: inline-block;
        width: 222px;
        margin-right: 16px; }
        .subscription_detail .callhistory .subs_search .subs_search_two .icon-search {
          position: absolute;
          top: 10px;
          right: 13px; }
        .subscription_detail .callhistory .subs_search .subs_search_two input {
          width: 222px;
          line-height: 33px;
          border-radius: 4px;
          background-color: #ffffff;
          border: 1px solid #e8e8e8;
          font-size: 14px;
          color: #5a5a5a;
          font-family: 'mulisemibold';
          padding: 0 12px;
          margin-top: 0;
          box-shadow: 0px 2px 2px 0px rgba(96, 125, 139, 0.15); }
          .subscription_detail .callhistory .subs_search .subs_search_two input:hover, .subscription_detail .callhistory .subs_search .subs_search_two input:focus {
            border-color: #18a0de; }
      .subscription_detail .callhistory .subs_search .map-btn {
        margin-top: 0 !important;
        max-width: 163px !important; }
        .subscription_detail .callhistory .subs_search .map-btn .icon-plus {
          background-position: -7px -424px !important;
          width: 15px !important;
          height: 15px !important; }
    .subscription_detail .callhistory .edit_prfle .secondaryButton {
      margin-top: 0; }
      .subscription_detail .callhistory .edit_prfle .secondaryButton:hover .icon-edit-red-white {
        background-position: -72px -192px; }
  .subscription_detail .config_details table tr th .agentname_frst {
    position: relative; }
    .subscription_detail .config_details table tr th .agentname_frst:after {
      display: inline-block;
      width: 0;
      height: 0;
      content: "";
      border-top: 4px solid;
      border-right: 4px solid transparent;
      border-left: 4px solid transparent;
      margin-left: 5px;
      color: #7b7b7b; }
  .subscription_detail .config_details table tr th .timetxt.agentsms {
    right: -12px !important;
    left: auto !important;
    width: auto !important; }
  .subscription_detail .config_details table tr td .icon-download {
    margin-left: 8px;
    display: inline-block; }
  .subscription_detail .config_details table tr td .renew_btn {
    width: 73px;
    box-shadow: 0px 3px 5px 0px rgba(0, 160, 130, 0.2);
    line-height: 27px;
    border-radius: 4px;
    border: 1px solid #d6d6d6;
    text-transform: uppercase;
    display: block;
    margin: 0 auto;
    text-decoration: none !important;
    font-size: 12px;
    letter-spacing: 0px;
    color: #464855 !important;
    font-family: 'mulibold';
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    box-shadow: 0px 3px 7px 0px rgba(193, 189, 189, 0.35); }
    .subscription_detail .config_details table tr td .renew_btn:hover {
      background: #00c8a2;
      color: #fff !important;
      border: 1px solid #00c8a2;
      box-shadow: 0px 3px 7px 0px rgba(0, 160, 130, 0.35); }
  .subscription_detail .config_details table tr td .defaultActive {
    font-family: 'mulibold'; }
  .subscription_detail .config_details table tr td:nth-child(4) {
    border-left: none;
    position: relative; }
    .subscription_detail .config_details table tr td:nth-child(4):after {
      content: "-";
      display: block;
      position: absolute;
      top: calc(50% - 15%);
      left: 0;
      right: auto; }
  .subscription_detail .config_details table tr td .GirnarRupee {
    font-size: 15px;
    display: inline-block;
    vertical-align: top; }
  .subscription_detail .config_details table tr td.activeClr {
    color: #388E3C; }
  .subscription_detail .config_details table tr td.suspendedClr {
    color: #c02425; }
  .subscription_detail .config_details table tr td.dueClr {
    color: #fdb901; }
  .subscription_detail .config_details table tr td.inactiveClr {
    color: #ff0200; }
  .subscription_detail #holidaytabresult .addfilter {
    clear: both;
    display: table;
    overflow: hidden; }
    .subscription_detail #holidaytabresult .addfilter .vnfiltr {
      border-bottom: none;
      padding-bottom: 0;
      width: 90%;
      float: left;
      border-right: 1px solid rgba(144, 164, 174, 0.3); }
      .subscription_detail #holidaytabresult .addfilter .vnfiltr .filtername {
        position: relative;
        margin-right: 15px;
        width: 295px; }
        .subscription_detail #holidaytabresult .addfilter .vnfiltr .filtername.date_wdth .icon-calendar-white {
          background-position: -106px -168px;
          width: 18px !important;
          height: 18px;
          position: absolute;
          top: 8px;
          right: 16px; }
        .subscription_detail #holidaytabresult .addfilter .vnfiltr .filtername:after {
          display: none !important; }
        .subscription_detail #holidaytabresult .addfilter .vnfiltr .filtername span {
          vertical-align: text-bottom;
          font-size: 14px;
          color: #464855;
          font-family: 'mulisemibold';
          width: 114px !important;
          text-align: right;
          margin-right: 6px;
          line-height: 1; }
        .subscription_detail #holidaytabresult .addfilter .vnfiltr .filtername .subscrip {
          width: 112px;
          text-align: right;
          vertical-align: middle;
          display: inline-block;
          line-height: 1.2;
          margin-top: 0; }
        .subscription_detail #holidaytabresult .addfilter .vnfiltr .filtername input {
          width: 135px;
          font-size: 14px;
          color: #90a4ae;
          font-family: 'mulisemibold';
          border-radius: 4px; }
        .subscription_detail #holidaytabresult .addfilter .vnfiltr .filtername .jan_date {
          width: 232px;
          position: relative; }
        .subscription_detail #holidaytabresult .addfilter .vnfiltr .filtername select {
          position: relative;
          width: 170px;
          line-height: 33px;
          color: #90a4ae;
          border-radius: 4px;
          border: 1px solid #e8e8e8;
          display: inline-block;
          padding: 0 10px;
          transition: all 0.4s ease-in-out;
          -webkit-transition: all 0.4s ease-in-out;
          box-shadow: 0px 2px 2px 0px rgba(96, 125, 139, 0.15);
          /*option {color: black;}*/ }
          .subscription_detail #holidaytabresult .addfilter .vnfiltr .filtername select option[value=""][disabled] {
            display: none; }
          .subscription_detail #holidaytabresult .addfilter .vnfiltr .filtername select:hover {
            border: solid 1px #18a0de; }
          .subscription_detail #holidaytabresult .addfilter .vnfiltr .filtername select:focus {
            border: solid 1px #18a0de; }
          .subscription_detail #holidaytabresult .addfilter .vnfiltr .filtername select:after {
            display: inline-block;
            width: 0;
            height: 0;
            content: "";
            margin-left: 2px;
            vertical-align: middle;
            border-top: 5px solid;
            border-right: 5px solid transparent;
            border-left: 5px solid transparent;
            position: absolute;
            right: 14px;
            top: 16px;
            color: #7b7b7b; }
          .subscription_detail #holidaytabresult .addfilter .vnfiltr .filtername select.substatus {
            width: 136px; }
        /*.subscription_detail #holidaytabresult .addfilter .vnfiltr .filtername.ratePerDay span {
          width: 52px !important; }
        .subscription_detail #holidaytabresult .addfilter .vnfiltr .filtername.ratePerDay input {
          width: 230px; }
        .subscription_detail #holidaytabresult .addfilter .vnfiltr .filtername.ratePerDay input[disabled] {
          background: #ebebeb; }*/
        .subscription_detail #holidaytabresult .addfilter .vnfiltr .filtername.subBUnit .subscrip {
          margin-top: -2px;
          width: 92px !important; }
      .subscription_detail #holidaytabresult .addfilter .vnfiltr label .form-group {
        display: inline-block;
        position: relative;
        margin-top: 0px; }
      .subscription_detail #holidaytabresult .addfilter .vnfiltr .form-group {
        display: block;
        position: relative;
        margin-top: 24px;
        margin-bottom: 2px; }
        .subscription_detail #holidaytabresult .addfilter .vnfiltr .form-group .botm {
          position: relative;
          display: inline-block;
          width: 294px;
          margin-right: 16px; }
          .subscription_detail #holidaytabresult .addfilter .vnfiltr .form-group .botm .Upload_f {
            width: 170px;
            line-height: 33px;
            border-radius: 4px;
            border: 1px solid #e8e8e8;
            display: inline-block;
            box-sizing: border-box;
            vertical-align: middle;
            padding: 0 10px;
            transition: all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out;
            cursor: pointer;
            font-size: 14px;
            color: #90a4ae;
            font-family: "mulisemibold";
            background-color: #fff;
            box-shadow: 0px 2px 2px 0px rgba(96, 125, 139, 0.15); }
            .subscription_detail #holidaytabresult .addfilter .vnfiltr .form-group .botm .Upload_f:hover {
              border: solid 1px #18a0de; }
            .subscription_detail #holidaytabresult .addfilter .vnfiltr .form-group .botm .Upload_f:focus {
              border: solid 1px #18a0de; }
        .subscription_detail #holidaytabresult .addfilter .vnfiltr .form-group .icon-upload {
          position: absolute;
          top: 8px;
          right: 20px; }
        .subscription_detail #holidaytabresult .addfilter .vnfiltr .form-group span {
          vertical-align: middle;
          font-size: 14px;
          color: #464855;
          font-family: 'mulisemibold';
          width: 112px;
          margin-right: 7px;
          text-align: right;
          display: inline-block; }
        .subscription_detail #holidaytabresult .addfilter .vnfiltr .form-group .file-upload-wrapper {
          height: auto; }
        .subscription_detail #holidaytabresult .addfilter .vnfiltr .form-group .file-upload-button {
          display: none !important; }
        .subscription_detail #holidaytabresult .addfilter .vnfiltr .form-group .file-upload-input {
          display: none !important; }
    .subscription_detail #holidaytabresult .addfilter .vn_cncl_sbmt_rght {
      width: 10%;
      display: inline-block; }
      .subscription_detail #holidaytabresult .addfilter .vn_cncl_sbmt_rght .configsubmit {
        float: right !important;
        margin: 0 0 18px 0px; }
        .subscription_detail #holidaytabresult .addfilter .vn_cncl_sbmt_rght .configsubmit.btncancel {
          box-shadow: 0px 3px 7px 0px rgba(193, 189, 189, 0.35); }
          .subscription_detail #holidaytabresult .addfilter .vn_cncl_sbmt_rght .configsubmit.btncancel:hover {
            border: solid 1px #00c8a2 !important; }
  .subscription_detail #invoicingtab .config_details .config_detailsInner .config_detailsTbl tr th {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px; }
  .subscription_detail #invoicingtab .config_details .config_detailsInner .config_detailsTbl tr td {
    text-align: left;
    position: relative;
    padding: 32px 20px 4px;
    font-family: 'mulisemibold'; }
    .subscription_detail #invoicingtab .config_details .config_detailsInner .config_detailsTbl tr td:nth-child(4) {
      border-left: dotted 1px #cbcbc3; }
      .subscription_detail #invoicingtab .config_details .config_detailsInner .config_detailsTbl tr td:nth-child(4):after {
        display: none; }
    .subscription_detail #invoicingtab .config_details .config_detailsInner .config_detailsTbl tr td:last-child {
      text-align: center; }
    .subscription_detail #invoicingtab .config_details .config_detailsInner .config_detailsTbl tr td .defaul_tActive {
      font-size: 14px;
      color: #464855;
      font-family: 'mulisemibold';
      position: absolute;
      top: 8px;
      left: 20px; }
    .subscription_detail #invoicingtab .config_details .config_detailsInner .config_detailsTbl tr td .vn_active {
      line-height: 42px; }
      .subscription_detail #invoicingtab .config_details .config_detailsInner .config_detailsTbl tr td .vn_active .icon-download {
        margin-left: 0; }
  .subscription_detail .config_details {
    margin-top: 28px !important; }
  .subscription_detail .numcofigure .profile_dtail {
    padding: 16px 20px; }
    .subscription_detail .numcofigure .profile_dtail .editedTbl, .subscription_detail .numcofigure .profile_dtail .editTbl {
      padding-right: 25.4%; }
      .subscription_detail .numcofigure .profile_dtail .editedTbl #account_manager_list ul, .subscription_detail .numcofigure .profile_dtail .editTbl #account_manager_list ul {
        top: 65px !important;
        left: 0 !important;
        right: inherit !important; }
    .subscription_detail .numcofigure .profile_dtail table {
      width: 100%; }
      .subscription_detail .numcofigure .profile_dtail table tr td {
        font-size: 14px;
        color: #464855;
        font-family: "mulisemibold";
        width: 209px;
        padding-bottom: 44px;
        vertical-align: top;
        padding-right: 25px; }
        .subscription_detail .numcofigure .profile_dtail table tr td .cntct_dtl {
          font-size: 16px;
          color: #6967ce;
          font-family: "muliregular";
          display: inline-block;
          margin-bottom: 10px; }
          .subscription_detail .numcofigure .profile_dtail table tr td .cntct_dtl .rounded {
            width: 30px;
            height: 30px;
            margin-left: 10px;
            display: inline-block;
            text-align: center;
            border-radius: 50%;
            border: solid 1px transparent;
            vertical-align: middle; }
            .subscription_detail .numcofigure .profile_dtail table tr td .cntct_dtl .rounded i {
              vertical-align: -5px;
              margin-left: 3px; }
            .subscription_detail .numcofigure .profile_dtail table tr td .cntct_dtl .rounded:hover {
              border: solid 1px #18a0de;
              background: #fff; }
              .subscription_detail .numcofigure .profile_dtail table tr td .cntct_dtl .rounded:hover i {
                background-position: -72px -192px !important; }
        .subscription_detail .numcofigure .profile_dtail table tr td .prprty_dtls {
          font-size: 14px;
          color: #464855;
          font-family: "mulisemibold";
          display: block;
          margin-bottom: 2px; }
        .subscription_detail .numcofigure .profile_dtail table tr td textarea {
          height: 90px; }
        .subscription_detail .numcofigure .profile_dtail table tr td .radioboxdesign {
          width: auto; }
        .subscription_detail .numcofigure .profile_dtail table tr td .checkboxdesign {
          margin-top: 8px;
          color: #5a5a5a; }
        .subscription_detail .numcofigure .profile_dtail table tr td .file-upload-wrapper .file-upload-button {
          width: 45.5%; }
        .subscription_detail .numcofigure .profile_dtail table tr td .file-upload-wrapper .file-upload-input {
          right: 0;
          left: inherit !important;
          width: 49.5% !important; }
      .subscription_detail .numcofigure .profile_dtail table tr td[colspan="4"] {
        padding-bottom: 0; }
    .subscription_detail .numcofigure .profile_dtail .contact-details-tbl tr td .action .saveBtn, .subscription_detail .numcofigure .profile_dtail .contact-details-tbl tr td .action .cancelBtn {
      width: 130px;
      box-sizing: border-box; }
    .subscription_detail .numcofigure .profile_dtail .editTblWpr {
      display: none; }
    .subscription_detail .numcofigure .profile_dtail .action {
      text-align: center;
      border-top: solid 1px #e8e8e8;
      padding: 30px 0 46px 0; }
      .subscription_detail .numcofigure .profile_dtail .action .saveBtn {
        border: solid 1px #00c8a2;
        color: #00c8a2;
        margin-right: 10px;
        box-shadow: 0px 3px 7px 0px rgba(0, 160, 130, 0.35);
        border-radius: 4px;
        background: #ffffff; }
        .subscription_detail .numcofigure .profile_dtail .action .saveBtn:hover {
          color: #fff;
          background: #00c8a2;
          border-color: #00c8a2; }
      .subscription_detail .numcofigure .profile_dtail .action .cancelBtn {
        border: solid 1px #e2e0e0;
        border-radius: 4px;
        color: #464855;
        background: #fff;
        box-shadow: 0px 3px 7px 0px rgba(193, 189, 189, 0.35); }
        .subscription_detail .numcofigure .profile_dtail .action .cancelBtn:hover {
          border: solid 1px #00c8a2;
          color: #00c8a2;
          background: #fff; }

.mrgn0 {
  margin: 0 !important; }

.container-popup {
  position: relative;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
  display: none; }
  .container-popup .popup {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 476px;
    height: 430px;
    border-radius: 10px;
    background-color: #ffffff;
    padding: 26px 38px;
    z-index: 99999; }
    .container-popup .popup h2 {
      font-size: 20px;
      line-height: 24px;
      color: #464855;
      font-family: "mulisemibold"; }
    .container-popup .popup .vnu_m {
      font-size: 14px;
      line-height: 24px;
      color: #ff0200;
      font-family: "mulisemibold";
      display: block;
      margin-bottom: 32px; }
    .container-popup .popup .popupclose {
      position: absolute;
      top: -20px;
      left: auto;
      right: -30px;
      cursor: pointer; }
      .container-popup .popup .popupclose img {
        display: block; }
    .container-popup .popup ul li {
      float: left;
      margin-bottom: 23px;
      margin-right: 20px;
      position: relative; }
      .container-popup .popup ul li span {
        font-size: 14px;
        color: #464855;
        font-family: "mulisemibold";
        display: block;
        margin-bottom: 6px; }
      .container-popup .popup ul li:nth-child(odd) {
        margin-right: 0; }
      .container-popup .popup ul li:last-child {
        margin-right: 0; }
      .container-popup .popup ul li .icon-calender {
        position: absolute;
        top: 34px;
        right: 10px; }
        .container-popup .popup ul li .icon-calender:hover {
          background-position: -83px -142px;
          width: 18px;
          height: 18px; }
      .container-popup .popup ul li .GirnarRupee {
        font-size: 15px;
        position: absolute;
        top: 35px;
        left: 12px; }
      .container-popup .popup ul li .icon-upload {
        position: absolute;
        top: 36px;
        right: 10px; }
      .container-popup .popup ul li input, .container-popup .popup ul li select {
        width: 189px;
        color: #5a5a5a; }
      .container-popup .popup ul li input[disabled] {
        background: #ebebeb; }
      .container-popup .popup ul li button.file-upload-button {
        display: none !important; }
      .container-popup .popup ul li input.file-upload-input {
        display: none !important; }
      .container-popup .popup ul li label {
        width: 189px;
        line-height: 33px;
        border-radius: 4px;
        background-color: #ffffff;
        border: 1px solid #e8e8e8;
        display: inline-block;
        padding: 0 12px;
        box-sizing: border-box;
        transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        color: #5a5a5a;
        box-shadow: 0px 2px 2px 0px rgba(96, 125, 139, 0.15); }
        .container-popup .popup ul li label:hover {
          border: solid 1px #18a0de; }
      .container-popup .popup ul li.fullWidth {
        width: 100%; }
        .container-popup .popup ul li.fullWidth input {
          width: 100%; }
    .container-popup .popup .sub_type {
      text-align: center; }
      .container-popup .popup .sub_type .button_sub {
        display: block;
        width: 149px;
        border-radius: 4px;
        background-color: #00c8a2;
        font-size: 12px;
        line-height: 33px;
        color: #ffffff;
        font-family: "mulisemibold";
        text-align: center;
        margin: 4px auto 0;
        text-transform: uppercase;
        cursor: pointer;
        box-shadow: 0px 3px 7px 0px rgba(0, 160, 130, 0.35); }
        .container-popup .popup .sub_type .button_sub:hover {
          background-color: #00bf9b;
          box-shadow: 0px 5px 15px 0px rgba(0, 160, 130, 0.35); }
    .container-popup .popup .file-upload-wrapper {
      height: auto; }
  .container-popup.edit-popup .popup {
    height: 360px; }

.addMapingPopup h2, .sendOtpPopup h2 {
  margin-bottom: 30px; }

.addMapingPopup .popup, .sendOtpPopup .popup {
  height: 340px; }

.addMapingForm .filtername {
  float: left;
  margin-bottom: 23px;
  margin-right: 20px;
  position: relative; }
  .addMapingForm .filtername span {
    font-size: 14px;
    color: #464855;
    font-family: "mulisemibold";
    display: block;
    margin-bottom: 6px; }
  .addMapingForm .filtername:nth-child(even) {
    margin-right: 0; }
  .addMapingForm .filtername input, .addMapingForm .filtername select {
    width: 189px;
    color: #5a5a5a; }

.addMapingForm .smssent {
  float: left;
  width: 189px;
  margin-right: 20px;
  margin-bottom: 25px; }
  .addMapingForm .smssent .container {
    display: inline-block;
    position: relative;
    padding-left: 20px;
    top: 3px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 14px;
    user-select: none; }
    .addMapingForm .smssent .container input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      top: 0px;
      right: 24px;
      height: 16px;
      width: 16px; }
      .addMapingForm .smssent .container input:checked ~ .checkmark {
        background-color: #00c8a2;
        border-color: #00c8a2; }
      .addMapingForm .smssent .container input:checked ~ .checkmark:after {
        display: block; }
    .addMapingForm .smssent .container .checkmark {
      position: absolute;
      top: 1px;
      left: 0;
      height: 16px;
      width: 16px;
      background-color: #dde4e7;
      border-radius: 2px;
      border: 1px solid #b5bbbe; }
    .addMapingForm .smssent .container .checkmark:after {
      content: "";
      position: absolute;
      display: none;
      left: 5px;
      top: 3px;
      width: 4px;
      height: 7px;
      border: solid white;
      border-width: 0 2px 2px 0;
      transform: rotate(45deg); }
  .addMapingForm .smssent:nth-of-type(2) {
    margin-right: 0px; }

.addMapingForm .button {
  font-size: 18px;
  width: 150px;
  text-transform: uppercase;
  font-family: "mulisemibold";
  padding: 19px 16px 17px 16px;
  margin: 0px auto;
  display: block; }

.enterOtp {
  /*i.editotpicon img{position: absolute;top: 4px;left: 6px;}*/ }
  .enterOtp .title {
    margin-bottom: 20px;
    font-size: 16px; }
  .enterOtp .formouter {
    margin-bottom: 20px; }
    .enterOtp .formouter .inputs {
      display: inline-block;
      width: 50px;
      margin-right: 3px;
      font-size: 20px;
      text-align: center; }
  .enterOtp i.editotpicon {
    position: relative;
    margin-left: 10px;
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 50%;
    top: 8px;
    border: solid 1px #fff;
    text-align: center;
    cursor: pointer;
    transition: all .3s ease-in-out;
    background: url(../images/sprite.svg) no-repeat -67px -187px; }
  .enterOtp i.editotpicon:hover {
    border: solid 1px #529ec1; }
  .enterOtp .editclickview .inputs {
    margin-right: 10px;
    width: 120px;
    display: inline-block; }
  .enterOtp .editclickview .button {
    background-color: #ffffff;
    color: #00c8a2;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid #00c8a2;
    width: 100px;
    text-transform: uppercase;
    font-family: 'mulisemibold';
    margin-bottom: 0; }
    .enterOtp .editclickview .button:hover {
      background: #00bf9b;
      color: #ffffff; }
  .enterOtp .otpsubmit {
    font-size: 18px;
    width: 150px;
    text-transform: uppercase;
    font-family: "mulisemibold";
    padding: 19px 0px 17px 0px; }
  .enterOtp .resendotp {
    padding-top: 20px;
    color: #686a6d;
    font-size: 13px; }
    .enterOtp .resendotp a {
      color: #529ec1; }
      .enterOtp .resendotp a:hover {
        text-decoration: underline; }
    .enterOtp .resendotp.tryAgain {
      padding-top: 10px;
      padding-bottom: 40px; }
  .enterOtp .btndisabled {
    box-shadow: none; }

/*.thankyouwrap {padding-top: 20px; text-align: center; color: $black;
  .thanksY{ font-size: 36px; padding-top: 10px;}
  .legalteam{ font-size: 16px;}
}*/
.addMapingPopupB h2 {
  margin-bottom: 30px; }

.addMapingPopupB .filtername {
  float: left;
  margin-bottom: 23px;
  margin-right: 20px;
  position: relative; }
  .addMapingPopupB .filtername span {
    font-size: 14px;
    color: #464855;
    font-family: "mulisemibold";
    display: block;
    margin-bottom: 6px; }
  .addMapingPopupB .filtername:nth-child(even) {
    margin-right: 0; }
  .addMapingPopupB .filtername input, .addMapingPopupB .filtername select {
    width: 189px;
    color: #5a5a5a; }

.addMapingPopupB .smssent {
  margin-bottom: 10px;
  /*float: left;width: 189px;margin-right:20px;margin-bottom:10px;
    .container {display: inline-block; position: relative; padding-left: 20px; top: 3px; margin-bottom: 15px; cursor: pointer; font-size: 14px;
          user-select: none; 
          input {position: absolute; opacity: 0; cursor: pointer; top: 0px; right: 24px; height: 16px; width: 16px;
        &:checked ~ .checkmark {background-color: #00c8a2; border-color: #00c8a2; }
            &:checked ~ .checkmark:after {  display: block; }
        }
        .checkmark {position: absolute; top: 1px; left: 0; height: 16px; width: 16px; background-color: #dde4e7; border-radius: 2px;
        border: 1px solid #b5bbbe; }
      .checkmark:after {content: ""; position: absolute; display: none;left: 5px; top: 3px; width: 4px; height: 7px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg);
      }
      }*/ }
  .addMapingPopupB .smssent:nth-of-type(2) {
    margin-right: 20px; }
  .addMapingPopupB .smssent:nth-of-type(3) {
    margin-right: 0px; }

.addMapingPopupB .popup ul li {
  margin-bottom: 0px; }

.addMapingPopupB .button {
  font-size: 18px;
  width: 150px;
  text-transform: uppercase;
  font-family: "mulisemibold";
  padding: 19px 16px 17px 16px;
  margin: 10px auto 0px auto;
  display: block; }

@media screen and (min-width: 992px) {
  .wrapper .subscription_detail .detailpgtable table th .smalltitle1.vnconnecttab {
    left: auto;
    right: 0px; }
  .wrapper .subscription_detail .trackertop.headershadow {
    padding-left: 20px; }
  .subscription_detail #holidaytabresult .addfilter .vnfiltr .filtername.date_wdth span {
    width: 52px !important; }
  /*.subscription_detail #holidaytabresult .addfilter .vnfiltr .filtername.ratePerDay span {
    width: 53px !important; }*/
  .subscription_detail #holidaytabresult .addfilter .vnfiltr .filtername.filter_status {
    margin-bottom: 0; }
  .wrapper .subscription_detail.subs_prfl .trackertop.headershadow {
    padding-left: 230px; }
  .subscription_detail #holidaytabresult .addfilter .vnfiltr .filtername.secondField {
    width: 208px !important; }
  .subscription_detail #holidaytabresult .addfilter .vnfiltr .filtername.secondField span {
    width: 56px !important; } }

@media screen and (min-width: 1900px) {
  .wrapper .rightwrap.subs_prfl .trackertop.headershadow {
    padding-left: 267px; }
  .wrapper .rightwrap.subs_prfl.rightgap {
    padding-left: 247px !important; } }

@media screen and (max-width: 1280px) {
  body .wrapper .subscription_detail #holidaytabresult .addfilter .vnfiltr {
    max-width: 800px; }
    body .wrapper .subscription_detail #holidaytabresult .addfilter .vnfiltr .filtername {
      width: 300px !important;
      margin-bottom: 15px; }
      body .wrapper .subscription_detail #holidaytabresult .addfilter .vnfiltr .filtername input, body .wrapper .subscription_detail #holidaytabresult .addfilter .vnfiltr .filtername select {
        width: 170px !important; }
      body .wrapper .subscription_detail #holidaytabresult .addfilter .vnfiltr .filtername .jan_date {
        padding-right: 33px; }
      body .wrapper .subscription_detail #holidaytabresult .addfilter .vnfiltr .filtername.secondField {
        width: 300px !important; }
      body .wrapper .subscription_detail #holidaytabresult .addfilter .vnfiltr .filtername.date_wdth span:first-child {
        width: 110px !important; }
      body .wrapper .subscription_detail #holidaytabresult .addfilter .vnfiltr .filtername.ratePerDay span {
        width: 110px !important; }
      body .wrapper .subscription_detail #holidaytabresult .addfilter .vnfiltr .filtername.secondField span {
        width: 110px !important; }
      body .wrapper .subscription_detail #holidaytabresult .addfilter .vnfiltr .filtername span {
        width: 110px !important; }
      body .wrapper .subscription_detail #holidaytabresult .addfilter .vnfiltr .filtername.subBUnit .subscrip {
        width: 110px !important; }
    body .wrapper .subscription_detail #holidaytabresult .addfilter .vnfiltr .subscrip {
      width: 110px !important; }
    body .wrapper .subscription_detail #holidaytabresult .addfilter .vnfiltr .form-group {
      margin: 0px; } }

.createuserwrap {
  background: #EFF3F6; }
  .createuserwrap .createuserwrap_two {
    max-width: 1280px;
    width: 98%;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    display: table;
    padding: 30px 0; }
    .createuserwrap .createuserwrap_two .need_help {
      width: 360px;
      float: left;
      padding-left: 24px;
      padding-top: 40px; }
      .createuserwrap .createuserwrap_two .need_help h2 {
        font-size: 18px;
        letter-spacing: 0px;
        color: #464855;
        font-family: 'mulisemibold';
        margin-bottom: 16px;
        display: block; }
      .createuserwrap .createuserwrap_two .need_help p {
        font-size: 14px;
        letter-spacing: 0.3px;
        line-height: 20px;
        color: #464855;
        font-family: 'muliregular';
        margin-bottom: 22px;
        display: block;
        opacity: 0.7; }
      .createuserwrap .createuserwrap_two .need_help .phne_to_mail .ph_num {
        font-size: 14px;
        letter-spacing: 0.5px;
        line-height: 20px;
        color: #464855;
        font-family: 'mulibold';
        margin-right: 30px; }
      .createuserwrap .createuserwrap_two .need_help .phne_to_mail .mail_to {
        font-size: 14px;
        letter-spacing: 0.5px;
        line-height: 20px;
        color: #18a0de;
        font-family: 'mulibold'; }
  .createuserwrap .createuser {
    width: 850px;
    background: #ffffff;
    margin-bottom: 20px;
    float: left;
    border-radius: 5px;
    box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.03);
    border: 1px solid #e6e6e6;
    margin: 0; }
    .createuserwrap .createuser .titlenewuser {
      font-size: 20px;
      line-height: 24px;
      color: #464855;
      font-family: 'mulisemibold';
      padding: 26px 24px 8px;
      background: #fff;
      text-align: left; }
    .createuserwrap .createuser .editpanelusermngview {
      border: none; }
  .createuserwrap .rightwrap.rightgap {
    padding-left: 213px !important; }
    .createuserwrap .rightwrap.rightgap .dataTables_filter {
      top: 20px; }
    .createuserwrap .rightwrap.rightgap .trackertop {
      padding: 20px 7px 10px 230px !important;
      z-index: 9998 !important; }
  .createuserwrap .todaydrop {
    width: calc(100% - 50px); }
  .createuserwrap .todaydrop .selected a:after {
    display: none; }
  .createuserwrap .menulist li {
    padding: 0;
    display: inline-block; }
    .createuserwrap .menulist li a {
      color: #464855;
      font-size: 12px;
      letter-spacing: .5px;
      line-height: 1.3;
      display: inline-block;
      width: 100%;
      box-sizing: border-box;
      padding: 16px 0 16px 20px; }
      .createuserwrap .menulist li a.active {
        background: #18a0de;
        color: #ffffff; }
        .createuserwrap .menulist li a.active .commuarrow {
          background-position: -104px -220px;
          width: 7px;
          height: 10px;
          position: absolute;
          right: 20px;
          top: 19px; }

.usermanagmntwrap.createuserwrap .rightwrap .Detailstop .Userdetails .userData.userNumber {
  width: 24%; }

.usermanagmntwrap.createuserwrap .rightwrap .Detailstop .Userdetails.userdetaileditshow input {
  width: calc(100% - 60px); }

.usermanagmntwrap.createuserwrap .rightwrap .Detailstop .Userdetails .u_mobino {
  width: auto; }

@media (min-width: 1900px) {
  .usermanagmntwrap.createuserwrap .menu.menuelemnt {
    max-width: inherit; }
  .usermanagmntwrap.createuserwrap .rightwrap.rightgap {
    padding-left: 13% !important; }
  .usermanagmntwrap.createuserwrap .rightwrap.rightgap .trackertop {
    padding-left: 14% !important; } }

.profile_subcription .trackertop .tracktopleft {
  float: left;
  position: relative; }
  .profile_subcription .trackertop .tracktopleft .profile {
    font-size: 14px;
    letter-spacing: 0px;
    color: #010101;
    font-family: "mulisemibold";
    margin-bottom: 8px; }
    .profile_subcription .trackertop .tracktopleft .profile span {
      font-size: 14px;
      letter-spacing: 0px;
      color: rgba(90, 90, 90, 0.7);
      font-family: "mulisemibold";
      display: inline-block;
      margin-left: 24px; }

.profile_subcription .trackertop .tracktopright {
  text-align: right; }
  .profile_subcription .trackertop .tracktopright .subs_search_two {
    display: block; }
    .profile_subcription .trackertop .tracktopright .subs_search_two .sea_rch_field {
      position: relative;
      display: inline-block; }
      .profile_subcription .trackertop .tracktopright .subs_search_two .sea_rch_field .sea_rch {
        width: 222px;
        line-height: 33px;
        border-radius: 4px;
        background-color: #ffffff;
        border: 1px solid #e8e8e8;
        padding: 0 12px;
        display: inline-block;
        margin-right: 10px;
        color: #90a4ae;
        box-shadow: 0px 2px 2px 0px rgba(96, 125, 139, 0.15); }
        .profile_subcription .trackertop .tracktopright .subs_search_two .sea_rch_field .sea_rch:hover {
          border: solid 1px #18a0de; }
      .profile_subcription .trackertop .tracktopright .subs_search_two .sea_rch_field .icon-search {
        position: absolute;
        top: 10px;
        right: 24px; }
    .profile_subcription .trackertop .tracktopright .subs_search_two .add_btn_field {
      display: inline-block;
      vertical-align: top;
      position: relative; }
      .profile_subcription .trackertop .tracktopright .subs_search_two .add_btn_field .ad_nw_prtnr_btn {
        width: 161px;
        height: 33px;
        border-radius: 4px;
        border: 1px solid #00c8a2;
        font-size: 12px;
        color: #00c8a2;
        font-family: "mulisemibold";
        background: #fff;
        display: inline-block;
        cursor: pointer;
        text-align: right;
        padding-right: 12px;
        position: relative;
        box-shadow: 0px 3px 7px 0px rgba(0, 160, 130, 0.35);
        /* .icon-plus{position:absolute;top:8px; left:16px; display:inline-block;} */ }
        .profile_subcription .trackertop .tracktopright .subs_search_two .add_btn_field .ad_nw_prtnr_btn .icon-plus {
          background-position: -7px -424px !important;
          width: 15px !important;
          height: 15px !important;
          position: absolute;
          top: 8px;
          left: 16px;
          display: inline-block; }
        .profile_subcription .trackertop .tracktopright .subs_search_two .add_btn_field .ad_nw_prtnr_btn:hover {
          background: #00bf9b;
          color: #fff;
          border-color: #00bf9b; }
          .profile_subcription .trackertop .tracktopright .subs_search_two .add_btn_field .ad_nw_prtnr_btn:hover .icon-plus {
            background-position: -32px -424px !important;
            width: 15px !important;
            height: 15px !important; }

.profile_subcription .log_custom .daymonthresult .misscalltable table tr th:last-child {
  text-align: left;
  padding: 0 24px; }

.profile_subcription .log_custom .daymonthresult .misscalltable table tr th:nth-child(4) {
  text-align: left;
  padding: 0 24px; }

.profile_subcription .log_custom .daymonthresult .misscalltable table tr td {
  font-size: 14px;
  color: #5a5a5a;
  font-family: "muliregular"; }
  .profile_subcription .log_custom .daymonthresult .misscalltable table tr td .avscorediv {
    display: inline-block;
    position: absolute;
    top: calc(50% - 11px);
    right: 24px; }
    .profile_subcription .log_custom .daymonthresult .misscalltable table tr td .avscorediv a {
      font-size: 14px;
      letter-spacing: 0px;
      color: #f75d34;
      font-family: "mulisemibold";
      display: none;
      text-decoration: none; }
  .profile_subcription .log_custom .daymonthresult .misscalltable table tr td:first-child {
    font-size: 14px;
    letter-spacing: 0;
    color: #5a5a5a;
    font-family: "mulisemibold";
    text-transform: capitalize;
    padding-right: 20px; }
  .profile_subcription .log_custom .daymonthresult .misscalltable table tr td:last-child {
    text-align: left;
    padding: 0 24px; }
  .profile_subcription .log_custom .daymonthresult .misscalltable table tr td:nth-child(4) {
    text-align: left;
    padding: 0 24px; }
  .profile_subcription .log_custom .daymonthresult .misscalltable table tr td:hover a {
    display: block; }

/*@import "../../base/include";*/
/* add new partner scss start  */
.add_nw_prtnr {
  text-transform: capitalize; }
  .add_nw_prtnr .trackertop {
    border-bottom: none !important; }
  .add_nw_prtnr .callhistory {
    border-top: solid 1px #8281f8; }
  .add_nw_prtnr #holidaytabresult .config_details .config_detailsInner, .add_nw_prtnr #invoicingtab .config_details .config_detailsInner {
    width: 100%;
    border-radius: 4px;
    background: #fff;
    margin: 0 auto;
    padding: 80px 0; }
    .add_nw_prtnr #holidaytabresult .config_details .config_detailsInner img, .add_nw_prtnr #invoicingtab .config_details .config_detailsInner img {
      display: block;
      margin: 0 auto; }
    .add_nw_prtnr #holidaytabresult .config_details .config_detailsInner .yet, .add_nw_prtnr #invoicingtab .config_details .config_detailsInner .yet {
      font-size: 20px;
      color: #464855;
      font-family: "muliregular";
      display: block;
      margin-top: 36px;
      text-align: center; }

/*@import "../../base/include";*/
/* subscription profile billing page scss start */
.communicationconfi .subs_prfl .trackertop {
  padding-top: 17px !important; }

.communicationconfi .subs_prfl .numcofigure {
  clear: both;
  overflow: hidden;
  /*display:table;border-top:solid 1px #8281f8;*/ }
  .communicationconfi .subs_prfl .numcofigure .billing_file {
    padding: 16px 10px 16px 20px;
    display: inline-block;
    vertical-align: top; }
    .communicationconfi .subs_prfl .numcofigure .billing_file .vn_ivr_missed_tble {
      display: inline-block; }
      .communicationconfi .subs_prfl .numcofigure .billing_file .vn_ivr_missed_tble table {
        border: 1px solid #e6e6e6;
        border-radius: 4px; }
        .communicationconfi .subs_prfl .numcofigure .billing_file .vn_ivr_missed_tble table tr th {
          text-align: left;
          padding: 16px 20px;
          background: #f8f9fb;
          font-size: 14px;
          color: #464855;
          font-weight: normal;
          font-family: 'mulisemibold'; }
        .communicationconfi .subs_prfl .numcofigure .billing_file .vn_ivr_missed_tble table tr td {
          padding: 8px 20px 16px;
          border-left: dotted 1px #cbcbc3;
          position: relative; }
          .communicationconfi .subs_prfl .numcofigure .billing_file .vn_ivr_missed_tble table tr td .vn_bld {
            font-size: 14px;
            line-height: 20px;
            color: #607d8b; }
          .communicationconfi .subs_prfl .numcofigure .billing_file .vn_ivr_missed_tble table tr td .vn_child {
            margin-bottom: 12px;
            height: 33px;
            padding-top: 8px;
            position: relative; }
            .communicationconfi .subs_prfl .numcofigure .billing_file .vn_ivr_missed_tble table tr td .vn_child .multi-select_option {
              padding: 0;
              line-height: 33px; }
              .communicationconfi .subs_prfl .numcofigure .billing_file .vn_ivr_missed_tble table tr td .vn_child .multi-select_option:focus, .communicationconfi .subs_prfl .numcofigure .billing_file .vn_ivr_missed_tble table tr td .vn_child .multi-select_option.active {
                background-color: transparent !important; }
              .communicationconfi .subs_prfl .numcofigure .billing_file .vn_ivr_missed_tble table tr td .vn_child .multi-select_option .multi-select_label {
                display: inline-block;
                font-size: 14px;
                line-height: 36px;
                color: #333333;
                margin-right: 16px;
                width: auto !important;
                font-family: 'mulisemibold'; }
              .communicationconfi .subs_prfl .numcofigure .billing_file .vn_ivr_missed_tble table tr td .vn_child .multi-select_option .sus_active {
                background-color: #388e3c; }
              .communicationconfi .subs_prfl .numcofigure .billing_file .vn_ivr_missed_tble table tr td .vn_child .multi-select_option .due_reneal {
                background-color: #f2c34d; }
              .communicationconfi .subs_prfl .numcofigure .billing_file .vn_ivr_missed_tble table tr td .vn_child .multi-select_option:hover {
                background: none !important; }
            .communicationconfi .subs_prfl .numcofigure .billing_file .vn_ivr_missed_tble table tr td .vn_child:after {
              padding: 2px 10px 3px;
              border-radius: 4px;
              font-size: 11px;
              letter-spacing: 0px;
              color: #fff;
              vertical-align: middle;
              text-align: center; }
            .communicationconfi .subs_prfl .numcofigure .billing_file .vn_ivr_missed_tble table tr td .vn_child.suspended:after {
              content: 'Suspended';
              background-color: #c02425; }
            .communicationconfi .subs_prfl .numcofigure .billing_file .vn_ivr_missed_tble table tr td .vn_child.active:after {
              content: 'Active';
              background-color: #388e3c; }
            .communicationconfi .subs_prfl .numcofigure .billing_file .vn_ivr_missed_tble table tr td .vn_child.due-for-renewal:after {
              content: 'Due for Renewal';
              background-color: #f2c34d; }
          .communicationconfi .subs_prfl .numcofigure .billing_file .vn_ivr_missed_tble table tr td .calendr_date {
            position: relative;
            margin-bottom: 10px; }
            .communicationconfi .subs_prfl .numcofigure .billing_file .vn_ivr_missed_tble table tr td .calendr_date input {
              width: 224px;
              font-size: 14px;
              color: #90a4ae;
              display: block;
              line-height: 33px; }
            .communicationconfi .subs_prfl .numcofigure .billing_file .vn_ivr_missed_tble table tr td .calendr_date .icon-calendar-white {
              position: absolute;
              top: 8px;
              right: 12px; }
          .communicationconfi .subs_prfl .numcofigure .billing_file .vn_ivr_missed_tble table tr td .rte_per_day, .communicationconfi .subs_prfl .numcofigure .billing_file .vn_ivr_missed_tble table tr td .amount_date {
            font-size: 14px;
            color: #607d8b;
            margin-bottom: 10px;
            font-family: 'mulisemibold';
            height: 33px;
            margin-top: 10px; }
            .communicationconfi .subs_prfl .numcofigure .billing_file .vn_ivr_missed_tble table tr td .rte_per_day .GirnarRupee, .communicationconfi .subs_prfl .numcofigure .billing_file .vn_ivr_missed_tble table tr td .amount_date .GirnarRupee {
              margin-right: 5px; }
          .communicationconfi .subs_prfl .numcofigure .billing_file .vn_ivr_missed_tble table tr td .gs_control .title {
            color: #607d8b; }
          .communicationconfi .subs_prfl .numcofigure .billing_file .vn_ivr_missed_tble table tr td .gs_control .gs_control__indicator {
            top: 1px; }
        .communicationconfi .subs_prfl .numcofigure .billing_file .vn_ivr_missed_tble table tr:nth-child(even) {
          background: #FFF; }
        .communicationconfi .subs_prfl .numcofigure .billing_file .vn_ivr_missed_tble table tr:nth-child(odd) {
          background: #fafafa; }
        .communicationconfi .subs_prfl .numcofigure .billing_file .vn_ivr_missed_tble table tr:hover {
          background: #f5f7fa; }
  .communicationconfi .subs_prfl .numcofigure .price_details {
    display: inline-block;
    border-radius: 2px;
    box-shadow: 0px 2px 2px 0px rgba(96, 125, 139, 0.15);
    background-color: #fff;
    border: 1px solid #e8e8e8;
    padding: 16px 18px 0 18px;
    vertical-align: top;
    margin: 16px 0 20px 6px;
    position: relative;
    width: 247px;
    min-height: 294px; }
    .communicationconfi .subs_prfl .numcofigure .price_details h2 {
      font-size: 12px;
      text-transform: uppercase;
      margin: 0 0 5px 0;
      letter-spacing: 0px;
      color: #101010;
      font-family: "mulisemibold"; }
    .communicationconfi .subs_prfl .numcofigure .price_details .vn_right_sde {
      position: relative;
      padding-bottom: 60px; }
      .communicationconfi .subs_prfl .numcofigure .price_details .vn_right_sde table tr th {
        text-align: left;
        padding-bottom: 10px;
        padding-top: 12px; }
      .communicationconfi .subs_prfl .numcofigure .price_details .vn_right_sde table tr td {
        font-size: 14px;
        line-height: 20px;
        color: rgba(90, 90, 90, 0.7);
        padding: 0 0 12px 0; }
        .communicationconfi .subs_prfl .numcofigure .price_details .vn_right_sde table tr td span {
          display: block;
          font-size: 14px;
          letter-spacing: 0.5px;
          color: #5a5a5a;
          font-family: 'mulisemibold';
          margin-bottom: 8px; }
        .communicationconfi .subs_prfl .numcofigure .price_details .vn_right_sde table tr td .icon-cross {
          display: inline-block;
          margin-left: 10px;
          cursor: pointer;
          vertical-align: 0; }
        .communicationconfi .subs_prfl .numcofigure .price_details .vn_right_sde table tr td:nth-child(2) {
          text-align: right;
          color: #5a5a5a;
          padding-left: 50px; }
    .communicationconfi .subs_prfl .numcofigure .price_details .pay_nowbtn {
      width: 100%;
      padding: 12px 18px;
      background-color: #00c8a2;
      font-size: 18px;
      color: #ffffff;
      font-family: "mulisemibold";
      text-align: center;
      text-transform: uppercase;
      position: absolute;
      width: 100%;
      left: 0;
      box-sizing: border-box;
      bottom: 0;
      border-radius: 0 0 2px 2px; }
      .communicationconfi .subs_prfl .numcofigure .price_details .pay_nowbtn:hover {
        background-color: #00bf9b; }
    .communicationconfi .subs_prfl .numcofigure .price_details .no-sub {
      font-size: 18px;
      text-align: center;
      color: #5a5a5a;
      margin-top: 78px;
      display: none; }

.communicationconfi .subs_prfl #holidaytabresult .config_details .config_detailsInner .config_detailsTbl tr th {
  text-align: left;
  padding-left: 20px; }
  .communicationconfi .subs_prfl #holidaytabresult .config_details .config_detailsInner .config_detailsTbl tr th:last-child {
    text-align: center;
    padding-left: 0px; }

.communicationconfi .subs_prfl #holidaytabresult .config_details .config_detailsInner .config_detailsTbl tr td {
  text-align: left;
  padding-left: 20px; }
  .communicationconfi .subs_prfl #holidaytabresult .config_details .config_detailsInner .config_detailsTbl tr td .defaul_tActive {
    margin-top: -8px;
    font-size: 14px;
    color: #464855;
    font-family: "mulisemibold"; }
  .communicationconfi .subs_prfl #holidaytabresult .config_details .config_detailsInner .config_detailsTbl tr td .vn_active {
    margin-top: 14px; }
    .communicationconfi .subs_prfl #holidaytabresult .config_details .config_detailsInner .config_detailsTbl tr td .vn_active .icon-download {
      margin-left: 0; }
  .communicationconfi .subs_prfl #holidaytabresult .config_details .config_detailsInner .config_detailsTbl tr td:nth-child(4) {
    border-left: dotted 1px #cbcbc3; }
    .communicationconfi .subs_prfl #holidaytabresult .config_details .config_detailsInner .config_detailsTbl tr td:nth-child(4):after {
      display: none; }
  .communicationconfi .subs_prfl #holidaytabresult .config_details .config_detailsInner .config_detailsTbl tr td:last-child {
    text-align: center;
    padding-left: 0px; }

@media screen and (min-width: 1400px) {
  .communicationconfi .subs_prfl .numcofigure .price_details {
    width: 263px; } }

.subTab {
  padding-left: 11px; }
  .subTab li {
    display: inline-block;
    margin: 2px 5px 2px 2px; }
    .subTab li span {
      display: inline-block;
      font-size: 14px;
      color: #90a4ae;
      cursor: pointer;
      position: relative;
      padding: 7px 10px 12px 10px; }
      .subTab li span:before {
        content: "";
        position: absolute;
        bottom: -2px;
        height: 2px;
        width: 0px;
        transition: width 0.3s linear;
        left: 0px; }
      .subTab li span:hover {
        color: #00c8a2; }
    .subTab li.active span {
      color: #00c8a2; }
      .subTab li.active span:before {
        background: #00c8a2;
        width: 100%; }

.bulkCreditManger .addButton {
  float: right; }

.bulkCreditManger .subTab {
  display: inline-block; }

.calldetailmainwraper.notify .rightwrap .trackertop {
  margin-bottom: 20px; }
  .calldetailmainwraper.notify .rightwrap .trackertop h2 {
    padding-top: 18px; }
    .calldetailmainwraper.notify .rightwrap .trackertop h2 span {
      font-size: 14px;
      color: rgba(90, 90, 90, 0.7);
      margin-left: 10px;
      vertical-align: 1px; }
  .calldetailmainwraper.notify .rightwrap .trackertop .backdashborad {
    margin-top: 18px;
    margin-bottom: 5px; }

.calldetailmainwraper.notify .rightwrap .call_details .notify-table tr {
  cursor: pointer; }
  .calldetailmainwraper.notify .rightwrap .call_details .notify-table tr th {
    text-align: left !important;
    padding-left: 24px !important; }
  .calldetailmainwraper.notify .rightwrap .call_details .notify-table tr td {
    text-align: left !important;
    padding-left: 24px !important;
    position: relative; }
    .calldetailmainwraper.notify .rightwrap .call_details .notify-table tr td:nth-child(3) {
      padding-right: 20px;
      padding-left: 100px !important; }
      .calldetailmainwraper.notify .rightwrap .call_details .notify-table tr td:nth-child(3):before {
        content: '';
        font-size: 11px;
        color: #fff;
        display: inline-block;
        padding: 1px 8px;
        background: transparent;
        border-radius: 3px;
        position: absolute;
        left: 17px;
        top: 18px; }
      .calldetailmainwraper.notify .rightwrap .call_details .notify-table tr td:nth-child(3).follow-ups:before {
        content: 'Follow-ups';
        background: #18a0de; }
      .calldetailmainwraper.notify .rightwrap .call_details .notify-table tr td:nth-child(3).delivered:before {
        content: 'Delivered';
        background: #f2c34d; }
      .calldetailmainwraper.notify .rightwrap .call_details .notify-table tr td:nth-child(3).payment:before {
        content: 'Payment';
        background: #00ac96; }
      .calldetailmainwraper.notify .rightwrap .call_details .notify-table tr td:nth-child(3).issues:before {
        content: 'Issues';
        background: #9575cd; }
  .calldetailmainwraper.notify .rightwrap .call_details .notify-table tr.colspan_heading {
    cursor: initial; }
    .calldetailmainwraper.notify .rightwrap .call_details .notify-table tr.colspan_heading:hover {
      background: none; }
    .calldetailmainwraper.notify .rightwrap .call_details .notify-table tr.colspan_heading td {
      color: #3868b0 !important;
      font-family: 'mulisemibold' !important;
      border-top: solid 1px #000; }
  .calldetailmainwraper.notify .rightwrap .call_details .notify-table tr.row-select {
    background: #f2f2f2; }

.calldetailmainwraper.notify .rightwrap .call_details .load_more {
  padding: 30px 0; }

/*@import "../../base/include";*/
.sendemail {
  margin: 20px 23px 33px 23px !important;
  padding-top: 6px; }
  .sendemail .to {
    display: block;
    color: rgba(1, 1, 1, 0.7); }
  .sendemail ul {
    margin-bottom: 30px; }
    .sendemail ul li {
      display: inline-block;
      margin: 12px 12px 0 0;
      border-radius: 13px;
      background: #f5f7fa;
      font-size: 12px;
      color: #464855;
      text-align: center;
      padding: 0 12px;
      line-height: 26px; }
      .sendemail ul li span {
        margin-left: 6px;
        display: inline-block;
        cursor: pointer;
        padding: 0 3px;
        opacity: .8; }
        .sendemail ul li span i {
          vertical-align: 1px; }
        .sendemail ul li span:hover {
          opacity: 1; }
      .sendemail ul li.view_all_list, .sendemail ul li.less_list {
        font-size: 12px;
        color: #00c8a2;
        font-family: 'mulibold';
        margin-top: 12px;
        padding: 0 14px;
        cursor: pointer; }
        .sendemail ul li.view_all_list span, .sendemail ul li.less_list span {
          margin: 0; }
        .sendemail ul li.view_all_list:hover, .sendemail ul li.less_list:hover {
          background: #f1eeee; }
          .sendemail ul li.view_all_list:hover span, .sendemail ul li.less_list:hover span {
            opacity: 1; }
      .sendemail ul li:nth-child(n + 11):not(:last-child) {
        display: none; }
    .sendemail ul.show-all li:nth-child(n + 11) {
      display: inline-block; }
  .sendemail .field label {
    display: inline-block;
    color: rgba(1, 1, 1, 0.7);
    margin-bottom: 5px; }
  .sendemail .field textarea {
    resize: none;
    width: 605px;
    height: 93px;
    border-radius: 4px;
    background: #fff;
    /* border: 1px solid #c1c1c1; */
    padding: 6px 12px 0;
    font-size: 14px;
    letter-spacing: 0px;
    color: rgba(90, 90, 90, 0.76);
    font-family: "mulisemibold"; }
  .sendemail .field.Attachment {
    max-width: 510px;
    margin-top: 15px; }
  .sendemail .submit-btn {
    margin-top: 10px;
    padding: 8px 56px;
    background: #ffffff; }
    .sendemail .submit-btn:hover {
      background: #00c8a2; }
  .sendemail .file-upload-button {
    box-shadow: 0px 2px 2px 0px rgba(96, 125, 139, 0.15); }
    .sendemail .file-upload-button:hover {
      border: solid 1px #18a0de; }
  .sendemail .file-upload-input {
    box-shadow: 0px 2px 2px 0px rgba(96, 125, 139, 0.15) !important;
    border-radius: 4px !important;
    border: solid 1px #e8e8e8 !important;
    background-color: #fff !important; }
    .sendemail .file-upload-input:hover {
      border: solid 1px #18a0de !important;
      box-shadow: 0px 2px 2px 0px rgba(96, 125, 139, 0.15) !important; }

.smslogwrap .rightwrap .callhistory .historylink {
  box-shadow: none; }

/*@import "../../base/include";*/
.api-config .config_details tr th {
  text-align: left;
  padding-left: 20px; }
  .api-config .config_details tr th:last-child {
    text-align: center;
    padding-left: 0px; }

.api-config .config_details tr td {
  text-align: left;
  padding-left: 20px !important; }
  .api-config .config_details tr td label, .api-config .config_details tr td span {
    position: relative;
    word-break: break-all; }
    .api-config .config_details tr td label .copy-indicator, .api-config .config_details tr td span .copy-indicator {
      font-size: 11px;
      color: #fff;
      display: inline-block;
      padding: 1px 8px;
      border-radius: 3px;
      background: #accaa8;
      display: none !important; }
    .api-config .config_details tr td label.copied, .api-config .config_details tr td span.copied {
      margin-bottom: 3px;
      display: inline-block; }
      .api-config .config_details tr td label.copied .copy-indicator, .api-config .config_details tr td span.copied .copy-indicator {
        display: inline-block !important; }
      .api-config .config_details tr td label.copied .iconWpr, .api-config .config_details tr td span.copied .iconWpr {
        display: none !important; }
  .api-config .config_details tr td:nth-last-child(3) {
    padding-right: 20px !important; }
  .api-config .config_details tr td:nth-last-child(2) {
    text-align: center;
    padding-left: 0px !important; }
  .api-config .config_details tr td:last-child {
    text-align: center;
    padding-left: 0px !important; }

.api-config .config_details .active_deactivelist li.offBtn.active {
  box-shadow: 2px 0 3px rgba(35, 120, 176, 0.48), 0 0 0 1px #6967ce;
  -webkit-box-shadow: 2px 0 3px rgba(35, 120, 176, 0.48), 0 0 0 1px #6967ce;
  right: 1px; }

.api-config .config_details .active_deactivelist li.onBtn.active {
  box-shadow: -2px 0 3px rgba(35, 120, 176, 0.48), 0 0 0 1px #6967ce;
  -webkit-box-shadow: -2px 0 3px rgba(35, 120, 176, 0.48), 0 0 0 1px #6967ce;
  right: -1px; }

.api-config .config_details .active_deactivelist {
  height: 30px;
  border-radius: 17px;
  background: #f9f9f9;
  border: 1px solid #e7e7e7; }
  .api-config .config_details .active_deactivelist li {
    line-height: 24px;
    padding: 3px 13px;
    border-right: none;
    color: rgba(90, 90, 90, 0.6); }
    .api-config .config_details .active_deactivelist li:hover {
      background: transparent; }
    .api-config .config_details .active_deactivelist li.active {
      border-radius: 17px;
      color: #6967ce;
      background: #fff;
      border: solid 1px #6967ce;
      position: relative;
      top: -1px; }

.api-config .trackertop .title {
  position: relative;
  font-size: 20px;
  color: #464855;
  margin-top: 17px; }

.api-config .trackertop .tracktopright .primaryButton {
  margin-right: 28px;
  margin-top: 5px;
  margin-top: 8px; }
  .api-config .trackertop .tracktopright .primaryButton:hover i {
    background-position: -32px -424px; }

.api-config .create-new-api, .api-config .create-msg {
  text-align: left;
  padding: 20px 0 5px;
  width: 100%;
  margin: 0 auto;
  padding: 10px 20px 0; }
  .api-config .create-new-api .copy-block-wpr, .api-config .create-msg .copy-block-wpr {
    margin-bottom: 15px; }
    .api-config .create-new-api .copy-block-wpr p, .api-config .create-msg .copy-block-wpr p {
      font-size: 12px;
      color: rgba(169, 169, 169, 0.8);
      padding-left: 20px; }
  .api-config .create-new-api .copy-block, .api-config .create-msg .copy-block {
    background: #dff0d8;
    border: solid 1px #8fba90;
    color: #3d763e;
    font-size: 14px;
    padding: 5px 15px;
    box-sizing: border-box;
    position: relative;
    border-radius: 3px; }
    .api-config .create-new-api .copy-block .cross, .api-config .create-msg .copy-block .cross {
      position: absolute;
      right: 1px;
      top: 0px;
      padding: 5px 8px;
      line-height: 1;
      cursor: pointer;
      opacity: 0.8; }
      .api-config .create-new-api .copy-block .cross:hover, .api-config .create-msg .copy-block .cross:hover {
        opacity: 1; }
    .api-config .create-new-api .copy-block table tr td, .api-config .create-msg .copy-block table tr td {
      font-size: 14px;
      position: relative;
      padding: 2px 16px 2px 20px; }
      .api-config .create-new-api .copy-block table tr td:first-child, .api-config .create-msg .copy-block table tr td:first-child {
        font-family: mulisemibold;
        width: 19%;
        padding-left: 0px; }
        .api-config .create-new-api .copy-block table tr td:first-child span, .api-config .create-msg .copy-block table tr td:first-child span {
          display: inline-block;
          position: absolute;
          right: 0;
          top: 0; }
      .api-config .create-new-api .copy-block table tr td > label, .api-config .create-new-api .copy-block table tr td > span, .api-config .create-msg .copy-block table tr td > label, .api-config .create-msg .copy-block table tr td > span {
        word-break: break-all; }
        .api-config .create-new-api .copy-block table tr td > label .copy-indicator, .api-config .create-new-api .copy-block table tr td > span .copy-indicator, .api-config .create-msg .copy-block table tr td > label .copy-indicator, .api-config .create-msg .copy-block table tr td > span .copy-indicator {
          display: none !important;
          font-size: 11px;
          color: #fff;
          display: inline-block;
          padding: 1px 8px;
          border-radius: 3px;
          background: #accaa8; }
        .api-config .create-new-api .copy-block table tr td > label .iconWpr, .api-config .create-new-api .copy-block table tr td > span .iconWpr, .api-config .create-msg .copy-block table tr td > label .iconWpr, .api-config .create-msg .copy-block table tr td > span .iconWpr {
          display: inline-block; }
        .api-config .create-new-api .copy-block table tr td > label.copied .copy-indicator, .api-config .create-new-api .copy-block table tr td > span.copied .copy-indicator, .api-config .create-msg .copy-block table tr td > label.copied .copy-indicator, .api-config .create-msg .copy-block table tr td > span.copied .copy-indicator {
          display: inline-block !important; }
        .api-config .create-new-api .copy-block table tr td > label.copied .iconWpr, .api-config .create-new-api .copy-block table tr td > span.copied .iconWpr, .api-config .create-msg .copy-block table tr td > label.copied .iconWpr, .api-config .create-msg .copy-block table tr td > span.copied .iconWpr {
          display: none !important; }

.api-config .iconWpr {
  display: inline-block !important;
  width: 24px;
  height: 24px;
  text-align: center;
  cursor: pointer;
  margin-left: 5px;
  transition-duration: 0.3s; }

.rightwrap.api-config .trackertop .tracktopright {
  float: right;
  margin: -38px 0; }

/*@import "../../base/include";*/
.create-new-api .trackertop {
  border-bottom: none !important; }

.create-new-api .rightwrap {
  display: inline;
  width: auto;
  position: absolute;
  right: 0;
  background: #EFF3F6 !important; }
  .create-new-api .rightwrap .trackertop {
    background: #EFF3F6; }
    .create-new-api .rightwrap .trackertop:before {
      background: #EFF3F6; }

.create-new-api .field {
  display: block;
  margin-right: 0 !important;
  width: 100% !important;
  position: relative; }
  .create-new-api .field .select-wpr {
    position: relative; }
    .create-new-api .field .select-wpr i {
      position: absolute;
      top: 14px;
      right: 14px; }
  .create-new-api .field select {
    height: 32px;
    border-radius: 4px;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none; }
  .create-new-api .field .gs_control {
    margin-bottom: 10px; }
    .create-new-api .field .gs_control .title {
      font-family: 'mulisemibold';
      font-size: 14px;
      font-weight: normal; }
    .create-new-api .field .gs_control .gs_control__indicator {
      top: 2px; }
      .create-new-api .field .gs_control .gs_control__indicator:after {
        width: 6px;
        height: 10px; }
  .create-new-api .field .multi-select_option .multi-select_label {
    font-weight: normal;
    margin-bottom: 0;
    margin-left: 5px; }
  .create-new-api .field .error-msg {
    position: absolute;
    bottom: 5px;
    left: 0;
    font-size: 12px;
    color: red;
    display: none; }
  .create-new-api .field.error .error-msg {
    display: block; }

/*@import "../../base/include";*/
.OBD-campaign .trackertop {
  margin-bottom: 20px; }

.OBD-campaign .blank-obd {
  text-align: center;
  background: #fff;
  border: solid 1px #e8e8e8;
  padding: 50px 0 30px;
  margin: 0 20px 30px;
  width: calc(100% - 40px);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }
  .OBD-campaign .blank-obd p {
    font-family: muliregular;
    font-size: 20px;
    color: #464855;
    margin: 17px 0 20px; }
  .OBD-campaign .blank-obd .primaryButton:hover i {
    background-position: -32px -424px; }

.OBD-campaign table tr th, .OBD-campaign table tr td {
  text-align: left;
  padding-left: 10px !important;
  padding-right: 5px !important;
  cursor: initial !important; }
  .OBD-campaign table tr th a, .OBD-campaign table tr td a {
    cursor: pointer !important;
    text-decoration: none !important; }
  .OBD-campaign table tr th:last-child, .OBD-campaign table tr td:last-child {
    text-align: center;
    padding-left: 0 !important; }
    .OBD-campaign table tr th:last-child i, .OBD-campaign table tr td:last-child i {
      margin: 0 6px; }
  .OBD-campaign table tr th:nth-last-child(2), .OBD-campaign table tr td:nth-last-child(2) {
    text-align: center;
    padding: 0 10px !important; }
  .OBD-campaign table tr th .update_success, .OBD-campaign table tr td .update_success {
    line-height: 40px; }
  .OBD-campaign table tr th:nth-last-child(3), .OBD-campaign table tr td:nth-last-child(3) {
    text-align: center; }

.OBD-campaign h2 {
  font-size: 20px;
  margin-left: 20px;
  margin-bottom: 15px; }

.OBD-campaign .trackertop .tracktopright .primaryButton {
  margin-right: 28px;
  margin-top: 5px;
  margin-top: 8px; }
  .OBD-campaign .trackertop .tracktopright .primaryButton:hover i {
    background-position: -32px -424px; }

.OBD-campaign .keywordSearch {
  top: -2px;
  right: 20px; }
  .OBD-campaign .keywordSearch input {
    font-family: mulisemibold; }

.OBD-campaign .second-heading {
  position: relative; }

.OBD-campaign.OBD-campaign-detail .keywordSearch {
  top: 25px;
  right: 250px;
  width: 170px !important; }
  .OBD-campaign.OBD-campaign-detail .keywordSearch input {
    width: 100%; }

.OBD-campaign.OBD-campaign-detail .trackertop .title {
  padding-top: 5px; }

.OBD-campaign.OBD-campaign-detail .exportReport {
  position: absolute;
  right: 90px;
  margin-top: 5px; }
  .OBD-campaign.OBD-campaign-detail .exportReport .sprite {
    background-position: -53px -710px;
    width: 30px;
    height: 34px;
    margin-right: 11px;
    margin-top: -3px; }
  .OBD-campaign.OBD-campaign-detail .exportReport:hover .sprite {
    background-position: -87px -710px; }

.OBD-campaign .title-caption span.sep {
  border-left: solid 1px rgba(70, 72, 85, 0.7);
  padding-left: 20px;
  margin-left: 15px; }

.rightwrap.OBD-campaign .trackertop .title {
  position: relative;
  font-size: 20px;
  color: #464855;
  margin-top: 17px; }

.rightwrap.OBD-campaign .trackertop .tracktopright {
  margin: -38px 0 !important; }

.summaryCardB {
  background: #fafafa;
  padding: 10px 5px;
  overflow: hidden;
  border-bottom: solid 15px #eaf0f7; }
  .summaryCardB .cardWpr {
    width: 25%;
    float: left;
    padding: 0 11px;
    text-align: left; }
    .summaryCardB .cardWpr .card {
      background: #fff;
      border: solid 1px #e6e6e6;
      border-radius: 5px;
      padding: 4px 0;
      overflow: hidden;
      margin-bottom: 6px; }
      .summaryCardB .cardWpr .card .iconSec {
        width: 76px;
        float: left;
        vertical-align: middle;
        text-align: center;
        line-height: 43px; }
      .summaryCardB .cardWpr .card .textSec {
        width: calc(100% - 76px);
        float: left;
        vertical-align: middle;
        font-size: 12px;
        color: #607d8b; }
        .summaryCardB .cardWpr .card .textSec span {
          font-size: 20px;
          display: block;
          line-height: 1.4;
          color: #464855;
          font-family: "mulisemibold"; }
  .summaryCardB .iconSec .icon-rs {
    background-position: -1px -908px;
    width: 36px;
    height: 36px; }
  .summaryCardB .iconSec .icon-min {
    background-position: -38px -908px;
    width: 36px;
    height: 36px; }
  .summaryCardB .totalPuses {
    background-position: -66px -835px;
    width: 36px;
    height: 36px; }
  .summaryCardB .totalobdch {
    background-position: -76px -754px;
    width: 36px;
    height: 36px; }

.editMinBal {
  position: relative; }
  .editMinBal .editIcon {
    position: absolute;
    right: 20px;
    top: 13px; }

/*@import "../../base/include";*/
.create-new-obd .custom-file-upload {
  position: relative;
  margin-bottom: 48px; }
  .create-new-obd .custom-file-upload .uploadvalueclose {
    top: 55px; }
  .create-new-obd .custom-file-upload .file-upload-button {
    width: 100% !important;
    box-shadow: 0px 2px 2px 0px rgba(96, 125, 139, 0.15); }
  .create-new-obd .custom-file-upload .file-upload-input {
    left: 0 !important;
    bottom: -43px !important;
    width: 100% !important;
    box-shadow: none; }

.create-new-obd .userForm {
  padding-bottom: 0 !important; }

.create-new-obd .field .static-value {
  color: #464855;
  margin-top: 5px;
  display: block; }

.create-new-obd .field .view-format {
  font-size: 12px;
  color: #18a0de;
  font-family: mulisemibold;
  float: right;
  cursor: pointer;
  margin-top: 3px; }

.create-new-obd .field .input-group-addon {
  height: 31px;
  top: 1px;
  line-height: 27px;
  right: 1px; }

.create-new-obd .user-input-mapping {
  background: #fafafa;
  margin: 0 -25px;
  padding: 17px 25px;
  display: none;
  border-top: solid 1px #e8e8e8;
  position: relative; }
  .create-new-obd .user-input-mapping .field {
    min-height: initial !important;
    margin-bottom: 20px !important; }
    .create-new-obd .user-input-mapping .field .input-group-addon {
      height: 31px;
      width: 30px;
      line-height: 30px;
      left: 1px;
      border-radius: 4px 0px 0px 4px; }
    .create-new-obd .user-input-mapping .field select {
      height: 33px !important;
      line-height: 1.6; }
    .create-new-obd .user-input-mapping .field select, .create-new-obd .user-input-mapping .field input {
      padding-left: 38px !important; }
  .create-new-obd .user-input-mapping .field + .add-more {
    font-size: 12px;
    font-family: mulisemibold;
    color: #18a0de;
    cursor: pointer;
    top: -5px;
    display: inline-block; }
  .create-new-obd .user-input-mapping:before, .create-new-obd .user-input-mapping:after {
    position: absolute;
    content: "";
    display: inline-block; }
  .create-new-obd .user-input-mapping:before {
    top: -10px;
    left: 22px;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #BEBDBD;
    border-left: 10px solid transparent; }
  .create-new-obd .user-input-mapping:after {
    top: -9px;
    left: 23px;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
    border-bottom: 9px solid #fafafa; }

.create-new-obd .add-more {
  position: relative;
  padding-left: 15px; }
  .create-new-obd .add-more:before, .create-new-obd .add-more:after {
    content: '';
    display: inline-block;
    background: #18a0de;
    position: absolute; }
  .create-new-obd .add-more:before {
    width: 10px;
    height: 2px;
    top: 7px;
    left: 0; }
  .create-new-obd .add-more:after {
    width: 2px;
    height: 10px;
    top: 3px;
    left: 4px; }

.create-new-obd .add-delete {
  margin-top: 5px; }
  .create-new-obd .add-delete .icon-delete {
    float: right; }

.create-new-obd .btngroup {
  margin-top: 0; }

.create-new-obd .titlenewuser {
  color: #2378b0 !important; }
  .create-new-obd .titlenewuser span {
    display: block;
    font-size: 12px;
    color: rgba(90, 90, 90, 0.7); }

.create-new-obd .createuser {
  background: none;
  border: none; }
  .create-new-obd .createuser h1 {
    font-size: 20px;
    line-height: 24px;
    color: #242424;
    margin-bottom: 20px;
    margin-left: 20px; }
  .create-new-obd .createuser .tabHead {
    background: #f9f9f9;
    border: 1px solid #e6e6e6;
    margin-bottom: 42px;
    border-radius: 5px; }
    .create-new-obd .createuser .tabHead li {
      font-size: 12px;
      color: rgba(90, 90, 90, 0.7);
      width: 33.333333%;
      float: left;
      text-transform: uppercase;
      padding: 11px 15px;
      text-align: center;
      cursor: no-drop;
      position: relative; }
      .create-new-obd .createuser .tabHead li label {
        display: inline-block;
        width: 24px;
        height: 24px;
        text-align: center;
        line-height: 24px;
        font-size: 14px;
        background: #e8e8e8;
        border-radius: 50%;
        margin-right: 10px; }
        .create-new-obd .createuser .tabHead li label span {
          display: inline-block; }
        .create-new-obd .createuser .tabHead li label i {
          display: none;
          vertical-align: 0px; }
      .create-new-obd .createuser .tabHead li .arrow {
        bottom: 0px;
        right: -24px;
        border-top: 23px solid transparent;
        border-bottom: 23px solid transparent;
        border-left: 24px solid #e6e6e6;
        position: absolute;
        top: 0;
        z-index: 1; }
        .create-new-obd .createuser .tabHead li .arrow:after {
          content: '';
          bottom: 0px;
          right: 1px;
          border-top: 23px solid transparent;
          border-bottom: 23px solid transparent;
          border-left: 24px solid #f9f9f9;
          position: absolute;
          top: -23px; }
      .create-new-obd .createuser .tabHead li:first-child {
        border-radius: 5px 0 0 5px; }
      .create-new-obd .createuser .tabHead li:last-child {
        border-radius: 0 5px 5px 0; }
      .create-new-obd .createuser .tabHead li.active {
        color: #6967ce;
        font-family: mulisemibold;
        background: #fff;
        cursor: inherit; }
        .create-new-obd .createuser .tabHead li.active label {
          background: #6967ce;
          color: #fff; }
        .create-new-obd .createuser .tabHead li.active:before, .create-new-obd .createuser .tabHead li.active:after {
          display: block; }
        .create-new-obd .createuser .tabHead li.active:after {
          border-top: 9px solid #fff; }
        .create-new-obd .createuser .tabHead li.active .arrow:after {
          border-left: 24px solid #fff; }
      .create-new-obd .createuser .tabHead li:before, .create-new-obd .createuser .tabHead li:after {
        position: absolute;
        content: "";
        display: inline-block;
        display: none; }
      .create-new-obd .createuser .tabHead li:before {
        bottom: -10px;
        right: 133px;
        border-right: 10px solid transparent;
        border-top: 10px solid #e6e6e6;
        border-left: 10px solid transparent; }
      .create-new-obd .createuser .tabHead li:after {
        bottom: -9px;
        right: 134px;
        border-right: 9px solid transparent;
        border-left: 9px solid transparent;
        border-top: 9px solid #f9f9f9; }
      .create-new-obd .createuser .tabHead li.complete {
        color: #388e3c;
        font-family: mulisemibold;
        cursor: pointer; }
        .create-new-obd .createuser .tabHead li.complete label {
          background: #388e3c;
          color: #fff; }
          .create-new-obd .createuser .tabHead li.complete label span {
            display: none; }
          .create-new-obd .createuser .tabHead li.complete label i {
            display: inline-block; }
  .create-new-obd .createuser .step {
    background: #fff;
    border: 1px solid #e6e6e6; }
    .create-new-obd .createuser .step .editpanelusermngview {
      padding: 0px 25px 19px 25px; }
      .create-new-obd .createuser .step .editpanelusermngview .btngroup {
        padding-top: 20px; }
      .create-new-obd .createuser .step .editpanelusermngview .userForm {
        min-height: 277px; }
      .create-new-obd .createuser .step .editpanelusermngview .next {
        width: auto;
        padding: 18px 46px; }
      .create-new-obd .createuser .step .editpanelusermngview .back {
        font-size: 12px;
        color: #464855;
        width: auto;
        padding: 18px 47px;
        background: #fff;
        border: solid 1px #e8e8e8;
        margin-right: 20px !important;
        box-shadow: 0px 3px 7px 0px rgba(193, 189, 189, 0.35); }
        .create-new-obd .createuser .step .editpanelusermngview .back:hover {
          color: #00c8a2 !important;
          border: solid 1px #00c8a2;
          box-shadow: 0px 5px 15px 0px rgba(0, 160, 130, 0.35); }

.create-new-obd .tabWrapper {
  padding-top: 0px;
  margin: 0px -25px; }
  .create-new-obd .tabWrapper .tabNav {
    top: 1px;
    position: relative;
    z-index: 1;
    padding: 0 0 0 24px; }
    .create-new-obd .tabWrapper .tabNav li {
      display: inline-block; }
      .create-new-obd .tabWrapper .tabNav li span {
        padding: 7px 25px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        display: inline-block;
        color: rgba(90, 90, 90, 0.7);
        cursor: pointer;
        font-family: 'mulisemibold';
        border: solid 1px transparent; }
      .create-new-obd .tabWrapper .tabNav li.active span, .create-new-obd .tabWrapper .tabNav li:hover span {
        color: #5a5a5a;
        border-color: #e8e8e8;
        border-bottom-color: #fafafa; }
  .create-new-obd .tabWrapper .tabContainer {
    border-top: solid 1px #e8e8e8;
    border-bottom: solid 1px #f3f3f3;
    padding: 0px 30px;
    position: relative; }

.create-new-obd.createuserwrap .createuser .editpanelusermngview .userForm .field textarea {
  height: 100px; }

.create-new-obd .editpanelusermngview .playAudio {
  text-align: left; }
  .create-new-obd .editpanelusermngview .playAudio .playBtn {
    max-width: 137px;
    color: #00c8a2;
    border: 1px solid #00c8a2;
    border-radius: 3px;
    background: #fff;
    padding: 0 13px; }
    .create-new-obd .editpanelusermngview .playAudio .playBtn i {
      background-position: -40px -458px;
      position: relative;
      top: -2px;
      width: 19px;
      height: 19px;
      margin-right: 5px; }
    .create-new-obd .editpanelusermngview .playAudio .playBtn:hover {
      color: #ffffff;
      border-color: #00c8a2;
      background: #00c8a2; }
      .create-new-obd .editpanelusermngview .playAudio .playBtn:hover i {
        background-position: -61px -458px; }
  .create-new-obd .editpanelusermngview .playAudio .pauseBtn {
    max-width: 137px;
    color: #F54336;
    border: 1px solid #F54336;
    border-radius: 3px;
    background: #fff;
    padding: 0 13px; }
    .create-new-obd .editpanelusermngview .playAudio .pauseBtn i {
      background-position: -40px -479px;
      position: relative;
      top: -2px;
      width: 19px;
      height: 19px;
      margin-right: 5px; }
    .create-new-obd .editpanelusermngview .playAudio .pauseBtn:hover {
      color: #ffffff;
      border-color: #F54336;
      background: #F54336; }
      .create-new-obd .editpanelusermngview .playAudio .pauseBtn:hover i {
        background-position: -61px -479px; }

.file-formatpopup h1 {
  font-size: 20px !important;
  padding-bottom: 0 !important; }

.file-formatpopup .tracko-popup {
  width: auto;
  padding: 16px 40px 36px; }

.create-new-obd .leftAddon .input-group-addon {
  line-height: 30px;
  left: 1px;
  border-radius: 4px 0px 0px 4px;
  width: 50px; }

.create-new-obd .leftAddon .form-control {
  padding-left: 56px !important; }

/*@import "../../base/include";*/
.business-unit .trackertop {
  border-bottom: none !important; }

.business-unit .callhistory {
  border-top: solid 1px #8281f8 !important; }

.business-unit .trackertop.whiteStrip h2 {
  margin-top: 10px; }

.business-unit .callhistory .title .subtitle {
  font-size: 14px;
  color: #5a5a5a;
  margin-left: 15px;
  position: relative;
  top: -2px; }

.business-unit .call_details {
  margin-top: 30px !important; }
  .business-unit .call_details table tr th, .business-unit .call_details table tr td {
    text-align: left;
    padding: 20px !important; }
    .business-unit .call_details table tr th:first-child, .business-unit .call_details table tr th:nth-child(3), .business-unit .call_details table tr td:first-child, .business-unit .call_details table tr td:nth-child(3) {
      cursor: initial; }

.business-unit .dataTables_filter.keywordSearch {
  top: 10px !important;
  left: auto !important;
  right: 177px !important;
  width: 220px !important; }

.smslogwrap2.business_units .log_custom > div:first-child {
  background: #fff;
  border-bottom: solid 1px #8281f8;
  margin-bottom: 20px; }

.smslogwrap2.business_units .rightwrap .callhistory .secondaryButton {
  margin-top: 0; }

.smslogwrap2.business_units .rightwrap .call_details .namedropdown {
  z-index: 9990; }

.smslogwrap2.business_units .rightwrap .log_custom .callhistory .title #example_filter {
  right: 160px; }

.smslogwrap2.business_units .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr th {
  cursor: pointer; }
  .smslogwrap2.business_units .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr th:first-child, .smslogwrap2.business_units .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr th:nth-child(3) {
    cursor: initial; }

.smslogwrap2.business_units .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr th, .smslogwrap2.business_units .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td {
  cursor: pointer; }
  .smslogwrap2.business_units .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr th:nth-child(5), .smslogwrap2.business_units .rightwrap .daymonthresult.editfilter .call_details.detailpgtable table tr td:nth-child(5) {
    text-align: left;
    padding-left: 10px; }

.smslogwrap2.business_units .rightwrap .log_custom .callhistory .title .today-text {
  padding: 17px 0 10px 0; }

.smslogwrap2.business_units .rightwrap .log_custom .callhistory .title .today-text span {
  color: rgba(90, 90, 90, 0.7);
  margin-left: 24px; }

.smslogwrap2.business_units .rightwrap .log_custom h2 {
  padding: 0px 20px 0;
  position: relative;
  top: 17px; }

/*@import "../../base/include";*/
.bulkCreditManger .blank-obd {
  text-align: center;
  border: solid 1px #e8e8e8;
  padding: 50px 30px;
  margin: 30px 20px 30px;
  width: calc(100% - 40px);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: #fff; }
  .bulkCreditManger .blank-obd p {
    font-family: muliregular;
    font-size: 20px;
    color: #464855;
    margin: 17px 0 20px; }
  .bulkCreditManger .blank-obd .primaryButton:hover i {
    background-position: -32px -424px; }

.bulkCreditManger .bulkFilterRow .vnfiltrB {
  padding-top: 10px; }

.wrapper .rightwrap .callhistory .addButton .primaryButton {
  margin-top: 0px; }
  .wrapper .rightwrap .callhistory .addButton .primaryButton:hover .sprite {
    background-position: -32px -424px; }

.bulkFilterRow {
  width: 100%;
  display: inline-block;
  padding: 25px 20px 0px; }
  .bulkFilterRow .vnfiltr {
    border-bottom: none;
    padding-bottom: 0;
    width: 90%;
    float: left;
    border-right: 1px solid #e8e8e8;
    padding: 21px 0px;
    /*.form-group { display: inline-block; position: relative; margin-top: 0px; width: 50%;
    }*/ }
    .bulkFilterRow .vnfiltr .filterCol {
      position: relative;
      margin-right: 15px;
      width: 23%;
      display: inline-block;
      /*text-align: center; */
      vertical-align: top; }
    .bulkFilterRow .vnfiltr .form-group-html {
      display: inline-block;
      position: relative;
      margin-top: 0px;
      width: 50%; }
      .bulkFilterRow .vnfiltr .form-group-html .form-group {
        width: 100%; }
      .bulkFilterRow .vnfiltr .form-group-html .smallText {
        display: block;
        text-align: left;
        color: rgba(90, 90, 90, 0.7);
        font-size: 12px;
        font-family: 'mulisemibold'; }
    .bulkFilterRow .vnfiltr .filteInputTitle {
      font-size: 14px;
      color: #464855;
      font-family: 'mulisemibold';
      text-align: right;
      width: 45%;
      max-width: 100px;
      margin-right: 7px;
      vertical-align: top;
      display: inline-block;
      line-height: normal;
      margin-top: 4px; }
    .bulkFilterRow .vnfiltr input {
      width: 100%;
      font-size: 14px;
      color: rgba(90, 90, 90, 0.7);
      font-family: 'mulisemibold';
      border-radius: 2px;
      color: rgba(90, 90, 90, 0.7); }
    .bulkFilterRow .vnfiltr input[disabled] {
      background: #ebebeb; }
    .bulkFilterRow .vnfiltr .amount {
      position: relative; }
    .bulkFilterRow .vnfiltr .amount input {
      padding-left: 20px; }
    .bulkFilterRow .vnfiltr .amount .GirnarRupee {
      position: absolute;
      left: 10px;
      top: 7px;
      font-size: 15px;
      display: inline-block;
      vertical-align: middle;
      color: rgba(90, 90, 90, 0.7); }
  .bulkFilterRow .vn_cncl_sbmt_rght {
    width: 10%;
    display: inline-block;
    text-align: center; }
    .bulkFilterRow .vn_cncl_sbmt_rght .submitBtn {
      margin: 0 0 18px 0;
      width: 100px;
      font-family: 'mulibold';
      font-size: 12px;
      background-color: #fff;
      border: solid 1px #00c8a2;
      color: #00c8a2; }
      .bulkFilterRow .vn_cncl_sbmt_rght .submitBtn:hover {
        background: #00c8a2 !important;
        color: #fff !important;
        border-color: #00c8a2 !important; }
    .bulkFilterRow .vn_cncl_sbmt_rght .cancelBtn {
      background-color: #fff;
      width: 100px;
      font-size: 12px;
      font-family: 'mulibold';
      color: #5a5a5a;
      border: solid 1px #d6d6d6; }
      .bulkFilterRow .vn_cncl_sbmt_rght .cancelBtn:hover {
        background: #00c8a2;
        color: #fff;
        border-color: #00c8a2; }

.wrapper .rightwrap .bulkCampaignsList table tbody tr td:first-child {
  border-left: none;
  font-family: "muliregular"; }

.wrapper .rightwrap .bulkCampaignsList .actions i {
  margin: 0px 10px; }

.bulkCampaignsEdit {
  margin: 40px 0px 20px 0px;
  /*.form-group { margin-top: 0px;
    .smallText {display: block; text-align: left; color: rgba(90, 90, 90, 0.7); font-size: 12px; font-family: 'mulisemibold';}
  }*/ }
  .bulkCampaignsEdit .filterCol {
    position: relative;
    width: 47%;
    display: inline-block;
    margin-bottom: 15px;
    vertical-align: top; }
    .bulkCampaignsEdit .filterCol:nth-child(2n+0) {
      margin-left: 5%; }
  .bulkCampaignsEdit .form-group-html {
    margin-top: 0px; }
    .bulkCampaignsEdit .form-group-html .smallText {
      display: block;
      text-align: left;
      color: rgba(90, 90, 90, 0.7);
      font-size: 12px;
      font-family: 'mulisemibold'; }
    .bulkCampaignsEdit .form-group-html .form-group {
      width: 100%; }
    .bulkCampaignsEdit .form-group-html .smallText {
      display: block;
      text-align: left;
      color: rgba(90, 90, 90, 0.7);
      font-size: 12px;
      font-family: 'mulisemibold'; }
  .bulkCampaignsEdit .filteInputTitle {
    font-size: 14px;
    color: #464855;
    font-family: 'mulisemibold';
    margin-bottom: 5px;
    vertical-align: top;
    display: block; }
  .bulkCampaignsEdit input {
    width: 100%;
    font-size: 14px;
    color: rgba(90, 90, 90, 0.7);
    font-family: 'mulisemibold';
    border-radius: 2px;
    color: rgba(90, 90, 90, 0.7); }
  .bulkCampaignsEdit input[disabled] {
    background: #ebebeb; }
  .bulkCampaignsEdit .amount {
    position: relative; }
  .bulkCampaignsEdit .amount input {
    padding-left: 20px; }
  .bulkCampaignsEdit .amount .GirnarRupee {
    position: absolute;
    left: 10px;
    top: 7px;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    color: rgba(90, 90, 90, 0.7); }

.edit-bulk-campaigns-popup .popup {
  height: 380px; }

.edit-bulk-campaigns-popup .popup .sub_type .button_sub:hover {
  background: #2378b0; }

.bulkCampaignBlank .blank-obd {
  text-align: center;
  border: solid 1px #e8e8e8;
  padding: 50px 30px;
  margin: 20px 20px 30px;
  width: calc(100% - 40px);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: #fff; }
  .bulkCampaignBlank .blank-obd p {
    font-family: muliregular;
    font-size: 20px;
    color: #464855;
    margin: 17px 0 20px; }
  .bulkCampaignBlank .blank-obd .primaryButton:hover i {
    background-position: -32px -424px; }

.bulkCampaignBlank .title {
  position: relative;
  font-size: 20px;
  color: #464855;
  margin-top: 17px; }

.bulkCampaignCreate {
  /*.createId-wpr {position: relative; padding-right: 110px;
    .createId {position: absolute; right: 0px; top: 0px; background: #2378b0; color: #fff;height: 33px; line-height: 32px; padding: 0px 20px;border:none; border-radius: 0px 3px 3px 0px;font-family: "muliregular";
      &:hover {background: #00c8a2; cursor: pointer;}
    }
  }*/ }
  .bulkCampaignCreate .campaignSchedule {
    background: #fafafa;
    margin: 0 -25px;
    padding: 17px 25px;
    display: none;
    border-top: solid 1px #e8e8e8;
    position: relative; }
    .bulkCampaignCreate .campaignSchedule:before, .bulkCampaignCreate .campaignSchedule:after {
      position: absolute;
      content: "";
      display: inline-block;
      left: 3%; }
    .bulkCampaignCreate .campaignSchedule:before {
      top: -10px;
      margin-left: 9px;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #BEBDBD;
      border-left: 10px solid transparent; }
    .bulkCampaignCreate .campaignSchedule:after {
      top: -9px;
      margin-left: 10px;
      border-right: 9px solid transparent;
      border-left: 9px solid transparent;
      border-bottom: 9px solid #fafafa; }
    .bulkCampaignCreate .campaignSchedule .desc {
      color: #464855;
      margin-bottom: 15px; }
    .bulkCampaignCreate .campaignSchedule .field {
      min-height: inherit !important; }
  .bulkCampaignCreate.createuser .tabHead li {
    width: 50%; }
    .bulkCampaignCreate.createuser .tabHead li.active:before {
      right: 46%; }
    .bulkCampaignCreate.createuser .tabHead li.active:after {
      right: 46%;
      margin-right: 1px; }
    .bulkCampaignCreate.createuser .tabHead li#tab2.active {
      border-radius: 0px 3px 3px 0px; }
  .bulkCampaignCreate .modifyUpload {
    margin-bottom: 0px; }
    .bulkCampaignCreate .modifyUpload .uploadvalueclose {
      display: none; }
    .bulkCampaignCreate .modifyUpload .file-upload-input {
      width: 85% !important;
      z-index: 1;
      bottom: 2px !important;
      height: 31px !important;
      cursor: not-allowed;
      left: 2px !important;
      border: none !important; }
  .bulkCampaignCreate.createuser .titlenewuser {
    height: auto; }
  .bulkCampaignCreate .smsAvelInfo {
    font-size: 12px;
    display: inline-block;
    margin-left: 10px;
    color: #bc892e; }
    .bulkCampaignCreate .smsAvelInfo .infoIcon {
      background: url(../images/sprite.png) no-repeat -1px -140px;
      display: inline-block;
      width: 22px;
      height: 22px;
      vertical-align: top;
      margin-right: 3px; }
  .bulkCampaignCreate .createdId-wpr {
    position: relative;
    padding-right: 130px; }
    .bulkCampaignCreate .createdId-wpr select {
      height: 33px;
      padding-right: 25px; }
    .bulkCampaignCreate .createdId-wpr .icon-selectbox-arrow {
      right: 144px !important; }
    .bulkCampaignCreate .createdId-wpr .createId {
      position: absolute;
      right: 0px;
      top: 0px;
      background: #4ac7ec;
      color: #fff;
      height: 33px;
      line-height: 32px;
      padding: 0px 20px;
      border: none;
      border-radius: 3px;
      font-family: "muliregular";
      box-shadow: 0px 2px 2px 0px rgba(96, 125, 139, 0.15); }
      .bulkCampaignCreate .createdId-wpr .createId:hover {
        background: #00c8a2;
        cursor: pointer; }
  .bulkCampaignCreate .exampleImg {
    margin-top: 25px;
    text-align: center; }
  .bulkCampaignCreate .editpanelusermngview .next {
    margin-right: 0px !important; }
  .bulkCampaignCreate .file-upload-button:hover {
    border: solid 1px #18a0de; }
  .bulkCampaignCreate .field .view-format {
    color: #18a0de; }

.partnersCampaignList.rightwrap .call_details table tr td {
  padding: 10px 5px; }

.partnersCampaignList .orion {
  position: relative;
  font-size: 20px;
  color: #464855;
  margin-top: 17px; }

.partnersCampaignList .schudleTd {
  min-width: 210px; }
  .partnersCampaignList .schudleTd .scheduleCol {
    display: inline-block;
    text-align: left; }
    .partnersCampaignList .schudleTd .scheduleCol span {
      font-size: 12px; }
  .partnersCampaignList .schudleTd .to {
    vertical-align: top;
    display: inline-block;
    width: 20px; }

.partnersCampaignList .createCampagin:hover .icon-plus {
  background-position: -32px -424px;
  width: 15px;
  height: 15px; }

.partnersCampaignList.rightwrap .trackertop .tracktopright {
  margin-top: -30px; }
  .partnersCampaignList.rightwrap .trackertop .tracktopright .back-btn {
    margin-left: 30px;
    padding: 10px 0; }

.partnersCampaignList.rightgap .trackertop {
  position: sticky;
  z-index: 99;
  top: 0px; }

.partnersCampaignList.rightwrap .call_details {
  margin-top: 0px; }

.partnersCampaignList .schudleTh span {
  background: #f5f7fa;
  color: #464855;
  padding: 2px 10px 3px 10px;
  display: inline-block;
  border-radius: 5px;
  font-weight: normal;
  font-family: "muliregular";
  font-size: 12px; }

.partnersCampaignList .templateTh {
  text-align: left;
  padding: 5px 5px 5px 10px !important; }

.partnersCampaignList .templateTd {
  text-align: left;
  padding: 5px 5px 5px 10px !important;
  min-width: 300px; }
  .partnersCampaignList .templateTd .leftCol {
    display: inline-block;
    width: 70%;
    vertical-align: middle; }
  .partnersCampaignList .templateTd .rightCol {
    display: inline-block;
    width: 28%;
    text-align: center; }
  .partnersCampaignList .templateTd .approved {
    background: #388e3c;
    display: inline-block;
    padding: 0px 10px 1px 10px;
    color: #fff;
    font-size: 11px;
    border-radius: 3px; }
  .partnersCampaignList .templateTd .pending {
    background: #f2c34d;
    display: inline-block;
    padding: 0px 10px 1px 10px;
    color: #fff;
    font-size: 11px;
    border-radius: 3px; }
  .partnersCampaignList .templateTd .reject {
    background: #ff0200;
    display: inline-block;
    padding: 0px 10px 1px 10px;
    color: #fff;
    font-size: 11px;
    border-radius: 3px; }

.partnersCampaignList .nameTh, .partnersCampaignList .nameTd {
  text-align: left;
  padding: 5px 5px 5px 10px !important; }

.partnersCampaignList .dateTh {
  min-width: 80px; }

.partnersCampaignList .second-heading {
  position: relative; }
  .partnersCampaignList .second-heading h2 {
    font-size: 20px;
    margin-left: 20px;
    margin-bottom: 15px; }

.partnersCampaignList .keywordSearch {
  top: -2px;
  right: 20px; }
  .partnersCampaignList .keywordSearch input {
    font-family: mulisemibold; }

.partnersCampaignList .sendSms i {
  vertical-align: -5px; }

.partnersCampaignList .sendSms:hover i {
  background-position: -31px -357px; }

.campaginDetailPage .trackertop .orion span {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.4);
  display: inline-block;
  font-family: "muliregular";
  margin-left: 3px; }

.campaginDetailPage .editingInfoRow {
  border: solid 1px #ffbd00;
  border-radius: 3px;
  padding: 15px;
  position: relative;
  margin-bottom: 30px;
  margin-top: 10px;
  max-width: 670px;
  background: #ffefbb;
  /*.sucessText {margin:5px 10px 5px 0px;color:#3d763e;;font-family: "mulisemibold";
      .infoIcon {background: url(../images/sprite.png) no-repeat -33px -256px;display: inline-block; width: 20px; height: 20px; vertical-align: top; margin-right: 10px;}
    }*/
  /*.secondaryButton {position: absolute; top: 16px; right: 16px;color: #00c8a2; font-family: "mulisemibold";text-align: right; padding:0px 10px; box-sizing: border-box;border: solid 1px #00c8a2; width: auto; height: 30px; line-height: 30px;
      .icon-edit-red-white {margin:5px 6px 0px 0px; vertical-align: top;}
      &:hover {color: #fff;
        .icon-edit-red-white {background-position: -100px -192px !important; width: 19px !important; height: 18px !important;}
      }
    }*/ }
  .campaginDetailPage .editingInfoRow .infoText {
    margin: 5px 180px 5px 0px;
    color: #bc892e; }
    .campaginDetailPage .editingInfoRow .infoText strong {
      font-family: "mulisemibold";
      padding-right: 10px; }
    .campaginDetailPage .editingInfoRow .infoText .infoIcon {
      background: url(../images/sprite.png) no-repeat -2px -142px;
      display: inline-block;
      width: 20px;
      height: 20px;
      vertical-align: top;
      margin-right: 10px; }
  .campaginDetailPage .editingInfoRow .button {
    width: auto;
    padding: 0px 15px;
    max-width: inherit;
    font-size: 14px;
    font-family: "mulisemibold";
    position: absolute;
    top: 16px;
    right: 16px;
    line-height: 33px;
    height: 33px;
    text-transform: uppercase; }
    .campaginDetailPage .editingInfoRow .button .icon-edit {
      margin: 8px 6px 0px 0px;
      vertical-align: top;
      background-position: -99px -193px; }

.campaginDetailPage .rajectedDetail .editingInfoRow {
  border-color: #dca6a5;
  background: #f2dede; }
  .campaginDetailPage .rajectedDetail .editingInfoRow .infoText {
    color: #aa4543; }
    .campaginDetailPage .rajectedDetail .editingInfoRow .infoText .infoIcon {
      background-position: -3px -256px; }
  .campaginDetailPage .rajectedDetail .editingInfoRow .rejectResion {
    color: rgba(1, 1, 1, 0.7);
    margin: 10px 180px 0px 32px; }
    .campaginDetailPage .rajectedDetail .editingInfoRow .rejectResion span {
      font-family: "mulisemibold"; }

.campaginDetailPage .numcofigure .profile_dtail table tr td .prprty_dtls {
  font-family: "muliregular";
  margin-bottom: 5px; }

.campaginDetailPage .profile_dtail table .time {
  font-family: "muliregular";
  font-size: 12px;
  display: block;
  color: rgba(1, 1, 1, 0.7); }

.campaginDetailPage .view-format {
  font-size: 12px;
  color: #18a0de;
  font-family: mulisemibold;
  float: right;
  cursor: pointer;
  margin-top: 3px; }

.campaginDetailPage .editTbl .input-group-addon {
  height: 33px;
  top: 1px;
  line-height: 27px;
  right: 1px;
  border-radius: 0px 3px 3px 0px; }

.campaginDetailPage .numcofigure .input-group {
  display: block;
  margin: 0px;
  width: auto;
  border: none; }

.campaginDetailPage .numcofigure .profile_dtail .editTblWprB table tr td {
  width: auto; }

.campaginDetailPage .numcofigure .custom-file-upload .uploadvalueclose {
  display: none; }

.campaginDetailPage .numcofigure .custom-file-upload .file-upload-button {
  width: 100% !important;
  box-shadow: 0px 2px 2px 0px rgba(96, 125, 139, 0.15); }
  .campaginDetailPage .numcofigure .custom-file-upload .file-upload-button:hover {
    border-color: #18a0de; }

.campaginDetailPage.subscription_detail .numcofigure .profile_dtail table tr td .file-upload-wrapper .file-upload-input {
  width: 85% !important;
  z-index: 1;
  bottom: 2px !important;
  height: 31px !important;
  cursor: not-allowed;
  left: 2px !important;
  border: none !important;
  right: inherit !important;
  box-shadow: none; }

.campaginDetailPage #callLogos .callhistory {
  height: auto; }
  .campaginDetailPage #callLogos .callhistory .title-caption {
    margin-top: 5px; }
    .campaginDetailPage #callLogos .callhistory .title-caption span {
      color: rgba(0, 0, 0, 0.4); }

.campaginDetailPage .tracktopright .dataTables_filter {
  top: 20px;
  right: 190px; }

.campaginDetailPage #callLogos .call_details table tbody tr td:first-child {
  border-left: none; }

.campaginDetailPage #callLogos .call_details table tbody tr.minscore td:first-child {
  border-left: #ff0200 3px solid; }

.campaginDetailPage #callLogos .call_details table td, .campaginDetailPage #callLogos .call_details table th {
  text-align: left;
  padding: 16px; }

.campaginDetailPage .trakosuccess {
  max-width: 600px;
  margin-bottom: 30px; }

.alertSMSCampaign h2 {
  font-family: 'muliregular';
  color: #464855;
  line-height: 1;
  margin-bottom: 16px; }

.alertSMSCampaign .textLink {
  font-family: 'mulisemibold';
  color: #18a0de; }
  .alertSMSCampaign .textLink:hover {
    text-decoration: underline !important; }

.alertSMSCampaign .edit-popup .popup-body {
  padding: 25px 20px 25px; }

.alertSMSCampaign .contact-text {
  margin: 10px 0px 15px 0px; }
  .alertSMSCampaign .contact-text span {
    color: #464855; }

.sucessSMSCampaign h2 {
  font-size: 24px;
  font-family: 'muliregular';
  padding-top: 15px;
  line-height: 24px;
  color: #464855;
  padding-bottom: 16px; }

.sucessSMSCampaign .edit-popup .popup-body {
  padding: 25px 20px 25px; }

.templateListSideBar .submitBtn {
  position: absolute;
  bottom: 0px;
  left: 20px;
  right: 20px;
  width: calc(100% - 40px);
  font-family: 'mulibold';
  font-size: 16px;
  text-transform: uppercase;
  padding: 20px 10px; }
  .templateListSideBar .submitBtn:hover {
    background: #00bf9b; }
  .templateListSideBar .submitBtn.btndisabled {
    box-shadow: none; }
    .templateListSideBar .submitBtn.btndisabled:hover {
      background: rgba(70, 72, 85, 0.3); }

.radioRow {
  max-height: calc(100vh - 130px);
  overflow-y: auto; }
  .radioRow span {
    font-size: 14px;
    color: #5a5a5a;
    margin-right: 20px; }
  .radioRow .redioBlock {
    margin-bottom: 13px;
    padding-bottom: 11px;
    display: inline-block;
    position: relative;
    padding-left: 32px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom: 1px solid #e0e0e0;
    /*&:hover input ~ .checkmark { background-color: #ccc; }*/ }
    .radioRow .redioBlock:last-child {
      border-bottom: none;
      margin-bottom: 0px; }
    .radioRow .redioBlock input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      top: 2px;
      right: 57px;
      height: 16px;
      width: 16px; }
    .radioRow .redioBlock input:checked ~ .checkmark {
      background-color: #00c8a2;
      border-color: #00c8a2; }
    .radioRow .redioBlock input:checked ~ .checkmark:after {
      content: '';
      width: 6px;
      height: 6px;
      background-color: #ffffff;
      border-radius: 3px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -3px;
      margin-left: -3px; }
    .radioRow .redioBlock .checkmark {
      position: absolute;
      top: 5px;
      left: 3px;
      height: 16px;
      width: 16px;
      background-color: #dde4e7;
      border: 1px solid #b5bbbe;
      border-radius: 10px;
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out; }
    .radioRow .redioBlock .checkmark :after {
      content: "";
      position: absolute;
      display: none; }
    .radioRow .redioBlock .checkmark:after {
      top: 9px;
      left: 9px;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: white; }
    .radioRow .redioBlock input:checked ~ .checkmark:after {
      display: block; }

.senderIDTempleteTab .callhistory .subs_search {
  width: 224px; }

.senderIDTempleteTab .tabContentArea {
  margin: 30px 20px 30px 20px; }

.senderIDTempleteTab .colTable {
  border: 1px solid #e6e6e6;
  text-align: left;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  background: #ffffff; }
  .senderIDTempleteTab .colTable table {
    width: 100%;
    border-bottom: solid 1px #e6e6e6; }
  .senderIDTempleteTab .colTable tr th {
    background: #f8f9fb;
    font-size: 14px;
    font-weight: normal;
    font-family: "mulisemibold";
    color: #464855;
    height: 50px;
    position: relative;
    padding: 10px 15px; }
  .senderIDTempleteTab .colTable tr td {
    padding: 10px 15px;
    height: 50px;
    border-left: dotted 1px #cbcbc3;
    position: relative; }
    .senderIDTempleteTab .colTable tr td:first-child {
      border-left: none; }
  .senderIDTempleteTab .colTable tr:nth-child(even) {
    background: #fafafa; }

.senderIDTempleteTab .statusBtn .approveBtn {
  border: solid 1px #388e3c;
  border-radius: 4px;
  background: #fff;
  color: #388e3c;
  font-size: 14px;
  text-transform: uppercase;
  padding: 4px 10px 2px 10px;
  font-weight: normal;
  font-family: "mulisemibold";
  display: inline-block;
  cursor: pointer;
  margin-right: 10px;
  box-shadow: 0px 3px 5px 0px rgba(56, 142, 60, 0.2); }
  .senderIDTempleteTab .statusBtn .approveBtn:hover {
    background: #388e3c;
    color: #fff; }

.senderIDTempleteTab .statusBtn .rejectBtn {
  border: solid 1px #ff0200;
  border-radius: 4px;
  background: #fff;
  color: #ff0200;
  font-size: 14px;
  text-transform: uppercase;
  padding: 4px 10px 2px 10px;
  font-weight: normal;
  font-family: "mulisemibold";
  display: inline-block;
  cursor: pointer;
  box-shadow: 0px 3px 5px 0px rgba(255, 2, 0, 0.2); }
  .senderIDTempleteTab .statusBtn .rejectBtn:hover {
    background: #ff0200;
    color: #fff; }

.senderIDTempleteTab .rejStatus {
  color: #ff0200; }

.senderIDTempleteTab .apprStatus {
  color: #388e3c; }

.senderIDTempleteTab .rejectedResion {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4); }

.senderIDTempleteTab .pagintion {
  float: left;
  margin: 15px 0 15px 25px; }
  .senderIDTempleteTab .pagintion a {
    text-transform: uppercase;
    color: #464855;
    font-size: 14px; }
    .senderIDTempleteTab .pagintion a:hover {
      color: #6967ce; }
  .senderIDTempleteTab .pagintion ul {
    display: inline-block;
    margin: 0 10px; }
    .senderIDTempleteTab .pagintion ul li {
      display: inline-block;
      margin-right: 5px; }
      .senderIDTempleteTab .pagintion ul li a {
        background: rgba(144, 164, 174, 0.3);
        border-radius: 5px;
        color: #607d8b;
        padding: 4px 10px;
        display: inline-block;
        border: solid 1px transparent; }
        .senderIDTempleteTab .pagintion ul li a:hover, .senderIDTempleteTab .pagintion ul li a.active {
          background: #ffffff;
          border-color: #18a0de;
          color: #18a0de; }

.senderIDTempleteTab .tableHeading {
  font-weight: normal;
  font-family: "mulisemibold";
  margin-bottom: 20px; }

.rejectSenderIdPopUp .popup {
  height: 300px; }

.rejectSenderIdPopUp h2 {
  margin-bottom: 40px; }

.rejectSenderIdPopUp .field {
  margin-bottom: 30px; }

.rejectSenderIdPopUp .rejStatus {
  color: #00c8a2;
  font-size: 14px;
  font-family: "muliregular"; }

.rejectTemplateIdPopUp .popup {
  height: 300px; }

.rejectTemplateIdPopUp h2 {
  margin-bottom: 40px; }

.rejectTemplateIdPopUp .field {
  margin-bottom: 30px; }

/*.updateMenulist {
  li {display: block; border-top: solid 1px #4A4A4A; border-bottom: solid 1px #2e2e2e;
    a {color: #ccc; display: block; padding: 15px 5px 15px 30px; text-transform: uppercase;}
  }
}*/
/* dcp-calldetails css*/
.wrapper .rightwrap .call_details table tr td span.callIcon {
  width: 23px;
  height: 23px;
  background-position: -56px -605px;
  display: inline-block;
  /*margin-left: -10px;*/
  cursor: pointer; }
  .wrapper .rightwrap .call_details table tr td span.callIcon:hover {
    background-position: -89px -605px; }

.dcpCallPopUp .createdId-wpr {
  position: relative; }
  .dcpCallPopUp .createdId-wpr .icon-selectbox-arrow {
    position: absolute;
    top: 14px;
    right: 9px; }

.dcpCallPopUp select {
  -webkit-appearance: none; }

.notification_sidbar.bg.empty.dcpCallPopUp {
  background: #f5f4f4 url(../images/grey-logo.png) no-repeat center bottom 20px !important; }
  .notification_sidbar.bg.empty.dcpCallPopUp .notification-box {
    padding: 16px 20px 10px 20px; }
    .notification_sidbar.bg.empty.dcpCallPopUp .notification-box button {
      margin-top: 5px; }
    .notification_sidbar.bg.empty.dcpCallPopUp .notification-box .btndisabled {
      box-shadow: none; }

/* revamp deshboard css */
.revampDeshboard.communicationconfi .menulist {
  margin-top: 10px; }
  .revampDeshboard.communicationconfi .menulist > li {
    font-family: "mulisemibold";
    border-bottom: none;
    margin-bottom: 10px;
    position: relative; }
    .revampDeshboard.communicationconfi .menulist > li > a {
      background: none;
      color: #464855;
      position: relative;
      padding: 18px 20px 18px 20px;
      font-size: 14px;
      line-height: 18px; }
      .revampDeshboard.communicationconfi .menulist > li > a:before {
        content: "";
        position: absolute;
        left: 12px;
        top: 9px;
        width: 34px;
        height: 34px;
        background-color: #ffffff;
        box-shadow: 0px 0px 10px rgba(70, 72, 85, 0.12);
        border-radius: 4px; }
      .revampDeshboard.communicationconfi .menulist > li > a:after {
        content: "";
        position: absolute;
        right: 14px;
        top: 22px;
        width: 6px;
        height: 10px;
        background: url(../images/sprite.svg) no-repeat -115px -220px;
        display: none; }
      .revampDeshboard.communicationconfi .menulist > li > a span {
        position: relative;
        transition: margin 0.2s linear;
        width: 18px;
        height: 18px;
        margin-right: 20px;
        vertical-align: top; }
        .revampDeshboard.communicationconfi .menulist > li > a span.deshboard {
          background-position: -8px -638px; }
        .revampDeshboard.communicationconfi .menulist > li > a span.report {
          background-position: -32px -638px; }
        .revampDeshboard.communicationconfi .menulist > li > a span.logos {
          background-position: -58px -638px; }
        .revampDeshboard.communicationconfi .menulist > li > a span.obd {
          background-position: -83px -637px; }
        .revampDeshboard.communicationconfi .menulist > li > a span.bulksms {
          background-position: -108px -638px; }
        .revampDeshboard.communicationconfi .menulist > li > a span.configures {
          background-position: -6px -664px; }
        .revampDeshboard.communicationconfi .menulist > li > a span.helpSupport {
          background-position: -30px -664px; }
      .revampDeshboard.communicationconfi .menulist > li > a:hover, .revampDeshboard.communicationconfi .menulist > li > a.active {
        color: #18a0de; }
        .revampDeshboard.communicationconfi .menulist > li > a:hover:before, .revampDeshboard.communicationconfi .menulist > li > a.active:before {
          box-shadow: 0px 0px 20px rgba(24, 160, 222, 0.24); }
        .revampDeshboard.communicationconfi .menulist > li > a:hover:after, .revampDeshboard.communicationconfi .menulist > li > a.active:after {
          display: block; }
        .revampDeshboard.communicationconfi .menulist > li > a:hover span, .revampDeshboard.communicationconfi .menulist > li > a.active span {
          margin-right: 23px; }
          .revampDeshboard.communicationconfi .menulist > li > a:hover span.deshboard, .revampDeshboard.communicationconfi .menulist > li > a.active span.deshboard {
            background-position: -7px -690px; }
          .revampDeshboard.communicationconfi .menulist > li > a:hover span.report, .revampDeshboard.communicationconfi .menulist > li > a.active span.report {
            background-position: -31px -690px; }
          .revampDeshboard.communicationconfi .menulist > li > a:hover span.logos, .revampDeshboard.communicationconfi .menulist > li > a.active span.logos {
            background-position: -56px -690px; }
          .revampDeshboard.communicationconfi .menulist > li > a:hover span.obd, .revampDeshboard.communicationconfi .menulist > li > a.active span.obd {
            background-position: -81px -688px; }
          .revampDeshboard.communicationconfi .menulist > li > a:hover span.bulksms, .revampDeshboard.communicationconfi .menulist > li > a.active span.bulksms {
            background-position: -108px -690px; }
          .revampDeshboard.communicationconfi .menulist > li > a:hover span.configures, .revampDeshboard.communicationconfi .menulist > li > a.active span.configures {
            background-position: -6px -717px; }
          .revampDeshboard.communicationconfi .menulist > li > a:hover span.helpSupport, .revampDeshboard.communicationconfi .menulist > li > a.active span.helpSupport {
            background-position: -31px -717px; }
    .revampDeshboard.communicationconfi .menulist > li.hasChild > a:after {
      transition: transform 0.2s linear; }
    .revampDeshboard.communicationconfi .menulist > li.hasChild > a.active:after {
      transform: rotate(90deg); }
    .revampDeshboard.communicationconfi .menulist > li ul {
      padding-left: 35px;
      display: none; }
      .revampDeshboard.communicationconfi .menulist > li ul li {
        border-bottom: none; }
        .revampDeshboard.communicationconfi .menulist > li ul li a {
          color: #464855;
          font-size: 14px;
          line-height: 18px;
          padding: 16px 0 16px 20px;
          transition: all 0.2s linear;
          position: relative; }
          .revampDeshboard.communicationconfi .menulist > li ul li a:before {
            position: absolute;
            top: 20px;
            left: 0px;
            display: block;
            width: 7px;
            height: 7px;
            content: '';
            transition: all 0.2s ease;
            border-radius: 50%;
            background-color: #18a0de;
            opacity: 0; }
          .revampDeshboard.communicationconfi .menulist > li ul li a.active {
            color: #18a0de;
            padding: 16px 0 16px 20px;
            background: none; }
            .revampDeshboard.communicationconfi .menulist > li ul li a.active:before {
              display: block;
              opacity: 1; }
          .revampDeshboard.communicationconfi .menulist > li ul li a:hover {
            color: #18a0de;
            padding: 16px 0 16px 16px; }
            .revampDeshboard.communicationconfi .menulist > li ul li a:hover:before {
              display: block;
              opacity: 1; }

.revampDeshboard .rightwrap .deshboardTop {
  margin-bottom: 30px; }
  .revampDeshboard .rightwrap .deshboardTop .title {
    padding: 25px 0;
    font-size: 20px;
    color: #464855; }
  .revampDeshboard .rightwrap .deshboardTop .deshboardGraph {
    border: solid 1px #e6e6e6;
    border-radius: 4px;
    text-align: center;
    padding: 17px;
    background-color: #fff; }
  .revampDeshboard .rightwrap .deshboardTop .deshboardRight .title {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0px;
    padding: 30px 0; }
  .revampDeshboard .rightwrap .deshboardTop .deshboardTable {
    border: solid 1px #e6e6e6;
    border-radius: 4px;
    background-color: #fff; }
    .revampDeshboard .rightwrap .deshboardTop .deshboardTable table {
      width: 100%; }
      .revampDeshboard .rightwrap .deshboardTop .deshboardTable table tr {
        border-bottom: solid 1px #e6e6e6; }
        .revampDeshboard .rightwrap .deshboardTop .deshboardTable table tr th {
          text-align: left;
          background: #f8f9fb;
          height: 54px;
          font-size: 14px;
          font-weight: normal;
          font-family: "mulisemibold";
          color: #464855;
          position: relative;
          cursor: pointer;
          padding: 6px 0 14px;
          /*line-height: 2.2;*/ }
          .revampDeshboard .rightwrap .deshboardTop .deshboardTable table tr th span {
            display: block;
            font-size: 12px;
            color: #5a5a5a;
            font-weight: 400;
            line-height: 30px;
            margin-top: 7px; }
          .revampDeshboard .rightwrap .deshboardTop .deshboardTable table tr th:first-child {
            border-top-left-radius: 4px;
            padding-left: 20px; }
            .revampDeshboard .rightwrap .deshboardTop .deshboardTable table tr th:first-child span {
              text-align: right;
              margin-right: 12px; }
        .revampDeshboard .rightwrap .deshboardTop .deshboardTable table tr td {
          padding: 21px 0;
          position: relative;
          font-size: 20px;
          color: #464855;
          font-weight: 500; }
          .revampDeshboard .rightwrap .deshboardTop .deshboardTable table tr td:first-child {
            padding-left: 20px;
            font-size: 14px;
            color: #5a5a5a;
            font-weight: 400; }
        .revampDeshboard .rightwrap .deshboardTop .deshboardTable table tr:last-child {
          border-bottom: none; }
      .revampDeshboard .rightwrap .deshboardTop .deshboardTable table tbody tr:last-child td:first-child {
        border-bottom-left-radius: 4px; }
      .revampDeshboard .rightwrap .deshboardTop .deshboardTable table tbody tr:last-child td:last-child {
        border-bottom-right-radius: 4px; }
      .revampDeshboard .rightwrap .deshboardTop .deshboardTable table .avgScore {
        background-color: #f8f2f0; }
        .revampDeshboard .rightwrap .deshboardTop .deshboardTable table .avgScore td {
          font-weight: 700;
          color: #464855; }
          .revampDeshboard .rightwrap .deshboardTop .deshboardTable table .avgScore td.greenClr {
            color: #388e3c; }
          .revampDeshboard .rightwrap .deshboardTop .deshboardTable table .avgScore td.redClr {
            color: #ff0200; }

.revampDeshboard .rightwrap .tabresult1 .callhistory {
  border-top-color: transparent; }

.revampDeshboard .filterBlock {
  margin-right: 20px; }

.revampDeshboard .filterBlockRow {
  margin-bottom: 20px;
  /*.filterCol {display: inline-block; width: 46%;}
    .form-group-html input {width: 100%; font-size: 14px; color: rgba(90, 90, 90, 0.7); font-family: 'mulisemibold'; border-radius: 2px;}
    .marginLeft {margin-left: 6%;} */ }
  .revampDeshboard .filterBlockRow .filteInputTitle {
    font-size: 14px;
    color: #464855;
    font-family: 'mulisemibold';
    margin-bottom: 5px;
    vertical-align: top;
    display: block; }
  .revampDeshboard .filterBlockRow .multi-select_checkbox {
    margin-left: 5px;
    top: 4px; }
  .revampDeshboard .filterBlockRow .datepicker {
    position: relative; }
    .revampDeshboard .filterBlockRow .datepicker input {
      color: #90a4ae; }
    .revampDeshboard .filterBlockRow .datepicker:after {
      display: inline-block;
      width: 0;
      height: 0;
      content: "";
      margin-left: 2px;
      vertical-align: middle;
      border-top: 4px solid;
      border-right: 4px solid transparent;
      border-left: 4px solid transparent;
      position: absolute;
      right: 14px;
      top: 16px;
      color: #7b7b7b;
      z-index: 999; }

.revampDeshboard .btnRow {
  margin-top: 5px;
  display: inline-block;
  width: 100%; }
  .revampDeshboard .btnRow .submitBtn {
    width: auto;
    padding: 17px 20px 16px 20px;
    font-family: 'mulibold';
    font-size: 14px;
    text-transform: uppercase; }
  .revampDeshboard .btnRow .cancelBtn {
    background: none;
    border: none;
    color: #18a0de;
    margin-left: 20px;
    display: inline-block;
    cursor: pointer; }

.revampDeshboard .deshboardTable .tabHeadingArea input {
  margin: 7px 0px 0px 0px;
  width: calc(100% - 10px);
  height: 30px;
  cursor: pointer; }

.audio-js-box .closeBtn {
  position: absolute;
  right: 30px;
  bottom: 10px;
  background-position: -52px -660px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  opacity: 0.8; }
  .audio-js-box .closeBtn:hover {
    opacity: 1; }

.wrapper .rightwrap #holidaytabresult .subTab {
  display: inline-block; }
  .wrapper .rightwrap #holidaytabresult .subTab li span {
    display: inline-block;
    font-size: 14px;
    color: #90a4ae;
    cursor: pointer;
    position: relative;
    padding: 7px 10px 12px 10px;
    top: inherit;
    line-height: 1.5; }

@media (max-width: 1280px) {
  .partnersCampaignList .templateTd {
    min-width: 280px; } }

.employeeDcp .rightwrap .call_details table tr td {
  padding: 15px 5px; }

.employeeDcp .rightwrap .call_details table tr th {
  padding: 0px 5px; }

.employeeDcp .rightwrap .call_details table tbody tr td:first-child {
  border-left: none; }

.employeeDcp .rightwrap .call_details table tbody tr:nth-child(odd) {
  background: inherit; }

.employeeDcp .rightwrap .call_details table tbody tr:hover {
  background: #f5f7fa; }

.employeeDcp .call_details th:nth-child(3) {
  border-left: solid 1px #dde4e7; }

.employeeDcp .call_details th:nth-child(5) {
  border-right: solid 1px #dde4e7; }

.employeeDcp .call_details th:nth-child(9) {
  border-left: solid 1px #dde4e7; }

.employeeDcp .call_details th:nth-child(11) {
  border-right: solid 1px #dde4e7; }

.employeeindexwrap .employeindex .callhistory .title {
  vertical-align: top; }

.employeeindexwrap .employeindex .agent_tbl table tbody tr td {
  cursor: inherit; }

.employeeindexwrap .employeindex .agent_tbl table tbody tr td:first-child {
  border-left: none !important; }

.customer_agent_search {
  display: inline-block;
  padding-top: 9px;
  margin-left: 30px; }
  .customer_agent_search .radioboxdesign {
    width: 180px;
    display: inline-block;
    margin-bottom: 0; }
    .customer_agent_search .radioboxdesign .container {
      margin-right: 12px; }
  .customer_agent_search .ad_srch {
    position: relative;
    float: left;
    margin-right: 10px; }
  .customer_agent_search .dropautosuggest {
    position: relative; }
    .customer_agent_search .dropautosuggest .icon-search {
      position: absolute;
      top: 10px;
      left: 10px;
      z-index: 999; }
    .customer_agent_search .dropautosuggest.srch {
      width: 200px;
      display: inline-block; }
  .customer_agent_search input[type="search"] {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #ffffff;
    border: solid 1px #e8e8e8;
    height: 35px;
    width: 100%;
    padding-left: 27px;
    padding-right: 10px;
    font-size: 14px;
    color: rgba(90, 90, 90, 0.7);
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 0px 2px 2px 0px rgba(96, 125, 139, 0.15);
    padding-right: 10px;
    position: relative;
    z-index: 999; }

.searchFilterBlock {
  float: right;
  border-radius: 4px;
  margin: 12px 10px 10px 0px;
  position: relative;
  background: rgba(255, 255, 255, 0.2);
  border: solid 1px rgba(255, 255, 255, 0.5); }
  .searchFilterBlock .searchInput {
    position: relative;
    float: left;
    width: 250px; }
    .searchFilterBlock .searchInput:before {
      content: "";
      position: absolute;
      left: 0px;
      top: 12px;
      width: 0px;
      height: 0px;
      border: solid 5px transparent;
      border-left-color: #eaf0f7; }
    .searchFilterBlock .searchInput input {
      border-radius: 5px;
      background: transparent;
      border: none;
      height: 35px;
      width: 100%;
      display: inline-block;
      padding: 0px 40px 0px 15px;
      font-size: 14px;
      color: #fff;
      transition: all 0.4s ease-in-out;
      box-sizing: border-box;
      box-shadow: 0px 2px 2px 0px rgba(96, 125, 139, 0.15); }
      .searchFilterBlock .searchInput input::placeholder {
        color: #ffffff; }
    .searchFilterBlock .searchInput .searchBtn {
      position: absolute;
      top: -1px;
      right: -1px;
      width: 40px;
      height: 37px;
      background: #00c8a2;
      border: none;
      border-radius: 0px 3px 3px 0px;
      cursor: pointer;
      display: inline-flex;
      transition: all 0.3s linear; }
      .searchFilterBlock .searchInput .searchBtn:hover {
        background: #00bf9b; }
    .searchFilterBlock .searchInput i {
      background-position: -81px -3px;
      width: 16px;
      height: 15px;
      margin: auto; }
  .searchFilterBlock .filterSelect {
    background: #eaf0f7;
    border: none;
    width: 90px;
    float: left;
    border-radius: 3px 0px 0px 3px;
    padding: 0px;
    margin: 0px;
    /*.caret {display: none;}
    .select-wrapper {box-shadow: none; border:none;color:#607d8b;font-size: 12px;}
    .select-wrapper input.select-dropdown {background: transparent !important;     padding:3px 21px 0px 10px !important;box-shadow: none;color:#607d8b;font-size: 12px;}
    .select-wrapper:hover {border: none !important;}
    .select-wrapper:before {color:#607d8b;top: 15px; right:9px;}*/ }
    .searchFilterBlock .filterSelect select {
      box-shadow: none;
      border: none;
      background: none;
      padding: 0px 0px 0px 5px; }

.innerSearchFilterBlock {
  border-radius: 4px;
  display: inline-block;
  margin: 12px 10px 10px 0px;
  position: relative;
  background: #ffffff;
  border: solid 1px #e8e8e8; }
  .innerSearchFilterBlock .searchInput {
    position: relative;
    float: left;
    width: 250px; }
    .innerSearchFilterBlock .searchInput:before {
      content: "";
      position: absolute;
      left: 0px;
      top: 12px;
      width: 0px;
      height: 0px;
      border: solid 5px transparent;
      border-left-color: #eaf0f7; }
    .innerSearchFilterBlock .searchInput input {
      border-radius: 5px;
      background: #ffffff;
      border: none;
      height: 35px;
      width: 100%;
      display: inline-block;
      padding: 0px 40px 0px 15px;
      font-size: 14px;
      color: #464855;
      transition: all 0.4s ease-in-out;
      box-sizing: border-box; }
      .innerSearchFilterBlock .searchInput input::placeholder {
        color: #464855; }
    .innerSearchFilterBlock .searchInput .searchBtn {
      position: absolute;
      top: -1px;
      right: -1px;
      width: 40px;
      height: 37px;
      background: #00c8a2;
      border: none;
      border-radius: 0px 3px 3px 0px;
      cursor: pointer;
      display: inline-flex;
      transition: all 0.3s linear; }
      .innerSearchFilterBlock .searchInput .searchBtn:hover {
        background: #00bf9b; }
    .innerSearchFilterBlock .searchInput i {
      background-position: -81px -3px;
      width: 16px;
      height: 15px;
      margin: auto; }
  .innerSearchFilterBlock .filterSelect {
    background: #eaf0f7;
    border: none;
    width: 90px;
    float: left;
    border-radius: 3px 0px 0px 3px;
    padding: 0px;
    margin: 0px;
    /*.caret {display: none;}
    .select-wrapper {box-shadow: none; border:none;color:#607d8b;font-size: 12px;}
    .select-wrapper input.select-dropdown {background: transparent !important;     padding:3px 21px 0px 10px !important;box-shadow: none;color:#607d8b;font-size: 12px;}
    .select-wrapper:hover {border: none !important;}
    .select-wrapper:before {color:#607d8b;top: 15px; right:9px;}*/ }
    .innerSearchFilterBlock .filterSelect select {
      box-shadow: none;
      border: none;
      background: none;
      padding: 0px 0px 0px 5px; }

.employeeCustomerSearch .timeCol .timetxt {
  position: absolute;
  top: 5px;
  right: 2px;
  transform: translateX(50%);
  font-style: normal;
  z-index: 99; }

.employeeCustomerSearch .timeCol .smalltitle1 {
  position: absolute;
  background: #eaf0f7;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 4px 0;
  z-index: 99;
  color: #607d8b;
  font-size: 12px;
  right: -1px;
  bottom: 6px;
  width: 70px;
  line-height: 1.3; }
  .employeeCustomerSearch .timeCol .smalltitle1 .divid {
    position: absolute;
    width: 5px;
    height: 15px;
    border-left: solid 1px rgba(70, 72, 85, 0.3);
    right: -1px; }

.employeeCustomerSearch .timeCol .smalltitle2 {
  position: absolute;
  background: #eaf0f7;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 4px 0;
  z-index: 99;
  color: #607d8b;
  font-size: 12px;
  left: 1px;
  bottom: 6px;
  width: 70px;
  line-height: 1.3; }

.employeeCustomerSearch table td .icon-call {
  background-position: -63px -256px;
  width: 28px;
  height: 28px;
  vertical-align: middle;
  display: inline-block;
  left: 17px; }

.employeeCustomerSearch table td .col_span {
  display: inline-block;
  width: 100%;
  padding: 0;
  margin: 0; }
  .employeeCustomerSearch table td .col_span .title {
    color: rgba(1, 1, 1, 0.7) !important;
    font-size: 14px !important;
    margin: 30px 0 28px;
    display: inline-block;
    margin: 6px 0 26px; }

.employeeCustomerSearch table td.Filterfield {
  background-color: #ffffff;
  position: relative;
  width: 100%;
  padding: 0px !important; }
  .employeeCustomerSearch table td.Filterfield .triangle {
    position: absolute;
    width: 0;
    border-bottom: solid 13px #bebdbd;
    border-right: solid 15px transparent;
    border-left: solid 15px transparent;
    top: -14px;
    left: 14px;
    display: block; }
    .employeeCustomerSearch table td.Filterfield .triangle .empty {
      border-bottom: solid 13px #ffffff;
      border-right: solid 15px transparent;
      border-left: solid 15px transparent;
      left: -15px;
      bottom: -15px;
      position: absolute;
      width: 0; }

.employeeCustomerSearch table td .name {
  display: inline-block !important;
  vertical-align: middle;
  margin-left: 5px;
  font-size: 14px !important;
  color: #464855 !important; }

.employeeCustomerSearch table.missedcall td .icon-call {
  background-position: -98px -256px; }

.employeeCustomerSearch table .recordplay span {
  background-position: -22px -14px;
  width: 24px;
  height: 24px;
  margin: 0 auto; }
  .employeeCustomerSearch table .recordplay span.pause {
    background-position: -103px -139px;
    opacity: 0.8; }
    .employeeCustomerSearch table .recordplay span.pause:hover {
      background-position: -103px -139px;
      opacity: 1; }

.employeeCustomerSearch table .recordplay:hover span {
  background-position: -22px -46px; }

.employeeCustomerSearch table .recordwnload span {
  background-position: -48px -14px;
  width: 24px;
  height: 24px;
  margin: 0 auto; }

.employeeCustomerSearch table .recordwnload:hover span {
  background-position: -48px -46px; }

.employeeCustomerSearch table tbody tr:hover {
  background: #f5f7fa;
  cursor: default; }

.employeeCustomerSearch table tbody tr.activeTR {
  background: #f5f7fa;
  cursor: default; }

.employeeCustomerSearch table tbody tr td:first-child {
  border-left: none !important; }

.employeeCustomerSearch table tbody .missedcall td:first-child {
  color: #ff0200;
  border-left: 3px solid #ff0200 !important; }
  .employeeCustomerSearch table tbody .missedcall td:first-child .tringicon {
    width: 0px;
    height: 0px;
    border-left: 5px solid #ff0200;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); }
  .employeeCustomerSearch table tbody .missedcall td:first-child span {
    color: #ff0200 !important; }

.employeeCustomerSearch table tbody .missedcall :nth-child(2),
.employeeCustomerSearch table tbody .missedcall :nth-child(3),
.employeeCustomerSearch table tbody .missedcall :nth-child(4) {
  color: #ff0200; }

.employeeCustomerSearch table .plydownicon a {
  display: inline-block;
  margin-right: 13px; }

.employeeCustomerSearch table .plydownicon a:last-child {
  margin-right: 0px; }

.employeeCustomerSearch table .callOut {
  background-position: -3px -876px !important; }

.employeeCustomerSearch table .callIn {
  background-position: -33px -876px !important; }

.employeeCustomerSearch table .callOutMissed {
  background-position: -98px -876px !important; }

.employeeCustomerSearch table .callInMissed {
  background-position: -65px -876px !important; }

.employeeCustomerSearch .usermngview .summaryelement {
  width: 100%;
  display: inline-block;
  position: relative; }
  .employeeCustomerSearch .usermngview .summaryelement .summarycolumn {
    display: inline-block;
    text-align: center;
    width: 100%;
    vertical-align: top;
    color: rgba(1, 1, 1, 0.6);
    font-size: 14px;
    display: inline-block;
    margin: 0 0 0 0;
    line-height: 25px;
    position: relative;
    margin-bottom: 65px;
    /*&:after{content: ''; width: 100%; height: 1px; border-top: dashed 1px #cbcbc3; position: absolute; top: 13px; left: 58%;}
                &:last-child{margin:0;
                    &:after{display: none;}
                }*/
    /* &.InbondCall4 {
                    .summarycolumn.column3{ left:90px; }
                    .summarycolumn.column4{left: 167px;}
                    .summarycolumn.column5{left: 250px;}
                    .summarydivider{ width: 215px; }
                    .summarydivider.divitwo{ left: 320px; }
                    .summarydivider.divithree{left: 560px;} 
                }*/ }
    .employeeCustomerSearch .usermngview .summaryelement .summarycolumn .left_text {
      display: block;
      word-break: break-word;
      margin-bottom: 0;
      margin-top: 12px;
      font-size: 14px;
      font-family: 'muliregular';
      line-height: 1;
      color: rgba(1, 1, 1, 0.7) !important; }
      .employeeCustomerSearch .usermngview .summaryelement .summarycolumn .left_text.bolder {
        color: #464855 !important; }
    .employeeCustomerSearch .usermngview .summaryelement .summarycolumn .icon-tick {
      background-position: -3px -294px;
      width: 24px;
      height: 24px;
      display: inline-block;
      vertical-align: middle; }
    .employeeCustomerSearch .usermngview .summaryelement .summarycolumn .icon-crose {
      background-position: -37px -294px;
      width: 24px;
      height: 24px;
      display: inline-block;
      vertical-align: middle; }
  .employeeCustomerSearch .usermngview .summaryelement .summarydivider {
    display: none;
    /*display: inline-block;
                width: 250px;
                position: absolute;
                left: 90px;
                top: 2px;
                .brdr-dashed {
                    display: inline-block;
                    width: 100%;
                    border-bottom: dashed 1px #cbcbc3;
                    vertical-align: middle;
                    height: 0;
                    margin: 0 2px;
                }
                &.divitwo {
                    left: 362px;
                }*/ }

.employeeCustomerSearch .usermngview {
  padding: 24px;
  background-color: #ffffff;
  position: relative; }
  .employeeCustomerSearch .usermngview:before, .employeeCustomerSearch .usermngview:after {
    position: absolute;
    content: "";
    display: inline-block; }
  .employeeCustomerSearch .usermngview:before {
    top: -11px;
    left: 22px;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #dde4e7;
    border-left: 10px solid transparent; }
  .employeeCustomerSearch .usermngview:after {
    top: -9px;
    left: 23px;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
    border-bottom: 9px solid #fff; }

.wrapper .superUser .call_details {
  max-width: 700px;
  margin: 30px auto 30px auto; }
  .wrapper .superUser .call_details tr td:first-child {
    border-left: none !important; }

.wrapper .superUser .viewCol {
  width: 100px;
  border-left: none !important; }

.wrapper .superUser.rightwrap.rightgap {
  padding-left: 0px; }

.branchHeading {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
  margin: 20px 20px 0px 0px; }
  .branchHeading a {
    color: #ffffff;
    position: relative;
    display: block;
    padding-right: 27px;
    max-width: 290px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
    .branchHeading a:hover .editIcon {
      background-color: white; }
  .branchHeading .editIcon {
    background-position: -78px -21px;
    cursor: pointer;
    width: 19px;
    height: 19px;
    text-align: center;
    vertical-align: -5px;
    margin-left: 2px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    position: absolute;
    top: 0px;
    right: 0px; }

.createSubUser .createuser .tabHead li {
  font-size: 14px; }

.createSubUser .createuser .complete {
  background: #ffffff; }
  .createSubUser .createuser .complete .arrow:after {
    border-left: 24px solid #fff !important; }

.createSubUser .createuser .container {
  padding-top: 7px; }

.createSubUser .vnNumberBg {
  box-shadow: 0px 1px 0 0 rgba(202, 202, 202, 0.3);
  background-color: #fafafa;
  padding: 15px 15px 5px 15px;
  margin-bottom: 10px; }
  .createSubUser .vnNumberBg .actionRow {
    margin: 34px 0px 20px 0px; }
    .createSubUser .vnNumberBg .actionRow .delete {
      display: inline-block;
      margin-right: 20px; }
      .createSubUser .vnNumberBg .actionRow .delete .sprite {
        background-position: -80px -79px;
        width: 22px;
        height: 18px; }
      .createSubUser .vnNumberBg .actionRow .delete:hover .sprite {
        background-position: -104px -79px; }
    .createSubUser .vnNumberBg .actionRow .add-more {
      color: #18a0de;
      font-size: 12px;
      font-family: "mulisemibold";
      top: 2px;
      display: inline-block;
      line-height: 17px; }

.createSubUser .nodeSelection {
  border-top: solid 1px rgba(202, 202, 202, 0.4);
  padding: 10px 0px 0px 0px;
  margin-top: 15px; }
  .createSubUser .nodeSelection .titleNode {
    display: inline-block;
    background-color: #fafafa;
    padding-right: 10px;
    position: relative;
    top: -20px;
    font-size: 13px; }
  .createSubUser .nodeSelection .titleNode span {
    font-weight: bold; }

.createSubUser .accessRightTable {
  width: 395px;
  margin-bottom: 30px; }
  .createSubUser .accessRightTable td {
    padding: 15px 20px;
    color: #464855; }
    .createSubUser .accessRightTable td.swicthBtnTd {
      padding: 12px 20px 2px 20px; }
  .createSubUser .accessRightTable th {
    padding: 15px 20px;
    color: #464855;
    font-family: "mulisemibold"; }
  .createSubUser .accessRightTable tr:nth-child(odd) {
    background-color: #fafafa; }

.createSubUser .multi-select_field {
  background: #ffffff; }

.createSubUser .levelstwrap {
  margin-top: 5px;
  margin-left: 2px; }
  .createSubUser .levelstwrap .levelstep {
    width: 30%;
    text-align: left; }
    .createSubUser .levelstwrap .levelstep:last-child {
      margin-right: 0px; }

.agentPopUp {
  width: 240px;
  text-align: center;
  position: fixed;
  right: 0px;
  bottom: 0px;
  z-index: 11111;
  border-radius: 5px 0px 0px 0px;
  box-shadow: 0px 1px 7.8px 0.2px rgba(24, 24, 24, 0.66);
  background-image: linear-gradient(to top, #9f78ff, #18a0de); }
  .agentPopUp .popUpAction {
    position: absolute;
    right: 0px;
    top: 0px;
    border: solid 1px rgba(255, 255, 255, 0.35);
    border-radius: 0px 0px 0px 3px; }
    .agentPopUp .popUpAction span {
      width: 26px;
      height: 26px;
      float: left;
      cursor: pointer;
      background-position: -103px -807px; }
      .agentPopUp .popUpAction span:hover {
        background-color: rgba(255, 255, 255, 0.2); }
    .agentPopUp .popUpAction .min {
      border-right: solid 1px rgba(255, 255, 255, 0.35);
      width: 28px;
      background-position: -101px -788px; }
  .agentPopUp .agRingText {
    font-size: 14px;
    color: #2fe376;
    padding: 0px 10px 4px 10px; }
  .agentPopUp .agIno {
    font-size: 18px;
    color: #ffffff;
    padding: 10px 10px 10px 10px; }
  .agentPopUp .agCallDur {
    padding: 11px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    text-align: center;
    color: rgba(255, 255, 255, 0.77); }
  .agentPopUp .agCircle {
    margin: 36px 30px 26px 30px;
    width: 50px;
    height: 50px;
    background-color: #15c259;
    border-radius: 50%;
    display: inline-block;
    position: relative; }
  .agentPopUp .agCallIcon {
    position: absolute;
    top: 15px;
    left: 17px;
    width: 20px;
    height: 20px;
    background-position: -107px -842px;
    animation: imgAnim 1s infinite ease-in-out; }
  .agentPopUp .agCirEffectB {
    width: 100px;
    height: 100px;
    top: -25px;
    left: -25px;
    position: absolute;
    border-radius: 100%;
    background-color: rgba(122, 255, 128, 0.92);
    border: 2px solid transparent;
    animation: circleFill 2.3s infinite ease-in-out;
    transform-origin: 50% 50%;
    z-index: -1; }
  .agentPopUp .agCirEffect {
    border: solid 2px #bfebfc;
    opacity: .5;
    width: 100px;
    height: 100px;
    top: -25px;
    left: -25px;
    position: absolute;
    border-radius: 100%;
    transform-origin: 50% 50%;
    animation: circleAni 1.2s infinite ease-in-out;
    z-index: -2; }
  .agentPopUp .connectCall {
    font-size: 16px;
    padding: 25px 0px 40px 0px;
    color: #ffffff;
    display: block; }
    .agentPopUp .connectCall span {
      width: 30px;
      text-align: center;
      display: inline-block; }
  .agentPopUp .folloUp {
    font-size: 16px;
    padding: 4px 10px;
    color: #ffffff;
    cursor: pointer;
    text-transform: uppercase;
    margin: 0px auto 15px auto;
    display: block;
    width: 120px;
    border: solid 1px #ffffff;
    border-radius: 3px; }
  .agentPopUp .folloUp:hover {
    background: #00bf9b;
    color: #ffffff;
    border-color: #00bf9b; }

.stepA .popUpAction {
  display: none; }

.stepA .connectCall {
  display: none; }

.stepA .folloUp {
  display: none; }

.stepB {
  text-align: left; }
  .stepB .agCircle {
    width: 38px;
    height: 38px;
    float: left;
    margin: 12px 20px; }
  .stepB .agRingText {
    display: none; }
  .stepB .agRow {
    padding: 30px 0px 1px 0px;
    display: inline-block;
    width: 100%; }
  .stepB .agCallIcon {
    top: 9px;
    left: 11px;
    animation: none; }
  .stepB .agIno {
    float: left;
    width: 160px;
    line-height: 1.2;
    padding: 10px 10px 10px 0px; }
  .stepB .agCirEffect {
    display: none; }
  .stepB .agCirEffectB {
    width: 60px;
    height: 60px;
    top: -10px;
    left: -10px; }
  .stepB .lastCall {
    display: none; }

.stepC .agCirEffectB {
  display: none; }

.stepC .agCircle {
  background-color: #cc1212; }

.stepMin .agRingText {
  display: none; }

@keyframes imgAnim {
  0% {
    transform: rotate(0); }
  10% {
    transform: rotate(-25deg); }
  20% {
    transform: rotate(25deg); }
  30% {
    transform: rotate(-25deg); }
  40% {
    transform: rotate(25deg); }
  50% {
    transform: rotate(0); }
  100% {
    transform: rotate(0); } }

@keyframes circleFill {
  0% {
    transform: scale(0.5);
    opacity: .4; }
  50% {
    transform: scale(1);
    opacity: .1; }
  100% {
    transform: scale(0.5);
    opacity: .4; } }

@keyframes circleAni {
  0% {
    transform: scale(0.4);
    opacity: .1; }
  30% {
    transform: scale(0.7);
    opacity: .2; }
  100% {
    transform: scale(1);
    opacity: .1; } }


/* Rishap Extra*/


.wrapper .rightwrap .call_details table .missedvn{
    width:200px !important ;
}

.gs_control.gs_checkbox.checked .gs_control__indicator {
    background: #f75d34;
    border-color: #f75d34;
}
.gs_control.gs_checkbox.checked .gs_control__indicator:after{
    content: '';
    position: absolute;
    display: block;
    left: 4px;
    top: 0px;
    width: 6px;
    height: 10px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.wrapper .rightwrap .call_details.config_details table tr td .activeconnect label{
    width: 27px;
    margin-left: 0px;
} 
.daterangepicker.ltr{ z-index:9999}
.daterangepicker.show-ranges.show-calendar{
    z-index: 9999999;
}
.daterangepicker.show-ranges .drp-calendar.right 
{
    padding: 0px !important; 
}
.daterangepicker.show-ranges.ltr.show-calendar.opensleft{
    width: auto;
    padding: 0px 32px 0px 0px;
}
.daterangepicker.show-ranges.ltr{
    z-index: 9999;
}
.daterangepicker.show-ranges.ltr .ranges{
    float: left !important;
    width: 139px !important;
}

.daterangepicker.show-ranges.show-calendar .drp-buttons{
    text-align: center;
}
.daterangepicker.show-ranges .drp-buttons .btn{
    margin-left: 8px;
    font-size: 12px;
    font-weight: bold;

    background: #fff;
    border: solid 1px #f13d17;
    color: #f13d17;
    padding: 10px 30px;
    border-radius: 3px;
    display: inline-block;
    cursor:pointer;
}
.daterangepicker.show-ranges .drp-buttons .btn:hover{background: #f13d17;color: #fff;}
.daterangepicker.show-ranges .drp-selected{
    display: none;
}
.daterangepicker.single{
    z-index: 9999999;
    padding-right: 30px;
}
.daterangepicker.single .today.start-date.end-date.available
{
    background-color: #357ebd;
    color: #fff;
}
.kv-drp-dropdown .range-value{
    padding-left:10px !important;
}

.usermanagmntwrap.smslogwrap.business_units .rightwrap .dataTables_wrapper .dataTables_filter{
    right: 169px !important;
    left: auto !important;
    top: -60px !important;
}

.call-detail-page.back-dashboard .rightwrap .dataTables_wrapper .dataTables_filter {
    right: 171px !important;
    left: auto !important;
    top: -214px !important;
    z-index: 999;
}

#chartContainerDay span{
    display: block !important;
}
.communicationconfi .todaydrop { width: calc(100% - 50px);}

       .trakosuccess {
        background: #dff0d8;
        border: 1px solid #8fba90;
        display: inline-block;
        vertical-align: 26px;
        height: auto !important;
        border-radius: 4px;
        content: "";
        padding: 9px 15px;
        line-height: 20px;
        top: 13px; }
         .trakosuccess i {
          background-position: -33px -256px;
          width: 20px;
          height: 20px;
          margin-right: 10px; }
         .trakosuccess span {
          font-family: 'mulisemibold';
          font-size: 14px;
          color: #3d763e; }
         .trakosuccess .alertmsg {
          color: #3d763e;
          margin-left: 10px;
          font-weight: normal;
          font-family: muliregular; }
       .trackoerror {
        background: #f2dede;
        border: 1px solid #dca6a5;
        display: inline-block;
        vertical-align: 26px;
        border-radius: 4px;
        content: "";
        padding: 9px 15px;
        line-height: 20px;
        top: 13px; }
        .trackoerror i {
          background-position: -3px -256px;
          width: 20px;
          height: 20px;
          margin-right: 10px; }
        .trackoerror span {
          font-family: 'mulisemibold';
          font-size: 14px;
          color: #aa4543; }
        .trackoerror .alertmsg {
          color: #aa4543;
          margin-left: 10px;
          font-weight: normal;
          font-family: muliregular; }
        
    .loginid .help-block-error {
  color: red !important;
  text-transform: none;
  font-size: 11px; }
    
    .profile_subcription #admin_dealer_list_filter{
        right: 357px !important;
        left: auto !important;
        top: -87px !important;
        z-index: 999999999;
    }
    
    
     .usermanagmntwrap.smslogwrap.smslogwrap2 .rightwrap .dataTables_wrapper .dataTables_filter
    {
        right: 238px !important;
        left: auto !important;
        top: -67px !important;
        width: 175px !important;
        float: left !important;
        margin: 0px 0px 0px 0 !important;
        text-align: left !important;
        position: absolute !important;
    }
    .create-new-obd .leftAddon .input-group-addon {
    line-height: 30px;
    left: 1px;
    border-radius: 4px 0px 0px 4px;
    width: 50px;
}
.create-new-obd .leftAddon .form-control {
    padding-left: 56px !important;
}

.inputRadioConfiger {box-shadow: 0px 2px 2px 0px rgba(96, 125, 139, 0.15); background: #ffffff; line-height: 35px; height: 37px; padding-left: 10px; padding-right: 10px; font-size: 14px; width: auto !important; cursor: pointer;}
.inputRadioConfiger label input {position: absolute; opacity: 0; }
.inputRadioConfiger .text {display: inline-block; margin-right: 40px; margin-left: 30px;    cursor: pointer;}
.inputRadioConfiger .input-group-addon .infoIcon {font-size: 8px; height: 16px; width: 16px; border:solid 1px #2378b0; border-radius: 50%;    display: inline-block; line-height: 16px; margin-top: 8px;}
.inputRadioConfiger .checkmark {position: absolute; top: 9px; left: 13px; height: 16px; width: 16px; background-color: #dde4e7; border: 1px solid #b5bbbe; border-radius: 10px; transition: all 0.3s ease-in-out; cursor: pointer; }
.inputRadioConfiger input:checked ~ .checkmark:after {content: ''; width: 6px; height: 6px; background-color: #ffffff; border-radius: 3px; position: absolute; top: 50%; left: 50%; margin-top: -3px; margin-left: -3px; }
.inputRadioConfiger input:checked ~ .checkmark {background-color: #00c8a2; border-color: #00c8a2; }
.createLink {position: absolute; bottom: -25px; color: #464855; width: 180px; left: 0px;font-size: 13px; line-height: 1;}
.createLink a {color: #2378b0;}
.switchBox {background: #f5f7fa;border-radius: 15px; height: 34px; border:solid 1px #dadbdd; position: relative; display: inline-block;padding: 0px 6px;cursor: pointer;}
.switchBox input {position: absolute; opacity: 0; width: 100%; height: 100%; z-index: 3; cursor: pointer; }
.switchBox span {display: inline-block;  padding: 6px 10px;z-index: 2;position: relative;}
.switchBox .track {position: absolute; left: -1px; top: -2px; height: 36px; width: 60px; border:solid 2px #2378b0; border-radius: 15px;z-index: 0; background-color: #ffffff;}
.switchBox input:checked ~ .track {left: inherit;right: 0px; width: 53px;}

.vnConPanel .noteText {background-color: #ffffff; border: 1px solid #e1e1e1; top:-70%; box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.13); color: #515151; right: -190px; font-size: 12px; font-style: normal; height: auto; line-height: 18px; padding: 10px 15px; position: absolute; visibility: hidden; text-align: left; width: 180px; z-index: 200; opacity: 0; transition: all 0.3s ease-in-out; border-radius: 3px; }
.vnConPanel .noteText .textN {white-space: initial;}
.vnConPanel .noteText .notearrow {background-position: -103px -28px; width: 15px; height: 8px; position: absolute; left: -11px; top: 45%; transform: rotate(90deg); }
.vnConPanel .input-group-addon:hover .noteText {visibility: visible; opacity: 1; /*top: -55%; */}

#holidaytabresult .vnConPanel .panelmain {margin-bottom: 20px;}

.drop-down .options ul {overflow-x: auto; max-height: calc(100vh - 130px);}

.col-md-6{
  width: 50%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  padding: 10px;
}
.row{
  width: 100%;
  margin-right: -15px;
  margin-left: -15px;
}

body .wrapper{font-family: "muliregular";}






/*add new css for sms campagin*/
.singleSmsCampPage .second-heading .datepicker {position: absolute; width: 230px; right:125px; top: -2px; z-index: 1; }
.singleSmsCampPage .second-heading .datepicker input[type="text"] {background: #ffffff; }
.singleSmsCampPage .second-heading .secondaryButton {position: absolute; right: 25px; top: 0px; }
.singleSmsCampPage .second-heading .secondaryButton i {background-position: -87px -713px; width: 30px; height: 30px; margin-right: 8px; position: relative; top: -3px; border-radius: 5px; }
.singleSmsCampPage .second-heading .kv-drp-dropdown .right-ind {top: 14px;}
.singleSmsCampPage .second-heading .kv-drp-dropdown .kv-clear {top: 8px;}
.singleSmsCampPage .partnersCampaignList .keywordSearch {top: -2px; right: 370px; }
.singleSmsCampPage .dataTables_wrapper .dataTables_filter {width: 222px !important; right: 350px; left: inherit !important; top: -47px !important;}
.singleSmsCampPage .dataTables_wrapper .dataTables_filter input {width: 100%;}
.bulSmsCampPage .trakosuccess{left: 0px !important; max-width: 100% !important; width: 100% !important; top: 7px !important }
.bulSmsCampPage .second-heading .datepicker {position: absolute; width: 230px; right:125px; top: -2px; z-index: 1; }
.bulSmsCampPage .second-heading .datepicker input[type="text"] {background: #ffffff; }
.bulSmsCampPage .second-heading .secondaryButton {position: absolute; right: 25px; top: 0px; }
.bulSmsCampPage .second-heading .secondaryButton i {background-position: -87px -713px; width: 30px; height: 30px; margin-right: 8px; position: relative; top: -3px; border-radius: 5px; }
.bulSmsCampPage .second-heading .kv-drp-dropdown .right-ind {top: 14px;}
.bulSmsCampPage .second-heading .kv-drp-dropdown .kv-clear {top: 8px;}
.bulSmsCampPage .partnersCampaignList .keywordSearch {top: -2px; right: 370px; }
/*add new css for smsm campaing end here*/