@charset "utf-8";

/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600');
@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

@import '../../assets/css/content-design-css/content-block-preview.css';
@import '../../assets/css/content-design-css/document-content-block-preview.css';


/*
font-family: 'Lato', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Raleway', sans-serif;

*/

.nofloat {
  float: none !important;
}

body {
  height: 100%;
  font-family: 'Roboto', sans-serif;
  /*    background-color: #3481be;*/
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  padding-left: 6px;
  padding-right: 6px;
}

.scrollup {
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  opacity: 0.3;
  position: fixed;
  bottom: 50px;
  right: 30px;
  z-index: 9999;
  cursor: pointer;
  display: none;
  background: url('../images/icon_top.png') no-repeat;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: 0 none;
}

.mr0 {
  margin: 0 !important;
}

.relative {
  position: relative;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 100;
  display: none;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.rightmenu span.badge {
  min-width: 23px;
  min-height: 23px;
  border-radius: 100%;
  line-height: 17px;
  display: inline-block;
}

.slidemeubtn {
  display: none;
  border: none;
  background: rgba(255, 255, 255, 0.07);
  padding: 5px 11px;
  font-size: 20px;
  border: 2px solid #ffffff;
  color: #ffffff;
  margin: 0;
  border-radius: 0;
  position: absolute;
  right: 9px;
  top: 5px;
}

.inline_block {
  display: inline-block;
}

.round {
  border-radius: 100%;
  -o-border-radius: 100%;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  -moz-border-radius: 100%;
}

header {
  background-color: #3b3f51;
  position: relative;
  z-index: 9;
}

.logo {
  display: table;
  vertical-align: middle;
  text-align: center;
  height: 76px;
  width: 221px;
  padding: 6px 0;
  max-width: 100%;
}

.vcenter {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.logo a {
  display: block;
}

.mainmenu .navbar-nav {
  margin-left: 17px;
}

header .container-fluid {
  padding-left: 20px;
  padding-right: 20px;
}

.navbar-nav>li>a {
  font-weight: normal;
  text-transform: uppercase;
  color: #8aa7ce;
  font-size: 15px;
  line-height: normal;
}

.mainmenu .navbar-nav>li>a {
  padding: 29px 15px;
  position: relative;
}

header .navbar-nav>li>a:focus,
header .navbar-nav>li>a:hover {
  color: #ffffff;
  background-color: transparent !important;
}

@media (min-width:1366px) {
  .cscontainer {
    width: 1308px;
    margin: auto;
  }
}

@media (min-width:1024px) {
  .phoneth {
    width: 155px;
  }

  .mainmenu .navbar-nav>li {
    padding-left: 10px;
    padding-right: 10px;
  }

  .mainmenu .navbar-nav>li>a {
    padding: 29px 0;
    position: relative;
    font-family: 'Lato', sans-serif;
  }

  .mainmenu .navbar-nav>li>a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #ffffff;
    transition: width .3s;
    margin: 0;
    position: absolute;
    top: 67px;
  }

  .mainmenu .navbar-nav>li.active>a::after,
  .mainmenu .navbar-nav>li>a:hover::after {
    width: 100%;
    transition: width .3s;
  }

  .leftmenudb:hover {
    left: 0;
  }

  .leftmenudb .logo {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #000;
    padding: 24px 10px 0 10px;
    text-align: center;
    height: 76px;
    /* opacity: 0; */
    /* visibility: hidden; */
    -webkit-transition: 300ms;
    transition: 300ms;
  }

  /*ex css*/
  .leftmenudb {
    position: fixed;
    width: 334px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #3b3f51;
    z-index: 99;
    padding: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    left: -265px;
    padding-bottom: 20px;
    overflow-y: auto;
  }

  .showdbmenu .openmenubtn {
    display: none;
  }

  .showdbmenu .leftmenudb {
    left: 0;
  }

  .showdbmenu .overlaydbmenu {
    position: fixed;
    background-color: transparent;
    z-index: 9;
    width: 100%;
    height: 100%;
  }

  .toclosedbmenu {
    color: #3b3f51;
    position: absolute;
    right: -46px;
    background-color: transparent;
    top: 75px;
    font-size: 23px;
    z-index: 99999;
    display: none;
  }

  .showdbmenu .toclosedbmenu {
    display: block;
  }

  .leftmenudb .logo {
    width: 100%;
    background-color: #21252d;
    display: none;
  }

  .showdbmenu .leftmenudb .logo {
    display: table;
  }

  .leftmenudb .logo img {
    margin: auto;
  }

  .leftmenudb .nav>li>a {
    color: #8aa7ce;
    font-size: 18px;
    font-weight: 300;
    border-radius: 0;
    padding: 0 80px 0 44px;
    margin: 6px 0;
    display: block;
    min-height: 50px;
  }

  .leftmenudb .nav>li>a:focus,
  .leftmenudb .nav>li>a:hover {
    background-color: transparent;
    color: #ffffff;
  }

  /*end min 2014px*/
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
  background-color: transparent !important;
}

.padd0 {
  padding: 0;
}

.paddt20 {
  padding-top: 20px;
}

.paddtb20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.paddtb30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.paddt30 {
  padding-top: 30px;
}

.paddb20 {
  padding-bottom: 20px;
}

.paddtb40 {
  padding-bottom: 40px;
  padding-top: 40px;
}

.paddtlr10 {
  padding: 10px 10px 0 10px !important;
}

.logout {
  margin: 28px 10px 0 20px;
}

.avatardrop figure {
  width: 39px;
  height: 39px;
  border-radius: 100%;
  overflow: hidden;
  float: left;
  margin-right: 10px;
}

.avatardrop a {
  font-family: 'Roboto', sans-serif;
  color: #aeb2c4;
  font-size: 16px;
  line-height: 40px;
  font-weight: 300;
  text-decoration: none;
  display: block;
}

.rightmenu .navbar-nav>li>a {
  padding: 26px 15px;
}

.avatardrop {
  margin: 18px 0;
}

.open>div.dropdown-menu li a {
  color: #ffffff;
  background-color: #52b5a1;
  padding: 19px;
  display: block;
  border-top: 1px solid #2f9681;
  text-decoration: none;
}

.open>div.dropdown-menu li:first-child a {
  border-top: 0 none;
}

.open>div.dropdown-menu {
  width: 315px;
  left: inherit;
  right: 0;
  top: 92px;
  padding: 0;
}

.open>div.dropdown-menu.notibx {
  width: 275px;
}

.open>div.dropdown-menu.notibx li a {
  padding: 14px;
}

.open>div.dropdown-menu::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 16px solid #52b5a1;
  margin: 0 auto;
  top: -16px;
  right: 20px;
}

.open>div.dropdown-menu .messagedrop li a {
  position: relative;
  padding-left: 56px;
}

.open>div.dropdown-menu .messagedrop li a .text-warning {
  color: #fffb83;
  font-weight: normal;
  font-size: 18px;
  line-height: normal;
}

.open>div.dropdown-menu .messagedrop li a p {
  width: 100%;
  display: block;
  margin: 0;
  padding: 8px 0 0;
}

.messagedrop li a figure {
  position: absolute;
  left: 6px;
  top: 13px;
  width: 39px;
  height: 39px;
  border-radius: 100%;
  overflow: hidden;
  float: left;
  margin-right: 10px;
}

.drtitle {
  background-color: #2f9681;
  color: #fff;
  font-weight: 300;
  font-size: 15px;
  margin: 0;
  padding: 10px;
}

.drtitle a {
  font-size: 13px;
  color: #fffb83;
  line-height: normal;
}

.leftpanel .cspanel {
  background-color: #ffffff;
  border: 0;
  box-shadow: 0px 0px 5px 0px rgba(126, 126, 126, 0.2);
}

.leftpanel .cspanel .panel-title {
  color: #3fad97;
  font-size: 20px;
  line-height: normal;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  /* font-size: 12px; */
}

.leftform .form-control {
  border-color: #3fad97;
  color: #797979;
  font-size: 14px;
  line-height: normal;
  height: 39px;
}

.leftform input.form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #c3c3c3;
}

.leftform input.form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #c3c3c3;
}

.leftform input.form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: #c3c3c3;
}

.leftform input.form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #c3c3c3;
}

.leftform select.form-control {
  color: #808080;
}

.leftform textarea.form-control {
  height: auto;
}

.leftform>li {
  padding: 7px 0px;
  border-top: 1px solid #e7ebf1;
  background-color: #ffffff;
  /* display: inline-block; */
}

.leftpanel .cspanel .panel-heading {
  padding: 15px 24px;
}

.withnobrder.leftform>li {
  border: 0 none;
  padding-bottom: 0;
}

.withnobrder.leftform>li:last-child {
  padding-bottom: 17px;
}

.leftform {
  padding: 0 10px;
  margin: 0;
}

.leftform>li:first-child {
  border-top: 0 none;
}

.leftform>li.withicon {
  position: relative;
}

.leftform>li.withicon i {
  position: absolute;
  right: 30px;
  top: 20px;
  font-size: 14px;
  color: #3fad97;
  z-index: 0;
}

.leftform>li.withicon label~i {
  top: 59px;
  color: #9C9C9C;
}

.leftform>li label {
  font-weight: 400;
  font-size: 14px;
  color: #3b3f51;
}

.withicon select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.addbtn {
  background-color: #f3520a;
  border-color: #f3520a;
  color: #ffffff;
}

.imbtn {
  background-color: #ffffff;
  border-color: #3b3f51;
  color: #3b3f51;
}

.expobtn {
  background-color: #ffffff;
  border-color: #f3520a;
  color: #f3520a;
}

.sucbtn {
  background-color: #3fad97;
  border-color: #3fad97;
  color: #ffffff;
}

.cogbtn {
  background-color: transparent;
  border-color: transparent;
  padding: 0;
}

.cogbtn:active,
.cogbtn:focus:active,
.cogbtn:focus,
.cogbtn:hover {
  background-color: transparent;
  border-color: transparent;
  opacity: 0.8;
  outline: 0 none;
}

.btnnewlist {
  margin: 0;
  padding: 15px;
}

.btnnewlist>li {
  padding: 0;
  margin: 0 0 0 7px;
  position: relative;
}

.btnnewlist>li:first-child {
  margin-left: 0;
}

.btnnewlist>li .btn {
  border-radius: 20px;
  font-weight: 500;
  font-size: 13px;
  height: 32px;
  vertical-align: middle;
  font-family: 'Montserrat', sans-serif;
}

.btnnewlist>li .settignmenu .btn {
  padding: 0px 31px
}

.btnnewlist>li .btn.btn-lg,
.buttonset .btn.btn-lg {
  height: auto;
  line-height: 20px;
  font-size: 17px;
  border-radius: 100px;
  padding-left: 32px;
  padding-right: 32px;
  font-weight: 300;
}

.settingli {
  position: relative;
}

.settignmenu {
  position: absolute;
  width: 260px;
  right: 0;
  top: 50px;
  background-color: #ffffff;
  z-index: 4;
  box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.4);
}

.settignmenu::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 16px solid #3fad97;
  margin: 0 auto;
  top: -16px;
  right: 6px;
}

.settignmenu h4 {
  color: #ffffff;
  padding: 7px 20px;
  margin: 0;
  text-align: left;
  background-color: #3fad97;
  font-weight: normal;
  font-size: 16px;
}

.settignmenu .btnwrp {
  padding: 10px 0;
}

.settignmenu .btn {
  min-width: inherit;
}

.itemlist label:hover {
  cursor: pointer;
}

.itemlist label {
  display: block;
  padding: 5px 20px;
  font-size: 15px;
  line-height: normal;
  font-weight: normal;
  color: #585858;
}

.itemlist .checkico {
  display: inline-block;
  margin: 0 6px 0 0;
}

.acmenu li a {
  display: block;
  padding: 7px 22px;
  font-size: 15px;
  line-height: normal;
  font-weight: normal;
  color: #585858;
}

.acmenu li a:hover {
  background-color: #F6F6F6;
  text-decoration: none;
}

.tabltitle {
  color: #3fad97;
  font-size: 22px;
  line-height: normal;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0;
  padding: 20px 0 0 10px;
}

.table_default thead th {
  background-color: #f6f6f6;
  font-weight: 300;
  font-size: 15px;
  line-height: normal;
  color: #929293;
  background: #000;
}

.table_default tbody td {
  font-weight: normal;
  font-size: 14px;
  line-height: normal;
  color: #31384a;
}

.table_default tbody td strong {
  color: #3b3f51;
}

.table_default .table>tbody>tr>td,
.table_default .table>thead>tr>th,
.table_default .table>tbody>tr>td {
  padding: 10px 20px;
  vertical-align: middle;
}

.table_default .table>thead>tr>th,
.table_default .table>tbody>tr>th {
  padding: 10px 0 10px 21px;
  /*    max-width: 23px;*/
}

.table_default .table>thead>tr>th {
  border-bottom: 0 none;
}

.table_default .table>tbody>tr:first-child>th,
.table_default .table>tbody>tr:first-child>td {
  border-top: 0 none;
}

.table_default label {
  margin: 0;
}

.checkico {
  width: 20px;
  height: 20px;
  font-size: 20px;
}

.smallavatar {
  width: 35px;
  height: 35px;
  border-radius: 100%;
  overflow: hidden;
  float: left;
  margin-right: 10px;
}

.smallavatar img {
  min-height: 100%;
}

@media (min-width:640px) {

  .table_default .table>thead>tr>th:nth-child(2),
  .table_default .table>tbody>tr>td:nth-child(2) {
    padding-left: 0;
  }

  .table_default .table>thead>tr>th {
    border-bottom: 0 none;
    /*  padding-top: 16px;
         padding-bottom: 3px; */
  }

  .table_default .table>tbody>tr>th label {
    margin: 8px 0 0;
  }

  .smallavatar+span,
  .smallavatar+strong {
    margin: 10px 0 0 0;
    display: inline-block;
  }
}

.fa.fa-check-square {
  display: none;
}

input[type=checkbox]:checked+.checkico .fa.fa-square {
  display: none;
}

.fa-square:before {
  color: #999
}

input[type=checkbox]:checked+.checkico .fa.fa-square-o {
  display: none;
}

input[type=checkbox]:checked+.checkico .fa.fa-check-square {
  display: block;
}

.paginationew .pagination>li a:hover,
.paginationew .pagination>.active>a,
.paginationew .pagination>.active>span,
.paginationew .pagination>.active>a:hover,
.paginationew .pagination>.active>span:hover,
.paginationew .pagination>.active>a:focus,
.paginationew .pagination>.active>span:focus {
  background-color: #59bdb3;
  border-color: #59bdb3;
  color: #ffffff;
}

.paginationew .pagination>li>a,
.paginationew .pagination>li>span {
  color: #31384a;
  background-color: #fff;
  border-color: #f2f2f2;
  margin: 0;
  padding: 7px 15px;
  border-radius: 0;
}

.bggreyone {
  background-color: #e9ecf3;
  min-height: 600px !important;
}

.white_bg {
  background-color: #ffffff;
  min-height: 150px;
}

.container-fluid.bggreyone {
  min-height: calc(100vh - 135px);
}

footer {
  background-color: #3fad97;
  color: #ffffff;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 12px;
  padding: 10px 0;
}

footer .fcpy {
  margin: 11px 0;
  padding-left: 125px;
}

.socilaf {
  margin: 0;
  /*    position: relative;
        top: 2px;*/
}

.socilaf li a {
  text-decoration: none;
}

.socilaf li a i {
  width: 35px;
  height: 35px;
  border-radius: 100%;
  background-color: #ffffff;
  overflow: hidden;
  color: #3fad97;
  font-size: 18px;
  line-height: 38px;
  text-align: center;
  display: block;
  position: relative;
  top: 2px;
}

.socilaf {
  margin: 0;
}

.collesspadd,
.collesspadd>[class*=col] {
  padding-left: 9px;
  padding-right: 8px;
}

.cntactadd {
  position: relative;
  -webkit-transition: 400ms;
  transition: 400ms;
  min-height: 400px;
}

.ovelay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.44);
  -webkit-transition: 800ms;
  transition: 800ms;
}

/* .open_popup {
    overflow:hidden;
} */

.cntactadd.open_popup .midobjet {
  overflow: auto;
  filter: blur(10px);
}

.cntactadd.open_popup.no-blur .midobjet {
  filter: inherit;
}

.formwrap {
  /*position:absolute;*/
  top: 0;
  left: 0;
  width: 100%;
  /*  right:0;
     bottom:0; */
  /* height:100%; 
   
    -webkit-transition:800ms;
    transition:800ms;*/
  position: fixed;
  z-index: 99;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  padding-bottom: 40px;
}

.formwrap2 {
  /*position:absolute;*/
  top: 0;
  left: 0;
  /*  right:0;
     bottom:0; */
  /* height:100%; */
  width: 100%;
  -webkit-transition: 800ms;
  transition: 800ms;
  z-index: 2;
  position: fixed;
  z-index: 99;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  padding-bottom: 40px;
}

.conbx {
  width: 843px;
  max-width: 100%;
  padding: 10px;
  position: relative;
  z-index: 1;
  background-color: #fff;
  /* height:100%;
    overflow:auto; */
  margin-bottom: 30px;
}

.formwrap .conbx {
  /*-webkit-transition: -webkit-transform .3s ease-out;*/
  /*-o-transition: -o-transform .3s ease-out;*/
  /*transition: transform .3s ease-out;*/
  position: relative;
  z-index: 2;
  border-radius: 6px;
  margin: 20px auto 0;
  border: 1px solid rgba(0, 0, 0, .2);
  box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  padding-top: 20px;
  width: 750px;
}

.modaloverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  display: none;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 91;
  top: 0;
  left: 0;
}

.open_modal .modaloverlay {
  display: block !important;
}

.formwrap2 .formwrapOvrly,
.formwrap .formwrapOvrly {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.cntactadd.open_popup .formwrap .conbx {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

/* .modal {
    top:30%!important;
} */


/*
.formwrap {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    -o-transform: translate(0,-25%);
    transform: translate(0,-25%);
}

.cntactadd.open_popup .formwrap {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}*/


/*scrollbar*/

.scrollnice .mCSB_dragger_bar,
.scrollnice .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #f3520a !important;
  margin: 10px auto;
  height: 97%;
}

.scrollnice .mCSB_scrollTools {
  z-index: 99999;
}

.scrollnice .mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(255, 255, 255, 0.5) !important;
  width: 12px;
}


/*srcoll abar*/

.adcttitle {
  color: #31384a;
  font-size: 26px;
  line-height: 32px;
  margin: 15px 0 0;
  font-weight: normal;
  padding: 0 0 9px;
  font-family: 'Lato', sans-serif;
}

.ctavatar {
  width: 178px;
  height: 178px;
  overflow: hidden;
  border: 3px solid #f3520a;
}

.logoAvtar {
  width: 216px;
  height: 130px;
  display: table !important;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  border: 3px solid #f3520a;
}

.withico {
  position: relative;
}

.withico select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  z-index: 99;
}

.withico .icofr {
  position: absolute;
  right: 37px;
  top: 41px;
  color: #777777;
  font-size: 16px;
}

.conbx .form-control {
  border-radius: 4px;
  font-size: 14px;
  line-height: normal;
  font-weight: normal;
  border-color: #c0c0c0;
  height: 40px;
  box-shadow: none;
  color: #000000;
}

.conbx label {
  color: #3d3c3c;
  font-size: 13px;
  line-height: 21px;
  font-weight: 600;
  font-family: 'Lato', sans-serif;
  font-family: 'Montserrat', sans-serif;
  display: block;
}

.conbx textarea.form-control {
  height: auto;
}

.cscolorbx .form-control:focus,
.settignwrp .form-control:focus,
.cmbx textarea.form-control:focus,
.srchform .form-control:focus,
.conbx .form-control:focus {
  border-color: #3fad97;
  box-shadow: 0 0 8px rgba(63, 173, 151, 0.41);
}

.conbx p {
  font-weight: normal;
  font-size: 14px;
  line-height: normal;
  color: #626262;
}

.conbx .upphotoct,
.upphotoct {
  font-weight: normal;
  font-size: 12px;
  line-height: normal;
  color: #ffffff;
  background-color: #f3520a;
  border: 1px solid #f3520a;
  display: inline-block;
  border-radius: 20px;
  padding: 5px 20px;
  margin: -15px 0 0;
}

button.addfile:focus,
button.addfile:hover {
  outline: 0 none;
}

.addfile,
.conbx .addfile {
  font-weight: 300;
  font-size: 15px;
  line-height: normal;
  color: #6b6b6b !important;
  background-color: #efefef;
  border: 1px solid #a9a9a9;
  display: inline-block;
  border-radius: 20px;
  padding: 10px 20px 10px 40px;
  height: 41px;
  position: relative;
  font-weight: normal !important;
  cursor: pointer;
}

.addfile .icof {
  position: absolute;
  left: 17px;
  font-size: 28px;
  line-height: 17px;
  color: #9c9c9c;
}

.bordertop {
  border-top: 1px solid rgba(0, 0, 0, 0.22);
}

.csbtn {
  height: 43px;
  font-size: 19px;
  line-height: normal;
  font-weight: 300;
  border-radius: 40px;
  min-width: 153px;
  margin: 0 7px;
  padding: 0 40px;
}

.csbtn.btn-default {
  color: #a3a3a3;
  background-color: transparent;
  border-color: #c4c4c4;
  font-size: 16px;
  line-height: 22px;
  border-radius: 100px;
  padding: 12px 45px;
  font-weight: 600;
  height: auto;
}

.csbtn.btn-success:not(.smbtn) {
  background-color: #3fad97;
  border-color: #3fad97;
  font-size: 16px;
  line-height: 22px;
  border-radius: 100px;
  padding: 12px 45px;
  font-weight: 600;
  height: auto;
}

.actnico {
  width: 50px;
}

.myaccount {
  width: 100%;
  padding: 20px;
}

.tabmenuwrap {
  border-bottom: 1px solid #3fad97;
}

.tabgroup .nav-tabs {
  margin: 0 0 -5px;
  border-bottom: 0 none;
}

.tabgroup .nav-tabs>li>a {
  border: 1px solid transparent !important;
  border-radius: 0;
  font-size: 19px;
  line-height: normal;
  color: #3b3f51;
  padding: 10px 50px;
  background-color: transparent !important;
  font-family: 'Lato', sans-serif;
}

/* .tabnemenu .tabmenuwrap {
       overflow-x:auto;
        overflow-y:hidden;
} */

.tabnemenu .nav-tabs {
  margin: 0;
}


/*.tabgroup .nav-tabs li.active:hover {
    pointer-events:none;
}*/

.tabgroup .nav-tabs:hover li.active::after {
  opacity: 0;
}

.tabnemenu .nav-tabs>li>a {
  font-size: 14px;
  line-height: 22px;
  padding: 10px 15px;
  margin: 0;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}

.tabgroup .nav-tabs>li:hover {
  cursor: pointer;
}

/* .tabgroup .nav-tabs>li.active>a,
.tabgroup .nav-tabs>li.active>a:focus,
.tabgroup .nav-tabs>li.active>a:hover {} */

.tabgroup .nav-tabs>li::after {
  content: '';
  display: block;
  width: 0;
  height: 4px;
  background: transparent;
  transition: width .3s;
  margin: 0;
  position: relative;
  top: 0;
  margin: 0 auto;
}

.tabgroup .nav-tabs>li.active::after,
.tabgroup .nav-tabs>li.active:focus:after,
.tabgroup .nav-tabs>li:hover:after {
  width: 99.99%;
  background: #3fad97;
  transition: width .5s ease, background-color .5s ease;
}

.myacavatar {
  width: 205px;
  height: 205px;
  overflow: hidden;
  border: 3px solid #f3520a;
  margin-top: 45px;
}

.nocontent {
  padding: 10px;
}

.mcupfile,
.conbx .mcupfile {
  background-color: #f3520a;
  color: #ffffff;
  width: 52px;
  height: 52px;
  display: table;
  font-size: 22px;
  vertical-align: middle;
  text-align: center;
  margin: -48px auto 0;
  position: relative;
  z-index: 2;
  right: -50px;
  cursor: pointer;
}

.mcupfile i {
  display: table-cell;
  vertical-align: middle;
}

.conbx p.CaptionCont.SelectBox {
  border-color: #d5d5d5;
  height: 43px;
  border-radius: 0 !important;
}

.conbx .SumoSelect>.CaptionCont>label {
  top: 7px;
}

.conbx .SumoSelect>.CaptionCont>span {
  padding-top: 8px;
  color: #626262;
  position: relative;
  z-index: 9;
}

/* .bggreytwo {
    background-color: #f9f9f9 !important;
} */

.bggreytwo.unseen {
  background-color: #d8e8e5 !important;
}

.mediumsel {
  max-width: 371px;
}

.txtlb {
  font-size: 17px;
  line-height: normal;
  font-weight: normal;
  position: relative;
}

.conbx label.txtsmall {
  font-size: 17px;
  line-height: normal;
  font-weight: normal;
  position: relative;
  padding-left: 30px;
  padding-top: 3px;
}

.pusspl30 {
  padding-left: 30px;
}

.chatico {
  width: 24px;
  height: 24px;
  border: 3px solid #3fad97;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}

.chatico::after {
  width: 8px;
  height: 8px;
  background-color: #3fad97;
  position: absolute;
  left: 5px;
  top: 5px;
  display: block;
  content: "";
  opacity: 0;
  border-radius: 100%;
}

input[type="radio"]:checked+.chatico::after {
  opacity: 1;
}

.txtsmall .SumoSelect {
  width: auto;
  display: inline-block;
  margin: 0 10px;
  z-index: 9999;
}

.lblnsumo .SumoSelect {
  width: auto;
  display: inline-block;
  margin: 0 10px;
}

.sumonradio .SumoSelect {
  width: auto;
  display: inline-block;
  margin: 0 10px;
}

.tab_drawer_heading {
  display: none;
}

.text-orange {
  color: #F3520A !important;
}

.btn-lgcs {
  padding-left: 30px;
  padding-right: 30px;
}

.leftform.list2>li {
  color: #3b3f51;
  font-size: 13px;
  font-weight: 400;
  padding: 10px 20px;
  font-family: 'Lato', sans-serif;
}

.asslist li a {
  padding: 3px 20px;
  color: #ffffff;
  border-top: 1px solid #1B6959;
  display: block;
}

.asslist {
  margin: 0;
}

.asslist li:first-child a {
  border-top: 0 none;
}

.txtgreen {
  color: #079BF3;
}


/*tooltip*/

.tooltipuc {
  position: relative;
  left: 4px;
}

.conttooltip {
  font-size: 14px;
  line-height: 22px;
  font-weight: normal;
  color: #ffffff;
}

.tooltipcontuc:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #52B5A1;
}

.tooltipuc:hover .tooltipcontuc,
.tooltipuc .badge:focus+.tooltipcontuc,
.tooltipuc .badge:hover+.tooltipcontuc {
  display: block !important;
}

.tooltipcontuc {
  position: absolute;
  bottom: 15px;
  left: 0;
  width: auto;
  border: 1px solid #52B5A1;
  background-color: #52B5A1;
  width: auto;
  text-align: left;
  padding: 10px;
  z-index: 9;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.46);
}


/*tooltip ]]*/

.conbx .input-group-addon {
  border-radius: 0;
}

.bigsp {
  min-width: 28px;
  display: inline-block;
  font-size: 17px;
}

.oppoacxtion a,
td.actionbtnlist a {
  display: inline-block;
  margin: 0 4px;
}

th.opstaction {
  width: 109px !important;
  padding-left: 0 !important;
}

td.actionbtnlist {
  width: 98px;
}

.visitortbl .checkico {
  width: 35px;
  font-size: 18px;
  height: 25px;
}

.visitortbl.table_default .table>tbody>tr>th label {
  margin: 0;
}

.leftform .SumoSelect>.CaptionCont>span {
  color: #7F7F7F;
}

.leftform>li .SumoSelect label {
  font-size: 14px;
}

.assslider.ui-widget-content {
  border: 0 none;
  background: #D2D2D2;
  border-radius: 7px !important;
  height: 7px;
  margin: 30px 0 0;
}

.assslider.ui-widget-content,
.assslider.ui-slider .ui-slider-range {
  box-shadow: none !important;
}

.assslider.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
  background-color: #40AD98 !important;
  box-shadow: none;
}

.assslider .ui-widget-header {
  border-color: #40AD98;
  background: #40AD98;
}

.conbx .assslider .ui-slider-label-inner {
  overflow: hidden;
  background-color: #3C3F52;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  margin: auto;
}

.conbx .assslider label {
  color: #40AD98;
  font-weight: normal;
  background-color: transparent;
  border: 0 none;
  margin: -20px 0 3px;
  display: block;
  font-size: 14px;
}

.assslider.ui-slider-horizontal .ui-slider-handle {
  /*    background: none;*/
  border: 0 none;
  width: auto;
  text-decoration: none;
  outline: 0 none;
  top: -4px !important;
}

.icodateex {
  position: absolute;
  bottom: 8px;
  left: 33px;
}

.frdate input.form-control {
  padding-left: 57px;
}

.gptop32 {
  margin-top: 32px;
}

.lsocial li:hover {
  opacity: 0.75;
}

.tagslist>span {
  padding: 10px 44px 9px 17px;
  font-size: 15px;
  line-height: normal;
  font-weight: normal;
  color: #282828;
  display: inline-block;
  position: relative;
  background-color: #e3e6ec;
  border-radius: 30px;
  margin: 6px;
  white-space: nowrap;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tgnumbr {
  display: inline-block;
  width: 38px;
  height: 38px;
  background-color: #f45b17;
  font-weight: 500;
  color: #ffffff;
  position: absolute;
  right: 0;
  top: 0.03em;
  text-align: center;
  vertical-align: middle;
  line-height: 40px;
}

.avatarassign {
  padding: 0 0 0 60px;
  position: relative;
}

.avatarassign figure {
  width: 52px;
  height: 52px;
  overflow: hidden;
  position: absolute;
  left: 0;
}

.avatarassign p {
  margin: 12px 0 0;
  color: #626262;
  font-size: 19px;
  width: 100%;
}

.avatarassign p strong {
  overflow-wrap: break-word;
  word-break: break-word;
}

.avatarassign p small {
  display: block;
  font-size: 14px;
  line-height: normal;
  color: #b0b0b0;
}

.avatarassign {
  padding: 0 0 0 0px;
  position: relative;
  min-height: 53px;
}

.timelinepage .avatarassign {
  padding: 0 0 0 0px;
  text-align: left;
}

.avatarassign .contact_name {
  width: auto;
  margin: 0;
  padding: 0 10px;
}

.avatarassign .contact_name .jobrole {
  padding-left: 0;
}

.timelinepage .avatarassign.center-avtar {
  text-align: center;
}

.large-avtar figure {
  width: 100px;
  height: 100px;
  overflow: hidden;
  position: static;
  left: 0;
  margin: auto;
}

.timelinepage .avatarassign figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.timeltitle {
  border-bottom: 1px solid #3fad97;
}

.timeltitle p {
  color: #57b6a3;
  font-size: 18px;
  line-height: normal;
  margin: 0;
  font-weight: 500;
  /* padding:0 15px; */
  font-family: 'Montserrat', sans-serif;
}

.timeltitle.text-orange {
  color: #F3520A;
  border-color: #F3520A;
}

.timeltitle.text-orange p {
  color: #F3520A;
}

.srchform {
  max-width: 500px;
  padding: 10px 0 10px 10px;
}

.dtfild {
  background: #ffffff url(../images/date-ico.png) no-repeat 8px center;
  max-width: 111px;
  padding-left: 29px;
}

.srchform .form-control {
  color: #89898a;
  font-size: 13px;
  line-height: normal;
  height: 40px;
  border-color: #d0d0d0;
  box-shadow: none;
  /* border-radius: 30px; */
}

.serchinput .form-control {
  width: 261px;
  max-width: 100%;
  font-family: 'Lato', sans-serif;
  color: #222;
  font-family: 'Montserrat', sans-serif;
}

.srchbtn {
  position: absolute;
  right: 1px;
  top: 1px;
  background: #ffffff url(../images/search-ico.png) no-repeat center center;
  border: 0 none;
  border-left: 1px solid #e5e5e5;
  padding: 0;
  width: 32px;
  height: 93%;
  border-top-right-radius: 100% !important;
  border-bottom-right-radius: 100% !important;
}

.srchbtn:focus,
.srchbtn:active {
  outline: 0 none;
}

.serchinput {
  position: relative;
}

.adsearch {
  color: #3b3f51;
  display: inline-block;
  margin: 5px 0 0;
}

.timelbtncol {
  padding: 10px;
  max-width: 451px;
}

.rad20 {
  border-radius: 20px;
}

.btntimelist .btn {
  padding-left: 15px;
  padding-right: 15px;
  font-family: 'Montserrat', sans-serif;
}

.btngrey {
  background-color: #3b3f51;
  border-color: #3b3f51;
  color: #ffffff;
}

.txtbtn {
  color: #3b3f51;
  font-size: 14px;
  line-height: normal;
  font-weight: 300;
  padding: 10px 0;
  text-decoration: underline;
}

.txtbtn:hover {
  text-decoration: none;
  color: #3b3f51;
  cursor: pointer;
}

.txtbtn img {
  margin: 0 5px;
}

.cmbxinfo li {
  padding: 0;
}

.cmbxinfo li a {
  color: #f3520a;
  font-size: 12px;
  line-height: normal;
  padding: 0 10px;
  border-left: 1px solid #a7a7a7;
}

.cmbxinfo li:first-child a {
  border-left: 0 none;
  padding-left: 0;
}

.cmbx {
  position: relative;
  /* padding: 15px 60px 15px 57px;  15_11_2019*/
  padding: 15px 40px 15px 40px;
  box-shadow: rgb(228 228 228 / 31%) 0px 0px 7px 3px;
  font-family: 'Montserrat', sans-serif;
  /* margin: 10px 0px; */
  border: #e8e8e8 1px solid;
}

.cmbx figure.round {
  width: 27px;
  height: 27px;
  overflow: hidden;
  position: absolute;
  top: 14px;
  left: 12px;
}

.cmbx figure.round img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

.avnamcbx {
  color: #626262;
  font-size: 16px;
  line-height: normal;
  margin: 0 0 4px;
  font-weight: 300;
}

/* .avnamcbx strong {
    display: block;
    width: 100%;
} */

.avnamcbx .txtgreen {
  display: inline-block;
  position: relative;
}

.cmbx label {
  color: #626262;
  font-size: 15px;
  line-height: normal;
  margin: 15px 0 10px;
}

.cmbx .form-control {
  border-color: #f8f8f8;
  box-shadow: none;
  border-radius: 0;
  background: #f8f8f8;
  box-shadow: rgb(220 220 220) 0px 0px 4px 0px;
}

.cmbx textarea.form-control {
  height: 40px;
  resize: vertical;
}

.cmbx textarea.form-control:focus {
  height: auto;
}

.cmbx .txtbtn {
  margin-left: 7px;
  padding-bottom: 0;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  color: #000;
}

.cmbx .no-padding.txtbtn {
  padding: 0;
}

.whitdrop::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 16px solid #ffffff;
  margin: 0 auto;
  top: -16px;
  right: 6px;
}

.setreminder::before {
  right: 100px;
}

.whitdrop {
  background-color: #ffffff;
  position: absolute;
  top: 50px;
  box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.4);
  z-index: 99;
}

.setreminder {
  width: 405px;
  right: -98px;
}

.wdtwoinput input.form-control {
  width: 44px;
}

.wdtwoinput label {
  font-weight: normal !important;
}

.wdtwoinput .selct {
  width: 100px;
  margin: 0 0 0 16px;
}

.wdtwoinput .SumoSelect>.CaptionCont>span {
  padding-top: 0;
}

.wdtwoinput input.form-control,
.wdtwoinput .SumoSelect>.CaptionCont,
.wdtwoinput .SumoSelect>.CaptionCont:focus {
  border-color: #d5d5d5;
  height: 31px;
  border-radius: 0;
}

.cmbx .whitdrop .itemlist label {
  padding-left: 0;
  margin: 0;
}

.cmbx .wdtwoinput label {
  margin: 9px 0 10px;
}

.leftbrder {
  border-left: 1px solid #e5e5e5;
}

.whitdrop .csbtn.btn-sm {
  padding: 5px 30px;
  font-size: 12px;
  line-height: normal;
  height: auto;
  min-width: inherit;
  margin-bottom: 20px;
}

.timelinelist>li {
  padding-top: 24px;
  padding-left: 66px;
  position: relative;
}

.timdesk {
  font-size: 13px;
  line-height: 23px;
  color: #222;
  font-weight: 400;
  margin: 5px 0;
  font-family: 'Montserrat', sans-serif;
  word-break: break-all;
}

.timelinebar {
  display: block;
  position: absolute;
  left: 33px;
  border-left: 5px solid #FDC820;
  height: 100%;
}

.circlet {
  width: 20px;
  height: 20px;
  overflow: hidden;
  background-color: #FDC820;
  border: 2px solid #ffffff;
  display: inline-block;
  box-shadow: 0 0 10px rgba(253, 200, 32, 0.8);
  margin: 0 0 0 -13px;
}

.timelinelist>li:nth-child(6) .timelinebar,
.timelinelist>li:nth-child(2) .timelinebar {
  border-left-color: #0a99f3;
}

.timelinelist>li:nth-child(6) .circlet,
.timelinelist>li:nth-child(2) .circlet {
  background-color: #0a99f3;
  box-shadow: 0 0 10px rgb(10, 153, 243);
}

.timelinelist>li:nth-child(7) .timelinebar,
.timelinelist>li:nth-child(3) .timelinebar {
  border-left-color: #ff7d43;
}

.timelinelist>li:nth-child(7) .circlet,
.timelinelist>li:nth-child(3) .circlet {
  background-color: #ff7d43;
  box-shadow: 0 0 10px rgb(255, 125, 67);
}

.timelinelist>li:nth-child(8) .timelinebar,
.timelinelist>li:nth-child(4) .timelinebar {
  border-left-color: #3DAF98;
}

.timelinelist>li:nth-child(8) .circlet,
.timelinelist>li:nth-child(4) .circlet {
  background-color: #3DAF98;
  box-shadow: 0 0 10px rgb(61, 175, 152);
}

.whitearrow::before {
  border-bottom-color: #ffffff;
}

.btntxt {
  background-color: transparent;
  color: #626262;
  font-size: 16px;
  line-height: normal;
}

.cmbx .settignmenu label {
  margin: 6px 0;
}

.withfileup {
  position: relative;
}

label.upfiletimel {
  position: absolute;
  top: 0;
  right: 10px;
  width: 54px;
  margin: 0;
  display: table-cell;
  vertical-align: middle;
  padding-top: 12px;
  cursor: pointer;
}

label.upfiletimel img {
  margin: auto;
}

.withbrderp {
  border-radius: 0;
  margin: 10px 0 0;
}

.withbrderp.panel-default>.panel-heading {
  color: #626262;
  background-color: #ffffff;
  border-color: #d5d5d5;
  padding: 10px 18px;
}

.withbrderp.panel-default .panel-body {
  padding: 16px 18px;
  font-size: 13px;
  line-height: 23px;
  color: #626262;
}

.withcallico {
  padding-left: 30px;
  position: relative;
}

.withcallico::before {
  display: block;
  content: "“";
  font-family: Rockwell, Courier Bold, Courier, Georgia, Times, Times New Roman, serif;
  position: absolute;
  left: 0;
  font-weight: normal;
  font-size: 44px;
  line-height: 37px;
  color: #f3520a;
  top: 0;
}

.text-sky {
  color: #52b5a1 !important;
}

.normal-text {
  font-weight: normal !important;
}

.text-black {
  color: #000000 !important;
}

.cmbx_separt {
  padding: 0 !important;
}

.cmbx_separt .cmbx {
  padding-top: 0;
  margin-bottom: 0;
}

.tablecs {
  padding: 15px 61px 15px 60px;
  /* border-top: 1px solid #e1e1e1; */
  /* border-bottom: 1px solid #e1e1e1; */
  background: #f8f8f8;
}

.tablecs .table {
  margin: 0;
}

.tablecs .table tr>td {
  font-size: 15px;
  line-height: normal;
  border: 0 none;
}

.tablecs .table>thead>tr>td {
  color: #626262;
}

.tablecs .table>tbody>tr>td {
  color: #000000;
}

.smbtn {
  padding: 4px 14px;
  font-size: 12px;
  line-height: normal;
  height: auto;
  min-width: inherit;
  margin-bottom: 7px;
  margin-left: 0;
}

p.smbtn.black {
  cursor: text;
  -webkit-user-select: inherit;
  -moz-user-select: inherit;
  -ms-user-select: inherit;
  user-select: inherit;
}

.smbtn.black {
  background-color: #3b3f51 !important;
  border-color: #3b3f51 !important;
}

.inflist li {
  font-size: 14px;
  font-weight: normal;
  padding-top: 10px;
}

.inflist li:first-child {
  padding-top: 0;
}

.inflist li span {
  width: 120px;
  display: inline-block;
}

.bottomhead a,
.inflist li:nth-child(odd) span {
  color: #3fad97;
}

.inflist li:nth-child(even) span {
  color: #f45b17;
}

.bottomhead {
  border-top: 1px solid #ddd;
  border-bottom: 0 none;
}

.smavatar {
  width: 22px;
  display: inline-block;
  height: 22px;
  border-radius: 100%;
  -o-border-radius: 100%;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  -moz-border-radius: 100%;
  overflow: hidden;
  margin: 0;
  position: relative;
  top: 6px;
}

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

.autogrplist {
  border: 1px solid #ddd;
  padding: 0 15px;
}

.autogrplist li {
  color: #40AD98;
  padding: 8px;
  border-bottom: 1px solid #ddd;
  font-weight: 300;
}

.addngrpbtn .pico {
  font-size: 22px;
  position: absolute;
  top: 9px;
  left: 0;
  line-height: 0;
}

.addngrpbtn {
  color: #f3520a;
  padding: 0 5px 7px 20px;
  display: inline-block;
  position: relative;
}

.addngrpbtn:hover {
  color: #3C3F52;
}

.conbx .showautolist.form-control:focus {
  box-shadow: none;
  border-color: #ddd;
}

.timelinepage .leftpanel .cspanel {
  background-color: #f6f6f6;
  border-color: transparent;
  border-radius: 0;
}

.timelinepage .leftpanel .cspanel .panerl-body,
.timelinepage .leftpanel .cspanel .panel-body {
  background-color: #ffffff;
  padding: 5px;
}

a.seemore {
  color: #52b5a1;
  text-decoration: underline;
  padding: 10px 0;
  display: inline-block;
}

.timelinepage .leftpanel .cspanel .panel-heading {
  padding: 10px 10px;
  border-color: #F6F6F6;
  background-color: #F6F6F6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.timelinepage .leftform.list2>li {
  font-size: 15px;
}

.bordertptime {
  border-top: 1px solid #e7ebf1;
}

.grptable.visitortbl .checkico {
  font-size: 19px;
  position: relative;
  top: 4px;
}

.grptable.table_default tbody td {
  font-size: 15px;
}

.grptable input[type=checkbox]:checked+.checkico .fa-check-square {
  top: 3px;
  position: relative;
}

.itemlist li a {
  color: #626262;
  font-size: 16px;
  line-height: normal;
  padding: 9px 20px;
  display: block;
  border-top: 1px solid #e7ebf1;
}

.itemlist li:first-child a {
  border-top: 0 none;
}

.itemlist li:last-child a {
  padding-bottom: 0;
}

.tablef .table {
  margin-bottom: 0;
}

.tablef .table>tbody>tr>td,
.tablef .table>tbody>tr>th,
.tablef .table>tfoot>tr>td,
.table>tfoot>tr>th,
.tablef .table>thead>tr>td,
.tablef .table>thead>tr>th {
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  padding: 8px 19px;
}

.tablef .checkico {
  display: inline-block;
  color: #F3520A;
  margin-right: 4px;
}

.avtarbtn {
  position: absolute;
  right: 0;
  width: 112px;
  text-align: right;
}

.avtarbtn .btn {
  margin-right: 0;
  border-radius: 40px;
  -o-border-radius: 40px;
  -ms-border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
}

.chtnum {
  background-color: #f3520a;
  width: 17px;
  height: 17px;
  overflow: hidden;
  display: block;
  position: absolute;
  right: -10px;
  top: -6px;
  color: #fff;
  font-size: 11px;
  line-height: 17px;
}

.timelinepage .leftpanel .cspanel .smbtn.black img {
  margin: 0 3px 0 -6px;
}

.nmndesi .avatarassign p {
  margin-top: 3px;
}

.snglbtn .btn {
  margin-top: 15px;
}

.actvlink {
  display: inline-block;
  width: 50%;
  padding: 15px;
  float: left;
  text-decoration: none;
  border: 1px solid #eef1f5;
  height: 116px;
}

.actvlink-auto-height .actvlink {
  min-height: 116px;
  height: auto;
}

.actvlink:focus {
  outline: 0 none;
  text-decoration: none;
}

.actvlink:hover {
  text-decoration: none;
  opacity: 0.8;
}

span.greynot {
  color: #929293;
  font-size: 15px;
  line-height: normal;
  display: block;
  margin: 8px 0 0;
}

span.bgactname {
  color: #657178;
  font-size: 25px;
  line-height: normal;
  font-weight: 500;
  display: inline-block;
  position: relative;
  top: 7px;
}

span.bgactname.top-0 {
  top: 0;
}

span.bgactname.small {
  font-size: 15px;
}

span.bgactname.medium {
  font-size: 20px;
}

.onlyborder {
  padding-left: 15px;
  padding-right: 15px;
  color: #3b3f51;
  border-color: #464a5b;
  min-width: 114px;
}

.tableinfotitle {
  /* background-color: #efefef;
    border-bottom: 2px solid #cccccc;
    padding: 10px 25px;
    font-size: 19px;
    line-height: normal;
    color: #6b6b6b;
    margin: 0;  25_11_2019*/
  /* background-color: #f5f5f5; */
  border-bottom: none;
  padding: 9px 25px;
  font-size: 19px;
  line-height: normal;
  color: #6b6b6b;
  margin: 0;
  border-bottom: 1px solid #ddd;
}


/* .tableinfo table tr:nth-child(even) {
    background-color: #ececec;
} 15_11_2019*/

.tableinfo .table p {
  color: #626262;
  font-size: 16px;
  margin: 0 0 3px;
}

.tsinlist {
  margin: 0;
}

.tsinlist li {
  font-weight: 300;
  font-size: 12px;
}

.tsinlist li:first-child {
  padding-left: 0;
}

.tableinfo .table>tbody>tr>td,
.tableinfo .table>tbody>tr>th,
.tableinfo .table>tfoot>tr>td,
.tableinfo .table>tfoot>tr>th,
.tableinfo .table>thead>tr>td,
.tableinfo .table>thead>tr>th {
  border: 0 none;
  color: #626262;
  padding-left: 25px;
  padding-left: 25px;
}

.actd {
  width: 150px;
}

.actd.twbtn {
  width: 110px;
}

.actd a {
  display: inline-block;
  float: left;
}

.actd a:hover {
  text-decoration: none;
  opacity: 0.85;
}

a.smbtntb {
  margin: 12px 5px 0;
}

a.bigbtntb {
  margin: 2px 10px 0 0;
  display: inline-block;
  vertical-align: top;
}

.emaltypebtn {
  color: #3b3f51;
  font-size: 15px;
  line-height: normal;
  border-radius: 30px;
  padding: 7px 14px;
  border-color: #444859;
  margin: 6px 10px 0 0;
  min-width: 104px;
}

.emaltypebtn img {
  display: inline-block;
  margin: -4px 3px 0 0;
}

.btnwithtype {
  width: 230px;
}

.etypeinfo .table>tbody>tr>td {
  padding: 15px 25px;
  border-bottom: #dadada 1px solid;
}

.lefttypecol {
  padding-right: 7px;
}

.rightinpucol {
  padding-left: 0;
}

span.icoselect {
  background-color: #efefef;
  display: inline-block;
  padding: 10px;
  border-right: 1px solid #d5d5d5;
  position: absolute;
  height: 100%;
  left: 0px;
  width: 44px;
}

.slbx {
  display: block;
  border: 1px solid #d5d5d5;
  position: relative;
  height: 40px;
  padding: 0 0 0 49px;
  border-radius: 4px;
}

.slbx span {
  float: left;
}

.slbx span.txt {
  padding: 0;
  font-size: 14px;
  line-height: 41px;
  color: #626262;
  display: block;
  width: 100%;
}

span.icoselect img {
  margin: auto;
  display: block;
}

.customSlbox {
  position: relative;
}

.selectlist {
  position: absolute;
  top: 43px;
  left: 0;
  width: 100%;
  z-index: 9;
  background-color: #fff;
  padding: 0;
  margin: 0;
}

.showicoi {
  position: absolute;
  right: 13px;
  font-size: 18px;
  color: #626262;
  top: 13px;
}

.conbx label.setasprimary {
  font-size: 14px;
  line-height: normal;
  color: #626262;
  font-weight: normal;
  margin: 7px 0 0;
  display: inline-block;
}

.setasprimary .checkico {
  display: inline-block;
  margin: 1px 0 0;
  width: 19px;
  overflow: hidden;
  float: left;
}

.socialselect span.icoselect {
  padding: 0;
}

.socialselect span.icoselect img {
  height: 100%;
}

.tdimg img {
  margin-right: 10px;
}

.conbx .intl-tel-input {
  display: block;
}

.withflag img {
  margin-right: 10px;
  float: left;
  max-width: 100%;
  max-height: 16px;
}

.getdirectionpop {
  width: 735px;
  max-width: 100%;
  margin-top: 3%;
  padding: 0;
}

.getdirectionpop .panel-heading {
  min-height: 67px;
  padding: 17px 15px;
}

.getdirectionpop .panel-title {
  font-size: 22px;
}

.getdirectionpop .close {
  display: block;
  opacity: 0.33;
}

.getdirectionpop .panel.panel-default {
  border-radius: 0;
  box-shadow: 0 7px 30px rgba(0, 0, 0, .33);
}


/*Dilip*/

table.dataTable.no-footer {
  border: none;
}

.dataTables_info,
.dataTables_length,
.dataTables_filter {
  display: none;
}

table#sortingTable thead th:first-child {
  background-image: none;
}

.dataTable {
  width: 100% !important;
}

.dataTables_paginate {
  width: 100%;
  margin: 0;
  background-color: #e9ecf3;
  padding: 22px 0 0 0 !important;
}

.dataTables_paginate a,
.dataTables_paginate span span {
  display: inline-block;
  vertical-align: top;
  color: #31384a;
  background-color: #fff;
  border: 1px solid #f2f2f2;
  margin: 0;
  padding: 7px 15px;
  border-radius: 0;
  cursor: pointer;
  cursor: default;
}

.dataTables_paginate>span {
  display: inline-block;
  vertical-align: top;
  cursor: default;
}

.dataTables_paginate a {
  cursor: pointer;
}

.dataTables_paginate a:hover,
.dataTables_paginate a.current {
  text-decoration: none;
  background-color: #59bdb3;
  border-color: #59bdb3;
  color: #ffffff;
}

.dataTables_paginate a:focus {
  text-decoration: none;
}

.dataTables_paginate a.disabled,
.dataTables_paginate a.disabled:hover {
  opacity: 0.6;
  cursor: default;
  color: #31384a;
  background-color: #fff;
  border-color: #f2f2f2;
}

.popupClose,
.collapseHead .clk {
  display: none;
}

.panelTab {
  display: inline-block;
  vertical-align: top;
}

.msgUsers {
  max-height: 490px;
  overflow: auto;
}

.msgUsers .avtarbtn {
  position: static;
  display: block;
  float: left;
  width: 100%;
  padding: 0;
  text-align: left;
  margin: 6px 0 0 0;
}

.msgUsers .avtarbtn .btn {
  margin-bottom: 0;
}

.msgUsers .avatarassign p strong {
  font-weight: 600;
  font-size: 15px;
}

.panel-heading.withTab {
  background-color: #fff !important;
  padding: 0 !important;
  border-bottom: 1px solid #f45915 !important;
}

.panel-heading.withTab .nav-tabs {
  border: none;
}

.panel-heading.withTab .nav-tabs>li {
  margin: 0;
}

.panel-heading.withTab .nav-tabs>li>a {
  color: #3b3f51;
  font-size: 18px;
  font-weight: 400;
  border: none;
  position: relative;
  padding: 10px 12px;
}

.panel-heading.withTab .nav-tabs>li>a:hover {
  color: #f3520a;
  background: transparent;
}

.panel-heading.withTab .nav-tabs>li.active>a {
  color: #f3520a;
  font-weight: 600;
}

.panel-heading.withTab .nav-tabs>li.active>a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #f3520a;
}

.panelSettings {
  display: block;
  float: right;
  margin: 10px 0 0 0;
}

.panelSettings .form-group {
  margin: 0;
}

.panelSettings .SumoSelect>.CaptionCont {
  border: none;
  padding: 0;
  height: 28px;
}

.panelSettings .SumoSelect>.CaptionCont>span {
  font-size: 13px;
  padding-right: 24px;
  text-decoration: underline;
  min-width: 80px;
}

.panelSettings .SumoSelect>.CaptionCont>label>i {
  background: url(../images/sm-sel-arrow.png) no-repeat center center;
}

.timeltitle .list-unstyled {
  padding: 0;
}

.timeltitle .btnnewlist>li img {
  width: 22px;
  height: auto;
}

.timeltitle .btnnewlist>li .btn {
  height: auto;
}

.messageListCont {
  display: block;
  position: relative;
  padding: 0 0 58px 0;
}

.typemsgArea {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid #dadada;
  padding: 0 22px 8px 16px;
}

.typemsgArea .bx {
  display: block;
  padding: 6px 182px 6px 0;
  border-bottom: 1px solid #dadada;
  position: relative;
}

.typemsgArea .bx textarea {
  display: block;
  width: 100%;
  border: none;
  resize: none;
  height: 35px;
  padding: 2px 4px;
  color: #959595;
  font-size: 13px;
  outline: none !important;
}

.typemsgArea .bx .msgBtns {
  display: block;
  position: absolute;
  top: 6px;
  right: 0;
}

.typemsgArea .bx .msgBtns .btn-default {
  background-color: #e9e9e9;
  border: none;
  border-radius: 0px;
  color: #9f9f9f;
  font-size: 17px;
  line-height: 24px;
  padding: 5px 22px;
}

.msgEmogi,
.msgAttach {
  display: inline-block;
  vertical-align: top;
  padding: 4px;
  margin: 2px 4px 0 0;
  overflow: hidden;
}

.msgEmogi img,
.msgAttach img {
  display: block;
  width: 22px;
  height: 22px;
}

.msgAttach {
  position: relative;
  cursor: pointer;
}

.msgAttach input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.messageListCont .messages {
  display: block;
  padding: 34px 46px 46px 46px;
  overflow: auto;
  height: 424px;
}

.messageListCont .messages .list {
  display: block;
  margin: 0 0 55px 0;
  min-height: 98px;
  position: relative;
  padding: 0 0 0 94px;
}

.messageListCont .messages .list.me {
  padding-left: 0;
  padding-right: 94px;
}

.messageListCont .messages .msgUser {
  display: block;
  position: absolute;
  top: 30px;
  left: 0;
  width: 62px;
  height: 62px;
  background-position: top center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  border-radius: 100%;
  -o-border-radius: 100%;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  -moz-border-radius: 100%;
  overflow: hidden;
}

.messageListCont .messages .list.me .msgUser {
  left: auto;
  right: 0;
}

.messageListCont .messages .msgTxt {
  display: block;
  border: 2px solid #e9e9e9;
  padding: 22px;
  border-radius: 24px;
  position: relative;
}

.messageListCont .messages .msgTxt:before {
  content: "";
  display: block;
  position: absolute;
  top: 26px;
  right: 100%;
  border-right: 30px solid #e9e9e9;
  border-top: 36px solid transparent;
}

.messageListCont .messages .msgTxt:after {
  content: "";
  display: block;
  position: absolute;
  top: 30px;
  right: 100%;
  border-right: 26px solid #ffffff;
  border-top: 30px solid transparent;
}

.messageListCont .messages .list.me .msgTxt {
  border: 1px solid #3fad97;
}

.messageListCont .messages .list.me .msgTxt:before {
  border-right: none;
  border-left: 30px solid #3fad97;
  right: auto;
  left: 100%;
}

.messageListCont .messages .list.me .msgTxt:after {
  border-right: none;
  border-top: 33px solid transparent;
  border-left: 28px solid #fff;
  top: 28px;
  right: auto;
  left: 100%;
}

.messageListCont .messages .nm {
  display: block;
  color: #262626;
  font-size: 17px;
  line-height: 20px;
  font-weight: 600;
  margin: 0 0 14px 0;
  padding: 0 100px 0 0;
  position: relative;
}

.messageListCont .messages .nm .date {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  float: right;
  color: #a8a8a8;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
}

.messageListCont .messages p {
  display: block;
  color: #959595;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  margin: 0;
}

.grey-border {
  border-color: #eef1f5 !important;
}

.attachmentList {
  display: block;
  margin: 0;
  padding: 0;
}

.attachmentList li {
  display: block;
  margin: 8px 0 0 0;
}

/* .attachmentList li:first-child {} */

.attachmentList li .bx {
  display: table;
}

.attachmentList li .bx .imgBx {
  display: table-cell;
  vertical-align: middle;
  width: 30px;
}

.attachmentList li .bx img {
  display: block;
  float: left;
  height: auto;
  width: 30px;
}

.attachmentList li .bx .details {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 12px;
}

.attachmentList li .bx .tm {
  display: block;
  color: #959595;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin: 0 0 4px 0;
}

.attachmentList li .bx .uStatus {
  display: block;
  color: #4b4b4b;
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
  margin: 0;
}

.attachmentList li .bx .details .uStatus {
  max-width: 141px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fileDown {
  display: block;
  margin: 4px 0 0 0;
  text-align: right;
}

.fileDown a {
  display: inline-block;
  vertical-align: top;
  color: #3fad97;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  margin: 0 0 0 6px;
}

.attachmentListCont {
  height: 482px;
  overflow: auto;
}

.listGrid {
  display: block;
  float: left;
  margin: 25px 0 0 0;
}

.listGrid a {
  display: block;
  float: left;
  color: #949494;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  margin: 0 0 0 16px;
}

.listGrid a:hover,
.listGrid a.sl {
  color: #3fad97;
  text-decoration: none;
}

.opportunityCont {
  display: block;
  font-size: 0px;
}

.opportunityCont .contList {
  display: inline-block;
  vertical-align: top;
  width: 20%;
  font-size: 14px;
  background-color: #e6e6e6;
}


/* .opportunityCont .contList:last-child{border:none;} */

.opportunityCont .contList:nth-child(2n) {
  background-color: #f2f2f2;
}

.opportunityCont .contList .head {
  display: block;
  padding: 5px 12px;
  background-color: #eac5b4;
  border-top: 3px solid #f15a15;
}

.opportunityCont .contList:nth-child(2) .head {
  background-color: #beece6;
  border-color: #4ab29c;
}

.opportunityCont .contList:nth-child(3) .head {
  background-color: #c2ddee;
  border-color: #1ba0f3;
}

.opportunityCont .contList:nth-child(4) .head {
  background-color: #f5e3ab;
  border-color: #fdca2b;
}

.opportunityCont .contList:nth-child(5) .head {
  background-color: #eac5b4;
  border-color: #f3520a;
}

.opportunityCont .contList .head .tl {
  display: block;
  color: #20222d;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
}

.opportunityCont .contList .head .count {
  display: block;
  color: #20222d;
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
  margin: 4px 0 0 0;
}

.opportunityListing {
  display: block;
  margin: 0;
  padding: 0;
}

.opportunityListing.drag {
  height: 392px;
  overflow: auto;
}

.opportunityListing li {
  display: block;
  padding: 7px;
  border: none;
  background: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  cursor: move;
}

.opportunityCont .contList:last-child .opportunityListing li {
  border-right: none;
}

.opportunityListing li .image {
  display: block;
  float: left;
  width: 34px;
  height: 34px;
  border-radius: 100px;
  background-position: top center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.opportunityListing li .desc {
  display: block;
  padding: 0 20px 0 40px;
  position: relative;
}

.opportunityListing li .nm {
  display: block;
  color: #3b3f51;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 0 2px 0;
}

.opportunityListing li .txt {
  display: block;
  color: #9c9c9c;
  font-size: 11px;
  line-height: 13px;
  font-weight: 400;
  margin: 1px 0 0 0;
}

.opportunityListing li .arrow {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 18px;
  height: 18px;
  background-color: #b8e1d9;
  border: 1px solid #3fad97;
  color: #3fad97;
  border-radius: 100px;
  text-align: center;
  line-height: 14px;
  font-size: 14px;
}

.opportunityListing li:hover,
.opportunityListing li.ui-sortable-helper {
  background-color: #3c3f52;
}

.opportunityListing li:hover .nm,
.opportunityListing li.ui-sortable-helper .nm,
.opportunityListing li:hover .txt,
.opportunityListing li.ui-sortable-helper .txt {
  color: #fff;
}

.opportunityListing li:hover .arrow,
.opportunityListing li.ui-sortable-helper .arrow {
  color: #fff;
  border-color: #fff;
  background-color: #848692;
}

.opportunityCont.winLost .contList {
  width: 60%;
}

.opportunityCont.winLost .contList:last-child {
  width: 40%;
}

.opportunityCont.winLost .opportunityListing {
  font-size: 0px;
}

.opportunityCont.winLost .opportunityListing li {
  display: inline-block;
  width: 33.333333%;
}

.opportunityCont.winLost .contList:last-child .opportunityListing li {
  width: 50%;
}

.opportunityCont.winLost .contList .head {
  background-color: #beece6;
  border-color: #4ab29c;
}

.opportunityCont.winLost .contList:last-child .head {
  background-color: #eac5b4;
  border-color: #f3520a;
}

.msgOvrlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 998;
}

.msgHeadbtns li {
  margin: 0 0 0 10px !important;
}

.msgHeadbtns li.msgUsersLink,
.msgHeadbtns li.msgAttachedLink {
  display: none;
}

.listing-ul-none {
  list-style-type: none;
}

.tagscs {
  background-color: #3fad97;
  border: 1px solid #3fad97;
  color: #ffffff;
  padding: 5px 20px 5px 10px;
  border-radius: 20px;
  font-size: 12px;
  display: inline-block;
  margin: 4px;
}
.tagscs .badge {
  color: #3fad97;
  background-color: #fff;
  margin: 0;
  position: relative;
  right: -11px;
  top: 0;
}
.tagscs.keyword_chip {
  padding-right: 10px !important;
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.tagscs-v2 {
  padding: 5px 5px;
  border: 0;
  line-height: 20;
  margin: 4px;
  display: inline-block;
}

.tagscs-v2 .tag-item-inner {
  display: block;
  margin: 0;
  padding: 4px;
  position: relative;
  color: #3d3c3c;
  font-size: 13px;
  line-height: 13px;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
}

.tagscs-v2 .tag-item-inner .tagitem {
  display: block;
  background-color: transparent;
  border-radius: 20px;
  padding: 6px 20px 6px 5px;
  font-size: 13px;
  line-height: 13px;
  font-weight: 500;
  box-sizing: border-box;
  min-width: 109px;
  text-align: center;
  cursor: pointer;
}
.tagscs-v2.sm .tag-item-inner .tagitem {
  min-width: 60px;
  font-size: 10px;
  line-height: 10px;
}
.tagscs-v2.xs .tag-item-inner .tagitem {
  min-width: 40px;
  font-size: 8px;
  line-height: 8px;
}
.tagscs-v2 .tag-item-inner .tagitem.font-size-15 {
  font-size: 15px;
  line-height: 15px;
}
.tagscs-v2.single-text .tag-item-inner .tagitem {
  padding: 4px 16px;
}
.tagscs-v2 .tag-item-inner .tagitem.green {
  color: #fff;
  border: 1px solid #40AD98;
  background-color: #40AD98;
}
.tagscs-v2 .tag-item-inner .tagitem.gray {
  color: #fff;
  border: 1px solid #3b3f51;
  background-color: #3b3f51;
}
.tagscs-v2 .tag-item-inner .tagitem.blue {
  color: #fff;
  border: 1px solid #3F51B5;
  background-color: #3F51B5;
}
.tagscs-v2 .tag-item-inner .tagitem.red {
  color: #fff;
  border: 1px solid #dc6565;
  background-color: #dc6565;
}

.tagscs-v2 .tag-item-inner .tagnumber-badge {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  background-color: #f45b17;
  font-weight: 500;
  color: #ffffff;
  position: absolute;
  right: -20px;
  top: 2px;
  text-align: center;
  vertical-align: middle;
  line-height: 40px;
}

.tagscs-v2 .tag-item-inner .close_product_tag {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-color: #f78a8a;
  font-weight: 500;
  color: #f78a8a;
  border: 2px solid #f78a8a;
  position: absolute;
  right: -45px;
  border-radius: 100%;
  top: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding: 0;
  background: transparent;
}
.tagscs-v2 .tag-item-inner .close_product_tag i {
  font-size: 20px;
  line-height: 20px;
}

.calDatBtn {
  padding-left: 16px;
  padding-right: 16px;
  cursor: default;
}

.calDatBtn .nxt,
.calDatBtn .prv {
  display: inline-block;
  vertical-align: top;
  color: #fff;
  position: relative;
  font-size: 25px;
  top: -7px;
  left: -5px;
  padding: 0 4px;
}

.calDatBtn .prv {
  left: auto;
  right: -5px;
}

.calDatBtn .txt {
  display: inline-block;
  vertical-align: top;
}

.calendarListView,
.calendarView {
  display: block;
  background-color: #f6f6f6;
}

.calendarListView table,
.calendarView table {
  width: 100%;
}

.calendarListView table tr th,
.calendarView table tr th {
  color: #626262;
  font-size: 14px;
  font-weight: 400;
  padding: 5px 4px;
  border-bottom: 1px solid #dedede;
  text-align: center;
}

.calendarView table tr th {
  padding: 6px 4px;
}

.calendarListView table tr th.gray,
.calendarView table tr th.gray {
  background-color: transparent;
  font-weight: 600;
}

.calendarListView table tr td,
.calendarView table tr td {
  color: #626262;
  font-size: 14px;
  font-weight: 400;
  padding: 10px 4px;
  border-bottom: 1px solid #dedede;
  border-left: 1px solid #dedede;
  text-align: left;
  background-color: #fff;
  width: 124px;
}

.calendarView table tr td {
  width: 120px;
  height: 120px;
  padding: 6px 4px;
  vertical-align: top;
  position: relative;
}

.calendarView table tr td:before {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #3fad97;
}

.calendarView table tr td:hover:before {
  display: block;
}

.calendarView table tr td.gray:hover:before {
  display: none;
}

.calendarListView table tr td:first-child {
  border-right: none;
  text-align: right;
  padding-left: 8px;
  padding-right: 8px;
  width: 82px;
}

.calendarListView table tr td.gray,
.calendarView table tr td.gray {
  background-color: transparent;
}

.calList {
  display: block;
  margin: 0;
  padding: 0;
}

.calList {
  display: block;
  margin: 0;
  padding: 0;
}

.calList li {
  display: block;
  position: relative;
  padding: 0 0 0 4px;
  color: #3b3f51;
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
}

.calList li:before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: -10px;
  background-color: #3fad97;
  width: 12px;
  height: 12px;
  border-radius: 100px;
  border: 3px solid #fff;
}

.calList li a {
  display: inline-block;
  vertical-align: top;
  color: #3b3f51;
  text-decoration: underline;
}

.calList li a:hover {
  color: #3fad97;
  text-decoration: none;
}

.calendarView .dt {
  display: block;
  color: #3b3f51;
  font-size: 14px;
  line-height: 15px;
  font-weight: 400;
  text-align: right;
}

.calendarView .cmplt {
  display: inline-block;
  vertical-align: top;
  font-size: 9px;
  line-height: 14px;
  background-color: #eeeeee;
  padding: 1px 4px;
  font-weight: 500;
  margin: 3px 0 10px 0;
}

.calendarView .cmplt:last-child {
  margin-bottom: 0;
}

.dateRange {
  display: block;
  text-align: right;
  margin: 2px 0 0 0;
}

.dateRange a {
  display: inline-block;
  color: #f3520a;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  text-decoration: underline;
}

.dateRange a:hover {
  text-decoration: none;
}


/* 02-11-2017 */

.regInvite .conbx {
  background: transparent;
  width: 564px;
}

.popup-wh-title {
  display: block;
  color: #fff;
  font-size: 22px;
  line-height: 26px;
  font-weight: 400;
  text-align: center;
  margin: 42px 0 0 0;
  padding: 0;
}

.regInvite .panel-body {
  padding: 28px 30px 38px 30px;
  background-color: #fff;
  margin: 24px 0 0 0;
}

.fieldNote {
  display: block;
  color: #aeaeae;
  font-size: 13px;
  line-height: 15px;
  font-weight: 300;
  margin: 3px 0 0 0;
}

.fieldNote a {
  color: #40ad96;
  text-decoration: underline;
}

.fieldNote a:hover {
  text-decoration: none;
}

.btn.btn-orange {
  background-color: #f3520a;
  border-color: #f3520a;
  color: #fff;
}

.btn.btn-orange:hover {
  background-color: #ff641f;
  border-color: #ff641f;
  color: #fff;
}

.btn.full {
  width: 100%;
}

.btn.btn-lg {
  font-size: 21px;
  line-height: 50px;
  height: 52px;
}

.btn img {
  display: inline-block;
}

.regInvite .conbx .form-control,
.registerBox .form-control {
  font-size: 19px;
  font-weight: 300;
}

.list-inline>li {
  padding-right: 3px !important;
  padding-left: 3px !important;
}

.beforeLoginPG {
  display: block;
  background-color: #f7f7f7;
}

.beforeLoginPG img {
  max-width: 100%;
}

.beforeLoginPG .cscontainer {
  max-width: 1234px;
  padding: 0 10px;
  margin: 0 auto;
}

.beforeLoginPG .cscontainer.loginPgcont {
  max-width: 584px;
}

.pageContainer {
  display: block;
}

.beforeLoginPG header {
  border-bottom: 1px solid #e7e7e7;
  background: transparent;
  padding: 32px 0 20px 0;
  text-align: center;
}

.beforeLoginPG footer {
  background: transparent;
  padding: 32px 0;
  text-align: center;
}

.beforeLoginPG footer p {
  display: block;
  color: #878787;
  margin: 0;
}

.beforeLogLogo {
  display: inline-block;
}

.beforeLogLogo img {
  display: block;
  width: 292px;
  height: auto;
}

.beforelogBody {
  display: block;
}

.registerBox {
  width: 100%;
  margin: 38px 0 0 0;
}

.registerBox tr td {
  background-color: #eaeaeb;
  padding: 0;
  width: 50%;
  vertical-align: top;
}

.registerBox tr td:first-child {
  background-color: #fff;
}

.growBusiness {
  display: block;
  padding: 64px 0 0 0;
  text-align: center;
}

.growBusiness h2 {
  display: block;
  color: #63656d;
  font-size: 48px;
  line-height: 52px;
  font-weight: 300;
  margin: 0;
  padding: 0;
  text-align: center;
  padding: 0 16px;
}

.growBusiness img {
  display: inline-block;
  vertical-align: top;
  width: auto;
  max-width: 100%;
  margin: 54px 0 0 0;
}

.regTl {
  display: block;
  color: #535353;
  font-size: 37px;
  line-height: 42px;
  font-weight: 300;
  text-transform: uppercase;
  text-align: center;
  margin: 30px 0 0 0;
}

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

.regTl strong {
  color: #f3520a;
  font-weight: 700;
}

.regsmTl {
  display: block;
  color: #4c4e54;
  font-size: 17px;
  line-height: 22px;
  font-weight: 400;
  text-align: center;
  margin: 18px 0 0 0;
}

.regFormCont {
  display: block;
  padding: 64px 70px;
  width: 100%;
}

.loginPgcont .regFormCont {
  padding: 30px 34px;
  margin: 24px 0 0 0;
}

.loginPgcont .regTl {
  font-size: 42px;
  line-height: 48px;
  text-transform: none;
  font-weight: 400;
  margin: 24px 0 0;
}

.cscontainer {
  max-width: 100%;
}

.userLoged .fullpage {
  padding-left: 69px;
  min-height: calc(100vh - 60px);
}

.dashboardNav {
  display: block;
  background-color: #3b3f51;
  position: fixed;
  top: 0;
  left: -260px;
  width: 335px;
  height: 100%;
  overflow: auto;
  z-index: 10;
  padding: 76px 0 0 0;
  -webkit-transition: 400ms;
  transition: 400ms;
}

.navLogo {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #000;
  padding: 24px 10px 0 10px;
  text-align: center;
  height: 76px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 300ms;
  transition: 300ms;
}

.dashboardNav:hover {
  left: 0;
}

.dashboardNav:hover .navLogo {
  opacity: 1;
  visibility: visible;
}

.navLogo img {
  display: inline-block;
  vertical-align: top;
  width: 228px;
  height: auto;
}

.dashboardNav .navList {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  max-height: 100%;
  overflow: auto;
}

.dashboardNav .navList>li {
  display: block;
  margin: 0;
  padding: 0;
}

.dashboardNav .navList>li>a {
  display: block;
  color: #e9ecf3;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 14px 84px 14px 38px;
  position: relative;
  font-family: 'Lato', sans-serif;
  /* font-family: 'Montserrat', sans-serif; */
  font-family: 'Montserrat', sans-serif;
}

.dashboardNav .navList>li>a .fa {
  margin-left: 4px;
  font-size: 20px;
  line-height: 20px;
}

.dashboardNav .navList>li>a:hover {
  background-color: #43475a;
  text-decoration: none;
  color: #fff;
}

.dashboardNav .navList>li>a .ico {
  display: block;
  position: absolute;
  top: 7px;
  right: 14px;
  background-color: #21252d;
  width: 35px;
  height: 35px;
}

.dashboardNav .navList>li>a .ico img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 28px;
  max-width: 100%;
  height: auto;
}

.dashboardNav .navList>li>ul {
  display: none;
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #4c4f5e;
}

.dashboardNav .navList>li>ul>li {
  display: block;
  margin: 0;
  padding: 0;
  border-top: 1px solid #67686e;
}

.dashboardNav .navList>li>ul>li:first-child {
  border: none;
}

.dashboardNav .navList>li>ul>li>a {
  display: block;
  color: #ffffff;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  padding: 10px 5px 10px 45px;
  text-transform: capitalize;
  font-family: 'Montserrat', sans-serif;
}

.dashboardNav .navList>li>ul>li>a:hover {
  color: #fff;
  text-decoration: none;
}

.dashboardNav .navList>li>a,
.dashboardNav .navList>li>ul>li>a:focus {
  text-decoration: none;
}

.dashboardNav .navList>li>ul>li>ul {
  width: 100%;
  background-color: #5e626f;
}

.dashboardNav .navList>li>ul>li>ul>li {
  display: block;
  margin: 0;
  padding: 0;
  border-top: 1px solid #3b3f51;
}

.dashboardNav .navList>li>ul>li>ul>li:first-child {
  border: none;
}

.dashboardNav .navList>li>ul>li>ul>li>a {
  display: block;
  color: #ffffff;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  padding: 10px 5px 10px 45px;
  text-transform: capitalize;
  font-family: 'Montserrat', sans-serif;
}

.dashboardNav .navList>li>ul>li>ul>li>a:hover {
  color: #fff;
  text-decoration: none;
}

.dashboardNav .navList>li>ul>li>ul>li>a:focus {
  text-decoration: none;
}

.activeProduct{
  border: none !important;
  background: #6f6767;
}

.title-blue-border {
  border-bottom: 1px solid #3fad97;
}

.title-blue-border .btnnewlist {
  padding-top: 10px;
  padding-bottom: 10px;
}

.projectLists {
  display: block;
  padding: 24px;
}

.projectLists .list {
  display: block;
  background-color: #ffffff;
  padding: 16px 26px 16px 16px;
  margin: 20px 0 0 0;
  box-shadow: rgba(220, 220, 220, 0.35) 0px 0px 8px 1px;
}

.projectLists .list:first-child {
  margin: 0;
}

.projectLists .list .listCont {
  display: block;
  position: relative;
  padding: 0 220px 0 0;
}

.projectLists .list .image {
  display: block;
  float: left;
  background-color: #fff;
  padding: 7px;
  border: 1px solid #d7d9de;
}

.projectLists .list .image .bx {
  border: 1px solid #d7d9de;
  width: 184px;
  height: 150px;
  display: table;
  vertical-align: middle;
  text-align: center;
}

.projectLists .list .image .bx figure {
  width: 100%;
  height: 150px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.logoAvtar samp {
  width: 100%;
  height: 130px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.logoAvtar img,
.projectLists .list .image .bx figure img {
  display: block;
  margin: auto;
  width: auto;
  max-height: 100%;
}

.projectLists .list .image .bx img {
  display: block;
  width: 100%;
  height: auto;
}

.projectLists .list .details {
  display: block;
  padding: 0 0 0 220px;
}

.descTxt {
  display: block;
  float: left;
  width: auto;
  max-width: 50%;
}

.descTxt:nth-child(2) {
  padding-left: 40px;
}

.descTxt .tl {
  display: inline-block;
  vertical-align: top;
  color: #3fad97;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  text-transform: capitalize;
}

.descTxt .txt {
  display: block;
  color: #31384a;
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
  margin: 20px 0 0 0;
}

.descTxt .txt:first-child {
  margin: 9px 0 0 0;
}

.projectLists .descTxtCont {
  display: block;
  min-height: 92px;
  padding-bottom: 10px;
}

.rad100 {
  border-radius: 100px !important;
}

.buttonset .btn {
  margin-right: 10px;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
}

.projectLists .billingDet {
  display: block;
  position: absolute;
  top: 10px;
  right: 0;
  width: 216px;
  text-align: right;
}

.projectLists .billingDet p {
  display: block;
  color: #3b3f51;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
}

.projectLists .billingDet .prc {
  display: block;
  color: #f3520a;
  font-size: 23px;
  line-height: 26px;
  font-weight: 600;
  margin: 10px 0 0 0;
  padding: 0;
}

.projectLists .actions {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
}

.projectLists .actions a {
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 100px;
  margin: 0 0 0 10px;
  position: relative;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.3);
}

.projectLists .actions a.del {
  background-color: #ff7878;
  -webkit-transition: 400ms;
  transition: 400ms;
}

.projectLists .actions a img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 20px;
}

.projectLists .actions a:hover {
  opacity: 0.8;
}

.shortcodeIco {
  display: inline-block;
  color: #fff;
  background-color: #f3520a;
  font-weight: 400;
  margin: 0 8px 0 0;
  font-size: 13px;
  line-height: 18px;
  padding: 0 2px;
}

.copyClipboard {
  display: block;
  position: relative;
  margin: 10px 0 0 0;
}

.copyClipboard .btn {
  position: absolute;
  top: 50%;
  right: 5px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.copyClipboard .form-control {
  padding-right: 132px;
}

.bilingDetails {
  display: block;
  padding: 16px;
  font-family: 'Montserrat', sans-serif;
}

.bilTl {
  display: block;
  margin: 0 0 16px 0;
  color: #626262;
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
}

.bilTl span {
  display: inline-block;
  vertical-align: top;
  margin: 6px 0 0 0;
}

.bilTl .ico {
  display: inline-block;
  vertical-align: top;
  width: 30px;
  height: 30px;
  color: #fff;
  background-color: #3b3f51;
  border-radius: 100px;
  position: relative;
  font-size: 18px;
  line-height: 24px;
  margin: 0 6px 0 0;
}

.bilTl .ico .fa {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.bilingDetails p {
  display: block;
  color: #31384a;
  font-size: 14px;
  line-height: 28px;
  font-weight: 500;
  margin: 0;
  padding: 0;
}

.bilingDetails p span {
  color: #f3520a;
  font-weight: 600;
}

.billMethod {
  display: inline-block;
  max-width: 100%;
  background-color: #f6f6f6;
  padding: 10px 20px;
  margin: 4px 0 0 0;
}

.billMethod .txt {
  display: block;
  color: #31384a;
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  margin: 8px 0 0 0;
}

.billMethod .txt:first-child {
  margin: 0;
}

.billMethod .txt img {
  display: inline-block;
}

.bilUDetails {
  display: block;
  background-color: #f6f6f6;
  padding: 16px 10px;
}

.bilUDetails table {
  width: 100%;
}

.bilUDetails tr td {
  padding: 8px 5px;
  color: #31384a;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  text-align: left;
}

.bilUDetails tr td:first-child {
  color: #3fad97;
  text-align: right;
  font-family: 'Montserrat', sans-serif;
}

.downPdf {
  display: inline-block;
  position: relative;
  padding: 0 0 0 20px;
  color: #31384a;
  text-decoration: underline;
}

.downPdf:hover {
  text-decoration: none;
}

.downPdf img {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: auto;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}


/*neww css from admin*/

.dbtitle {
  color: #3fad97;
  font-size: 18px;
  line-height: normal;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0;
  padding: 11px 25px;
  border-bottom: 1px solid #3fad97;
  background-color: #ffffff;
  line-height: 31px;
}

.btndb {
  border-radius: 20px;
  font-weight: 300;
  font-size: 15px;
  height: 42px;
  vertical-align: middle;
  padding: 6px 30px;
}

.btndb .sico {
  font-size: 80%;
  margin: 0 9px 0 0;
  position: relative;
  top: -2px;
}

.dbinput {
  border-color: #3fad97;
  color: #797979;
  font-size: 16px;
  line-height: normal;
  height: 42px;
  border-radius: 0;
  font-weight: 300;
}

.dbserform {
  padding: 15px 25px;
  background-color: #f6f6f6;
  margin-bottom: 12px;
}

.dbserform .dbinput {
  min-width: 349px;
  margin-right: 16px;
}

.dbserform select.dbinput {
  min-width: 185px;
}

.btndb.actionbtn i {
  margin: 0 0 0 14px;
}

.porogressbar {
  display: inline-block;
  background-color: #dbdce0;
  height: 4px;
  width: 80px;
  border-radius: 20px;
  margin: 0;
  position: relative;
  top: -2px;
}

.prcount {
  display: block;
  background-color: #48b19c;
  height: 100%;
  border-radius: 20px;
}

.btnsm {
  padding: 3px 9px;
  font-size: 9px;
  line-height: normal;
  border-radius: 20px;
  pointer-events: none;
}

.text-success {
  color: #3fad97 !important;
}


/*.table_default .table>tbody>tr td a{
    color: inherit;
    display: inline-block;
}*/

.dbtitlewrp {
  margin: 0 0 12px;
  padding: 9px 25px;
  border-bottom: 1px solid #3fad97;
  background-color: #ffffff;
}

.dbtitlewrp .dbtitle {
  border-bottom: 0 none;
  padding: 9px 0;
}

.dbtitlewrp .dbserform {
  margin: 0;
  padding: 0;
  background-color: transparent;
}

.dbbtnlist {
  padding: 5px 0;
}

.dbbtnlist .btn {
  padding-left: 20px;
  padding-right: 20px;
}

.bltxt {
  color: #626262;
  font-size: 16px;
  line-height: normal;
  display: table;
}

.bltxt .ico {
  color: #ffffff;
  font-size: 18px;
  background-color: #3b3f51;
  width: 30px;
  height: 30px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.bltxt p {
  margin: 5px 0 0 13px;
}

.dbdtdd,
.bladdres {
  color: #31384a;
  font-size: 16px;
  line-height: normal;
  font-weight: 300;
}

.dbdtdd dd,
.dbdtdd dt {
  padding: 4px 0;
  line-height: inherit;
  font-weight: 300;
}

.dbbdgrey {
  background-color: #f6f6f6;
}

.tablesimple .table>tbody>tr>td,
.tablesimple .table>thead>tr>th {
  padding: 15px 25px;
}

.tablesimple .table>tbody>tr>td {
  background-color: #ffffff;
  border-top-color: #eef1f5;
}

.dbtitle .btn {
  border-radius: 30px;
  padding: 0 26px;
  height: 34px;
}

.dbtitle.withbtn {
  padding: 7px 25px;
  line-height: 34px;
}

.btnoffgrey {
  background-color: #f6f6f6;
  border-color: #e5e5e5;
  border-radius: 30px;
  padding: 6px 21px;
}

.btnoffgrey i {
  padding-left: 10px;
}

.timelinenote {
  padding: 18px 0;
  background-color: #ffffff;
}

.contimenote::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-right: 16px solid #f2f4f8;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  margin: 0 auto;
  top: 16px;
  left: -14px;
}

.contimenote {
  font-size: 14px;
  line-height: normal;
  color: #8d8f93;
  padding: 10px 16px;
  background-color: #f2f4f8;
  position: relative;
}

.contimenote p {
  margin: 0;
  display: block;
}

.contimenote p:first-child:after {
  display: table;
  content: "";
  clear: left;
}

.tnname {
  font-size: 18px;
  line-height: inherit;
  color: #31384a;
  margin-top: -3px;
}

.timelinenote li {
  margin-bottom: 23px;
  padding: 0;
  position: relative;
}

.innertn {
  position: relative;
  padding: 0 90px;
}

.timelinenote li:last-child {
  margin-bottom: 0;
  overflow: hidden;
}

.timelinenote li .leftav figure {
  border: 5px solid #f2f4f8;
  width: 40px;
  height: 40px;
}

.timelinenote li .leftav {
  position: absolute;
  top: 2px;
  left: 27px;
}


/*.timelinenote li .leftav::after {
    display: block;
    content: "";
    width: 3px;
    height:150%;
    position: absolute;
    background-color: #f3520a;
    left: 19px;
    top: 40px;
}*/

.timelinenote li::after {
  display: block;
  content: "";
  width: 3px;
  height: 100%;
  position: absolute;
  background-color: #f3520a;
  left: 46px;
  top: 40px;
}

.timelinenote li:nth-child(3n+0):after {
  background-color: #0a99f3;
}

.timelinenote li:nth-child(2n+0):after {
  background-color: #3fad97;
}


/*
.timelinenote li:nth-child(3n+0) .leftav::after {
    background-color:#0a99f3;
}

.timelinenote li:nth-child(2n+0) .leftav::after {
    background-color:#3fad97;
} */

.dbsitem {
  padding: 20px;
  border-radius: 5px;
  color: #ffffff;
}

.dbsitem .imgico img {
  margin-top: 70%;
  margin-right: 17px;
}

.reddbg {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3950+0,ff6087+100 */
  background: rgb(255, 57, 80);
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(255, 57, 80, 1) 0%, rgba(255, 96, 135, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(255, 57, 80, 1) 0%, rgba(255, 96, 135, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(255, 57, 80, 1) 0%, rgba(255, 96, 135, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff3950', endColorstr='#ff6087', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}

.bluedbg {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#189ddc+0,28adea+100 */
  background: rgb(24, 157, 220);
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(24, 157, 220, 1) 0%, rgba(40, 173, 234, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(24, 157, 220, 1) 0%, rgba(40, 173, 234, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(24, 157, 220, 1) 0%, rgba(40, 173, 234, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#189ddc', endColorstr='#28adea', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}

.dbsitem.white_bg h4 {
  color: #0b98f1;
  margin-top: 57px;
}

.dbsitem.white_bg p {
  color: #3b3f51;
}


/*progreebar*/

.dbsitem .chart {
  position: relative;
}

.dbsitem .chart div {
  position: relative;
  margin: 80px;
}

.dbsitem .chart canvas {
  display: block;
  position: absolute;
  top: 0px;
  right: 0;
  width: 153px;
  height: 153px;
}

.dbsitem .chart span {
  color: #0b98f1;
  display: block;
  line-height: 153px;
  text-align: center;
  width: 153px;
  font-size: 40px;
  font-weight: bold;
  margin: 0;
}

.dbsitem .chart input {
  width: 200px;
}


/*end progressbar*/

.text-midium {
  font-weight: 500;
}

.text-big {
  font-size: 16px;
}

.text-small {
  font-size: 12px;
}

.dbsmtable .table>tbody>tr>td,
.dbsmtable .table>thead>tr>th {
  padding: 15px;
}

.dbsmtable .table>tbody>tr>td {
  background-color: #ffffff;
  border-top-color: #eef1f5;
}

.dbinfosmbx {
  border-left: 6px solid #3fad97;
  background-color: #ffffff;
  border-radius: 5px;
  min-height: 204px;
  padding: 18px;
  color: #3fad97;
}

.listdbinfo:nth-child(2) .dbinfosmbx {
  border-left-color: #f3520a;
  color: #f3520a;
}

.listdbinfo:nth-child(3) .dbinfosmbx {
  border-left-color: #29a3f3;
  color: #29a3f3;
}

.listdbinfo:nth-child(4) .dbinfosmbx {
  border-left-color: #3b3f51;
  color: #3b3f51;
}

.listdbinfo:nth-child(3) .dbinfosmbx .btnsm {
  background-color: #29a3f3;
  border-color: #29a3f3;
}

.listdbinfo:nth-child(4) .dbinfosmbx .btnsm {
  background-color: #3b3f51;
  border-color: #3b3f51;
}

.btxt {
  color: inherit;
  font-size: 38px;
  line-height: normal;
}

.btxt2 {
  color: inherit;
  font-size: 17px;
  line-height: normal;
}

.dbinfosmbx .btn {
  margin-bottom: 12px;
}

.dbinfosmbx .btnsm {
  margin: 0;
  font-size: 13px;
}

.dbinfosmbx .btxt>span {
  line-height: 0;
  display: block;
}

.listdbinfo:nth-child(4) .dbinfosmbx .btxt,
.listdbinfo:nth-child(3) .dbinfosmbx .btxt {
  margin: 39px 0 0;
}

.btndownld {
  width: 86px;
  display: block;
}

.twobtn {
  /*    max-width: 30px;*/
  text-align: right;
}

.twobtn a {
  margin: 0 7px;
  display: inline-block;
}

.checkth {
  max-width: 46px !important;
  width: 46px !important;
  text-align: center;
}

.ptbico {
  padding-right: 23px;
}

.languagetd {
  max-width: 100px;
}

.downlodico {
  margin-left: 10px;
}

.csvico {
  margin-right: 10px;
}

.btnsmnew {
  padding: 3px 9px;
  font-size: 14px;
  line-height: normal;
  border-radius: 20px;
  pointer-events: none;
}

.text-white {
  color: #ffffff !important;
}

.btnsmico {
  margin: 2px 10px;
}

.detaltb {
  max-width: 524px;
}

.videosm {
  width: 105px;
  height: 60px;
}

.videosm iframe {
  width: 100%;
  height: 100%;
}

.onlybrd {
  background-color: transparent;
  border-radius: 30px;
}

.videotd {
  width: 105px;
}

.smawdith {
  min-width: 150px;
}

.toupfilephoto {
  border: 2px dashed #cecece;
  padding: 25px;
  width: 341px;
  margin: auto;
  max-width: 100%;
  display: block;
  text-align: center;
  background-color: #f9f9f9;
}

.toupfilephoto .icoup {
  width: 79px;
  height: 79px;
  background-color: #3fad97;
  border-radius: 100%;
  display: table;
  margin: 0 auto 15px;
  vertical-align: middle;
  text-align: center;
}

.toupfilephoto .icoup div {
  display: table-cell;
  vertical-align: middle;
}

.toupfilephoto p {
  color: #3b3f51;
  font-size: 14px;
  line-height: normal;
  margin: 0 0 8px;
}

.toupfilephoto p:first-child {
  margin-bottom: 15px;
}

.fileprogrewrap {
  position: relative;
  padding: 0 0 0 35px;
  margin: 15px 0;
}

.fpico {
  position: absolute;
  left: 0;
  top: 0;
}

.fileprogrewrap p {
  color: #3b3f51;
  font-size: 14px;
  line-height: normal;
}

.fileprogrewrap p span {
  margin: 0 10px 0 0;
  display: inline-block;
  min-width: 288px;
}

.todeleteupfile {
  margin-top: 7px;
}

.probarpath {
  width: 307px;
  max-width: 100%;
  border-radius: 20px;
  background-color: #dfdfdf;
  height: 4px;
  overflow: hidden;
}

.probar {
  background-color: #3fad97;
  height: 100%;
  border-radius: 20px;
}

.videodesl {
  width: 528px;
  max-width: 100%;
  height: 322px;
}

.txtinvamout {
  color: #626262;
  font-size: 37px;
  line-height: normal;
  font-weight: normal;
  margin: 0 0 50px;
}

.txtinvamout small {
  display: block;
  font-size: 15px;
  font-weight: 500;
}

.packegelistform label {
  color: #616161;
  font-size: 16px;
  line-height: 22px;
  font-weight: 300;
}

.packegelistform li {
  border-top: 1px solid #d0e1f6;
  padding: 7px 0;
}

.packegelistform li:first-child {
  border-top: 0 none;
}

.packegelistform li .form-group {
  margin: 0;
}

.packegelistform .input-group-addon {
  background-color: #f3520a;
  border-color: #f3520a;
  color: #ffffff;
  border-radius: 0;
  padding: 6px 0;
  min-width: 30px;
}

.packegelistform .form-control {
  border-radius: 0;
}

.packegelistform .form-control:focus {
  border-color: #f3520a;
}

.bgformcolr {
  background-color: #f6f6f6 !important;
}

.bgformcolr .dbtitle {
  background-color: transparent;
}

.no_border {
  border: 0 none;
}

.checkico2 {
  width: 14px;
  height: 14px;
  display: inline-block;
}

.on {
  display: block;
}

.off {
  display: none;
}

input[type=checkbox]:checked+.checkico2 .on {
  display: none;
}

input[type=checkbox]:checked+.checkico2 .off {
  display: block !important;
}

.newchecklist label {
  color: #616161;
  font-size: 16px;
  line-height: 22px;
  font-weight: 300;
  position: relative;
  padding-left: 30px;
}

.newchecklist label .checkico2 {
  width: 30px;
  position: absolute;
  left: 0;
  top: 2px;
}

.txtwbrd {
  padding: 12px;
  border: 1px solid #d5d5d5;
  font-size: 13px;
  color: #626262;
  line-height: normal;
}

.withicosl {
  position: relative;
  padding-left: 31px;
}

.withicosl>span {
  position: absolute;
  left: 0;
  border-left: 1px solid #d5d5d5;
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  z-index: 1;
}

.btnonlybrder {
  background-color: transparent;
  color: #333333;
}

.btn-success.btnonlybrder {
  color: #31384a;
  border-color: #3fad97;
  border-radius: 20px;
}

.btn-success.btnonlybrder:hover {
  background-color: #3fad97;
  color: #ffffff;
}

.gpavtr {
  margin-top: 0;
  position: relative;
  top: 8px;
}

.setperlist {
  margin: 20px 0;
}

.setperlist label {
  color: #616161;
  font-weight: 300;
}

.setperlist .checkico {
  float: left;
  margin-right: 10px;
}

.setperlist .eqlline {
  margin: -16px 0 0;
}
.setperlist.subperlist {
  margin: 0;
  margin-left: 20px;
}
.setperlist input[type=checkbox][disabled] + .checkico {
  cursor: not-allowed;
}
.setperlist input[type=checkbox][disabled] + .txt {
  opacity: .6;
}

.dbmdtitle {
  color: #3fad97;
  font-size: 18px;
  line-height: normal;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0;
  padding: 0 0 12px;
  border-bottom: 1px solid #d5d5d5;
  background-color: #ffffff;
  line-height: 31px;
}

.avbx {
  float: left;
  width: 33px;
  height: 34px;
  border: 1px solid #d7d9de;
  margin-top: -1px;
}

.avbx:nth-child(1),
.avbx:nth-child(2) {
  margin-top: 0;
}

.teamsavatar {
  width: 66px;
}

.temname {
  font-size: 20px;
  line-height: 26px;
  color: #3fad97;
  font-weight: bold;
  margin: 11px 0 0 10px;
}

.temname span {
  font-size: 14px;
  line-height: 20px;
  color: #31384a;
  font-weight: 300;
  display: block;
}

.temname a {
  color: inherit;
}

.temname a:hover {
  color: inherit;
  text-decoration: none;
  opacity: 0.8;
}

.temlistt>li {
  background-color: #e9ecf3;
  padding: 9px 13px;
  margin: 0;
}

.teamlisttabl td {
  border: 0 none !important;
  padding: 0 25px !important;
}

.table_default.teamlisttabl .table {
  padding: 25px 0 13px;
  background-color: #fff;
}

.temlistt .btn {
  margin: 10px 0 0;
}

.dbserform .dbinputbig {
  min-width: 649px;
}

.newbxModal {
  width: 552px;
  max-width: 100%;
  margin: auto;
}

.newbxModal .adcttitle {
  font-size: 18px;
  line-height: 24px;
  margin: 10px 0 0;
}

.titleresor {
  color: #31384a;
  font-size: 18px;
  line-height: normal;
  font-weight: 500;
  margin: 0;
  padding: 17px 0;
  border-top: 1px solid #d5d5d5;
  line-height: 31px;
}

.linkbxrs {
  width: 120px;
  height: 120px;
  border-radius: 4px;
  font-size: 16px;
  line-height: 22px;
  color: #31384a;
  border: 1px solid #e4e4e4;
  display: table;
  text-align: center;
  padding: 14px 15px;
  margin: 0 0 30px 45px;
  float: left;
  vertical-align: middle;
  text-align: center;
}

.linkbxrs:hover {
  text-decoration: none;
}

.linkbxrs img {
  display: block;
  margin: 0 auto 2px;
}

.linkbxrs span {
  display: block;
}

.linkbxrs.text-info {
  color: #1880cb;
  border-color: #1880cb;
}

.listtlink a:first-child {
  margin-left: 0;
}

.vcenter {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.topnewmenu {
  background-color: #3fad97;
}

.topnewmenu .navbar-nav>li>a {
  padding: 19px 36px;
  color: #ffffff;
}

.topnewmenu .navbar-nav>li.active>a,
.topnewmenu .navbar-nav>li:hover>a {
  background-color: rgba(255, 255, 255, 0.2);
}

.topnewmenu .nav>li>a:focus,
.topnewmenu .nav>li>a:hover {
  text-decoration: none;
  background-color: transparent;
  outline: 0 none;
}

.topnewmenu .navbar-nav {
  margin: 0 0 -6px;
}

.newtitle {
  color: #31384a;
  font-size: 39px;
  line-height: 45px;
  border-bottom: 1px solid #f3520a;
}

.positionwrp {
  background-color: #e9ecf3;
}

.stpp {
  width: 35px;
  height: 35px;
  background-color: #3b3f51;
  color: #c1d7f5;
  font-size: 22px;
  line-height: 28px;
  font-weight: 300;
  display: table;
  vertical-align: middle;
  text-align: center;
  position: relative;
  margin: 25px auto;
}

.stpp span.txtsp {
  position: relative;
  z-index: 9;
  display: table-cell;
  vertical-align: middle;
}

.stpp span.wrpbrd {
  position: absolute;
  left: -34%;
  top: -34%;
  width: 169%;
  height: 169%;
  background-color: rgba(59, 63, 81, 0.10);
}

.stpp span.wrpbrd:after {
  position: absolute;
  display: block;
  content: "";
  left: 10%;
  top: 10%;
  width: 80%;
  height: 80%;
  background-color: rgba(59, 63, 81, 0.42);
  border-radius: 100%;
}

.checkstep {
  width: 203px;
  height: 228px;
  border: 2px solid #d9d9d9;
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
  margin: auto;
}

.checkstep:hover {
  cursor: pointer;
}

.checkstep figure {
  padding: 15px;
}

.checkstep figure img {
  margin: auto;
  display: block;
}

.checkstep p {
  margin: 0;
  padding: 9px;
  font-size: 16px;
  line-height: 22px;
  background-color: #f9f9f9;
  color: #3fad97;
}

input[type=radio]:checked+.checkstep {
  border-color: #3fad97;
}

input[type=radio]:checked+.checkstep p {
  background-color: #3fad97;
  color: #ffffff;
}

.checklist>li {
  padding: 0 20px;
  width: 20%;
  float: left;
  text-align: center;
  margin-bottom: 40px;
}

.nopaddcol [class*=col] {
  padding: 0;
}

.bglgrey {
  background-color: #e9ecf3;
}

.settignwrp {
  width: 794px;
  max-width: 100%;
  background-color: #fff;
  padding: 33px;
}

.settignwrp .form-control {
  border-color: #d5d5d5;
  height: 43px;
  border-radius: 0;
  box-shadow: none;
}

.settignwrp label.form-group {
  margin-bottom: 15px;
}

.settignwrp label {
  color: #000000;
  font-weight: 500 !important;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  display: block;
}

.imgcheck {
  width: 25px;
  display: inline-block;
}

input[type=checkbox]:checked+.imgcheck .on,
input[type=radio]:checked+.imgcheck .on {
  display: none;
}

input[type=checkbox]:checked+.imgcheck .off,
input[type=radio]:checked+.imgcheck .off {
  display: block !important;
}

.imgcheck img {
  margin: 0 0 -4px;
}

.brdbtm {
  background-color: #bebebe;
  width: 100%;
  height: 1px;
}

.normalfont {
  font-weight: normal !important;
}

.mrgr20 {
  margin-right: 20px;
}

.mrgr90 {
  margin-right: 90px;
}

.taggcs {
  color: #626262;
  border: 1px solid #c0c0c0;
  display: inline-block;
  padding: 7px 20px;
  border-radius: 30px;
  height: 35px;
  font-size: 14px;
  line-height: 20px;
  margin: 9px 7px 7px;
  min-width: 134px;
}

.taggcs .close {
  font-weight: 100;
  color: #ff3838;
  opacity: 1;
  font-size: 30px;
  line-height: 14px;
  right: -9px;
  text-shadow: none;
  margin: 0 0 0 10px;
}

.taggcs .close:focus {
  outline: 0 none;
}

.taggcs:hover {
  background-color: #3fad97;
  color: #ffffff;
}

.taggcs:hover .close {
  color: inherit;
}

.tagbox {
  border: 1px solid #bebebe;
  padding: 4px 7px 7px;
}

.tagbox:empty {
  display: none;
}

.autowid {
  width: auto;
}

.copyttxt {
  border: 1px solid #d5d5d5;
  padding: 3px;
}

.copyttxt .csbtn {
  min-width: inherit;
  padding: 8px 25px;
  height: auto;
  margin: 0;
}

.copyttxt p {
  margin: 11px 10px;
  color: #626262;
}

.sttitle {
  color: #131313;
  font-size: 16px;
  line-height: 22px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}

.sttitle img {
  margin: -3px 7px 9px 0;
}

.leftmenugrey {
  background-color: #545f6f;
  border-right: 6px solid #3e4652;
}

.twobtn {
  padding: 0 30px 14px;
}

.twobtn .btn:hover {
  background-color: #0b98f1;
  border-color: #0b98f1;
}

.twobtn .btn {
  margin: 12px 0 0;
  padding: 12px;
}

.twobtn .btn img {
  margin-right: 14px;
}

.tabnewpdb .nav-tabs>li {
  margin: 0;
}

.tabnewpdb .nav-tabs>li>a::after {
  display: none;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #f3520a;
}

.tabnewpdb .nav-tabs {
  border-bottom-color: #f3520a;
}

.tabnewpdb .nav-tabs>li>a {
  margin-right: 0;
  border: 0 none;
  border-radius: 0;
  color: #3b3f51;
  font-size: 19px;
  line-height: 25px;
  position: relative;
  font-weight: 300;
  padding: 16px 25px;
  text-align: center;
  display: block;
}

.tabnewpdb .nav-tabs>li.active>a {
  color: #f5753b;
}

.tabnewpdb .nav-tabs>li.active>a::after {
  display: block;
}

.tabnewpdb .nav>li>a:focus,
.tabnewpdb .nav>li>a:hover,
.tabnewpdb .nav-tabs>li.active>a,
.tabnewpdb .nav-tabs>li.active>a:focus,
.tabnewpdb .nav-tabs>li.active>a:hover {
  background-color: transparent;
  border: 0 none;
}

.bggrey {
  background-color: #e8ebf2;
}

.rightcontpdb {
  border-left: 1px solid #e9ecf3;
}

.rightcontpdb .brdbtm {
  background-color: #e9ecf3;
}

.rightcontpdb label {
  color: #626262;
  font-weight: normal;
}

.rightcontpdb label img {
  margin-right: 5px;
}

.rightcontpdb .form-control {
  border-color: #d5d5d5;
  height: 43px;
  border-radius: 0;
  box-shadow: none;
}

.formalign li a {
  display: block;
  border: 1px solid #d5d5d5;
  font-size: 29px;
  line-height: 20px;
  padding: 9px 8px 7px;
  color: #6a6a6a;
  text-shadow: none;
}

.formalign li a.active {
  border-color: #0a99f3;
  color: #0a99f3;
}

.midpdbcontwrap {
  padding: 30px;
}

.midwrapbx {
  padding: 22px 20px;
  background-color: #ffffff;
}

.formtitle {
  color: #ffffff;
  font-weight: 300;
  margin: 0;
  padding: 12px;
}

.menutodrag .nav>li>a {
  color: #fff;
  font-size: 17px;
  font-weight: 300;
  border-radius: 0;
  padding: 0 0 0 86px;
  margin: 6px 0;
  display: block;
  min-height: 50px;
  border-top: 1px solid #4a5361;
  background-color: transparent;
}

.menutodrag .nav>li>a:focus,
.leftmenudb .nav>li>a:hover {
  background-color: transparent;
  color: #ffffff;
}

.dbmenuico {
  position: absolute;
  right: 0;
  top: 0;
  width: 73px;
  height: 56px;
  display: table;
  vertical-align: middle;
  text-align: center;
  background-color: #37404a;
}

.dbmenuico span {
  height: 100%;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.dbmenuico span img {
  margin: auto;
}

span.lmtxt {
  display: block;
  width: 100%;
  overflow-wrap: break-word;
  margin: 0;
  padding: 14px 0 0;
}

.frombuilder .minicolors-theme-bootstrap.minicolors-position-right>.minicolors-swatch {
  right: 2px;
}

.frombuilder .minicolors-theme-bootstrap .minicolors-swatch {
  top: 2px;
  left: 3px;
  width: 40px;
  height: 40px;
  border-radius: 0;
}

.big .checkstep {
  width: 100%;
  height: auto;
}

.big .checkstep p {
  color: #F4632E;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  padding: 15px 0;
  height: 54px;
}

.big.checklist>li {
  width: 33.333%;
  padding: 0 35px;
}

.big.checklist {
  margin-left: -15px;
  margin-right: -15px;
}

.big input[type=radio]:checked+.checkstep {
  border-color: #3C3F52;
}

.big input[type=radio]:checked+.checkstep p {
  background-color: #3C3F52;
  padding: 4px 0;
  height: 54px;
}

.big input[type=radio]:checked+.checkstep .on {
  display: none;
}

.big input[type=radio]:checked+.checkstep .off {
  display: block;
  color: #89A6D0;
  font-size: 48px;
}

.titleblack {
  color: #626262;
  font-size: 16px;
  line-height: 22px;
}

.cscolorbx {
  border: 1px solid #eceaf5;
  background-color: #f9f9f9;
  border-radius: 4px;
  margin-bottom: 30px;
}

.cscolorbx .form-control {
  box-shadow: none;
  border-color: #d8d8d8;
  border-radius: 0;
}

.checknne {
  margin: 11px 0 0;
  font-size: 16px;
}

.form-control.inputnor {
  box-shadow: none;
  border-color: #d8d8d8;
  border-radius: 0;
}

.parasm {
  margin: 10px 0;
  color: #636363;
}

.copyttxt p.newcp {
  margin: 5px 10px;
  word-wrap: break-word;
  display: block;
  width: 100%;
  padding: 0 1px;
  white-space: pre-line;
}

.chatwidgetbx {
  padding: 15px 30px;
}

.openlabelbx .sucbtn {
  padding: 6px 30px;
}

.syncobtns a {
  width: 40px;
  display: inline-block;
  margin: 0 5px;
  height: 30px;
  overflow: hidden;
}

.syncobtns .gdrive {
  background: transparent url("../images/gdrive_ico.png") no-repeat top center;
}

.syncobtns .msOnedrive {
  background: transparent url("../images/msOnedrive_ico.png") no-repeat top center;
}

.syncobtns .dropbox {
  background: transparent url("../images/dropbox_ico.png") no-repeat top center;
}

.syncobtns a:hover {
  background-position: center -30px;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
}

.syncobtnsbig a {
  width: 75px;
  display: inline-block;
  margin: 0 5px;
  height: 57px;
  overflow: hidden;
}

.syncobtnsbig .gdrive {
  background: transparent url("../images/gdrive_icob.png") no-repeat top center;
}

.syncobtnsbig .msOnedrive {
  background: transparent url("../images/msOnedrive_icob.png") no-repeat top center;
}

.syncobtnsbig .dropbox {
  background: transparent url("../images/dropbox_icob.png") no-repeat top center;
}


/*.syncobtnsbig a:hover {
    background-position:center -57px;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}*/

.tabfrtable ul.tabs.nav.nav-tabs {
  padding: 0 10px;
}

.tabfrtable.tabgroup .nav-tabs>li>a {
  padding-right: 0;
  padding-left: 0;
}

.tabfrtable.tabgroup .nav-tabs>li {
  padding: 0 10px;
}

.tabfrtable .tabmenuwrap {
  margin: 15px 0 20px;
}

.syncico {
  background: transparent url("../images/sync_ico.png") no-repeat top center;
  width: 30px;
  height: 30px;
}


/*.syncico:hover {
    background-position:center -30px;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}*/

td.btnactionthree a {
  display: inline-block;
  margin: 0 4px;
}

td.btnactionthree {
  width: 110px;
}

.btnactionthree .icoimg {
  margin: 0;
  position: relative;
  top: -5px;
}

.mdtitlenw {
  font-size: 18px;
  line-height: 24px;
  padding: 10px;
  background-color: #3b3f51;
  color: #fff;
}

.modalnewst {
  width: 500px;
  max-width: 100%;
}

.modalnewst .syncobtnsbig {
  padding: 40px;
}

.toupfiles {
  display: block;
  text-align: center;
  padding: 40px;
  border: 2px dashed #ccc;
  margin: 20px 0;
  border-radius: 10px;
}

.toupfiles.simplified {
  display: block;
  text-align: center;
  padding: 5px;
  border: none;
  margin: 0;
  border-radius: 10px;
}

.toupfiles span.btn-block {
  font-size: 26px;
}

.toupfiles span.btn-block {
  font-size: 20px;
  line-height: 26px;
  font-weight: normal;
  margin: 10px 0;
}

.toupfiles i.fa-cloud-upload {
  font-size: 70px;
  color: grey;
}

.myactitle {
  /*border-bottom: 1px solid #3fad97;*/
  margin-bottom: 30px;
  background: #f8f8f8;
}

.newtbstl .nav-tabs>li>a {
  border: 0 none;
  background-color: transparent;
  position: relative;
  text-align: center;
  color: #57b6a3;
  display: block;
}

.newtbstl .nav-tabs>li>a span {
  position: relative;
  display: block;
  z-index: 9;
}

.newtbstl .nav-tabs>li>a:hover {
  color: #ffffff;
  cursor: pointer;
}

.newtbstl .nav-tabs>li.active>a,
.newtbstl .nav-tabs>li.active>a:focus,
.newtbstl .nav-tabs>li.active>a:hover {
  border: 0 none;
  background-color: transparent;
  color: #ffffff;
  pointer-events: none;
}

.newtbstl .nav-tabs>li>a::after {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  background: #57b6a3;
  transition: width .3s;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.newtbstl .nav-tabs:hover li.active>a::after {
  display: none;
}

.newtbstl .nav-tabs:hover li.active>a {
  color: #57b6a3;
}

.newtbstl .nav-tabs>li.active>a::after,
.newtbstl .nav-tabs>li>a:hover::after {
  height: 100%;
  transition: height .2s;
}

.newtbstl .nav-tabs {
  border: 0 none;
  margin: 0;
}

.budylistradio {
  display: block;
  margin-left: 20px;
}

.budylistradio .form-group {
  display: block;
  position: relative;
  width: 92px;
  height: 28px;
  padding: 0;
}

.budylistradio .form-group input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  cursor: pointer;
  opacity: 0;
}

.budylistradio .form-group .swipeChk {
  display: block;
  position: absolute;
  box-shadow: 0 0 0 3px rgba(226, 226, 226, 0.58);
  border-radius: 100px;
  width: 100%;
  height: 100%;
  z-index: 2;
  overflow: hidden;
}

.budylistradio .form-group .swipeChk .on,
.budylistradio .form-group .swipeChk .off {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 6px;
  color: #494b4c;
  font-size: 13px;
  line-height: 30px;
  font-weight: 700;
  background-color: #bebebe;
  padding: 0 0 0 38px;
  text-transform: uppercase;
  -webkit-transition: 400ms;
  transition: 400ms;
}

.budylistradio .form-group .swipeChk .on {
  color: #fff;
  background-color: #52b5a1;
  padding: 0 0 0 8px;
  opacity: 0;
}

.budylistradio .form-group .swipeChk.danger_off .off {
  color: #fff;
  background-color: #f3520a;
}

.budylistradio .form-group input:checked+.swipeChk .off {
  opacity: 0;
}

.budylistradio .form-group input:checked+.swipeChk .on {
  opacity: 1;
}

.budylistradio .form-group .swipeChk:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 2px;
  left: 3px;
  background-color: #fff;
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.1) inset;
  z-index: 1;
  border-radius: 100px;
  -webkit-transition: 400ms;
  transition: 400ms;
}

.budylistradio .form-group input:checked+.swipeChk:before {
  left: 100%;
  margin-left: -27px;
}

.tsktype {
  display: flex;
  width: 100%;
}

.tsktype li p {
  display: inline-block;
  margin: 0 0 0 7px;
}

.tsktype li {
  max-width: 260px;
}

.tsktype li:not(:first-child) {
  margin-left: 10px;
}

.userlistble .checkico {
  margin: 5px 0 0;
}

.morebtns li {
  float: left;
}

.morebtns li a {
  padding: 3px;
}

/* .table_default .table>tbody>tr>td,
.table_default .table>thead>tr>th.avatartbl {
       max-width:35px !important;
        width: auto !important;
        padding: 0 !important;
        min-width: inherit !important;
} */

.tmbtn .btn {
  padding: 3px 3px 0;
}

.checkico2 {
  width: 14px;
  height: 14px;
  display: inline-block;
}

.on {
  display: block;
}

.off {
  display: none;
}

.checkico2 .off {
  display: none;
}

.checkico2 .on {
  position: relative;
  top: -2px;
}

input[type=checkbox]:checked+.checkico2 .on {
  display: none;
}

input[type=checkbox]:checked+.checkico2 .off {
  display: block !important;
}

.newchecklist label {
  color: #616161;
  font-size: 16px;
  line-height: 22px;
  font-weight: 300;
  position: relative;
  padding-left: 30px;
}

.newchecklist label .checkico2 {
  width: 30px;
  position: absolute;
  left: 0;
  top: 2px;
}

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

.mrb20 {
  margin-bottom: 20px;
}

.dbsmtable .table>tbody>tr>td,
.dbsmtable .table>thead>tr>th {
  padding: 15px !important;
}

.dbsmtable .table>tbody>tr>td {
  background-color: #ffffff;
  border-top-color: #eef1f5;
}

.dbinfosmbx {
  border-left: 6px solid #3fad97;
  background-color: #ffffff;
  border-radius: 5px;
  min-height: 204px;
  padding: 18px;
  color: #3fad97;
}

.newbtns {
  float: left;
  margin: 0 1px;
}

.table_default .table>tbody>tr>td,
.table_default .table>thead>tr>th.avatartbl {
  overflow-wrap: break-word;
}

.slncs select {
  z-index: 9;
}

.slncs .SumoSelect.open>.optWrapper {
  top: 100%;
}

.table_default .table .onlytwbtn a {
  float: right;
  margin-left: 10px;
}

input.frmerr,
textarea.frmerr,
select.frmerr input.frmerr:focus,
textarea.frmerr:focus,
select.frmerr:focus {
  background-color: rgba(255, 0, 0, 0.03);
  border-color: #ff5353 !important;
}

.tabldesk {
  max-width: 400px;
  overflow-wrap: break-word;
}

.custauto .form-control {
  padding: 0;
}

.custauto .ng-autocomplete-input .ng-autocomplete-input {
  border: none;
  width: 100%;
  padding: 10px 10px;
  height: 41px;
}

.custauto .ng-autocomplete-dropdown {
  position: relative;
}

.ng-autocomplete-dropdown[_ngcontent-c4] .ng-dropdown.open[_ngcontent-c4] {
  background: #fff;
  position: absolute;
  width: 100%;
  z-index: 1;
  border: 1px solid #d5d5d5;
  border-top: none;
}

.custauto .dropdown-item {
  display: block;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 16px;
  cursor: pointer;
}

.custauto .dropdown-item:hover {
  background-color: #f2f2f2;
}

.ng-autocomplete-placeholder.ng-star-inserted {
  display: none;
}

.adDlpDsgn {
  display: none;
}

.tabnemenu .nav-tabs>li.dropdown:hover .dropdown-menu {
  display: block;
}

.tabnemenu .nav-tabs>li .dropdown-menu {
  max-height: 280px;
  overflow-x: hidden;
  overflow-y: auto;
  left: unset;
  right: 0px;
}

.tabgroup .nav-tabs>li:hover {
  cursor: pointer;
}

.chatbox {
  position: fixed;
  bottom: -340px;
  right: 0;
  z-index: 9999;
  width: 275px;
  background-color: #fff;
}

.chatbox.showchat {
  bottom: 0;
  background-color: #fff;
  -webkit-transition: 400ms;
  transition: 400ms;
}

.chatbox.minimizebnow {
  height: 27px;
}

.chatmessage {
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  max-height: 220px;
  overflow: auto;
}

.chatmessage ul {
  padding: 0;
  margin: 0;
}

.chattitle {
  background-color: #3b3f51;
  padding: 4px 55px 4px 25px;
  color: #ffffff;
}

.chattitle a {
  text-decoration: none;
  color: inherit;
}

.avatarchat {
  font-size: 13px;
  line-height: 19px;
  display: block;
}

.availibility {
  width: 9px;
  height: 9px;
  overflow: hidden;
  background-color: grey;
  display: block;
  position: absolute;
  left: 8px;
  top: 9px;
  background-color: #CCCCCE;
}

.online {
  background-color: #3fad97;
}

.minimizeit {
  position: absolute;
  right: 29px;
  top: 4px;
  font-size: 15px;
  line-height: 22px;
  padding: 0 6px;
}

.offchat {
  position: absolute;
  right: 1px;
  top: 0px;
  font-size: 25px;
  line-height: 23px;
  font-weight: 300;
  padding: 0 6px;
}

.avatarchatimg {
  width: 35px;
  height: 35px;
  overflow: hidden;
  display: inline-block;
  margin: 0;
  position: absolute;
  top: 10px;
}

.chatmessage li {
  padding: 10px;
  position: relative;
}

.chatmessage li.me {
  padding-right: 55px;
  text-align: right;
}

.chatmessage li.she {
  padding-left: 55px;
}

li.me .avatarchatimg {
  right: 10px;
}

li.she .avatarchatimg {
  left: 10px;
}

.chattxt {
  font-size: 13px;
  line-height: 20px;
  padding: 4px 14px;
  border-radius: 50px;
  width: auto;
  display: inline-block;
}

li.me .chattxt {
  background-color: #0a99f3;
  color: #ffffff;
}

li.she .chattxt {
  background-color: #EBEBEB;
  color: #2c2c2c;
}

.timechat {
  color: #a9a9a9;
  font-size: 13px;
  line-height: 19px;
  display: inline-block;
  margin-top: 3px;
}

.chatmessage .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #ff7d43;
}

.chatmessage .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.chatmessage .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #3DAF98;
}

.chtinput {
  border-bottom: 0 none;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  box-shadow: none;
  border-radius: 0;
  color: #2c2c2c;
  font-size: 14px;
  line-height: 20px;
}

.chtinput:focus {
  box-shadow: none;
  border-color: #3DAF98;
}

.actionlinkscht {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.actionlinkscht a,
.actionlinkscht .toaddfileinchat {
  color: #808080;
  font-size: 13px;
  padding: 4px;
}

.toaddfileinchat {
  margin: 0 4px;
}

.actionlinkscht a:hover,
.actionlinkscht .toaddfileinchat:hover {
  cursor: pointer;
  color: #f3520a;
}

.withbtnact {
  position: relative;
  padding: 0 73px;
}

.tobackpop {
  position: absolute;
  left: 0;
}

.tonextpop {
  position: absolute;
  right: 0;
}

.tobackpop,
.tonextpop {
  padding: 5px 19px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 37px;
  text-decoration: none;
  top: 9px;
}

.tobackpop:focus,
.tonextpop:focus,
.tobackpop:hover,
.tonextpop:hover {
  text-decoration: none;
  background-color: #3fad97;
  border-color: #3fad97;
  color: #ffffff;
}

.commntList {
  margin: 0;
  padding: 0;
}

.commntList li {
  position: relative;
  padding-left: 50px;
  border-top: 1px solid #e8e8e8;
  padding-top: 14px;
  margin-bottom: 14px;
  min-height: 46px;
}

.commntList li:first-child {
  border-top: 0 none;
}

.commntList li figure.round {
  left: 0;
  top: 14px;
}

.tabmenuwrap .dropdown-menu>li:hover>a,
.tabmenuwrap .dropdown-menu>.active>a,
.tabmenuwrap .dropdown-menu>.active>a:focus,
.tabmenuwrap .dropdown-menu>.active>a:hover {
  background-color: #f3520a;
  color: #ffffff;
}

.srchform .form-group p-calendar {}

.srchform .form-group p-calendar>span {
  display: block;
  width: 111px;
}

.srchform .form-group .ui-calendar .ui-calendar-button {
  position: absolute;
  left: 1px;
  top: -1px;
  background-color: transparent;
  border-color: transparent;
  color: #929293;
}

.ui-calendar.ui-calendar-w-btn input {
  width: 100%;
  color: #222;
  font-size: 13px;
  line-height: normal;
  height: 40px;
  border-color: #d0d0d0;
  box-shadow: none;
  border-radius: 3px !important;
  padding-left: 29px;
  font-family: 'Montserrat', sans-serif;
}

.srchform .form-group .ui-calendar .ui-calendar-button:hover {
  background-color: transparent;
  border-color: transparent;
  color: #f3520a;
}


/*date 28 02 2018*/

.sharemdal h3 {
  margin: 0 0 21px;
}

.sharinpu {
  position: relative;
  height: 45px;
  padding-right: 0;
  margin: 0 0 5px;
}

.sharinpu .form-control {
  box-shadow: none;
  border-radius: 0;
  height: 100%;
  border-color: #a5a5a5;
}


/*.actshare {
    position: absolute;
    height: 100%;
    outline: 0 none;
    right: 0;
    top: 0;
    border: 1px solid #a5a5a5;
    width: 81px;
}*/

.table_default .table>tbody>tr>td a {
  color: inherit;
}


/* avoy start*/

.fullsettingdiv {
  border-top: 1px solid rgba(0, 0, 0, 0.22);
  max-width: 100%;
  padding: 10px 20px;
}

.textfilter {
  padding: 0px 4px;
  font-weight: 500
}

.rightmenu .navbar-nav>li>a {
  padding: 26px 10px;
}


/* avoy end*/

.settignmenu h4 .itemlist label {
  color: #ffffff;
  margin: 0;
  padding: 0;
}

.table_default table tbody tr.compny th,
.table_default table tbody tr.compny td,
.table_default .table>tbody>tr.compny>th,
.table_default .table>tbody>tr.compny>td {
  background-color: #f8f8f8 !important;
}

.table_default .table>tbody>tr.compny {
  /*    box-shadow:0 0 5px rgba(0,0,0,0.7);*/
}


/*email*/

.msgcolleft {
  float: left;
  box-shadow: 0px 7px 16px rgba(0, 0, 0, 0.07);
  -o-box-shadow: 0px 7px 16px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0px 7px 16px rgba(0, 0, 0, 0.07);
  -ms-box-shadow: 0px 7px 16px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0px 7px 16px rgba(0, 0, 0, 0.07);
  background-color: #ffffff;
  padding: 20px 16px 20px 23px;
  width: 21%;
  /*min-width:242px;*/
}

.msgcolright {
  float: left;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.19);
  -o-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.19);
  -ms-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.19);
  -webkit-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.19);
  padding: 24px 25px 0 17px;
  width: 79%;
  background-color: #ffffff;
}

.btnnewmsg {
  background-image: url(../images/emailsp.png);
  padding-left: 36px;
  background-position: 24px -31px;
  background-repeat: no-repeat;
  padding-right: 16px;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  border-color: #3fad97;
  font-size: 15px;
  line-height: 21px;
  color: #ffffff;
  font-weight: 600;
  background-color: #3fad97;
  padding: 8px 30px 8px 49px;
}

.btnnewmsg:hover {
  background-position: 24px 2px;
  background-color: transparent;
  border-color: #249c84;
  color: #249c84;
}

.msgmenu {
  margin: 30px 0 0;
  padding: 0;
}

.msgmenu li a {
  color: #999999;
  font-size: 17px;
  line-height: 23px;
  font-weight: normal;
  display: block;
  min-height: 52px;
  padding: 16px 16px 10px 58px;
  position: relative;
  text-align: left;
  text-decoration: none;
  border-top: 1px solid #ebebeb;
}

.msgmenu li a:hover,
.msgmenu li.active a {
  color: #313030;
  font-weight: 600;
}

.msgmenu li:first-child a {
  border-top: 0 none;
}

.msgmenu .badge {
  background-color: #3fad97;
  color: #ffffff;
  font-weight: 600;
  font-size: 11px;
  line-height: 17px;
  padding: 2px 14px;
  float: right;
}

.icomsg {
  height: 52px;
  display: table;
  width: 26px;
  vertical-align: middle;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
}

.icomsg span {
  display: table-cell;
  height: 100%;
  width: 100%;
  vertical-align: middle;
}

.msgsearch {
  margin: 0;
  font-size: 15px;
  line-height: 21px;
  color: #333;
  border: 0 none;
  height: 30px;
  width: 104px;
  padding: 2px 10px 2px 26px;
  background: #ffffff url(../images/search_icon.png) no-repeat left center;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
}

.msgsearch:focus {
  width: 250px;
  outline: 0 none;
  border-bottom: 1px solid #cccccc;
}

.checkmsg {
  width: 14px;
  height: 14px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  position: relative;
  background: -moz-linear-gradient(top, rgba(248, 248, 248, 0.91) 0%, rgba(246, 246, 246, 1) 9%, rgba(231, 231, 232, 1) 91%, rgba(229, 229, 230, 0.91) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(248, 248, 248, 0.91) 0%, rgba(246, 246, 246, 1) 9%, rgba(231, 231, 232, 1) 91%, rgba(229, 229, 230, 0.91) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(248, 248, 248, 0.91) 0%, rgba(246, 246, 246, 1) 9%, rgba(231, 231, 232, 1) 91%, rgba(229, 229, 230, 0.91) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e8f8f8f8', endColorstr='#e8e5e5e6', GradientType=0);
  /* IE6-9 */
}

.checkmsg:after {
  display: block;
  content: "";
  background: transparent url(../images/tick_ico.png) no-repeat center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: -3px;
  left: 3px;
  opacity: 0;
}

input[type="checkbox"]:checked+.checkmsg:after {
  opacity: 1;
}

.topmsg p {
  margin: 0;
  color: #868484;
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
}

.msgcolright .checkbox label {
  padding-left: 0;
  min-height: inherit;
}

.msgcolright .checkbox {
  margin: 0;
}

.topmsg .checkbox label {
  position: relative;
  top: 5px;
  margin-right: 17px;
  margin-left: 6px;
}

.topmsg {
  padding-bottom: 15px;
}

.msglist .avsrc {
  width: 55px;
  height: 55px;
  overflow: hidden;
  display: inline-block;
  position: inherit;
  margin: 0;
}

.msgfrm,
.avname {
  font-size: 15px;
  line-height: 21px;
  margin: 0;
  color: inherit;
}

.msgfrm {
  display: block;
}

.srtmsg {
  font-size: 13px;
  line-height: 19px;
  color: #4e4e4e;
  font-weight: normal;
  margin: 0;
}

.msglist a:hover {
  text-decoration: none;
  color: #1a0f5d;
}

.msglist .table>tbody>tr>td,
.msglist .table>tbody>tr>th,
.msglist .table>tfoot>tr>td,
.msglist .table>tfoot>tr>th,
.msglist .table>thead>tr>td,
.msglist .table>thead>tr>th {
  vertical-align: middle;
  border-top-color: #e7e7e7;
  color: #202020;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding-left: 6px;
  padding-right: 6px;
}

.msglist .table>tbody>tr>td:last-child {
  text-align: right;
}

.msgtdav {
  max-width: 55px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.merapagi {
  width: 79%;
}

.rightico {
  background: transparent url(../images/arrow_right.png) no-repeat center center;
  display: block;
  width: 100%;
  height: 100%;
  margin-top: -3px;
}

.leftico {
  background: transparent url(../images/arrow_left.png) no-repeat center center;
  display: block;
  width: 100%;
  height: 100%;
  margin-top: -3px;
}

.merapagi .pagination>li.disabled>a span {
  opacity: 0.2;
}

.merapagi .pagination>li>a {
  margin: 0 8px;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #7d7c7c;
  background-color: transparent;
  border: 0 none;
  display: table;
  vertical-align: middle;
  width: 38px;
  height: 38px;
  border-radius: 100%;
  padding: 7px 0 0;
}

.merapagi .pagination>.active>a {
  background-color: #3fad97;
  color: #ffffff;
}

.replybtn {
  background-image: url(../images/replybg.png);
  padding-left: 34px;
  background-position: 12px 0;
}

.replybtn.uc,
.replybtn:hover {
  background-position: 12px -33px;
}

.btn-sm.btnbg {
  font-size: 13px;
  line-height: 19px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.btn-sm.replybtn {
  background-position: 12px -4px;
  padding-left: 34px;
  padding-right: 19px;
  margin-right: 7px;
}

.btn-sm.exlinksp {
  background-position: 12px -4px;
  padding-left: 34px;
  padding-right: 19px;
  margin-right: 7px;
}

.btn-sm.exlinksp:hover,
.btn-sm.replybtn:hover {
  background-position: 12px -37px;
}

.btnmoremsg {
  background-color: #d2d2d2;
  border-color: #d2d2d2;
  color: #707070;
  padding: 6px 10px;
  height: 18px;
  font-size: 0;
  line-height: 0;
  margin: 6px 0 0;
}

.msgfrom {
  color: #272727;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 0;
}

.msgcolright.msgdetails {
  padding: 17px 15px 17px 19px;
}

.rightbtns {
  padding-right: 15px;
}

.msgcont {
  font-size: 13px;
  line-height: 24px;
  color: #4e4e4e;
  margin: 17px 0 0;
  max-height: 70px;
  overflow: hidden;
}

.showme .msgcont {
  overflow: inherit;
  max-height: inherit;
}

.msgmore span {
  transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}

.showme .msgmore span {
  transform: none;
  -o-transform: none;
  -ms-transform: none;
  -moz-transform: none;
  -webkit-transform: none;
}

.messages {
  border-bottom: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
  margin: 19px 0;
  padding: 0 25px;
}

.messages>li {
  position: relative;
  padding: 19px 0 19px 65px;
  border-top: 1px solid #e7e7e7;
}

.messages>li:first-child {
  border-top: 0 none;
}

.messages>li .avsrc {
  width: 44px;
  height: 44px;
  top: 12px;
  left: 0;
}

.messages .avname {
  font-size: 16px;
  line-height: 22px;
  margin: 0;
  color: #202020;
  font-weight: 600;
}

.dateav {
  color: #202020;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  margin: 0 20px 0 0;
}

.msgmore {
  color: #707070;
}

.replybx {
  position: relative;
  padding: 0 0 47px 50px;
}

.replybx .avsrc {
  left: 0;
  width: 38px;
  height: 38px;
}

.replybx textarea {
  border-color: rgba(0, 0, 0, 0.07);
  color: #333333;
  font-size: 15px;
  border-radius: 0;
  line-height: 21px;
  background-color: #fff;
  box-shadow: 0px 4px 37px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0px 4px 37px rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0px 4px 37px rgba(0, 0, 0, 0.06);
  -ms-box-shadow: 0px 4px 37px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 4px 37px rgba(0, 0, 0, 0.06);
}

.menusmall ul.nav-tabs>li>a {
  font-size: 14px;
  line-height: 20px;
  padding: 4px 0 4px 29px;
  min-width: inherit;
  border-bottom-left-radius: 100px;
  border-top-left-radius: 100px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  text-align: left;
  color: #ffffff;
}

.tabico {
  background-color: #468adb;
  width: 24px;
  height: 24px;
  display: inline-block;
  padding: 3px;
  border: 2px solid #fff;
  position: absolute;
  left: 2px;
  top: 2px;
}

.tabico img {
  display: block;
  margin: auto;
}

.menusmall ul.nav-tabs>li:nth-child(1)>a {
  background-color: #a727b0;
  border-color: #a727b0;
}

.menusmall ul.nav-tabs>li:nth-child(1)>a .tabico {
  background-color: #3b9de6;
}

.menusmall ul.nav-tabs>li:nth-child(2)>a {
  background-color: #ea191e;
  border-color: #ea191e;
}

.menusmall ul.nav-tabs>li:nth-child(2)>a .tabico {
  background-color: #fd8f14;
}

.menusmall ul.nav-tabs>li:nth-child(3)>a {
  background-color: #39ccff;
  border-color: #39ccff;
}

.menusmall ul.nav-tabs>li:nth-child(3)>a .tabico {
  background-color: #468adb;
}

.menusmall ul.nav-tabs>li:nth-child(4)>a {
  background-color: #f99301;
  border-color: #f99301;
}

.menusmall ul.nav-tabs>li:nth-child(4)>a .tabico {
  background-color: #4f60bc;
}

.menusmall ul.nav-tabs>li:nth-child(5)>a {
  background-color: #ee3e86;
  border-color: #ee3e86;
}

.menusmall ul.nav-tabs>li:nth-child(5)>a .tabico {
  background-color: #ffab41;
}

.menusmall ul.nav-tabs>li:nth-child(6)>a {
  background-color: #25c09b;
  border-color: #25c09b;
}

.menusmall ul.nav-tabs>li:nth-child(6)>a .tabico {
  background-color: #e8171a;
}

.menusmall ul.nav-tabs>li:nth-child(7)>a {
  background-color: #1399f8;
  border-color: #1399f8;
}

.menusmall ul.nav-tabs>li:nth-child(7)>a .tabico {
  background-color: #ea6800;
}

.menusmall ul.nav-tabs>li:nth-child(8)>a {
  background-color: #059a40;
  border-color: #059a40;
}

.menusmall ul.nav-tabs>li:nth-child(8)>a .tabico {
  background-color: #dc201e;
}

.menusmall ul.nav-tabs>li:nth-child(9)>a {
  background-color: #232dee;
  border-color: #232dee;
}

.menusmall ul.nav-tabs>li:nth-child(9)>a .tabico {
  background-color: #ee3e86;
}

.menusmall ul.nav-tabs>li:nth-child(10)>a {
  background-color: #a727b0;
  border-color: #a727b0;
}

.menusmall ul.nav-tabs>li:nth-child(10)>a .tabico {
  background-color: #ea6800;
}

.menusmall ul.nav-tabs>li:nth-child(11)>a {
  background-color: #b001f9;
  border-color: #b001f9;
}

.menusmall ul.nav-tabs>li:nth-child(11)>a .tabico {
  background-color: #44a2e7;
}

.menusmall ul.nav-tabs>li:nth-child(12)>a {
  background-color: #82c327;
  border-color: #82c327;
}

.menusmall ul.nav-tabs>li:nth-child(12)>a .tabico {
  background-color: #fb0000;
}

.menusmall ul.nav-tabs>li:nth-child(13)>a {
  background-color: #e8171a;
  border-color: #e8171a;
}

.menusmall ul.nav-tabs>li:nth-child(13)>a .tabico {
  background-color: #059a40;
}

.menusmall ul.nav-tabs>li:nth-child(14)>a {
  background-color: #a02da6;
  border-color: #a02da6;
}

.menusmall ul.nav-tabs>li:nth-child(14)>a .tabico {
  background-color: #f07009;
}

.menusmall ul.nav-tabs>li:nth-child(15)>a {
  background-color: #09b6f7;
  border-color: #09b6f7;
}

.menusmall ul.nav-tabs>li:nth-child(15)>a .tabico {
  background-color: #0b5ea7;
}

.formsetting {
  width: 948px;
  max-width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.07);
  box-shadow: 0px 4px 37px rgba(0, 0, 0, 0.03);
  -webkit-box-shadow: 0px 4px 37px rgba(0, 0, 0, 0.03);
  -o-box-shadow: 0px 4px 37px rgba(0, 0, 0, 0.03);
  -ms-box-shadow: 0px 4px 37px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 4px 37px rgba(0, 0, 0, 0.03);
}

.settTitle {
  color: #2f2f2f;
  margin: 0;
  padding: 18px 23px;
  font-weight: 600;
  background-color: #ffffff;
  border-bottom: 1px solid rgba(227, 227, 277, 0.7);
}

.settTitleSub {
  color: #3b3b3b;
  margin: 0;
  padding: 18px 23px;
  font-weight: 600;
  background-color: #f7f7f7;
}

.wformbx {
  border-bottom: 1px solid rgba(227, 227, 277, 0.7);
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  box-shadow: 0px 4px 37px rgba(0, 0, 0, 0.03);
  -webkit-box-shadow: 0px 4px 37px rgba(0, 0, 0, 0.03);
  -o-box-shadow: 0px 4px 37px rgba(0, 0, 0, 0.03);
  -ms-box-shadow: 0px 4px 37px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 4px 37px rgba(0, 0, 0, 0.03);
  background-color: #ffffff;
}

.wformbx.panel-body {
  padding: 30px 22px 0;
}

.openmsgmenu {
  display: none;
}

.rounduc {
  border-radius: 100%;
  -o-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
}

.popstyle .modal-dialog,
.modalprofile .modal-dialog {
  width: 669px;
  max-width: 100%;
}

.formwrap .close,
.popstyle .close,
.modalprofile .close {
  text-shadow: none;
  opacity: 1;
  font-weight: 300;
  font-size: 40px;
  line-height: 20px;
  position: absolute;
  right: 12px;
  top: 11px;
  color: #898989;
}

.popstyle .modal-title,
.modalprofile .modal-title {
  font-size: 20px;
  line-height: 26px;
  color: #363636;
  font-weight: normal;
}

.popstyle .selected-list[_ngcontent-c3] .c-btn {
  box-shadow: none !important;
}

.conbx .selected-list .c-btn,
.popstyle .selected-list .c-btn {
  height: auto;
  min-height: 43px;
  box-shadow: none !important;
}

.formstyle .form-control {
  border-color: #c0c0c0;
  height: 40px;
  box-shadow: none;
  color: #000000;
}

.formstyle select.form-control {
  padding-right: 21px;
  background-image: url("../images/bgselect.png");
  background-repeat: no-repeat;
  background-position: right center;
  appearance: none;
  -o-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
}

.formstyle textarea.form-control {
  height: auto;
}

.formstyle .row {
  margin-left: -10px;
  margin-right: -10px;
}

.formstyle [class*=col] {
  padding-right: 10px;
  padding-left: 10px;
}

.formstyle label {
  color: #2f2f2f;
  font-size: 15px;
  line-height: 21px;
  font-weight: 600;
}

.modal-body.formstyle {
  padding: 30px 26px 15px;
}

.popstyle .modal-footer,
.modalprofile .modal-footer {
  background-color: #f9f9f9;
  border-top: 1px solid #f0f0f0;
  padding: 16px 26px;
}

.popstyle .modal-footer .btn-primary,
.modalprofile .modal-footer .btn-primary {
  background-color: #3fad97;
  border-color: #3fad97;
  font-size: 16px;
  line-height: 22px;
  border-radius: 100px;
  padding: 12px 45px;
  font-weight: 600;
}

.popstyle .modal-footer .btn-default,
.modalprofile .modal-footer .btn-default {
  background-color: #efefef;
  border-color: #a9a9a9;
  font-size: 16px;
  line-height: 22px;
  border-radius: 100px;
  padding: 12px 45px;
  font-weight: 600;
  color: #6b6b6b;
}

.popstyle .modal-footer .btn-default:hover,
.modalprofile .modal-footer .btn-default:hover {
  border-color: #a9a9a9;
  background-color: #d4d4d4;
  color: #ffffff;
}

.popstyle .modal-footer .btn-primary:hover,
.modalprofile .modal-footer .btn-primary:hover {
  border-color: #249c84;
  background-color: #249c84;
  color: #ffffff;
}

popstyle .modal-footer .delte,
.modalprofile .modal-footer .delte {
  color: #2e2e2e;
  background-color: transparent;
}

.chtxt {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  margin: 2px 0 0 10px;
}


/*opload 03 20 2018*/

.addfile,
.upphotoct {
  position: relative;
  overflow: hidden;
}

.hidFile {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}

.hidFile:hover {
  cursor: pointer;
}

.minutfld {
  width: 70px;
  display: inline-block;
}

.settignwrp {
  width: 874px;
}

.checklist .checkico {
  margin-right: 5px;
}

.maptitle {
  padding: 10px 20px;
  color: #ffffff;
  background-color: #3b3f51;
  font-size: 17px;
  line-height: 23px;
  font-weight: normal;
}

.fildmapbox {
  border: 1px solid #3b3f51;
}

.fildmapbox [class*=col] {
  padding: 0;
}

.fildmapbox .fldmpCol:first-child {
  border-right: 1px solid #ffffff;
}

.brdleft {
  position: relative;
}

.brdleft::after {
  background-color: #3b3f51;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -1px;
  display: block;
  content: "";
}

.fldcheck {
  font-weight: normal;
  color: #626262;
  font-size: 15px;
  line-height: 21px;
  padding: 10px 24px 10px 13px;
  border: 1px solid #cecece;
  position: relative;
  margin-top: 10px;
}

.fldcheck:hover {
  cursor: pointer;
}

.fldcheck i {
  display: none;
  font-size: 27px;
  position: absolute;
  right: 8px;
  top: 6px;
}

input[type="radio"]:checked+.fldcheck {
  background-color: #3b3f51;
  color: #fff;
  border-color: #3b3f51;
}

input[type="radio"]:checked+.fldcheck i {
  display: inline-block;
}

.fildmapbox label {
  display: block;
  margin: 0 !important;
}

.fildmapbox .panel-body {
  padding: 0 10px 10px;
}

.fldcheck i.txtsm {
  font-size: 17px;
  top: 12px;
}

.listimgchel label {
  display: block;
}

.listimgchel label:hover {
  cursor: pointer;
}

.addctfld {
  padding: 16px 20px;
  background-color: #ececec;
  margin-top: 17px;
}

.addctfld label {
  margin-right: 10px;
}

.pnchatlist label {
  position: relative;
  padding: 0px 0 0 26px;
}

.pnchatlist .chatico {
  border-width: 2px;
  width: 18px;
  height: 18px;
}

.pnchatlist .chatico:after {
  top: 3px;
  left: 3px;
}

.pnchatlist .parasm {
  margin-top: 0;
}

.chinfo {
  padding: 5px 30px;
  margin: 12px 21px 12px;
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
}

.chinfo:hover {
  background-color: #3fad97;
  text-decoration: none;
  color: #ffffff;
}

.nocursor {
  pointer-events: none;
}

.affid {
  padding: 5px 15px;
  margin: 0;
  border: 1px solid #cecece;
}

.ctdrop {
  width: 500px;
}

.taglist label.field {
  border: 1px solid #3fad97;
  padding: 2px 4px;
}

.innrfild .taglist label.field {
  display: block;
}

.ctdrop label {
  display: inline-block;
}

.ctdrop {
  width: 500px;
}

.ctdrop label {
  display: inline-block;
}

.sminpu input {
  max-width: 50px;
}

.taglist {
  position: relative;
}

.taglist .field input {
  display: inline-block;
  vertical-align: top;
  width: 60px;
  max-width: 100%;
  height: 30px;
  border: none;
  font-size: 14px;
  font-weight: 600;
}

.innrfild .taglist .field input {
  width: 30px;
}

.taglist .field input:focus {
  outline: 0 none;
}

.taglist .avtarLi {
  display: inline-block;
  vertical-align: top;
  width: auto;
  max-width: 100%;
  position: relative;
  margin: 4px 0 0;
}

.avtarLi .tagtxt {
  background-color: #DDDFE2;
  color: #4A4B4C;
  display: inline-block;
  padding: 3px 25px 3px 8px;
  border-radius: 10px;
  font-weight: normal;
  margin: 0 2px 2px;
  font-size: 14px;
  line-height: 20px;
}

.avdrop {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 3;
  background-color: #fafafa;
  border: 1px solid #c0c0c0;
  border-top: none;
  margin: 0;
  padding: 4px 0 0 0;
  max-height: inherit;
  overflow: inherit;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.2);
}

.avdrop ul {
  max-height: 150px;
  overflow: auto;
  padding: 0;
  margin: 0;
}

.avdrop ul li {
  padding: 4px 10px;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  font-weight: 600;
}

.avdrop ul li:hover {
  cursor: pointer;
  background-color: #ffffff;
}

.taglist label.field {
  border: 1px solid #3fad97;
  padding: 2px 4px;
}

.innrfild .taglist label.field {
  display: block;
}

.rightdrpbx .form-control {
  height: 27px;
}

.rightdrpbx .SumoSelect>.CaptionCont,
.rightdrpbx .SumoSelect>.CaptionCont:focus {
  height: 26px;
  padding: 0px 9px;
}

.rightdrpbx .SumoSelect>.CaptionCont>label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 30px;
  padding: 0;
  margin: 0;
}

.rightdrpbx .SumoSelect.open>.optWrapper {
  top: 27px;
}

.rightdrpbx .taglist label.field {
  margin-bottom: 0;
}

.rightdrpbx .avtarLi .tagtxt {
  padding: 1px 19px 1px 7px;
  margin: 0 1px 1px;
  font-size: 13px;
  line-height: 19px;
}

.rightdrpbx .taglist .avtarLi {
  margin-top: 2px;
}

.rightdrpbx .taglist .field input {
  height: 24px;
}

.rightdrpbx .avdrop ul li {
  font-size: 13px;
  line-height: 19px;
}

.tagwrp {
  position: relative;
  display: inline-block;
}

.tagwrp .cls {
  color: #323232;
  font-size: 17px;
  line-height: 12px;
  position: absolute;
  right: 10px;
  top: 7px;
}

.tagwrp .cls:focus,
.tagwrp .cls:hover {
  color: red;
  text-decoration: none;
}

.rightdrpbx .tagwrp .cls {
  font-size: 14px;
  line-height: 21px;
  right: 8px;
  top: 0;
  padding: 0;
}

.indropdwn.conbx {
  width: 100%;
  margin: 0;
}

.indropdwn label[class*=col] {
  margin: 14px 0 0;
  padding-right: 0;
  width: 34%;
  font-size: 14px;
}

.indropdwn .form-group[class*=col] {
  width: 66%;
}

.indropdwn .form-group {
  margin-bottom: 15px;
}

.tasktoshow {
  display: none;
}

span.optionaltxt {
  color: #a2a2a2;
  font-weight: normal;
}


/*
.mksrt {
    display:inline-block;
    overflow-wrap:break-word;
    max-width:90px;
}
*/

.ttlcnt {
  position: relative;
  padding-left: 39px;
  min-height: 35px;
  display: block;
  vertical-align: middle;
}

.ttlcnt .smallavatar {
  position: absolute;
  left: 0;
  top: 3px;
}

.ttlcnt .smallavatar img {
  min-height: 100%;
}

.ttlcnt strong {
  margin-top: 0;
  vertical-align: middle;
  display: block;
  padding-top: 11px;
}

.showsix.itemlist {
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
}

.showsix .rightdrpbx {
  padding-right: 9px;
}

.mngrLst {
  display: none;
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 100%;
  box-shadow: 0 0 4px #afafaf;
  overflow: hidden;
  border-radius: 4px;
  padding: 0;
  min-width: 170px;
  z-index: 9;
}

td.dropdown:hover .mngrLst {
  display: block;
}

.mngrLst li {
  list-style-type: none;
  padding: 5px 15px;
  font-size: 14px;
  line-height: 20px;
  color: #1e1e1e;
  font-weight: normal;
}

.table_default table>thead>tr>th:first-child,
.table_default table>tbody>tr>th {
  max-width: 40px;
  width: 40px;
  text-align: center;
  white-space: nowrap;
  /* background: #000; */
}

.table_default table>thead>tr>th {
  background-color: #f6f6f6;
  font-weight: 300;
  font-size: 15px;
  color: #929293;
  line-height: normal;
  border: 0 none !important;
  padding: 10px 0 10px 16px !important;
  overflow-wrap: break-word;
  background: #3b3f51 !important;
  color: #FFF !important;
}

.table_default table>thead>tr>th:nth-child(2),
.table_default table>thead>tr>td:nth-child(1) {
  /* padding-left: 0 !important; */
}

.table_default table>thead>tr>td {
  font-weight: normal;
  font-size: 14px;
  line-height: normal;
  padding: 10px 20px !important;
  color: #31384a;
  overflow-wrap: break-word;
  border: 0 none !important;
  border-top: 1px solid #ddd !important;
}

span.mksrt {
  width: 100%;
  display: block;
  overflow-wrap: break-word;
}

.mngr {
  color: inherit;
}

.mngrLst:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 16px solid #3fad97;
  margin: 0 auto;
  top: -16px;
  right: 6px;
}

.table_default tbody td {
  font-weight: normal;
  font-size: 14px;
  line-height: normal;
  color: #31384a;
  padding: 11px 20px !important;
  border: 0 none;
}

.table_default table>tbody>tr>th {
  border-top: none;
}

.ui-paginator .ui-paginator-page.ui-state-active {
  background: #59bdb3 !important;
  border-color: #59bdb3 !important;
  color: #ffffff !important;
}

.ui-paginator .ui-paginator-first,
.ui-paginator .ui-paginator-last,
.ui-paginator .ui-paginator-next,
.ui-paginator .ui-paginator-page,
.ui-paginator .ui-paginator-prev {
  padding: 7px 15px !important;
  background-color: #fff !important;
  opacity: 1 !important;
  color: #31384a !important;
}

.ui-table .ui-paginator-bottom {
  border: 0 none !important;
  background-color: #f8f8f8 !important;
  background-image: none !important;
  padding-top: 20px;
  text-align: right;
}

.ui-paginator .ui-paginator-next .fa-forward:before {
  content: "Next" !important;
  font-family: 'Roboto', sans-serif;
}

.ui-paginator .ui-paginator-prev .fa-backward:before {
  content: "Previous" !important;
  font-family: 'Roboto', sans-serif;
}

.ui-paginator a.ui-state-disabled {
  outline: 0 none;
  opacity: 0.6 !important;
}

.ui-table .ui-sortable-column.ui-state-highlight {
  background-color: #3fad97 !important;
}

.table_default div.table table>thead>tr>th:nth-child(2),
.table_default div.table table>thead>tr>td:nth-child(1) {
  padding-left: 12px !important;
}

.table_default div.table table>thead>tr>th:nth-child(2) {
  width: 300px;
}

.table_default div.table table>thead>tr>th:nth-child(3) {
  width: 300px;
}

p-autocomplete.form-control {
  position: relative;
}

.form-control .ui-autocomplete input,
.form-control .ui-autocomplete {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border: 0 none;
}

.form-control .ui-autocomplete input {
  padding: 6px 12px;
}

.multicheckfull .ui-multiselect {
  display: block
}

.leftpanel .tablef .table>tbody>tr>td label {
  position: relative;
  display: block;
  padding-left: 20px;
}

.leftpanel .tablef .table>tbody>tr>td .checkico {
  position: absolute;
  left: 0;
  top: 0;
}

.leftpanel .tablef .table>tbody>tr>td:first-child {
  max-width: 20px;
  overflow: hidden;
  padding: 7px 0 0 16px;
  width: 70px;
}

.leftpanel .tablef .table>thead>tr>td:last-child,
.leftpanel .tablef .table>tbody>tr>td:last-child {
  max-width: 50px;
  width: 70px;
  overflow: hidden;
  overflow-wrap: break-word;
  padding: 5px;
  word-wrap: break-word;
}

.pauto button.ui-autocomplete-dropdown {
  float: right;
  border-radius: 0;
}

.pauto input[type="text"] {
  padding-right: 30px;
}


/*04 04 2018 uploaded 04 25 2018*/

.mrg0 {
  margin: 0;
}

.chatwidgetbx .budylistradio .form-group {
  width: 112px;
}

.gpcheck {
  margin: 11px 0 0;
}

.center-block {
  float: none;
}

.sminput .form-control {
  height: 34px;
}

.subcrTitle {
  color: #31384a;
  font-size: 30px;
  line-height: 36px;
  margin: 0;
  padding: 10px 0 20px;
  font-family: 'Lato', sans-serif;
}

.titleser {
  color: #3b3f51;
  font-size: 21px;
  line-height: 27px;
  margin: 0 0 9px;
  border-bottom: 1px solid #3fad97;
  padding: 3px 9px 12px;
  /* font-family: 'Montserrat', sans-serif; */
  font-family: 'Lato', sans-serif;
}

.withtblbrd {
  border-top: 1px solid #3fad97;
}

.tblsmall {
  max-width: 100%;
}

.tbTitle {
  font-weight: 300 !important;
}

.tabenrm table>tbody>tr>td {
  font-size: 14px;
  line-height: 22px;
  color: #000000;
  border-color: transparent;
  min-width: 70px;
  vertical-align: middle;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}

.tabenrm table>tfoot>tr>td {
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  color: #000000;
  border-color: transparent;
  min-width: 70px;
  border-top: 1px solid #3fad97;
}

.mnthsubs {
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  color: #000000;
  font-family: 'Lato', sans-serif;
}

.tabenrm table>tbody>tr>td:first-child {
  min-width: 240px;
}

.subscriptiondb {
  background-color: #f5f5f5;
  max-width: 100%;
}

.leftbxs {
  background-color: #ffffff;
  padding: 12px;
  border-right: 1px solid #eaeaea;
  width: 60%;
  float: left;
}

.righttbxs {
  padding: 12px 8px;
  width: 40%;
  float: left;
}

.infofeature {
  max-height: 332px;
  overflow-x: hidden;
  overflow-y: auto;
}

.infofeature li {
  background: transparent url("../images/checkico.png") 12px center no-repeat;
  min-height: 14px;
  padding: 0 0 0 40px;
  margin: 5px 0;
  font-size: 14px;
  line-height: 20px;
  color: #3b3f51;
}

.infofeature .mCSB_scrollTools .mCSB_draggerRail {
  width: 5px;
  background-color: #dddddd;
}

.infofeature .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 5px;
  background-color: #3fad97;
}

.seeall {
  color: #3b3f51;
  font-size: 16px;
  line-height: 22px;
  font-weight: normal;
  display: inline-block;
  margin: 7px 0 0;
}

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

.vedogrip {
  padding: 15px;
  border: 1px solid #e6e6e6;
  margin-bottom: 30px;
}

.videobx {
  width: 100%;
  height: 240px;
  display: block;
  margin-bottom: 10px;
}

.videobx iframe {
  width: 100%;
  height: 100%;
}

.vdoTitle {
  font-size: 18px;
  line-height: 24px;
  color: #4a4a4a;
  text-decoration: none;
}

.vdoDesk {
  color: #666666;
  font-size: 15px;
  line-height: 22px;
  margin: 10px 0 0;
  max-height: 40px;
  overflow: hidden;
}

.videdesk {
  font-size: 16px;
  line-height: 25px;
  color: #4a4a4a;
  margin-top: 15px;
}

.videdesk p {
  font-size: inherit !important;
}

.videodetl {
  height: 300px;
  width: 100%;
}

.videodetl iframe {
  height: 100%;
  width: 100%;
}

.popupClose.actv {
  display: block;
  position: absolute;
  top: -10px;
  right: 0;
  font-size: 39px;
  padding: 8px;
  width: auto;
  color: #f3520a;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
}

.vdoTitle:hover,
.popupClose.actv:hover {
  text-decoration: none;
  color: #000000;
}

.videofetur {
  margin: 10px -2px 0;
}

.videofetur span {
  border: 1px solid #f3520a;
  color: #4e4e4e;
  font-size: 14px;
  line-height: 20px;
  padding: 4px 10px;
  border-radius: 30px;
  display: inline-block;
  margin: 3px 2px;
  float: left;
}

.maptitle {
  color: #3b3f51;
  background-color: transparent;
}

.fildmapbox {
  border: 0 none;
}

.maptitle {
  padding-left: 0;
}

.withdirarrow {
  position: relative;
}

.withdirarrow i {
  position: absolute;
  right: -7px;
  top: 9px;
  font-size: 24px;
  color: #949494;
}

.stisList {
  margin: 0;
  border-right: 1px solid #e0e0e0;
  padding: 10px 0;
}

.stisList li {
  text-align: center;
  padding: 22px 0 29px 0;
  border-top: 1px solid #e0e0e0;
}

.stisList li:first-child {
  border-top: 0 none;
}

.statisticbox {
  border: 1px solid #e0e0e0;
}

.stisList li h3 {
  color: #435660;
  font-weight: bold;
  font-size: 40px;
  line-height: 46px;
  margin: 0;
  padding-bottom: 10px;
}

.infstati {
  padding: 5px 12px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
}

.infstati.bg-success {
  background-color: #3fad97;
  color: #ffffff;
}

.infstati.bg-warning {
  background-color: #f3520a;
  color: #ffffff;
}

.infstati.bg-info {
  background-color: #0a99f3;
  color: #ffffff;
}

.devicevew {
  padding: 0 0 50px;
  float: left;
  width: 33.333%;
}

.chatwidgetbx .devicevew .budylistradio .form-group {
  margin: -6px 0 0 10px;
  text-align: left;
  width: 81px;
}

.devicevew .budylistradio {
  display: inline-block;
  margin: 0 0 20px;
}

.devicevew .budylistradio .form-group input:checked+.swipeChk .on {
  opacity: 1;
  padding-left: 17px;
}

.ipad_device img {
  max-height: 210px;
}

.mobile_device img {
  max-height: 320px;
}

.devicevew img {
  display: inline-block;
}

.addcustomfiled .conbx {
  width: 430px;
  max-width: 100%;
}

.addcustomfiled select.form-control {
  padding-right: 21px;
  background-image: url("../images/selectbg.png");
  background-repeat: no-repeat;
  background-position: right center;
  appearance: none;
  -o-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
}

.addbilingsec .sucbtn {
  margin: -9px 0 20px;
}

.addbilingsec .form-group {
  position: relative;
}

.dltthis {
  display: inline-block;
  background: transparent url(../images/trash.png) no-repeat center center;
  width: 23px;
  height: 20px;
  /* position: absolute; */
  /* right: -32px; */
  /* top: 10px; */
  margin: 0 0 -4px 10px;
}

.dltthis:hover {
  background-image: url(../images/trash-black.png);
}

.showpayplemail {
  position: relative;
  width: 350px;
}

.showbilingdesk.swit .addpemail,
.showpayplemail {
  display: none;
}

.showbilingdesk.swit .showpayplemail {
  display: block;
}

.savebiling {
  position: absolute;
  right: -81px;
  top: 9px;
  padding: 10px 22px;
}

.chktxt.budylistradio .form-group input:checked+.swipeChk .on {
  padding-left: 14px;
}

.chktxt.budylistradio .form-group {
  width: 105px;
}

.chktxt.budylistradio .form-group .swipeChk .off {
  padding-right: 14px;
}

.taglist {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  position: relative;
  margin-bottom: 7px;
}

.withbordersec {
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  padding: 2px 4px 0;
}

.taglist.withbordersec label.field {
  padding: 0 0 6px;
  display: block;
  margin: 0;
  border: 0 none;
}

.withbordersec .avtarLi .tagtxt {
  margin: 2px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -o-border-radius: 30px;
  -ms-border-radius: 30px;
  -moz-border-radius: 30px;
  position: relative;
}

.withbordersec .avdrop .closme {
  display: none;
}

.withbordersec .tagwrp .closme {
  display: none;
}

.listimgchel label {
  margin-right: 14px;
  display: inline-block;
}

.filedList {
  border: 1px solid #f4f4f4;
  padding: 26px 0 0;
  max-height: 296px;
  overflow-x: hidden;
  overflow-y: auto;
}

.filedList li {
  position: relative;
}

.filedList li::after {
  display: block;
  content: "";
  background-color: #eeeeee;
  width: 80%;
  margin: 0 auto 40px;
  height: 1px;
  position: relative;
  bottom: -8px;
  z-index: 999;
}

.filedList li:last-child:after {
  display: none;
  margin-bottom: 0;
}

.filedList .closeitt {
  color: red;
  text-decoration: none;
  position: absolute;
  right: -18px;
  top: -40px;
  font-size: 26px;
  line-height: 19px;
  text-align: center;
  font-weight: 300;
  width: 25px;
  display: inline-block;
  height: 25px;
  background-color: #fff;
  border: 1px solid red;
  z-index: 9;
  border-radius: 100%;
}

.checkalltxt {
  margin: 6px 0 0;
}

.toarchive a {
  margin: 0 0 0 15px;
}

.archivebtn:hover {
  color: red;
}

.msgbtnright .actionpop {
  width: auto;
  min-width: 350px;
}

.msgbtnright {
  padding: 0 0 0 10px;
}

.archivebtn {
  color: grey;
  font-size: 18px;
  display: inline-block;
}

.btnmsgstatus {
  margin: -4px 7px 0 0;
  padding: 4px 13px;
  color: #fff !important;
}

.withmsgact {
  position: absolute;
  top: 33px;
  right: 10px;
}

.withmsgact a {
  color: #2f2f2f;
  font-size: 15px;
  line-height: 21px;
  font-weight: normal;
  display: inline-block;
  padding: 3px 1px;
  margin: 0 2px;
}

.formsg {
  padding: 0;
}

.formstyle .formsg .form-control {
  height: 32px;
}

.timefild {
  background: #ffffff url(../images/clockbg.png) no-repeat 8px center;
  max-width: 121px;
  padding-left: 29px;
}

.formsg .dtfild {
  max-width: 120px;
}

.showCc,
.showBcc {
  display: none;
}

td .chktxt.budylistradio .form-group {
  margin: 0;
}

.avsrc {
  width: 44px;
  height: 44px;
  overflow: hidden;
  display: inline-block;
}

.tabnemenu .nav-tabs>li>a .badge {
  margin-left: 10px;
  background-color: #3fad97;
}

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

.popmenu a {
  background-color: #3fad97;
  display: block;
  color: #fff;
  padding: 6px 7px;
  margin-bottom: 3px;
  font-size: 13px;
  line-height: 19px;
  border-radius: 2px;
}

.popmenu a.active,
.popmenu a:hover {
  text-decoration: none;
  background-color: #f3520a;
}

.popmenu li {
  padding: 0 !important;
}

.paddb0 {
  padding-bottom: 0 !important;
}

.sectoshow {
  padding: 40px 30px 0;
}

.phoneiconset {
  margin: 4px 6px 0 0;
}

.archivNprivate {
  width: 110px;
}

.budylistradio.archive .form-group .swipeChk .off {
  padding-left: 32px;
}

.budylistradio.archive .form-group {
  width: 116px;
}

.tabnemenu .budylistradio.archive {
  margin-top: 2px;
}

.searchmap .form-control {
  border-color: #d5d5d5;
  box-shadow: none;
  height: 43px;
  border-radius: 0;
  font-size: 14px;
  line-height: normal;
  color: #626262;
  font-weight: normal;
}

.searchmap {
  float: right;
  display: inline-block;
  width: 370px;
  margin: 0;
  position: absolute;
  right: 60px;
  top: 6px;
}

.modal-open2 .getdirectionModal {
  display: block;
  opacity: 1;
  z-index: 99;
  top: 2% !important;
}

.ovelay_map {
  display: none;
}

.modal-open2 .ovelay_map {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9;
  display: block !important;
  visibility: visible;
  opacity: 1;
  -webkit-transition: 500ms;
  transition: 500ms;
  cursor: pointer;
}

.modal-open2 .getdirectionModal .modal-dialog {
  z-index: 9999 !important;
  transform: translate(0, -2%);
}

button.bigbtntb {
  background: none;
  border: 0 none;
  float: left;
  margin: 3px 0 0;
}

.tabdrop .shownewdrop {
  position: relative;
  top: 2px;
}

.tabdrop .shownewdrop::before {
  display: none;
}

.budylistradio.grpassn .form-group {
  width: 123px;
}

.btnofarchive {
  position: absolute;
  top: -13px;
  right: -30px;
}

.btnofarchive:hover {
  cursor: pointer;
}

.btnofarchive input[type="checkbox"] {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  cursor: pointer;
  opacity: 0;
}

.liveProject {
  border: none !important;
  background: #000;
}

.avatardrop figure img,
.myacavatar img {
  min-height: 100%;
  max-width: 100%;
  height: auto;
  min-width: 100%;
}

.grptable.visitortbl .checkico {
  top: 10px;
}

.grptable.visitortbl.userlistble .checkico {
  top: 5px;
}

.othersetting {
  padding: 10px 0 10px 27px;
  display: none;
}

.questionBx {
  padding: 15px 15px 10px;
  border-left: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
  border-top: 1px solid #f2f2f2;
}

.questionBx:last-child {
  border-bottom: 1px solid #f2f2f2;
  font-family: 'Montserrat', sans-serif;
}

.questionBx label:hover {
  cursor: pointer;
}

.othersetting .form-group.withico {
  padding: 4px 0 4px;
}

.settignwrp textarea.form-control {
  height: auto;
}

.portalsettingpage .timeltitle p {
  font-size: 24px;
  line-height: 30px;
  padding: 0 0 20px;
  text-align: center;
  margin-bottom: 0;
}

.portalsettingpage .timeltitle {
  margin-bottom: 33px;
}

.withcheckbx .checkico {
  position: absolute;
  left: 0;
  top: 1px;
}

.settignwrp label.withcheckbx {
  padding-left: 23px;
  position: relative;
  font-size: 15px;
  line-height: 23px;
}

.getdirectionModal .modal-dialog {
  width: 1270px;
}

.getdirectionModal .table_default .table>thead>tr>th,
.getdirectionModal .table_default .table>tbody>tr>th {
  padding-right: 20px;
}

.getdirectionModal .mapdirection {
  height: 420px;
}

.getdirectionModal .modal-title {
  font-size: 32px;
  line-height: 38px;
}

.getdirectionModal .mapdirection iframe {
  height: 100%;
  width: 100%;
}

.getdirectionModal .modal-body.formstyle {
  padding-top: 10px;
}

.showexopt {
  margin-bottom: 20px;
}

.showexopt label.withchecktxt .imgcheck {
  width: 18px;
}

.showexopt label {
  font-size: 16px;
  line-height: 22px;
  font-weight: normal;
  margin: 0;
  padding-right: 5px;
}

.showexopt label.withchecktxt {
  padding-left: 5px;
}

.fildmile {
  width: 100px;
  margin-right: 6px;
  position: relative;
}

.fildmile .form-control {
  display: block;
  width: 100%;
}

.updatebtn {
  position: absolute;
  margin: 6px 0;
  right: -160px;
  top: -3px;
}


/*.open_modal {
    overflow: hidden;
}*/

.open_modal .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.getdirectionModal .table_default table>thead>tr>th:first-child,
.getdirectionModal .table_default table>tbody>tr>th {
  width: 120px;
  text-align: left;
  padding-right: 10px !important;
}

.showexopt select {
  background-image: url(../images/selectbg.png) !important;
  padding-right: 30px !important;
  appearance: none;
  -o-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
}

.attf {
  position: relative;
  display: inline-block;
  width: 0px;
  overflow: inherit;
}


/*.messageListCont .messages .nm .date {
    position: static;
    margin: 6px 0;
}*/


/*add 06 15 2018*/

.collapseHead {
  pointer-events: none;
}

@media (max-width: 991px) {
  .collapseHead {
    pointer-events: inherit;
  }
}

.sminfotable .avatarassign p small {
  font-size: 13px;
}

.sminfotable .avatarassign p {
  font-size: 17px;
  margin: 13px 0 0;
  width: 132px;
  text-overflow: ellipsis;
  overflow-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
}

.sminfotable .avatarassign figure {
  width: 42px;
  height: 42px;
}

.sminfotable .avatarassign {
  padding: 0 0 0 57px;
  min-height: 49px;
}

.sminfotable .badge {
  background-color: #f3520a;
}

.sminfotable .table>tbody>tr>td,
.sminfotable .table>tbody>tr>th,
.sminfotable .table>tfoot>tr>td,
.sminfotable .table>tfoot>tr>th,
.sminfotable .table>thead>tr>td,
.sminfotable .table>thead>tr>th {
  font-size: 15px;
  line-height: 21px;
}

.hideit {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.listUser {
  margin-bottom: 0;
}

.listUser {
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}

.listUser label {
  position: relative;
  padding-left: 20px;
  font-weight: normal;
  font-size: 17px;
  line-height: 23px;
  color: #626262;
}

.listUser label:hover {
  cursor: pointer;
}

.listUser label .checkico {
  position: absolute;
  left: 0;
  top: 21px;
}

.listUser li {
  padding: 5px 0;
}

.listUser li .avatarassign {
  padding: 18px 0 0 70px;
}

.listUser li .avatarassign figure {
  top: 3px;
  left: 8px;
}

.adduserModal .modal-header {
  /* background-color: #3fad97;
    color: #fff;*/
  position: relative;
}

.adduserModal .close {
  position: absolute;
  right: 0;
  font-size: 40px;
  top: 0;
  height: 100%;
  padding: 0 10px;
}

.viewVisitor {
  width: 30%;
  float: left;
  height: 593px;
}

.iframewrp {
  width: 100%;
  height: 100%;
  border: 1px solid #3fad97;
}

.viewVisitor iframe {
  width: 100%;
  height: 100%;
  border: 0 none;
}

.splitnow .viewVisitor {
  display: block;
}

.splitnow .sliptleft {
  width: 70%;
  float: left;
}


/*
.splitnow .sminfotable {
    overflow:hidden;
}
.splitnow .sminfotable .table>tbody>tr>td {
    display:block;
    width:100%;
}*/

.splitnow .sminfotable .table>thead>tr>th:first-child {
  max-width: 80px;
  width: 80px !important;
  display: block;
  float: left;
  padding: 5px 5px;
}

.splitnow .sminfotable .table>thead>tr>th:nth-child(2) {
  max-width: 59px;
  width: 90px !important;
  display: block;
  float: left;
  padding-left: 5px;
  min-height: 28px;
}

.splitnow .sminfotable .table>thead>tr::before,
.splitnow .sminfotable .table>thead>::after {
  clear: both;
  display: table;
  content: "";
}

.splitnow .tagtxt {
  display: inline-block;
  margin-right: 15px;
}

.tabltitle.panel-body {
  padding-left: 15px;
}

.splitnow .sminfotable .avatarassign p {
  width: 90px;
}

.sliptleft [class*=col] {
  padding-left: 7px;
  padding-right: 7px;
}

.sliptleft .row {
  margin-left: -7px;
  margin-right: -7px;
}

.splitnow .sliptleft [class*=col] {
  padding-left: 7px;
  padding-right: 7px;
}

.splitnow .sliptleft .row {
  margin-left: -7px;
  margin-right: -7px;
}

.splitnow .btntimelist {
  margin-top: 10px;
}

.splitnow .collapseHead {
  pointer-events: inherit;
}

.splitnow .collapseHead:hover {
  cursor: pointer;
}

.splitnow .sliptleft .collapseBody {
  display: none !important;
}

.splitnow .sliptleft .collapseBody[style="display: block;"] {
  display: block !important;
}

.splitnow .leftpanel .cspanel .panel-title {
  font-size: 16px;
  line-height: 22px;
  width: 100%;
  overflow-wrap: break-word;
}

.splitnow .msgLeftPanel {
  display: none;
}

.splitnow .msgMiddlePanel {
  width: 66%;
}

.splitnow .msgRightPanel {
  width: 34%;
}

.scronmbr {
  display: block;
  text-align: center;
}

.sminfotable table {
  margin-bottom: 0;
}

.sminfotable {
  max-height: 531px;
  overflow-x: hidden;
  overflow-y: auto;
}

.splitnow .sminfotable {
  max-height: 543px;
}

.txtwebact {
  overflow-wrap: break-word;
}

.attachmentList li {
  display: block;
  margin: 0;
  border-top: 1px solid #e7ebf1;
  padding: 10px 0;
}

.attachmentList li:first-child {
  border-top: 0 none;
}

.fileDown a:hover {
  text-decoration: none;
  color: #F3520A !important;
}

.attachmentList li .bx .uStatus {
  font-size: 14px;
  line-height: 17px;
  margin: 0;
}

.sinktxt {
  display: inline-block;
  background: transparent url(../images/sync_icoblack.png) no-repeat right center;
  font-size: 13px;
  line-height: 19px;
  background-size: 14px;
  padding: 0 23px 0 0;
  color: #3a3a3a;
}

.sinktxt:hover {
  text-decoration: none;
}

.viewVisitor {
  display: none;
  width: 26%;
  float: left;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 9999;
  position: relative;
}

.splitepage .userLoged {
  width: 74%;
  /* width: 100%; */
  float: right;
  height: 100vh;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}

.splitepage .viewVisitor {
  /* transform: translateX(0%); */
  display: block;
}

.splitepage {
  overflow: hidden;
}

.txttyping {
  color: lime;
}

.weblinks li {
  overflow-wrap: break-word;
}

.splitfrm .txtlb {
  margin-bottom: 5px;
}

.splitfrm .input-group {
  max-width: 100px;
  margin-right: 20px;
}

.splitfrm .input-group-addon {
  color: #ffffff;
  background-color: #3fad97;
  border-color: #3fad97;
  font-size: 21px;
  padding-left: 7px;
  padding-right: 7px;
}

.ctnflter {
  padding: 10px;
  border-bottom: 1px solid #e7ebf1;
}

.tagcounttxt {
  color: #626262;
  font-size: 19px;
  margin: 12px 0 0;
}

.userstatus {
  font-size: 12px;
  line-height: 18px;
  padding: 7px 0 0;
  overflow-wrap: break-word;
  color: #3fad97;
}

.checklList label:hover {
  cursor: pointer;
}

.lmdsub {
  padding-left: 28px;
}

.listcheckmd.opentit .lmdsub {
  display: block;
}

.sldierRbox .assslider.ui-slider-horizontal .ui-slider-handle {
  overflow: hidden;
  background-color: #3C3F52;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  margin: auto;
}

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

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

.sldierRbox .assslider.ui-widget-content {
  margin-top: 13px;
}

.panel-heading.withTab.withfilter .nav-tabs>li.active>a {
  padding: 19px 12px;
}

.sortbycv {
  width: 90px;
  padding: 5px 6px 9px 0;
}

/* .sortbycv span {} */

.sortbycv select {
  height: 28px;
  padding: 0 4px;
  border-radius: 0;
}

.tagslistSm .tagname {
  padding: 6px 33px 6px 10px;
  font-size: 13px;
  line-height: normal;
  font-weight: normal;
  color: #282828;
  display: inline-block;
  position: relative;
  background-color: #e3e6ec;
  border-radius: 30px;
  margin: 0;
}

.tgnumbrSm {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-color: #f45b17;
  font-weight: 500;
  color: #ffffff;
  position: absolute;
  right: 0;
  top: -1px;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
}

.tagslistSm {
  margin: 14px 0 0 0px;
}

.ipnregion {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  margin: 8px 0 0;
}

.ipcv {
  display: inline-block;
  padding-right: 5px;
}

.languagecv {
  padding: 0 0 0 5px;
}

.msgRightPanel .msgUsers .avatarassign p strong {
  font-weight: 500;
  width: 87px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.msgLeftPanel.leftpanel .cspanel {
  background-color: #fff;
}

.messageListCont .messages .msgUser img {
  max-width: 100%;
  min-width: 100%;
  min-height: 100%;
  height: auto;
  width: auto;
  margin: auto;
  display: block;
}

.typemsgArea .bx .msgBtns .btn-default {
  position: relative;
  z-index: 9;
}

.alert .attf {
  width: auto;
}

.msgLeftPanel .leftform,
.msgLeftPanel .attachmentList {
  max-height: 330px;
  overflow-x: hidden;
  overflow-y: auto;
}

.enbletag .form-group {
  width: 102px;
}

.tagoptn {
  padding: 0;
}

.enbletag {
  padding: 34px 0 0;
}

.swurl p {
  color: inherit;
  margin: 0;
  font-size: 17px;
  line-height: 23px;
  padding: 4px 0;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tnamecol {
  width: 17%;
}

/* .rmvtag lable {} */

.conbx .form-group.rmvtag label {
  font-size: 14px;
  /* font-weight: normal; */
}

.conbx .form-group.rmvtag {
  padding-right: 0;
  padding-top: 39px;
}

.conbx .form-group.rmvtag .checkico {
  display: inline-block;
  width: 14px;
}

td.actwbtn {
  width: 103px;
}

.fulmlty div.ui-multiselect,
.dateflt>span {
  display: block;
}

.dateflt>span button {
  right: 0;
  margin: 0;
}

.cscalender.calendarListView table tr td,
.cscalender.calendarView table tr td {
  width: auto;
  height: auto;
}

.cscalender .fc-toolbar .fc-right .fc-button-group,
.cscalender .fc-custom2-button {
  border-radius: 20px !important;
  font-weight: 300;
  font-size: 15px;
  height: 35px;
  vertical-align: middle;
  padding: 6px 30px;
  background-color: #f3520a !important;
  border-color: #f3520a;
  color: #ffffff;
  box-shadow: none !important;
  background-image: none !important;
}

/* .cscalender .fc-toolbar .fc-right .fc-button-group {} */

.cscalender .fc-toolbar .fc-right .fc-button-group button {
  background-color: transparent !important;
  border: 0 none !important;
  height: 100%;
  color: #fff;
  opacity: 1;
  text-shadow: none;
  background-image: none;
  box-shadow: none;
  padding: 0;
}

.cscalender .fc-toolbar .fc-right .fc-button-group .fc-today-button {
  padding: 0 9px;
}

.cscalender .fc-toolbar .fc-left button {
  color: #949494;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  margin: 3px 0 0;
  background-color: transparent;
  border: 0 none;
  background-image: none;
  box-shadow: none;
}

.cscalender .fc-toolbar .fc-left button:hover {
  color: #3fad97;
}

.cscalender .fc-toolbar .fc-left button::before {
  display: inline-block;
  margin-right: 4px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cscalender .fc-toolbar .fc-left .fc-custom1-button::before {
  content: "\f0ca";
}

.cscalender .fc-toolbar .fc-left .fc-agendaWeek-button::before {
  content: "\f022";
}

.cscalender .fc-toolbar .fc-left .fc-month-button::before {
  content: "\f0ce";
}

.cscalender .fc-toolbar.fc-header-toolbar {
  margin-bottom: 0;
  padding: 10px 10px 7px;
}

.cscalender .fc-event,
.cscalender .fc-event-dot {
  color: #3b3f51 !important;
  border: 0 none;
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
  background-color: #eeeeee;
  padding: 3px 8px !important;
}

/* .cscalender .fc-event .fc-content,
.cscalender .fc-event-dot .fc-content {} */

.cscalender .fc-toolbar .fc-center h2 {
  color: #F3520A;
  font-size: 22px;
  line-height: normal;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0;
  padding: 2px 0 0;
  position: relative;
  top: 3px;
}

.urllisttble .table>tbody>tr>td:nth-child(2) {
  max-width: 520px;
}

.calendarView.cscalender table tr td:before {
  opacity: 0;
}

.noborder {
  border: 0 none !important;
}

.upphotomodal .toupfiles {
  margin-top: 0;
  padding: 0;
}

.upphotomodal .toupfiles .ui-button,
.upphotomodal .toupfiles .ui-widget-content .ui-button,
.upphotomodal .toupfiles .ui-widget-header .ui-button,
.upphotomodal .toupfiles .ui-widget.ui-button {
  border: 1px solid #3fad97;
  color: #fff;
  background: #3fad97;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
  border-radius: 100px;
}

.upphotomodal .toupfiles .ui-widget-header {
  background: none;
  border: 0 none !important;
  padding-top: 20px !important;
}

.upphotomodal .toupfiles .ui-fileupload-row>div {
  text-align: left;
}

.upphotomodal .toupfiles .ui-fileupload-content {
  border: 0 none;
}

.upphotomodal .modal-header {
  padding-bottom: 0;
}

.upphotomodal .close {
  opacity: 0.7;
}

.myfilestble td.btnactionthree {
  padding: 8px !important;
  width: 129px;
}

.filenms {
  background: url(../images/file-icon.png) no-repeat center left / 19px auto;
  padding: 10px 0 10px 28px;
  font-size: 16px;
  line-height: 22px;
}

.btncancel {
  background-color: #808080;
  border-color: #808080;
  color: #fff;
  padding: 7px 24px;
  font-size: 16px;
  line-height: 22px;
}

.mdtitlenw button.close {
  text-shadow: none;
  color: #fff;
  opacity: 1;
}

.selected-list .c-btn {
  height: 43px;
  padding: 7px 10px !important;
  font-size: 15px;
}

.selected-list .c-btn>span {
  display: block;
  padding-top: 5px;
}

.selected-list .c-btn span.c-angle-down {
  padding-top: 0;
}

.selected-list .c-btn span.c-angle-up {
  padding-top: 0;
}

.selected-list .c-btn span.c-angle-up {
  display: block;
  padding: 0;
}


/* 25-08-2018*/

.filenamelist li {
  margin: 0 0 10px;
  padding: 0;
}

.filenamelist {
  margin: 0;
  padding: 0 0 15px;
}

.filenamelist li label {
  padding: 0 10px 0 0;
}

.fileTitle {
  font-size: 18px;
  line-height: 26px;
  font-weight: normal;
  padding: 0;
  margin: 0 0 16px;
}

.chosenfiles a {
  color: inherit;
  text-decoration: none;
}

.chosenfiles {
  border: 1px solid #dadada;
  padding: 10px 10px 0;
  margin-bottom: 7px;
}

.chosenfiles li {
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 10px;
  color: #797979;
}

.filesselt i {
  color: #3fad97;
}

.filesselt {
  padding: 5px 0;
}

.filesselt p {
  font-size: 17px;
  line-height: 23px;
  color: #676767;
}

.filesselted,
.filenamelist li p {
  font-size: 17px;
  line-height: 23px;
  color: #52b5a1;
}

.filesselt p a,
.filesselted a {
  color: inherit;
}

.filesselted i,
.filenamelist li p i {
  font-size: 20px;
  width: 20px;
  color: #3fad97;
}

.filerelated li {
  padding: 0;
  display: block;
}

.filerelated {
  max-height: 150px;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 0 0 1px;
  border: 1px solid #e6e6e6;
  padding: 9px;
}

.filerelated li label {
  padding: 0;
  margin: 0;
  display: block;
  position: relative;
}

.filerelated li label .txtcheck {
  font-size: 17px;
  line-height: 23px;
  color: #676767;
  position: relative;
  padding: 7px 10px;
  font-weight: normal;
  cursor: pointer;
  display: block;
  margin: 0;
}

.filerelated li label .txtcheck i {
  font-size: 20px;
  width: 23px;
  color: #3fad97;
  position: relative;
  top: 1px;
}

.filerelated li label .txtcheck i.fa-image {
  top: 3px;
}

.filerelated li label:hover .txtcheck {
  cursor: pointer;
  background-color: #E8F0FE;
}

.tocheckinput {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.checkedit {
  opacity: 0;
  font-size: 20px;
  width: 20px;
  color: #3fad97;
  margin: 0;
  position: absolute;
  top: 7px;
  right: 7px;
}

.tocheckinput:checked~.checkedit {
  opacity: 1;
}

.tocheckinput:checked+.txtcheck {
  background-color: #E8F0FE;
}

.previewbx {
  width: 100%;
  height: 400px;
}

.previewbx iframe {
  width: 100%;
  height: 100%;
}

.seltfull .ui-multiselect {
  display: block;
  width: 100%;
}

.periodform .btn {
  margin: 22px 0 0 10px;
}

.periodbox {
  text-align: center;
  /*border: 1px solid #ccc;*/
  margin: 20px 0;
}

.periodbox h4 {
  color: #3a3a3a;
  margin: 0;
  padding: 15px 0 0;
  text-align: center;
}

.periodbox h3 {
  color: #3fad97;
  margin: 0;
  font-size: 36px;
  line-height: 42px;
  padding: 20px 0;
}

.periodbox h3 span {
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  color: #484848;
}

.periodbox .row {
  display: flex;
}

.wibrd {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.periodform .form-control {
  box-shadow: none;
  border-radius: 0;
}

.currentPeriod {
  background-color: rgba(63, 173, 151, 0.2);
  border: 1px solid #ccc;
}

.statusarea .timdesk {
  margin: 13px 0 0 10px;
}

.statusarea .statubtntoapprove,
.statusarea .disapprovebtn {
  margin: 9px 0 0 10px;
  padding: 5px 20px;
}

.statusarea {
  padding: 0 14px 4px;
  border: 1px solid #dadada;
  margin: 8px 0 0;
}

.approvebox {
  padding: 0 0 5px;
  display: none;
}

.showaprovebox .approvebox {
  display: block;
}

.approvebox textarea.form-control:focus,
.approvebox textarea.form-control {
  width: 100%;
  height: 130px;
}

p-multiselect .ui-multiselect {
  display: block;
}

p-multiselect .ui-multiselect .ui-multiselect-trigger .fa.fa-caret-down {
  margin-top: 14px;
}

.modal-backdrop {
  z-index: 91;
}

.msgtitle {
  color: #2d2d2d;
  font-weight: 500;
  font-size: 16px;
  margin: 0;
  padding: 14px 0 4px 0px;
  text-transform: capitalize;
}

.msgtbx {
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 14px 2px rgba(0, 0, 0, 0.03);
  box-shadow: 0 0 14px 2px rgba(0, 0, 0, 0.03);
  margin-bottom: 13px;
  background: #f6f6f6;
}

.msgdata p {
  margin: 0 0 4px;
}

.replybx {
  padding: 15px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 14px 2px rgba(0, 0, 0, 0.03);
  box-shadow: 0 0 14px 2px rgba(0, 0, 0, 0.03);
  position: relative;
}

.replybx p {
  margin: 0;
  color: #717171;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
}

.replybx a {
  color: #3fad97;
  text-decoration: none;
}

.modal-footer .btn-primary.draft {
  background-color: #a6a9a8;
}

.toshort {
  max-height: 133px;
  overflow: hidden;
}

.avtrName {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 72px;
  display: block;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
}

.projectfilter p {
  margin-top: 11px;
}

.projectfilter select.form-control {
  background-image: url(../images/sm-sel-arrow.png);
  background-position: right 10px center;
  padding-right: 20px;
}

.popstyle .conbx {
  padding: 0;
}

.popstyle .conbx .panel-body {
  padding-left: 15px;
  padding-right: 15px;
}

.asBmodal .conbx {
  /* width:669px; */
  width: 750px;
  max-width: 100%;
}

.locansearch .custom-autocomplete__input input {
  height: 40px !important;
  border-radius: 4px;
  font-size: 14px !important;
  line-height: 1.42857143;
  color: #000000 !important;
}

.locansearch .custom-autocomplete__input input:focus {
  outline: 0 none
}

.locansearch .custom-autocomplete__input button.search-icon {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 45px;
}

.locansearch .custom-autocomplete__input button.search-icon::after {
  content: "\f002";
  display: block;
  font-size: 18px;
  color: #757575;
}

.locansearch .custom-autocomplete__input button.search-icon i {
  display: none;
}

.full-pcal p-calendar {
  width: 100%;
}

.makefull.ui-calendar {
  position: relative;
  display: table;
  width: 100%;
  box-sizing: border-box;
}

.makefull.ui-calendar .ui-calendar-button {
  right: 0;
}

.makefull .ui-inputtext {
  padding-left: 12px !important;
  height: 40px;
  width: 100%;
}

td .smallavatar {
  width: 30px;
  height: 30px;
  margin-right: 4px;
}

body.open_modal {
  overflow: hidden;
}

.formwrap {
  display: none;
}

.open_modal .formwrap {
  display: block !important;
}

.open_modal .conbx {
  top: 5% !important;
}

.open_modal .conbx.top-0 {
  top: 0 !important;
}

.btntimelist .btn.btnrply {
  padding-left: 25px;
  padding-right: 25px;
}

.rccsec .leftform.list2>li a {
  color: inherit;
}

.rccsec .leftform.list2>li .actionlist a {
  margin-top: 10px;
}

.timelinepage .rccsec .leftform.list2>li {
  font-size: 15px;
  min-height: 55px;
}

.infoOprutunity li .tm {
  display: block;
  color: #959595;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  margin: 0 0 4px 0;
}

.infoOprutunity li .uStatus {
  display: block;
  color: #4b4b4b;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  margin: 0;
}

.actionlist a,
.infoOprutunity li .icoimg {
  display: inline-block;
  vertical-align: top;
  color: #3fad97 !important;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  margin: 0 0 0 6px;
}

.actionlist a:hover,
.infoOprutunity li .icoimg:hover {
  text-decoration: none;
  color: #F3520A !important;
}

.replyhead span {
  color: #7a7a7a;
}

.replyhead {
  position: relative;
  padding-right: 32px;
  display: inline-block;
}

.editsub {
  position: absolute;
  right: 0;
  top: 4px;
  width: 18px;
  height: 20px;
  background: transparent url(../images/edit.png) no-repeat center center/ 100% auto;
}

.editsub:hover {
  background-image: url(../images/edit-hover.png);
}

.todell {
  width: 18px;
  height: 20px;
  background: transparent url(../images/trash.png) no-repeat center center/ 100% auto;
}

.todell:hover {
  background-image: url(../images/trash-black.png);
}

.bagsucces {
  background-color: #57b6a3 !important;
}

.mrgt7 {
  margin-top: 7px !important;
}

.infoOprutunity.leftform>li {
  padding: 10px 5px;
}

.leftpanel .cspanel .panel-title {
  font-size: 15px;
}

.leftpanel .cspanel .ui-fileupload-content {
  padding: 0;
}

.dvHide {
  display: none;
}

td .msgfrm,
td p.srtmsg {
  max-width: 225px;
}

.lmdsub .slbx {
  padding: 0;
  margin: 0 0 15px 0;
}


/*email reminder*/

.remindertxt {
  background: url('../images/set-alarm.svg') no-repeat 10px;
  background-size: 25px 25px;
  padding: 10px 21px 10px 50px;
  margin-bottom: 13px;
  /* border-radius:9px; */
  max-width: 800px;
  margin: auto;
  border-left: #3db196 5px solid;
  box-shadow: #ececec 1px 0px 1px 1px;
  margin-bottom: 10px;
}

.remindertxt p {
  margin: 0px 0;
  line-height: 24px;
  font-weight: 500;
}

.remindertxt .closeremonder {
  background: url('../images/close.svg') no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 16px;
  width: 16px;
  float: right;
  margin-top: 2px;
}

.remindertxt .text-orange {
  padding: 5px;
  color: #000 !important;
  margin-right: 35px;
  font-weight: 500;
  padding: 0px 0px;
  font-size: 13px;
  float: right;
}

.checkstep .carousel-control.right,
.checkstep .carousel-control.left {
  background: transparent;
}

.image-section-user-theme {
  background-color: #fff;
  padding: 15px;
}

.panel-white {
  box-shadow: 0px 0px 20px 0px #eee;
  border-radius: 0;
}

.panel-white>.panel-heading {
  background: #fff;
  border-color: #f3f3f3;
  border-radius: 0;
  padding: 6px 15px;
}

.panel-white>.panel-body {
  border-radius: 0;
}

.col {
  padding: 0 15px;
  float: left;
  width: auto;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mt-13 {
  margin-top: 13px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-5 {
  margin-top: 5px
}

.ml-0 {
  margin-left: 0;
}

.mr-10 {
  margin-right: 10px;
}

.mr-55 {
  margin-right: 55px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.pl-0 {
  padding-left: 0;
}

.ml-auto {
  margin-left: auto;
}

.width-30 {
  width: 30px;
  height: auto;
}

.width-40 {
  width: 40px;
  height: auto;
}

.w-100 {
  width: 100%;
}

.mt--7 {
  margin-top: -7px;
}

.custom-fluid-checkbox {
  position: relative;
  background: #fff;
  padding: 9px 15px;
  width: 100%;
  margin: 2px 0;
  display: block;
  font-weight: 400;
}

.custom-fluid-checkbox textarea {
  font-weight: 400;
}

.custom-fluid-checkbox.no-checkbox>input[type=checkbox]+span {
  padding-left: 0;
}

.custom-fluid-checkbox.no-checkbox>input[type=checkbox]+span:before,
.custom-fluid-checkbox.no-checkbox>input[type=checkbox]+span:after,
.custom-fluid-checkbox.no-checkbox>input[type=checkbox]:checked+span:before,
.custom-fluid-checkbox.no-checkbox>input[type=checkbox]:checked+span:after {
  display: none;
}

.custom-fluid-checkbox.no-checkbox>input[type=radio]+span {
  padding-left: 0;
}

.custom-fluid-checkbox.no-checkbox>input[type=radio]+span:before,
.custom-fluid-checkbox.no-checkbox>input[type=radio]+span:after,
.custom-fluid-checkbox.no-checkbox>input[type=radio]:checked+span:before,
.custom-fluid-checkbox.no-checkbox>input[type=radio]:checked+span:after {
  display: none;
}

.custom-fluid-checkbox.no-checkbox>span {
  display: inline-block;
  width: auto;
}

.custom-fluid-checkbox.no-checkbox>span.multi-radio {
  float: right;
  margin-top: -10px;
  display: flex;
}

.multi-radio span {
  font-size: 12px;
}

.custom-fluid-checkbox>span {
  width: 100%;
  display: block;
  color: #666;
  font-weight: 400;
}

.custom-fluid-checkbox>span:after {
  content: "";
  clear: both;
}

label.custom-fluid-checkbox>input[type=checkbox] {
  position: absolute;
  opacity: 0;
}

label.custom-fluid-checkbox>input[type=checkbox]~span.option-text-input {
  display: none !important;
}

label.custom-fluid-checkbox>input[type=checkbox]:checked~span.option-text-input {
  display: block !important;
}

label.custom-fluid-checkbox>input[type=checkbox]+span {
  position: relative;
  padding: 0 0 0 40px;
  margin: 0;
  line-height: 20px;
  display: block;
  font-weight: 400;
}

label.custom-fluid-checkbox>input[type=checkbox]+span:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 20px;
  width: 20px;
  box-shadow: 0px 0px 2px 0px #ccc;
  content: "";
  background: #fff;
  border: 1px solid #999;
  border-radius: 3px;
  -webkit-transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  transition: .2s ease-out;
}

label.custom-fluid-checkbox>input[type=checkbox]:checked+span:before {
  background: #3fad97;
  -webkit-transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  transition: .2s ease-out;
  border-color: #3fad97;
}

label.custom-fluid-checkbox>input[type=checkbox]:checked+span:after {
  content: "";
  height: 14px;
  width: 7px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
  display: block;
  position: absolute;
  top: 1px;
  left: 7px;
  -webkit-transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  transition: .2s ease-out;
}

label.custom-fluid-checkbox>input[type=radio] {
  position: absolute;
  opacity: 0;
}

label.custom-fluid-checkbox>input[type=radio]~span.option-text-input {
  display: none !important;
}

label.custom-fluid-checkbox>input[type=radio]:checked~span.option-text-input {
  display: block !important;
}

label.custom-fluid-checkbox>input[type=radio]+span {
  position: relative;
  padding: 0 0 0 40px;
  margin: 0;
  line-height: 20px;
  display: block;
  font-weight: 400;
}

label.custom-fluid-checkbox>input[type=radio]+span:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 20px;
  width: 20px;
  box-shadow: 0px 0px 2px 0px #ccc;
  content: "";
  background: #fff;
  border: 1px solid #999;
  border-radius: 50%;
  -webkit-transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  transition: .2s ease-out;
}

label.custom-fluid-checkbox>input[type=radio]:checked+span:before {
  background: #3fad97;
  -webkit-transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  transition: .2s ease-out;
  border-color: #3fad97;
}

label.custom-fluid-checkbox>input[type=radio]:checked+span:after {
  content: "";
  height: 10px;
  width: 10px;
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  -webkit-transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  transition: .2s ease-out;
  background: #fff;
  border-radius: 50%;
}

.custom-fluid-checkbox span.option-text-input {
  padding: 7px 0 0;
  display: none;
  width: 100%;
}

.custom-fluid-checkbox span.option-text-input.in {
  display: block;
}

.custom-fluid-checkbox span.option-text-input.in input {
  font-weight: 400;
}

.custom-fluid-checkbox textarea,
label.custom-fluid-checkbox span.option-text-input>select,
label.custom-fluid-checkbox span.option-text-input>input {
  width: 100%;
  padding: 0 10px;
  display: block;
  line-height: 34px;
  border-radius: 3px;
  border: 1px solid #ddd;
  outline: none;
  resize: none;
  font-weight: 400;
}

.custom-fluid-checkbox span.option-text-input>select,
label.custom-fluid-checkbox span.option-text-input>input {
  width: 100%;
  padding: 0 10px;
  display: block;
  line-height: 34px;
  border-radius: 3px;
  border: 1px solid #ddd;
  outline: none;
  resize: none;
  height: 34px;
}

.multi-radio {
  position: relative;
}

.multi-radio label {
  display: inline-block;
  padding: 10px 15px;
  margin-left: 0px !important;
  margin: 0;
}

.multi-radio label.radio-item>input[type=radio] {
  position: absolute;
  opacity: 0;
}

.multi-radio label.radio-item>input[type=radio]+span {
  position: relative;
  padding: 0 0 0 25px;
  margin: 0;
  line-height: 20px;
  display: block;
  font-weight: 600;
  font-weight: 400;
}

.multi-radio label.radio-item>input[type=radio]+span:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 20px;
  width: 20px;
  content: "";
  background: #fff;
  border: 1px solid #999;
  border-radius: 50%;
  -webkit-transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  transition: .2s ease-out;
}

.multi-radio label.radio-item>input[type=radio]:checked+span:before {
  background: #3fad97;
  -webkit-transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  transition: .2s ease-out;
  border-color: #3fad97;
}

.multi-radio label.radio-item>input[type=radio]:checked+span:after {
  content: "";
  height: 10px;
  width: 10px;
  transform: rotate(45deg);
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  -webkit-transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  transition: .2s ease-out;
  background: #fff;
  border-radius: 50%;
}

.custom-row {
  column-width: 50%;
  column-gap: 0px;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  overflow: hidden;
  height: auto !important;
}

.custom-column {
  -webkit-column-break-inside: avoid;
  /* column-break-inside: avoid; */
  width: 100%;
  padding: 5px 15px;
}

.popup-option {
  position: relative;
  z-index: 9;
}

label.swipe-checkbox {
  position: relative;
}

label.custom-fluid-checkbox.swipe-checkbox>input[type=checkbox]+span {
  padding-left: 0px;
}

label.swipe-checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
}

label.swipe-checkbox input[type=checkbox]~span:before {
  content: "No";
  position: absolute;
  right: 0;
  background: #a9a9a9;
  color: #fff;
  font-weight: 400;
  border-radius: 15px;
  border: 2px solid #eee;
  left: auto;
  padding: 2px 10px 2px 30px;
  display: block;
  height: 26px;
  text-align: left;
  width: 80px;
}

label.swipe-checkbox input[type=checkbox]~span:after {
  content: "";
  position: absolute;
  height: 20px;
  right: 56px;
  background: #fff;
  width: 20px;
  border-radius: 50%;
  box-shadow: 0px 0px 5px 0px #ccc;
  top: 3px;
}

label.swipe-checkbox input[type=checkbox]:checked~span:before {
  content: "Yes";
  position: absolute;
  right: 0;
  background: #52b5a1;
  color: #fff;
  font-weight: 400;
  border-radius: 15px;
  border: 2px solid #eee;
  left: auto;
  padding: 2px 30px 2px 10px;
  display: block;
  height: 26px;
  text-align: right;
  width: 80px;
}

label.swipe-checkbox input[type=checkbox]:checked~span:after {
  content: "";
  position: absolute;
  height: 20px;
  right: 3px;
  background: #fff;
  width: 20px;
  border-radius: 50%;
  box-shadow: 0px 0px 5px 0px #ccc;
  top: 3px;
  left: auto;
}


/*Chatbox*/

.Leadviewpop {
  position: fixed;
  right: 20px;
  left: inherit !important;
  bottom: 55px;
  font-family: 'Poppins', sans-serif;
  width: 342px;
  max-width: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  /* overflow:hidden; */
}

.Leadviewpop img {
  max-width: 100%;
  width: auto;
  height: auto;
  display: block;
}

.Ledvpophead button {
  margin: 0;
  border: 0 none;
  padding: 15px 15px;
  font-family: 'Poppins', sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  width: 100%;
  text-align: center;
}

.LeadcontDesk {
  /*    border-left: 1px solid #1ca086;
    border-right: 1px solid #1ca086;*/
  overflow: auto;
  height: auto;
  max-height: 530px;
  background-color: #fff;
  box-shadow: 0px 4px 29px 8px rgba(182, 184, 186, 0.3);
}

.spfrmbtn:hover,
.Ledvpophead button:focus,
.Ledvpophead button:hover {
  cursor: pointer;
  outline: 0 none;
}

.Leadviewpop ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  /*display: flex;
    width: 315px;*/
}

.Leadviewpop.bottom #navigation ul.chatheadermenu {
  display: block;
  width: 71px;
}

.Leadviewpop.bottom #navigation1.sendtoleft ul.chatheadermenu {
  display: block;
  width: 71px;
}

.Leadviewpop ul.chatheadermenu {
  padding: 10px 6px 10px;
}

.clearfixlv::after,
.clearfixlv::before,
.toclearflot::after,
.toclearflot::before,
.Ledviconsec>ul::after,
.Ledviconsec>ul::before {
  clear: both;
  display: table;
  content: "";
}

.chatheadermenu>li {
  margin: 0;
  padding: 7px 7px !important;
  /* float: left; */
  list-style-type: none;
}

.chatheadermenu>li>a {
  display: table;
  width: 45px;
  height: 45px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  vertical-align: middle;
  text-align: center;
  /*position:relative;*/
}

.chatheadermenu>li>a::after {
  background: transparent url(../images/popmenuafter.png) no-repeat center center;
  width: 13px;
  height: 10px;
  display: block;
  content: "";
  position: absolute;
  bottom: -8px;
  left: 16px;
  opacity: 0;
}

.chatheadermenu>li>a.active::after {
  opacity: 1;
}

.chatheadermenu>li>a>span {
  height: 100%;
  width: 100%;
  vertical-align: middle;
  display: table-cell;
}

.chatheadermenu>li img {
  margin: auto;
}

.chatheadermenu>li>a img {
  max-width: 100%;
  height: auto;
  width: auto;
}

ul.chatheadermenu li:first-child {
  padding-left: 2px
}

ul.chatheadermenu li:last-child {
  padding-right: 2px
}

/* .leadvprofileWidget {} */

.leadvuserlist h4 {
  font-size: 22px;
  line-height: 28px;
  font-weight: 300;
  margin: 0;
  padding: 0 0 0px !important;
  padding-top: 4px;
  /* border-bottom: 1px solid #f0f2f4 !important; */
}

.leadvuserlist h4 a {
  color: inherit;
}

.leadvuserlist h4 a:hover {
  color: #000;
  text-decoration: none;
}

.leadvuserlist li:last-child h4 {
  border-color: transparent;
}

.leadvuserlist h4 small {
  display: block;
  font-size: 13px;
  line-height: 19px;
}

.leadvuserlist li {
  position: relative;
  padding: 10px 4px 10px 40px;
  min-height: 40px;
  border-bottom: 1px solid #f0f2f4 !important;
}

.leadvuserlist li figure {
  width: 35px;
  height: 35px;
  overflow: hidden;
  border-radius: 100%;
  -o-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  position: absolute;
  left: -5px;
  top: 14px;
}

.leadvuserlist li figure a {
  display: block;
  width: 100%;
  height: 100%;
}

/* .Leadvuser,
.Leadvtimeline,
.Leadvmypreference,
.Leadvtimeline .Leadvuser {
    padding:8px
} */

.Leadvtimeline .leadvuserlist h4 {
  color: #9d9da5;
  font-size: 13px;
  line-height: 21px;
  margin: 0 0 6px;
  padding: 0 0 6px !important;
  font-weight: 300;
}

.Leadvtimeline .leadvuserlist h4 strong {
  font-weight: 600;
}

.Leadvtimeline .leadvuserlist p {
  color: #9d9da5;
  font-size: 13px;
  line-height: 21px;
  margin: 0;
  padding: 0;
  font-weight: 300;
}

.secTitleLeadview {
  color: #626263;
  font-size: 22px;
  /*line-height: 28px;*/
  margin: 0;
  /*padding: 14px 15px;*/
  font-weight: 300;
  display: block;
  text-align: left;
  border-bottom: 1px solid #f0f2f4;
  /*Added By Apurba*/
  height: 50px;
  box-sizing: border-box;
  line-height: 50px;
  padding: 0 15px;
}

.tobelater {
  color: #000000;
  font-size: 38px;
  line-height: 60px;
  margin: 0;
  padding: 15px 0;
  font-weight: 800;
  display: block;
  text-align: center;
  margin-top: 90px;
  font-style: italic;
  color: #CCC;
  text-transform: uppercase;
}

.hideitt {
  position: absolute;
  left: -1000px;
  top: 0;
  opacity: 0;
}

.Leadvmypreference ul li {
  /* width:33.333%; */
  float: left;
}

.Leadvmypreference ul label {
  display: block;
  margin: 0;
  padding: 4px;
  position: relative;
}

.checkitemm {
  display: block;
  background-color: transparent;
  border-radius: 4px;
  /* border: 1px solid #dc6565; */
  padding: 6px 12px;
  color: #dc6565;
  font-size: 13px;
  line-height: 20px;
  font-weight: 300;
  box-sizing: border-box;
  min-width: 109px;
  text-align: center;
}

.Leadvmypreference ul label:hover {
  cursor: pointer;
}

.hideitt:checked+.checkitemm {
  border-color: #ff3e3e;
  color: #fff;
  background-color: #ff3e3e;
  background-image: none;
}

.Leadvmypreference h4 {
  font-weight: 600;
  font-size: 13px;
  line-height: 21px;
  margin: 0;
  padding: 5px 6px 4px;
  color: #9d9da5;
  /* text-transform: uppercase; */
}

.leftform li {
  position: relative;
  padding-right: 20px;
}

.ldveditbtn {
  background: transparent url(../images/penicon.png) no-repeat center center / 86%;
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  padding: 0;
  z-index: 9;
  margin: 0 0 0 19px;
}

.ldveditbtn:hover {
  cursor: pointer;
  background-image: url(../images/penicon-hover.png);
}

.cspanel .panel-heading {
  position: relative;
  padding-right: 30px;
}

.Ledviconsec .collapseHead {
  pointer-events: inherit;
}

.lvModal {
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  display: none;
  font-family: 'Poppins', sans-serif;
}

.lvmodalOverlay {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 0;
}

.lvModalcont {
  position: relative;
  width: 600px;
  background-color: #fff;
  margin: 2rem auto;
  min-height: 100px;
  z-index: 2;
  max-width: 100%;
}

.showeditemailModal .emaileditModal,
.showeditallemailModal .emailalleditModal,
.showaddemailModal .emailaddModal,
.showlvModal .editabout {
  display: block;
}

.tocloselvmodal {
  background: transparent url(../images/error.svg) no-repeat center center / 86%;
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  right: 13px;
  padding: 0;
  top: 14px;
  z-index: 9;
}

.tocloselvmodal:hover {
  cursor: pointer;
  background-image: url(../images/error-hover.svg);
}

.lvmheader {
  padding: 20px 0;
  color: #5a5a5a;
}

.lvmdalTitle {
  text-align: center;
  margin: 0;
  padding: 0;
  color: inherit;
}

.formgrouplv {
  position: relative;
  margin-bottom: 7px;
}

.lvmdlinput {
  border: 1px solid #d5d5d5;
  box-shadow: none;
  border-radius: 0;
  height: 40px;
  display: block;
  background-image: none;
  width: 100%;
  padding: 6px 12px;
  color: #555;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

textarea.lvmdlinput {
  height: auto;
}

.lvmdlinput:focus {
  border-color: #3fad97;
  box-shadow: 0 0 8px rgba(63, 173, 151, 0.41);
  outline: 0 none;
}

.lvmdalCont {
  padding: 0 25px 25px;
}

.btndtllv {
  background-color: #3fad97;
  border: 1px solid #3fad97;
  height: 43px;
  font-size: 19px;
  line-height: normal;
  font-weight: 300;
  border-radius: 40px;
  color: #fff;
  min-width: 153px;
  margin: 15px 7px 0;
  padding: 0 40px;
  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;
}

.submitbtnlv {
  background-color: #3fad97;
  border-color: #3fad97;
}

.cancelbtnlv {
  color: #a3a3a3;
  background-color: transparent;
  border-color: #c4c4c4;
}

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

.panellv {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-headinglv {
  padding: 10px 30px 10px 15px;
  border-bottom: 1px solid #ddd;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #f5f5f5;
  color: #333;
  position: relative;
}

.panel-titlelv {
  margin: 0;
  font-size: 13px;
  color: #9d9da5;
  font-family: inherit;
  font-weight: 600;
  position: relative;
  padding-right: 72px;
  box-sizing: border-box;
}

.listLv>li {
  /* color: #9d9da5; */
  font-size: 13px;
  font-weight: 300;
  padding: 6px 0;
  position: relative;
  display: flex;
}

.listLv>li strong {
  font-weight: 500;
  margin-right: 5px;
}

.listLv>li:first-child {
  border-top: 0 none;
}

.text-orangeLV {
  color: #F3520A !important;
}

.listlvinline li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

.socilalv {
  display: inline-block;
  padding: 10px 0 7px !important;
}

.tagslistlv>span {
  padding: 10px 44px 9px 17px;
  font-size: 15px;
  line-height: normal;
  font-weight: normal;
  color: #282828;
  display: inline-block;
  position: relative;
  background-color: #e3e6ec;
  border-radius: 30px;
  margin: 6px;
}

.tgnumbrlv {
  display: inline-block;
  width: 38px;
  height: 38px;
  background-color: #f45b17;
  font-weight: 500;
  color: #ffffff;
  position: absolute;
  right: 0;
  top: 0.03em;
  text-align: center;
  vertical-align: middle;
  line-height: 40px;
}

.roundlv {
  border-radius: 100%;
  -o-border-radius: 100%;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  -moz-border-radius: 100%;
}

.panel-bodylv {
  padding: 10px;
}

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

.avatarassignlv figure {
  width: 52px;
  height: 52px;
  overflow: hidden;
  position: absolute;
  left: 0;
}

.avatarassignlv {
  padding: 0 0 0 60px;
  position: relative;
  min-height: 53px;
}

.avatarassignlv p {
  margin: 12px 0 0;
  color: #626262;
  font-size: 19px;
}

.Leadviewpop figure {
  margin: 0;
}

.Leadviewpop a {
  color: #24b3eb;
  text-decoration: none;
}

.Leadviewpop a:hover {
  text-decoration: none;
}

.itemchecklv {
  font-size: 13px;
  line-height: 21px;
  color: #9d9da5;
  margin: 15px 4px;
  display: block;
  position: relative;
  padding: 0 0 0 36px;
  font-weight: 300;
}

.itemchecklv:hover {
  cursor: pointer;
}

.radiiconlv {
  position: absolute;
  width: 16px;
  height: 16px;
  overflow: hidden;
  left: 0;
  top: 2px;
  border: 2px solid #ff3e3e;
}

.radiiconlv::after {
  width: 8px;
  height: 8px;
  background-color: #ff3e3e;
  overflow: hidden;
  position: relative;
  left: 2px;
  top: 2px;
  display: none;
  content: "";
}

.hideitt:checked+.radiiconlv::after {
  display: block;
}

.frequencyset {
  width: 230px;
  margin: 0 0 10px 40px;
}

.itemchecklv label,
.frequencyset label {
  margin-bottom: 6px;
  display: block;
  font-size: 13px;
  line-height: 21px;
  font-weight: 500;
  color: #9d9da5;
  margin: 9px 0 2px;
}

.formgrouplv label {
  color: #5f5f5f;
  font-weight: 500;
  margin: 0 0 5px;
  display: inline-block;
  font-size: 15px;
  line-height: 21px;
}

.frequencyset .lvmdlinput {
  background: #ffffff url(../images/selectbg.png) no-repeat right 21px center;
  appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  height: 35px;
  border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-color: #24b3eb;
  background-color: #f1f1f1;
}

.frequencyset .lvmdlinput:focus {
  box-shadow: 0px 0px 9px 5px rgba(255, 31, 31, 0.06);
  border-color: #24b3eb;
}

.shortheight {
  height: 35px !important
}

.LeadcontDesk .popupheightchat {
  height: 404px;
  overflow-y: auto;
  overflow-x: hidden;
}

.LeadcontDesk .popupheight {
  height: 450px;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
}

.LeadcontDesk .popupheight.directory {
  height: 423px;
}

.searchusers {
  width: 100%;
  padding: 10px;
  margin: 0;
  box-shadow: none;
  border: none;
  height: 46px;
  box-sizing: border-box;
  font-size: 13px;
  line-height: 19px;
  border-radius: 7px;
  background-image: url("../images/searchicon.png");
  background-repeat: no-repeat;
  background-position: right 13px center
}

.searchusers:focus,
.searchusers:hover {
  box-shadow: #3797a0 0px 0px 2px;
  outline: 0 none;
  border: none;
}

.userserchwrp {
  position: absolute;
  width: 100%;
  padding: 15px 17px;
  border-bottom: 1px solid #f0f2f4;
  box-sizing: border-box;
  height: 77px;
}

.serchdesk {
  height: 77px;
  position: relative;
}

.LeadcontDesk .padding5 {
  padding: 10px;
}

.chatmessage {
  min-height: 90px;
  /*max-height: 220px;*/
  overflow: auto;
}

.attf {
  padding: 0;
  background: transparent url(../images/attachmenticon.png) no-repeat center center / 100% auto;
  width: 22px;
  height: 22px;
  margin: 6px 9px;
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.attf input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.chtinput {
  border: 1px solid #ccc;
  box-shadow: none;
  border-radius: 0;
  color: #2c2c2c;
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  display: block;
  height: 34px;
  padding: 6px 12px;
  background-color: #fff;
  background-image: none;
  box-sizing: border-box;
}

.chatmessage ul {
  padding: 0;
  margin: 0;
}

.chatmessage li {
  padding: 10px;
  position: relative;
}

.chatmessage li.she {
  padding-left: 55px;
}

.chatmessage li.she {
  padding-left: 55px;
}

.avatarchatimg {
  width: 35px;
  height: 35px;
  overflow: hidden;
  display: inline-block;
  margin: 0;
  position: absolute;
  top: 10px;
}

.avatarchatimg.round,
.availibility.round {
  border-radius: 100%;
  -o-border-radius: 100%;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  -moz-border-radius: 100%;
}

li.me .avatarchatimg {
  right: 10px;
}

li.she .avatarchatimg {
  left: 10px;
}

li.me {
  text-align: right;
}

.chattxt {
  font-size: 13px;
  line-height: 20px;
  padding: 8px 14px;
  border-radius: 5px;
  width: auto;
  display: inline-block;
  overflow-wrap: break-word;
}

.btn-blockcs {
  display: block;
  width: 100%;
}

.timechat {
  color: #a9a9a9;
  font-size: 13px;
  line-height: 19px;
  display: inline-block;
  margin-top: 7px;
}

.leadvuserlist {
  padding: 10px 17px 10px 20px !important;
}

.chtroom {
  position: relative;
  padding: 10px 19px 6px;
  overflow: hidden;
  height: 80px;
}

.chtroom .chtinput {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  border-radius: 6px;
  color: #9d9da5;
  font-size: 13px;
  line-height: 19px;
  padding: 8px 60px 8px 10px;
  font-family: 'Poppins', sans-serif;
  /* padding: 10px; */
}

.chtroom .chtinput::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #9d9da5;
}

.chtroom .chtinput::-moz-placeholder {
  /* Firefox 19+ */
  color: #9d9da5;
}

.chtroom .chtinput:-ms-input-placeholder {
  /* IE 10+ */
  color: #9d9da5;
}

.chtroom .chtinput:-moz-placeholder {
  /* Firefox 18- */
  color: #9d9da5;
  opacity: 1;
}

.chtroom .attf {
  width: 10px;
  height: 23px;
  margin: 17px 19px;
  position: absolute;
  right: 65px;
  top: 15px;
  z-index: 2;
  cursor: pointer;
}

.chtroom .attf:hover {
  cursor: pointer;
}

.addbtnlv {
  background: transparent url(../images/addicon.png) no-repeat left center;
  width: auto;
  min-height: 11px;
  min-width: 11px;
  font-size: 12px;
  line-height: 18px;
  color: #ff0809;
  font-weight: 300;
  padding: 0 0 0 18px;
  position: absolute;
  right: 0;
  top: 0;
}

.addbtnlv:hover {
  background-image: url("../images/addicon-hover.png");
  color: #000000;
}

.showeditallphoneModal .editallphoneModal,
.showeditphoneModal .editphoneModal,
.showaddphoneModal .addphoneModal {
  display: block;
}

.withctnnumber {
  padding-left: 100px;
  position: relative;
}

.countryCodelv {
  width: 95px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.lvcommnt label {
  color: #626262;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  font-weight: 500;
}

.withfileup {
  position: relative;
}

.lvcommnt textarea.form-control {
  height: 55px;
  resize: vertical;
  border-radius: 7px;
  color: #9d9da5;
  font-size: 13px;
  line-height: 19px;
  padding: 17px 0 0 49px;
  vertical-align: middle;
}

.lvcommnt textarea.form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #9d9da5;
}

.lvcommnt textarea.form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #9d9da5;
}

.lvcommnt textarea.form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: #9d9da5;
}

.lvcommnt textarea.form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #9d9da5;
  opacity: 1;
}

.lvcommnt textarea.form-control:focus {
  outline: 0 none;
  box-shadow: 0px 0px 9px 5px rgba(255, 31, 31, 0.06);
  border-color: #dc6565;
}

.lvcommnt .form-control {
  border-color: #d5d5d5;
  box-shadow: none;
  border-radius: 0;
  box-sizing: border-box;
  width: 100%;
}

.lvcommnt {
  padding: 3px 0;
}

.lvcommnt .upfiletimel {
  position: absolute;
  top: 13px;
  left: 20px;
  width: 19px;
  height: 28px;
  margin: 0;
  display: block;
  /* vertical-align: middle; */
  padding: 0;
  cursor: pointer;
  overflow: hidden;
  border-right: 1px solid #f1f1f1;
}

.lvcommnt .upfiletimel span {
  display: block;
  margin-top: 3px;
}

.Leadvtimeline .leadvuserlist .lvcommnt h4 {
  padding: 0;
}

.commntList {
  margin: 0;
  padding: 0;
}

.commntList li {
  position: relative;
  padding-left: 41px;
  border-top: 1px solid #e8e8e8 !important;
  padding-top: 11px;
  margin-bottom: 5px;
  min-height: 46px;
  border-bottom: none !important;
}

.commntList li:first-child {
  border-top: 0 none;
}

.lvcommnt figure.round {
  width: 33px;
  height: 33px;
  overflow: hidden;
  position: absolute;
  top: 15px;
  left: 21px;
}

.lvcommnt .commntList li figure.round {
  left: 0;
  top: 14px;
}

.avnamcbx {
  color: #626262;
  font-size: 14px;
  line-height: normal;
  margin: 0 0px 5px;
  font-weight: 400;
  font-family: 'Lato', sans-serif;
  display: inline-block;
}

.Leadviewpop .text-orange {
  color: #F3520A !important;
  font-size: 13px;
}

.lvcommnt .hidit {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

.msgEmogi {
  display: inline-block;
  vertical-align: top;
  padding: 4px;
  margin: 17px 19px;
  position: absolute;
  right: 106px;
  top: -15px;
  z-index: 11;
}

.msgEmogi img {
  display: block;
  width: 22px;
  height: 22px;
}

.lastchat {
  font-size: 12px;
  position: absolute;
  right: 0;
  top: 38px;
  padding: 2px 0;
  border-radius: 10px;
  text-transform: capitalize;
}

/* .chatheadermenu {} */

.chatmessage .chatpast {
  display: block;
  text-align: center;
  padding-top: 0;
  padding-bottom: 0;
}

li.chatpast:first-child {
  padding-top: 10px;
}

.timechat {
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  display: inline-block;
  background-image: url(../images/timeicon.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 23px;
  padding-top: 2px;
}

.datechat {
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  display: inline-block;
  background-image: url(../images/calendar.svg);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 23px;
  padding-top: 2px;
  background-size: 15px;
}

.msgbtn {
  background: #dc6565 url(../images/sendicon.png) no-repeat center center;
  box-shadow: 0px 0px 13px 1px rgba(255, 31, 31, 0.17);
  width: 35px;
  height: 35px;
  border-radius: 100%;
  overflow: hidden;
  position: absolute;
  right: 17px;
  bottom: 21px;
  margin: 17px 19px 0 0;
  z-index: 111;
  border: 0 none;
}

.msgbtn:focus {
  outline: 0 none;
}

.chtroom .attf:hover,
.msgbtn:hover {
  cursor: pointer;
}

.openmesagecont {
  margin: 0;
  border: 0 none;
  height: 54px;
  padding: 10px 15px 10px 59px;
  background-color: #3b2e4a;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-weight: normal;
  font-size: 13px;
  line-height: 19px;
  width: 100%;
  text-align: left;
  background-image: url(../images/envelope.png);
  background-repeat: no-repeat;
  background-position: left 22px center;
  position: relative;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  overflow: hidden;
}

.senmsgicon {
  margin: 0 0 32px;
  border: 0 none;
  height: 54px;
  padding: 10px 15px 10px 59px;
  background-color: #ffffff;
  color: #b1b1b9;
  font-family: 'Poppins', sans-serif;
  font-weight: normal;
  font-size: 15px;
  line-height: 21px;
  width: 100%;
  text-align: left;
  background-image: url(../images/snedmsgicon.png);
  background-repeat: no-repeat;
  background-position: left 22px center;
  position: relative;
  border-radius: 5px;
  box-shadow: 0px 4px 29px 8px rgba(182, 184, 186, 0.3);
}

.senmsgicon::after {
  background: transparent url(../images/sendmsgdrop.png) no-repeat center top;
  width: 61px;
  height: 49px;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -49px;
}

.shwmsgcount {
  position: absolute;
  right: -40px;
  top: -67px;
  background-color: rgba(255, 255, 255, 0.11);
  border-radius: 100%;
  width: 125px;
  height: 125px;
  padding: 0;
  color: #ffffff;
  display: block;
  font-size: 13px;
  line-height: 194px;
  padding-left: 43px;
  box-sizing: border-box;
}

.messagelv {
  position: fixed;
  width: 342px;
  bottom: 0;
  right: 10px;
  font-family: 'Poppins', sans-serif;
}

.senusmesg button:hover {
  cursor: pointer;
}

.senusmesg button:focus {
  outline: 0 none;
}

.supportfrm {
  display: none;
  box-shadow: 0px 4px 29px 8px rgba(182, 184, 186, 0.3);
}

.spfrmbtn {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  overflow: hidden;
  height: auto;
  width: 100%;
  color: #ffffff;
  font-weight: normal;
  border: 0 none;
  font-size: 0;
  line-height: 0;
  text-align: center;
  box-sizing: border-box;
  padding: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#24b2ea+0,0775c9+100 */
  background: rgb(36, 178, 234);
  /* Old browsers */
  background: -moz-linear-gradient(left, rgba(36, 178, 234, 1) 0%, rgba(7, 117, 201, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(36, 178, 234, 1) 0%, rgba(7, 117, 201, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(36, 178, 234, 1) 0%, rgba(7, 117, 201, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#24b2ea', endColorstr='#0775c9', GradientType=1);
  /* IE6-9 */
}

.btnsubmitmsg {
  height: 46px;
  width: 100%;
  color: #f1f1f1;
  font-weight: normal;
  border: 0 none;
  font-size: 0;
  line-height: 0;
  text-align: center;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#24b2ea+0,0775c9+100 */
  background: rgb(36, 178, 234);
  /* Old browsers */
  background: -moz-linear-gradient(left, rgba(36, 178, 234, 1) 0%, rgba(7, 117, 201, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(36, 178, 234, 1) 0%, rgba(7, 117, 201, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(36, 178, 234, 1) 0%, rgba(7, 117, 201, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#24b2ea', endColorstr='#0775c9', GradientType=1);
  /* IE6-9 */
  cursor: pointer;
}

.spfrmbtn>span {
  background: transparent url("../images/minusline.png") no-repeat right 19px center;
  display: block;
  height: 58px;
  font-size: 20px;
  line-height: 21px;
  box-sizing: border-box;
  padding: 18px 0;
  width: 100%;
}

.formsupportlv {
  background-color: #f1f1f1;
  padding: 17px 18px 8px;
}

.formsupportlv label {
  color: #808080;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  margin: 0 0 1px;
  width: 100%;
}

.inputslv {
  color: #24b3eb;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  box-sizing: border-box;
  width: 100%;
  border-radius: 5px;
  padding: 10px;
  background-color: #f1f1f1;
  height: 35px;
  border: 1px solid #24b3eb;
  box-shadow: 0px 0px 9px 5px rgba(13, 142, 192, 0.06);
}

.inputslv:focus {
  outline: 0 none;
}

textarea.inputslv {
  height: auto;
}


/*theme css below*/

.Ledvpophead button {
  background-color: transparent;
  color: #fff;
}

.Ledvpophead {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff6463+0,ff0101+100 */
  background: rgb(255, 100, 99);
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(255, 100, 99, 1) 0%, rgba(255, 1, 1, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(255, 100, 99, 1) 0%, rgba(255, 1, 1, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(255, 100, 99, 1) 0%, rgba(255, 1, 1, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff6463', endColorstr='#ff0101', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  position: absolute;
  left: -72px;
  z-index: 100;
  bottom: 100px;
}

.Ledviconsec {
  display: none;
}

.chatmessage {
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  overflow: auto;
  background-color: #ffffff;
}

.chatpast a {
  color: #b1b1b9;
}

li.me .chattxt {
  background-color: #dc6565;
  color: #ffffff;
  box-shadow: 0px 0px 19px 2px rgba(255, 31, 31, 0.17);
}

li.she .chattxt {
  background-color: #ffffff;
  color: #1d206a;
  box-shadow: 0px 0px 13px 7px rgba(177, 177, 185, 0.17);
}

.chtinput {
  border-color: #dc6565;
}

.chtinput:focus {
  outline: 0 none;
  box-shadow: 0px 0px 9px 5px rgba(255, 31, 31, 0.06);
}

.chtroom .chtinput {
  color: #7c7c7d;
}

.msgbtn {
  background-color: #dc6565;
  box-shadow: 0px 0px 13px 1px rgba(255, 31, 31, 0.17);
}

.leadvuserlist h4 {
  color: #626263;
}

.leadvuserlist h4 small {
  color: #9d9da5;
}

.lastchat {
  color: #7abd6c;
}

.lastchat {
  color: #ff3635;
}

.searchusers {
  background-color: #eef0f2;
  color: #9d9da5;
  border-color: #eef0f2;
}

.formgrouplv .lgview_halftext {
  width: 48%
}

.formgrouplv .lgview_halftext:last-child {
  margin-left: 2%
}

.cmntlist li {
  border: 0 none;
}

.Leadviewpop .cmntlist .text-orange {
  color: #dc6565 !important;
}

.panelbox {
  border-top: 1px solid #f0f2f4;
  padding: 15px 0 18px;
}

.profileseclv {
  position: relative;
  padding: 18px 0 18px 50px;
  border: 0 none;
}

.profileseclv p {
  color: #626263;
  font-size: 22px;
  line-height: 28px;
  margin: 0;
  padding: 0;
  font-weight: 300;
}

.profileseclv figure {
  overflow: hidden;
  width: 35px;
  height: 35px;
  position: absolute;
  left: 0;
  top: 12px;
}

.leadvprofileWidget .padding5 {
  padding: 0 17px;
}

.listLv>li.addreslv {
  position: relative;
  padding-left: 70px;
}

.addreslv strong {
  position: absolute;
  top: 5px;
  left: 0;
}


/* .chatlist {
    display: none
} */

.formgrouplv select {
  background: #ffffff url(../images/selectbg.png) no-repeat right 7px center;
  appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  height: 35px;
  border-radius: 7px;
  border: 1px solid #24b3eb;
  /* background: transparent; */
  padding: 0 2%;
  color: #24b3eb;
}

.formgrouplv .lgview_forty {
  width: 40%
}

.formgrouplv .lgview_twenty {
  width: 17%
}

#notifyMeEmail,
#frequencyset {
  display: none
}

.leadview360_tooltip {
  position: relative;
  display: inline-block;
}

.leadview360_tooltip span.tooltipb {
  background: transparent url(../images/info_icon.svg) no-repeat center center;
  width: 25px;
  height: 25px;
  display: inline-block;
  background-size: cover;
  position: relative;
  top: 7px;
  cursor: pointer;
}

.chatbutton2 {
  font-size: 12px;
  height: 35px;
  width: 90%;
  background: #1ec1b2;
  font-weight: bold;
  line-height: 24px;
  border-radius: 5px;
  box-sizing: border-box;
  text-align: center;
  color: #f1f1f1;
  border: 0 none;
  cursor: pointer;
}

.leadview360_tooltip .tooltiptext {
  visibility: visible;
  width: 300px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  right: -15px;
  opacity: 0;
  transition: opacity 0.3s;
  background-image: none;
  font-size: 11px;
  padding: 5px;
  cursor: pointer;
}

.leadview360_tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.leadview360_tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.itemchecksublv {
  font-size: 13px;
  line-height: 21px;
  color: #9d9da5;
  margin: 15px 4px;
  display: block;
  position: relative;
  padding: 0 0 0 36px;
  font-weight: 300;
}

.itemchecksublv:hover {
  cursor: pointer;
}

.radiiconlroundv {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  overflow: hidden;
  left: 0;
  top: 2px;
  border: 2px solid #ff3e3e;
}

.radiiconlroundv::after {
  width: 8px;
  height: 8px;
  background-color: #ff3e3e;
  overflow: hidden;
  border-radius: 100%;
  position: relative;
  left: 4px;
  top: 4px;
  display: none;
  content: "";
}

.hideitt:checked+.radiiconlroundv::after {
  display: block;
}

.leadvuserlist h4 i {
  background: #a0a1a2;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  display: inline-block;
  margin-right: 5px;
  position: relative;
  top: -2px;
}

.leadvuserlist h4 i.online {
  background: #51d655;
}

.userlistbuttons {
  margin-left: -40px;
}

.userlistbuttons .userbutton {
  padding-right: 14px;
}

.userlistbuttons .userbutton:last-child {
  padding-right: 0px;
}

.userlistbuttons .userbutton a {
  font-size: 12px;
  color: #ff8f03;
  padding-left: 22px;
  font-weight: 500;
}

.userlistbuttons .userbutton a.schedulemetting {
  background: transparent url(../images/meeting.svg) no-repeat left center;
  background-size: 18px 18px;
  color: #24b3eb;
}

.userlistbuttons .userbutton a.leavemessage {
  background: transparent url(../images/speech-bubble.svg) no-repeat left center;
  background-size: 20px 17px;
}

/* .userlistbuttons .userbutton a:hover {} */

.Leadvtimeline h3 {
  font-size: 14px;
  color: #666;
  font-weight: 500;
  /*margin-bottom: 5px;*/
}

.formsupportlv label span {
  float: right;
  font-size: 12px;
}

.chatform .inputslv {
  height: 35px;
}

.chatform .formgrouplv {
  margin-bottom: 10px;
}


/*added by Apurba*/

.chatform textarea.inputslv {
  height: auto;
}

.bg-form {
  background: #f1f1f1;
}

.position {
  font-size: 12px;
  margin-left: 5px;
}

label.gdpr-msg {
  font-size: 12px !important;
}

label.gdpr-msg span {
  position: relative;
  padding-left: 36px;
}

label.gdpr-msg input[type=checkbox] {
  position: absolute;
  opacity: 0;
}

label.gdpr-msg span:before {
  content: "";
  width: 16px;
  height: 16px;
  border: 2px solid #ff3e3e;
  display: block;
  left: 0;
  top: 2px;
  position: absolute;
}

label.gdpr-msg input[type=checkbox]:checked+span:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 8px;
  width: 8px;
  height: 8px;
  background: #ff3e3e;
}

span.tooltip-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

span.tooltip-container:hover>span.tooltip {
  display: inline-block;
  opacity: 1;
}

span.tooltip {
  position: absolute;
  bottom: 100%;
  background: #555;
  padding: 3px 7px;
  display: none;
  font-size: 11px;
  color: #fff;
  border-radius: 5px;
  z-index: 99;
  font-weight: 600;
}

span.tooltip.left {
  position: absolute;
  right: calc(100% + 10px);
  background: #555;
  padding: 3px 7px;
  display: none;
  font-size: 11px;
  color: #fff;
  border-radius: 5px;
  z-index: 99;
  font-weight: 600;
  top: 50%;
  bottom: inherit;
  /* white-space: nowrap; */
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 250px;
}

span.tooltip:after {
  position: absolute;
  top: 100%;
  content: "";
  border-top: 7px solid #555;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  left: calc(50% - 3.5px);
  line-height: 22px;
}

span.tooltip.left:after {
  position: absolute;
  left: 100%;
  content: "";
  border-top: 5px solid transparent;
  border-right: 0px solid transparent;
  border-left: 7px solid #555;
  border-bottom: 5px solid transparent;
  top: calc(50% - 5px);
  line-height: 22px;
}

.d-flex {
  display: flex !important;
}

.d-flex.justify-center {
  justify-content: center;
}

.d-flex.justify-betwen {
  justify-content: space-between;
}

.d-flex.justify-end {
  justify-content: end;
}

.d-flex.flex-wrap {
  flex-wrap: wrap;
}
.d-flex.align-items-center {
  align-items: center;
}
.d-flex.align-items-start {
  align-items: flex-start !important;
}
.d-flex.flex-flow-column {
  flex-flow: column;
}

.btn-close-popup {
  display: flex;
  position: fixed;
  bottom: 0;
  right: 20px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  box-sizing: border-box;
  line-height: 50px;
  justify-content: center;
  border: none;
  align-items: center;
  cursor: pointer;
  outline: none;
  background: #ea4f4f;
}

.btn-close-popup img {
  width: 20px;
}

#closeChat {
  display: none;
}

.chat-msg {
  position: absolute;
  bottom: calc(100% + 20px);
  padding: 15px;
  right: 0;
  background: #ffffff;
  font-size: 14px;
  color: #333;
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
  width: 300px;
  text-align: left;
  line-height: 18px;
  box-shadow: 0px 0px 35px 0px #e1e1e1;
  border-radius: 5px;
}

.chat-msg:before {
  background: transparent url(../images/sendmsgdrop.png) no-repeat center top;
  width: 50px;
  height: 49px;
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
}

/* #navigation {
  display: none;
} */

.poweredBy {
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  display: block;
  color: #b1b1b9;
  padding: 0 0 10px 0;
}

.mb-10 {
  margin-bottom: 10px;
}

.Leadviewpop.bottom #navigation1 {
  display: block;
  bottom: -55px;
  left: inherit;
  right: 10px;
}

.Leadviewpop.bottom #navigation1 .chatheadermenu>li {
  display: inline-block;
  float: left;
  padding: 3px 7px !important;
}

.Leadviewpop.bottom #navigation1 .chat-msg {
  width: 100%;
  right: 0;
  left: 0;
  height: auto;
  bottom: calc(100% + 30px);
}


/*.Leadviewpop.bottom #navigation1 .chat-msg {width: 290px;right: inherit;left: -20px;height: auto;bottom: calc(100% + 30px);}*/

.Leadviewpop.bottom #navigation1 .chat-msg:before {
  right: inherit;
  left: 20px;
}

.Leadviewpop.bottom #navigation1.sendtoleft {
  left: -72px;
  bottom: 100px;
  right: 342px;
}

.Leadviewpop.bottom #navigation1.sendtoleft ul.chatheadermenu {
  padding: 10px 6px 10px;
}

.Leadviewpop.bottom #navigation1.sendtoleft .chatheadermenu>li {
  display: block;
  float: none;
}

.Leadviewpop.bottom #navigation1.sendtoleft .chat-msg {
  right: 80px;
  left: inherit;
  bottom: inherit;
  top: 0;
}

.Leadviewpop.bottom #navigation1.sendtoleft .chat-msg:before {
  right: -49px;
  left: inherit;
  transform: rotate(-90deg);
  top: 0;
}

.Leadviewpop.bottom #closeChat {
  display: flex;
}

.poweredBy {
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  display: block;
  color: #b1b1b9;
  padding: 0 0 10px 0;
}


/*For right view*/

.Leadviewpop.right {
  right: 0;
}

.Leadviewpop.right #navigation2 {
  display: block;
  right: 0;
  left: inherit;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.Leadviewpop.right #navigation2 .chat-msg {
  width: 200px;
  right: 80px;
  left: inherit;
  bottom: inherit;
  top: 0;
  height: auto;
}

.Leadviewpop.right #navigation2 .chat-msg:before {
  right: -49px;
  left: inherit;
  transform: rotate(-90deg);
  top: 0;
}

.Leadviewpop.right .Ledviconsec {
  display: block;
  position: relative;
  right: -100%;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.Leadviewpop.right .Ledviconsec.showsection {
  right: 10px;
}

.Leadviewpop.right .chatheadermenu {
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.Leadviewpop.right #navigation2.movetoleft {
  right: 353px;
}

.Leadviewpop.right #closeChat img {
  width: 12px;
}

.poweredBy {
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  display: block;
  color: #b1b1b9;
  padding: 0 0 10px 0;
}

.d-block {
  display: block;
}

.colorpicker {
  display: none;
}

label.custom-radio {
  display: block;
}

label.custom-radio span {
  position: relative;
  display: block;
  padding-left: 20px;
  height: 20px;
  line-height: 20px;
}

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

label.custom-radio input[type=radio]+span:before {
  content: "";
  height: 15px;
  width: 15px;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 0;
  top: calc(50% - 7.5px);
  border: 2px solid #999;
}

label.custom-radio input[type=radio]:checked+span:after {
  content: "";
  height: 7px;
  width: 7px;
  border-radius: 50%;
  display: block;
  left: 3.5px;
  top: calc(50% - 3.5px);
  position: absolute;
  background: #999;
}

.cmbx .txtbtn .text-warning {
  color: #f3520a;
}

.addonpackages {
  text-align: center;
  font-size: 17px;
}

.addonpackageseach {
  width: 48%;
  display: inline-block;
  box-shadow: #e4e4e4 0px 0px 3px 2px;
  padding: 10px;
  text-align: center;
  margin-right: 1%;
  background: #FFF;
  font-size: 15px;
  padding: 10px 5%;
  margin-bottom: 20px;
}

.addonpackageseach p {
  text-align: center;
}

.addonpackageseach h6 {
  font-size: 17px;
  text-align: center;
  font-weight: 400;
  margin-bottom: 15px;
}

.addonpackageseach ul {
  list-style: none;
  margin: 0;
  text-align: left;
  padding: 10px;
}

.addonpackages h3 {
  padding-bottom: 7px;
}

.addonpackages .viewfeatures {
  display: block;
  font-size: 13px;
  padding-top: 10px;
  text-decoration: underline;
  cursor: pointer
}

.addonpackages h4 {
  padding-bottom: 15px;
}

.addonpackages p span {
  /* font-weight: 400; */
  padding-right: 10px;
}

.addonpackageseach .leadview360_tooltip {
  display: block
}

.addonpackageseach span.tooltip.left:after {
  left: -7px;
  border-top: 5px solid transparent;
  border-left: 0px solid transparent;
  border-right: 7px solid #009688;
  border-bottom: 5px solid transparent;
}

.addonpackageseach span.tooltip.left {
  left: calc(75% + 10px);
  width: 340px;
  box-shadow: #1fbd9e 0px 0px 2px;
  background: #fff;
}

.cancelbutton {
  color: #fff;
  background-color: #f3520a;
  border-color: #da5d25;
}

.cancelbutton:hover {
  color: #FFF;
  background: #da5d25
}

.buttonset select {
  max-width: 250px;
  float: right;
}

.chatsetupcontainer {
  max-width: 700px;
  margin: 20px auto
}

.chatsetupcontainer .panel-body {
  padding: 3px 15px;
}

.chatsetupcontainer .panel-title {
  padding: 5px 0px;
}

.makesplit {
  position: relative;
  z-index: 1;
  top: 6px;
  right: 10px;
}

.weblinks {
  max-height: 300px;
  overflow: auto
}

.weblinks p {
  margin-bottom: 2px
}

.collapseHead1 {
  cursor: pointer
}

.contactavatarassign figure {
  width: 100px;
  height: 100px;
  overflow: hidden;
  margin: 10px auto;
}

.full-width {
  width: 100%
}

.displaynone {
  display: none
}

.m0 {
  margin: 0
}

.p0 {
  padding: 0
}

.text-underline-on-hover:hover {
  text-decoration: underline;
}

.text-color-green {
  color: #3fad97;
}

.visisiblitydiv label {
  font-size: 13px
}

.visisiblitydiv2 {
  padding-left: 15px;
  padding-right: 15px
}

.visisiblitydiv2 label {
  font-size: 13px
}

.aligncenter {
  text-align: center
}

.alignright {
  text-align: right
}

.pt10 {
  padding-top: 10px
}

.pt20 {
  padding-top: 20px
}
.pr-30 {
  padding-right: 30px;
}
.pr-40 {
  padding-right: 30px;
}


/* .msgUsers .avatarassign {
    padding: 0px;
    width: 60px;
    float: left;
    margin-top: 20px;
} */

.msgUsers .avatarassign figure {
  position: relative
}

.msgUsers .ipnregion {
  width: 165px;
  margin: 0
}

.msgUsers .ipnregion .namecv {
  margin: 0;
  font-family: 'Poppins', sans-serif;
}


/* .msgUsers .ipnregion .ipcv {
    display: block;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
} */

.msgUsers .ipnregion .ipcv font {
  font-style: italic
}

.msgUsers .ipnregion .tagslistSm {
  margin: 6px 0 0 0;
}

.prvMals {
  display: none;
}

.shwPrvm {
  text-align: right;
  background-color: #f6f6f6;
  display: block;
  padding: 0 60px 20px;
}

.shwPrvm a {
  background: #3fad97 url(../images/show-more-button.svg) no-repeat right 16px center / 16px;
  border: 1px solid #3fad97;
  color: #ffffff;
  display: inline-block;
  padding: 5px 43px 5px 20px;
  border-radius: 30px;
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.shwPrvm a:hover {
  background-color: #5dc7b2;
  border-color: #5dc7b2;
}

span.fnm {
  width: 100%;
  display: block;
  color: #f3520a;
}

.price-label-container .price-btn {
  overflow: hidden;
  position: relative;
}

.price-label-container .price-btn strong {
  width: 1px;
  height: 1px;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.price-label-container .price-btn.disabled,
.price-label-container .price-btn.disabled:hover {
  background-color: #f5f5f5;
  color: #c3c3c3;
  cursor: no-drop;
  border-color: #f5f5f5;
}

.prepended {
  color: #fff;
  background-color: #3aa725;
  /* border-color: #255625; */
  font-size: 14px;
}


/* 08_01_2019 */

.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
}

.scroll-wrapper>.scroll-content {
  border: none !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}

.scroll-wrapper>.scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}


/* added by Avoy 16th Jan 2018 */

.leadview360_tooltip {
  position: relative;
  display: inline-block;
}

.leadview360_tooltip span.tooltipb {
  background: transparent url(../images/info_icon.svg) no-repeat center center;
  width: 25px;
  height: 25px;
  display: inline-block;
  background-size: cover;
  position: relative;
  top: 7px;
  cursor: pointer;
}

span.tooltip-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

span.tooltip-container:hover>span.tooltip {
  display: inline-block;
  opacity: 1
}

span.tooltip {
  position: absolute;
  bottom: 100%;
  background: #555;
  padding: 3px 7px;
  display: none;
  font-size: 11px;
  color: #fff;
  border-radius: 5px;
  z-index: 99;
  font-weight: 600;
}

span.tooltip.left {
  position: absolute;
  right: calc(100% + 10px);
  background: #555;
  padding: 3px 7px;
  display: none;
  font-size: 11px;
  color: #fff;
  border-radius: 5px;
  z-index: 99;
  font-weight: 600;
  top: 50%;
  bottom: inherit;
  /* white-space: nowrap; */
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 250px;
}

span.tooltip:after {
  position: absolute;
  top: 100%;
  content: "";
  border-top: 7px solid #555;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  left: calc(50% - 3.5px);
  line-height: 22px;
}

span.tooltip.left:after {
  position: absolute;
  left: 100%;
  content: "";
  border-top: 5px solid transparent;
  border-right: 0px solid transparent;
  border-left: 7px solid #555;
  border-bottom: 5px solid transparent;
  top: calc(50% - 5px);
  line-height: 22px;
}

.addonpackages {
  text-align: center;
  font-size: 17px;
}

.addonpackageseach {
  width: 48%;
  display: inline-block;
  box-shadow: #e4e4e4 0px 0px 3px 2px;
  padding: 10px;
  text-align: center;
  margin-right: 1%;
  background: #FFF;
  font-size: 15px;
  padding: 10px 5%;
  margin-bottom: 20px;
}

.addonpackageseach p {
  text-align: center;
}

.addonpackageseach h6 {
  font-size: 17px;
  text-align: center;
  font-weight: 400;
  margin-bottom: 15px;
}

.addonpackageseach ul {
  list-style: none;
  margin: 0;
  text-align: left;
  padding: 10px;
}

.addonpackages h3 {
  padding-bottom: 7px;
  font-family: 'Lato', sans-serif;
}

.addonpackages .viewfeatures {
  display: block;
  font-size: 13px;
  padding-top: 10px;
  text-decoration: underline;
  cursor: pointer
}

.addonpackages h4 {
  padding-bottom: 15px;
}

.addonpackages p span {
  /* font-weight: 400; */
  padding-right: 10px;
}

.addonpackageseach .leadview360_tooltip {
  display: block
}

.addonpackageseach span.tooltip.left:after {
  left: -7px;
  border-top: 5px solid transparent;
  border-left: 0px solid transparent;
  border-right: 7px solid #009688;
  border-bottom: 5px solid transparent;
}

.addonpackageseach span.tooltip.left {
  left: calc(75% + 10px);
  width: 340px;
  box-shadow: #1fbd9e 0px 0px 2px;
  background: #fff;
}

.cancelbutton {
  color: #fff;
  background-color: #f3520a;
  border-color: #da5d25;
}

.cancelbutton:hover {
  color: #FFF;
  background: #da5d25
}

.buttonset select {
  max-width: 250px;
  float: right;
}

.mnthsubs ul {
  list-style: none;
  margin-left: 0
}

.mnthsubs ul li {
  background: transparent url(../images/checkico.png) 12px center no-repeat;
  min-height: 14px;
  padding: 0 0 0 40px;
  margin: 5px 0;
  font-size: 14px;
  line-height: 20px;
  color: #3b3f51;
  text-align: left;
}

.chatsetupcontainer {
  max-width: 700px;
  margin: 20px auto
}

.chatsetupcontainer .panel-body {
  padding: 3px 15px;
}

.chatsetupcontainer .panel-title {
  padding: 5px 0px;
}

.ui-multiselect:not(.ui-state-disabled):hover {
  background: #FFF !important;
}

.ui-multiselect-panel .ui-multiselect-item label {
  text-transform: capitalize;
}

.ui-table.ui-widget {
  box-shadow: 0px 0px 5px 0px rgba(126, 126, 126, 0.2);
}

.panel-default>.panel-heading {
  background-color: #fff;
  color: #3fad97;
}

.table_default table>tbody>tr>th {
  border: none
}

.ui-table .ui-table-tbody>tr.compny {
  background: #ffffff;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 2px 1px rgba(7, 200, 161, 0.58);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}

.ui-table .ui-table-tbody>tr.compny td {
  border: none !important;
}

.ui-table .ui-table-tbody>tr.compny th {
  border: none !important;
}

.ui-table .ui-table-tbody>tr>td {
  background: transparent !important;
  border: none !important;
  border-top: #CCC 1px solid !important;
}

.ui-table .ui-table-tbody>tr:nth-child(even) {
  background-color: #FFF !important;
}

.ui-table .ui-table-tbody>tr>th {
  background: transparent !important;
  border: none !important;
  border-top: #CCC 1px solid !important;
  /* overflow: hidden; */
}

.ui-table .ui-sortable-column:not(.ui-state-highlight):hover {
  background: #18181c;
  color: #FFF;
}

.leftpanelpopup {
  display: none;
}

.leftpanelpopup.show {
  display: block
}

.filtermask {
  position: absolute;
  width: 99.3%;
  height: 100%;
  /* min-height:400px; */
  background: rgba(0, 0, 0, .5);
  z-index: 1;
  display: none;
  top: 0;
}

.filtermask.show {
  display: block
}

.leftpanelfilteremenuicon {
  background: url("../images/filter-tool-icon.png") no-repeat left center;
  padding-left: 31px;
  font-size: 16px;
  color: #000;
  margin-left: 28px;
}

input[type=button],
.btn-success {
  font-family: 'Montserrat', sans-serif;
}


/* 14/02/2019 */

.activity-btn-sec {
  margin-top: 10px;
}

.activity-btn-sec ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.activity-btn-sec ul li {
  display: inline-block;
}

.activity-btn-sec ul li .redo-btn {
  /* display:none; */
}

.activity-btn-sec ul li button {
  background-color: transparent;
  border: none;
  padding: 0;
  margin-right: 10px;
}

.activity-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.activity-list li span.date-time {
  width: 165px;
  display: inline-block;
  /* font-weight: 500; */
}

.activity-log-section {
  background-color: #e9ecf3;
  padding: 15px;
  margin-top: 15px;
  border-radius: 6px;
}

.activity-list li {
  margin-bottom: 15px;
}

.activity-list li:last-child {
  margin-bottom: 0;
}

.alert-btn .alert-un-do {
  display: none;
}

.info-changed li span {
  display: inline-block;
  min-width: 150px;
}

.billing_history {
  opacity: 0;
}

.billing_history.show {
  opacity: 1;
}

.check {
  background: transparent url(../images/checkico.png) 12px center no-repeat;
  min-height: 14px;
  padding: 0 0 0 40px;
  margin: 5px 0;
  font-size: 14px;
  line-height: 20px;
  color: #3b3f51;
  text-align: left;
}

.remove_bullet {
  list-style: none;
  margin-left: 0
}

.leftpanel.fullpanel {
  padding: 0;
  float: none
}

.loadingdiv {
  margin: 0px auto;
  text-align: center;
  padding: 50px 0px
}

.loadingdiv img {
  margin: auto
}

.loadingdiv.sm-loader img {
  width: 50px;
  height: auto;
}

.fullpanel .leftform {
  display: flex;
}

.fullpanel .leftform>li {
  flex-grow: 1;
  max-width: 300px;
}

.cpdt {
  word-break: break-word;
  width: 100%;
}


/* Avoy SIR  13-05-2019*/

ul.social-sharing {
  padding: 15px;
  margin: 0;
  display: block;
}

ul.social-sharing>li {
  list-style: none;
  display: block;
}

ul.social-sharing>li>a {
  display: flex;
  text-decoration: none;
  line-height: 40px;
  padding: 0 10px;
  font-size: 14px;
  color: #fff;
  margin: 5px 0;
  align-items: center;
  border-radius: 5px;
  font-weight: 500;
}

ul.social-sharing>li>a>img {
  margin-right: 15px;
  display: inline-block;
  line-height: 36px;
}

ul.social-sharing>li>a.facebook {
  background: #3a559f;
}

ul.social-sharing>li>a.twitter {
  background: #55acee;
}

ul.social-sharing>li>a.pinterest {
  background: #c8232c;
}

ul.social-sharing>li>a.linkedin {
  background: #007ab9;
}

.h-auto {
  height: auto !important
}

.bookmark-block {
  padding: 15px;
}

.btn-bookmark {
  display: block;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  border-radius: 5px;
  background: rgb(255, 100, 99);
  background: -moz-linear-gradient(-45deg, rgba(255, 100, 99, 1) 0%, rgba(255, 1, 1, 1) 100%);
  background: -webkit-linear-gradient(-45deg, rgba(255, 100, 99, 1) 0%, rgba(255, 1, 1, 1) 100%);
  background: linear-gradient(135deg, rgba(255, 100, 99, 1) 0%, rgba(255, 1, 1, 1) 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff6463', endColorstr='#ff0101', GradientType=1);
  width: 100%;
  border: none;
  cursor: pointer;
}

ul.timeline-filter {
  display: inline-block;
  float: right;
  padding: 0;
  margin: 0;
}

ul.timeline-filter>li {
  display: inline-block;
  list-style: none;
  position: relative;
}

ul.timeline-filter>li>ul.timeline-sub-filter {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  box-shadow: 0 0 5px 1px #ccc;
  z-index: 9;
  width: 130px;
}

ul.timeline-filter>li>ul.timeline-sub-filter>li {
  display: block;
}

ul.timeline-filter>li:hover>ul.timeline-sub-filter {
  display: block;
}

ul.timeline-filter>li>a,
ul.timeline-filter>li>ul.timeline-sub-filter>li>a {
  display: block;
  font-weight: 400;
  color: #333;
  text-decoration: none;
  padding: 0 5px;
  line-height: 46px;
  border-bottom: 2px solid transparent;
  font-size: 13px;
}

ul.timeline-filter>li>ul.timeline-sub-filter>li>a {
  padding-left: 10px;
  padding-right: 10px;
  line-height: 30px;
}

ul.timeline-filter>li>ul.timeline-sub-filter>li:hover>a {
  background: #f3f3f3;
}

ul.timeline-filter>li:hover>a {
  border-color: #ea4f4f;
}

.Leadviewpop .lgchatemailtype img {
  margin-top: -6px;
  margin-right: 5px;
}

.Leadviewpop .lgaboutform {
  max-height: 400px;
  overflow: auto;
}

.Leadviewpop .redbutton {
  background: #ea4f4f
}

.Leadviewpop .datamanagerbox {
  background: #f8f8f8;
  padding: 0px 16px !important;
  margin: 0px -17px;
}

.Leadviewpop .datamanagerbox h5 {
  color: #626263;
  font-weight: 500;
  padding: 0;
  margin: 0;
  padding: 5px 0px;
}

.Leadviewpop .datamanagerbox .leadvuserlist li {
  padding-top: 0px
}

.Leadviewpop .editabout .formgrouplv select,
.Leadviewpop .addsocialModal .formgrouplv select,
.Leadviewpop .emaileditModal .formgrouplv select,
.Leadviewpop .emailaddModal .formgrouplv select,
.Leadviewpop .addphoneModal .formgrouplv select,
.Leadviewpop .editphoneModal .formgrouplv select {
  border: 1px solid #d5d5d5;
  color: #555;
  border-radius: 0;
  padding: 9px;
  height: 40px;
}

.Leadviewpop .serchinput {
  position: relative;
  width: 100%;
  margin: auto
}

.Leadviewpop .serchinput .lvmdlinput {
  box-shadow: 0px 0px 10px 0px #eee;
  border: 0 none;
}

.Leadviewpop .srchbtn {
  position: absolute;
  right: 1px;
  top: 2px;
  background: #ffffff url("http://template1.teexponent.com/leadview360/html/assets/images/search-ico.png") no-repeat center center;
  border: 0 none;
  border-left: 1px solid #e5e5e5;
  padding: 0;
  width: 32px;
  height: 91%;
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
}

.LeadcontDesk #Leadvtimeline .popupheight {
  height: 446px;
}

.LeadcontDesk .editcoocke p {
  padding: 0px 20px;
  font-size: 13px;
  margin: 0;
  margin-bottom: 10px
}

.listHgt {
  max-height: 299px;
  overflow: auto;
}

body .ui-tooltip {
  box-shadow: none !important;
}

.rowl {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -6px;
}

.rowl [class*='col-'] {
  display: block;
  float: left;
  padding: 0 6px;
  width: 16.666666%;
}

.rowl .budylistradio {
  margin-left: 0 !important;
}

.postloc {
  display: block;
  margin: 4px 0 0 0;
}

.postloc p {
  display: block;
  font-size: 13px;
  line-height: 16px;
}

.postloc .tl {
  display: block;
  margin: 0 0 5px 0;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  color: #626262;
}

.timdesk2 {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 10px 0 0 10px !important;
}

.timdesk2 input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  margin: 0;
}

.timdesk2 .txt {
  display: block;
  background-color: #dadada;
  position: relative;
  color: #222;
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
  padding: 4px 8px 4px 28px;
  border: 1px solid #dadada;
  border-radius: 4px;
  min-height: 28px;
}

.timdesk2 .txt:before {
  content: "";
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  left: 4px;
  top: 4px;
  background-color: #f1f1f1;
  border: 1px solid #c5c5c5;
  border-radius: 2px;
}

.timdesk2 .txt:after {
  content: "\f00c";
  display: none;
  font-family: 'FontAwesome';
  position: absolute;
  top: 5px;
  left: 7px;
  font-size: 12px;
  color: #3fad97;
}

.timdesk2 input:checked+.txt {
  background-color: #3fad97;
  border-color: #3fad97;
  color: #fff;
}

.timdesk2 input:checked+.txt:before {
  background-color: #ffffff;
  border-color: #3fad97;
}

.timdesk2 input:checked+.txt:after {
  display: block;
  background-color: #fff;
}

.preview-card,
.pc {
  display: block;
}

.preview-card a,
.pc a {
  display: flex;
  flex-wrap: wrap;
  padding: 4px;
  background-color: #f8f8f8;
  box-shadow: 0 1px 2px rgba(146, 146, 146, 0.5);
  margin: 16px 0 0 0;
  transition: 400ms;
  flex-direction: row;
}

.preview-card a:hover,
.pc a:hover {
  text-decoration: none;
}

.preview-card a .post-img,
.pc a .post-img {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 210px;
  /* min-height: 148px; */
  /* background-color: #eaeaea; */
  overflow: hidden;
  /* align-items: center; */
  /* justify-content: center; */
  /* border: 1px solid #e2e2e2; */
}

.preview-card a img,
.pc a img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  background-color: #ececec;
}

.preview-card a .desc,
.pc a .desc {
  display: block;
  flex: 1;
  padding: 8px 16px;
}

.preview-card a .desc strong,
.pc a .desc strong {
  display: block;
  color: #222;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}

.preview-card a .desc p,
.pc a .desc p {
  display: block;
  color: #a5a5a5;
  font-size: 13px;
  line-height: 17px;
  font-weight: 400;
  margin: 5px 0 0 0;
}

.preview-card a:hover .desc strong,
.pc a:hover .desc strong {
  color: #3fad97;
}

.mb-3 {
  margin-bottom: 15px !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.no-border {
  border: none !important;
}
.bg-gray {
  background: #f3f3f3;
}

.importFile {
  display: block;
  position: relative;
  overflow: hidden;
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
  padding: 6px 10px;
  border-bottom: 1px solid #ddd;
}

.acmenu li:last-child .importFile {
  border: none;
}

.importFile input {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 400%;
  height: 200%;
  opacity: 0;
  cursor: pointer;
}

.page-table .ui-paginator p-dropdown.ui-inputwrapper-filled {
  float: left;
}

.table_default tbody td a {
  word-break: break-word;
}

.table_default tbody td a.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/*start sujan css section*/

.LeadcontDesk .popupheight {
  height: 490px;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  width: 100%;
}

.Leadvmypreference h4 {
  font-weight: 600;
  font-size: 13px;
  line-height: 21px;
  margin: 0;
  padding: 5px 6px 4px;
  color: #9d9da5;
}

.toclearflot {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.toclearflot li {
  float: left;
}

.toclearflot label {
  display: block;
  margin: 0;
  padding: 4px;
  position: relative;
}

.hideitt {
  position: absolute;
  left: -1000px;
  top: 0;
  opacity: 0;
}

.hideitt:checked+.checkitemm {
  border-color: #40AD98;
  color: #fff;
  background-color: #40AD98;
  background-image: none;
}

.checkitemm {
  display: block;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #40AD98;
  padding: 6px 20px;
  color: #40AD98;
  font-size: 13px;
  line-height: 20px;
  font-weight: 300;
  box-sizing: border-box;
  min-width: 109px;
  text-align: center;
  cursor: pointer;
}

.itemchecklv {
  font-size: 14px;
  line-height: 21px;
  color: #333;
  margin: 15px 4px;
  display: block;
  position: relative;
  padding: 0 0 0 36px;
  font-weight: 300;
}

.hideitt {
  position: absolute;
  left: -1000px;
  top: 0;
  opacity: 0;
}

.radiiconlv {
  position: absolute;
  width: 16px;
  height: 16px;
  overflow: hidden;
  left: 0;
  top: 2px;
  border: 2px solid #40AD98;
}

#notifyMeEmail,
#frequencyset {
  display: none;
}

.itemchecklv label,
.frequencyset label {
  margin-bottom: 6px;
  display: block;
  font-size: 13px;
  line-height: 21px;
  font-weight: normal;
  color: #333;
  margin: 9px 0 2px;
}

.frequencyset {
  width: 230px;
  margin: 0 0 10px 40px;
}

.poweredBy {
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  display: block;
  color: #b1b1b9;
  padding: 0 0 10px 0;
}

.popupheight.padding5 {
  width: 100%;
  margin-top: 20px;
  padding: 0px 20px;
}

.personal_frm {
  width: 70%;
  margin: 0 auto;
}

.personal_frm .form-control {
  border-radius: 0;
  min-height: 38px;
  border: 1px solid #ddd;
  outline: none;
  transition: 0.3s all ease-in-out;
  box-shadow: none;
  padding-right: 47px;
}

.personal_frm .form-control:focus {
  border-color: #40AD98;
}

.personal_frm .form-group label {
  font-size: 15px;
  color: #6b6b6b;
  font-weight: 500;
  display: block;
}

.btn_update_now {
  background-color: #40AD98;
  color: #fff;
  font-weight: 400;
  border-radius: 30px !important;
  font-size: 15px;
  margin-top: 7px;
  padding: 10px 56px;
  transition: 0.3s all ease-in-out;
  margin-bottom: 15px;
  display: inline-block;
  border: 2px solid transparent;
}

.btn_update_now:hover {
  background-color: transparent;
  border-color: #40AD98;
  color: #40AD98;
}

.btn_update_now:focus {
  outline: none;
  box-shadow: none;
}

.proof {
  position: relative;
}

.proof select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}

.title {
  position: relative;
}

.title select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}

.title i {
  position: absolute;
  top: 52%;
  right: 10px;
  pointer-events: none;
  color: #6d6d6d;
}

.proof i {
  position: absolute;
  top: 53%;
  right: 10px;
  pointer-events: none;
  color: #6d6d6d;
}


/*end sujan css section*/

.avatarassign .workat {
  display: block;
  padding: 3px 0px;
}

.avatarassign .jobrole {
  display: block;
}

.avatarassign .workat font {
  font-weight: 500;
}

.avatarassign .jobrole font {
  font-weight: 500;
}


/*start assign to section css*/

_main.clearfix {
  width: 100%;
  padding: 0px 10px;
}

.assign_first {
  margin: 10px 0px 10px;
  display: flex;
  align-items: center;
}

.assign_first img {
  max-width: 100px;
  display: inline-block;
  margin-right: 10px;
  border-radius: 100%;
}

.assign_first span {
  font-size: 16px;
  font-weight: 600;
  color: #626262;
}

.assign_first span span {
  display: block;
  font-size: 14px;
  font-weight: 500;
}

.assigned_second {
  width: 100%;
  display: inline-block;
}

.widget_data_list {
  margin: 0px auto;
  padding: 0px;
  list-style-type: none;
  text-align: center;
}

.widget_data_list li {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 5px 0px;
  border-top: #CCC 1px solid;
}

.widget_data_list li div {
  overflow: hidden;
}

.widget_data_list li img {
  width: 50px;
  height: 50px;
  border-radius: 100%;
}

.widget_data_list li span {
  font-weight: 500;
  font-size: 15px;
  color: #525252;
  display: inline-block;
  padding-left: 10px;
  text-align: left;
}

.widget_data_list li span span {
  display: block;
  text-align: center;
  padding-left: 0;
  font-size: 13px;
}

.custom_a {
  float: none !important;
}

.btn-default:active:hover,
.btn-default:hover {
  color: #FFF;
  background: #3fad97;
  opacity: .8
}

.custom_e {
  margin: 0;
  min-width: 80px;
  padding: 4px 8px;
}

span.cnt_custom {
  float: right;
}

span.button-checkbox {
  margin-left: 7px;
}

.btn_make {
  border-color: #3fad97;
  color: #3fad97;
  padding: 4px 9px;
  font-size: 13px;
}

.btn_make:active {
  border-color: #F3520A !important;
  background-color: #F3520A !important;
}

.btn_make:focus {
  border-color: #F3520A !important;
  background-color: #F3520A !important;
}

.contact_subheading {
  padding: 10px 24px 10px 24px;
  background: #f5f5f5;
  margin-top: 5px;
}


/*start company timeline section css*/

span.designation font {
  font-weight: 300;
  margin-left: 10px;
  color: #333;
  font-size: 14px;
}

.company_widget_logo img {
  /* max-width: 60%; */
  margin: 0 auto;
  display: block;
}

.primary_head {
  padding: 5px 20px;
  font-size: 15px;
  background-color: #ddd;
}

.contact_popup_map {
  position: absolute;
  width: 300px;
  background: #FFF;
  z-index: 100;
  top: 50%;
  left: 50%;
  padding: 13px;
  box-shadow: #CCC 0px 0px 10px 0px;
  font-size: 12px;
}

.contact_popup_map div.title {
  font-weight: 500;
  font-size: 14px;
}

.contact_popup_map span {
  display: block;
  padding: 3px 0px;
}

.add_buutton_plus {
  font-size: 33px;
  padding: 0px 10px;
  line-height: 30px;
  background: transparent;
  color: #000;
}

.primary_tag {
  background: #3b3f51;
  color: #FFF;
  padding: 4px 16px;
  border-radius: 21px;
  font-size: 14px;
}

.toclearflot .tgnumbr {
  right: -20px;
  top: 2px;
}

.toclearflot li {
  float: left;
  margin-right: 50px;
}

.table_default .table>tbody>tr>td a:hover {
  text-decoration: none;
}

.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 320px;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.modal.right .modal-content {
  height: 100%;
  overflow-y: auto;
}

.modal.right.overflow-hideen .modal-content {
  overflow: hidden;
}

.modal.right .modal-body {
  padding: 15px 15px 10px;
}
.modal.right.gap-tb-5 .modal-body {
  padding: 5px 15px 5px;
}


/*Right*/

.modal.right.fade .modal-dialog {
  right: -320px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
  right: 0;
}

.proof-mod .modal-dialog {
  width: 800px !important;
}

.proof-mod .modal-content {
  border-radius: 0px !important;
}

.tbl-rightbar-heading {
  text-transform: uppercase;
  color: #3fad97;
  font-weight: 500;
  margin: 0px;
  padding: 0px;
  font-size: 22px;
}

.proof-mod .modal-header {}

.tbl_side tbody td strong {
  font-weight: 400;
  margin-top: 0;
}

p.designation {
  margin: 0;
  padding: 0;
}

p.designation font {
  font-weight: 500;
}


/*.modal-backdrop {
    z-index: -1;
}*/

.view_modal_header {
  margin: 0px;
  padding: 15px 0px 14px 0px;
  line-height: 0;
  font-size: 20px;
  color: #31384a;
  font-weight: 500;
  letter-spacing: 1px;
}

button.close.view_close i {
  color: #B1B2B9;
  font-size: 20px;
}

button.close.view_close {
  top: 22px;
  opacity: 1;
  position: absolute;
  right: 9px;
}

.btn_add_mail {
  background-color: #3FAD97;
  box-shadow: none;
  color: #fff;
  font-size: 16px;
  border-radius: 30px;
  padding: 10px 56px;
  border: 2px solid transparent;
  transition: 0.3s all ease-in-out;
}

.btn_add_mail:hover {
  background-color: transparent;
  border-color: #3FAD97;
  color: #3FAD97;
}

.txt_cnt {
  text-align: center;
  font-size: 16px;
  color: #626262;
  margin: 0;
  padding: 12px 0px;
}

.view-form .form-control {
  height: 40px;
  position: relative;
  border: 1px solid #ddd;
  box-shadow: none;
}

.view-form .form-control:focus {
  border-color: #3FAD97;
}

.view-form .form-group label {
  color: #626262;
  font-size: 15px;
  margin-bottom: 10px;
}

.custom_select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}

.custom_select i {
  position: absolute;
  top: 54%;
  right: 10px;
  pointer-events: none;
}

.custom_select {
  position: relative;
  margin-bottom: 25px;
}

.custom_select select {
  padding-left: 52px;
}

span.hme {
  position: absolute;
  top: 32px;
  left: 1px;
  background-color: #DEDEDE;
  width: 43px;
  height: 38px;
  line-height: 36px;
  text-align: center;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.styled-checkbox {
  position: absolute;
  opacity: 0;
  width: auto;
}

.styled-checkbox+label {
  position: relative;
  cursor: pointer;
  padding: 0;
  width: auto;
  left: 0;
  top: 0;
  cursor: pointer;
  pointer-events: inherit;
  opacity: 1;
  font-size: 14px !important;
  line-height: 20px;
}

.my_library .styled-checkbox+label {
  top: 7px;
}

.styled-checkbox+label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 18px;
  height: 18px;
  background: #FFF;
  border: #000 2px solid;
}

.styled-checkbox+label:before {
  box-shadow: none;
}

.styled-checkbox:checked+label:after {
  content: '';
  position: absolute;
  left: 4px;
  top: 10px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}

.styled-checkbox:checked+label:before {
  background: #000;
}

.custom_checkbox label {
  font-weight: 400;
}

.custom_checkbox {
  margin-top: 8px;
}

.tbl_ph {
  cursor: pointer;
  text-decoration: underline
}


/*end assign to section css*/

.status {
  background: #c3c3c3;
  padding: 2px 10px;
  color: #fff;
  border-radius: 52px;
  min-width: 77px;
  display: inline-block;
  text-align: center;
}

.status.active {
  background: #42b51c;
}

.radious_none {
  border-radius: 0;
  width: 40px !important;
  height: 40px !important;
  margin-left: 24px;
}

.s_default tbody td {
  padding: 5px 8px !important;
}

.custom_select_1 select {
  padding-left: 12px;
}

.s_default .table>tbody>tr>th label {
  margin: 12px 0 0;
}

.btn_add_mail:focus {
  outline: none;
}

.s_default table>thead>tr>th {
  font-size: 14px;
}

.s_default table>thead>tr>th:last-child {
  padding-right: 12px !important;
}

.s_default .table>tbody>tr>td:last-child {
  padding: 0px 0px !important;
  text-align: center;
}

.custom_panel .leftform>li {
  width: 300px;
  flex-grow: 1;
}

.custom_panel .leftform li {
  width: 100%;
}

.custom_panel_1 .panel {
  margin-bottom: 0;
  background-color: transparent;
  box-shadow: none;
  border: none;
}

.custom_panel_1 .leftform li {
  padding: 0px;
}

.active_content p {
  font-size: 15px;
  line-height: 25px;
  margin: 0px;
  padding: 0px;
}

.active_content {
  width: 100%;
  text-align: center;
}

.act_modal .modal-header {
  border-bottom: none;
}

.act_modal_header {
  font-size: 26px;
}

.act_modal .modal-footer {
  border-top: none;
}

.act_modal .modal-dialog {
  width: 600px;
  margin: 80px auto;
}

.btn_red {
  background-color: #FF1212;
}

.btn_red:hover {
  border-color: #FF1212;
  color: #FF1212;
}

.btn_act {
  background-color: #42B51C;
  color: #fff;
}

.btn_act:hover {
  border-color: #42B51C;
  color: #42B51C;
}

span.barcode_img {
  display: inline-block;
  max-width: 42px;
  background-color: #ddd;
}

.personal_frm textarea {
  resize: none;
}

.m-left {
  margin-left: 0;
}


/*start quantity section css*/

.custom_quantity .quantity {
  display: inline-block;
}

.custom_quantity .quantity .input-text.qty {
  width: 77%;
  height: 38px;
  padding: 0 5px;
  text-align: center;
  background-color: transparent;
  border: 1px solid #ddd;
}

.custom_quantity .quantity.buttons_added {
  text-align: left;
  position: relative;
  white-space: nowrap;
  vertical-align: top;
  width: 60%;
}

.custom_quantity .quantity.buttons_added input {
  display: inline-block;
  margin: 0;
  vertical-align: top;
  box-shadow: none;
}

.custom_quantity .quantity.buttons_added .minus,
.custom_quantity .quantity.buttons_added .plus {
  height: 38px;
  width: 38px;
  vertical-align: top;
  background-color: #ffffff;
  border: 1px solid #ddd;
  cursor: pointer;
}

.custom_quantity .quantity.buttons_added .minus {
  border-right: 0;
}

.custom_quantity .quantity.buttons_added .plus {
  border-left: 0;
  border-radius: 0;
  position: relative;
  top: 0px;
}

.custom_quantity .quantity.buttons_added .minus:hover,
.custom_quantity .quantity.buttons_added .plus:hover {
  background: #eeeeee;
}

.custom_quantity .quantity input::-webkit-outer-spin-button,
.custom_quantity .quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0;
}

.custom_quantity .quantity.buttons_added .minus:focus,
.custom_quantity .quantity.buttons_added .plus:focus {
  outline: none;
}


/*start toggle switch css*/

.product_header {
  width: 100%;
  display: inline-block;
  padding-bottom: 10px;
}

.product-header-title {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  display: block;
  font-size: 17px;
  color: #777676;
  font-weight: 300;
}

.wrapper2 {
  width: 77%;
  height: 135px;
  position: relative;
  background-image: url(../images/payment.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-color: #efecf0;
  border-radius: 10px;
}

.drop {
  width: calc(100% - 14px);
  height: calc(100% - 14px);
  border: 3px dashed #DADFE3;
  border-radius: 15px;
  overflow: hidden;
  text-align: center;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
}

.icon_area {
  background-image: url(.././images/trade_License.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: initial;
  width: 28%;
}
.cloud_icon_area {
  background-image: url(.././images/cloud-image.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 50%;
  height: 50%;
}

.drop .cont {
  width: 100%;
  height: 100%;
  color: #8E99A5;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  display: inline-block;
  text-align: left;
  align-items: center;
}

.drop .cont .tit {
  font-size: 15px;
  text-transform: capitalize;
  margin-top: 31px;
  font-weight: 600;
  margin-bottom: 10px;
}

.drop .cont .browse {
  color: #fff;
  padding: 5px 10px;
  border-radius: 15px;
  background: #0098da;
  font-size: 12px;
  margin-bottom: 15px;
  cursor: pointer;
  /* z-index: 5; */
}

#list {
  width: 100%;
  text-align: left;
  position: absolute;
  left: 0;
  top: 0;
}

.drop input {
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: red;
  opacity: 0;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.credit_register .wrapper {
  border-radius: 6px;
}

.proof_bottom {
  margin-bottom: 0;
}

.personal_form_product {
  width: 88%;
}

.cus-select-drop {
  position: relative;
}

.cus-select-drop span {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 46px;
  background-color: #3fad97;
  height: 38px;
  line-height: 40px;
  text-align: center;
  color: #fff;
}

.cus-select-drop span.custom-text-span {
  font-size: 21px !important;
  font-weight: 400 !important;
}

.cus-select-drop.center-align span {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cus-select-drop.width-80 span {
  width: 80px;
}

.cus-select-drop .selct-box {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 100px;
  height: 100%;
  line-height: 40px;
  text-align: center;
}

.personal_frm.personal_form_product .form-group label {
  text-transform: uppercase;
  font-size: 14px;
}

.currency select {
  width: 57px;
  height: 36px;
  background-color: #3FAD97;
  color: #fff;
  border: transparent;
  font-size: 19px;
  padding-left: 8px;
  position: absolute;
  top: 1px;
  right: 0px;
}

.currency {
  position: relative;
}

.currency select:focus {
  outline: none;
}

.form-group.col-md-6.padd_right input {
  padding-right: 58px;
}

.proof .currency i {
  top: 17%;
  color: #fff;
  right: 0%;
}


/*start assign suppliers table section css*/

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

.assign_suppliers_table .table-bordered {
  width: 100%;
}

.assign_suppliers_table .table-bordered>tbody>tr>td {
  padding: 7px 15px;
  border-bottom: #dadada 1px solid;
}

.assign_suppliers_table .actd a {
  display: inline-block;
  float: left;
  color: #3fad97;
}

.assign_suppliers_table .table-bordered p {
  color: #626262;
  font-size: 15px;
  margin: 0 0 3px;
}

.tableinfotitle_another {
  border-bottom: none;
}

.pricing_form .form-control {
  width: 100%;
  max-width: 100% !important;
}

.pricing_form .form-group label {
  font-weight: 500;
  margin-bottom: 8px;
}

.form-group.custom_quantity.pricing_quantity label {
  display: block;
  margin-bottom: 10px;
}

.row.view-form.pricing_form {
  padding: 0px 30px;
}

.cus_group .leftform {
  padding: 0px;
}

.cus_group .SumoSelect>.CaptionCont {
  border-color: #ddd !important;
}

.custom_panel_1 .leftform select.form-control {
  color: #808080;
  margin: 0;
  position: absolute;
}

.custom_select_a select {
  padding-left: 13px;
  margin-top: 30px;
}

.custom_select_a i {
  position: absolute;
  top: 56%;
  right: 10px;
  pointer-events: none;
}

.save_dis {
  display: none;
}

.edit {
  border: none;
  background: no-repeat;
  outline: none;
  font-size: 14px;
  color: #3fad97;
  cursor: pointer;
  background-image: url(../images/editinfo.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0px 1px;
  border: none;
  cursor: pointer;
  height: 100%;
  padding-left: 23px;
  vertical-align: middle;
}

.save {
  border: none;
  background: no-repeat;
  outline: none;
  font-size: 14px;
  color: #46D6BD;
  cursor: pointer;
  background-image: url(../images/save.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0px 4px;
  border: none;
  cursor: pointer;
  height: 100%;
  padding-left: 27px;
  vertical-align: middle;
}

.btn-delete {
  border: none;
  background: no-repeat;
  outline: none;
  font-size: 14px;
  color: #3fad97;
  cursor: pointer;
  background-image: url(../images/delete.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0px 1px;
  border: none;
  cursor: pointer;
  height: 100%;
  padding-left: 21px;
  vertical-align: middle;
}

.execute {
  border: none;
  background: no-repeat;
  outline: none;
  /* font-size: 14px; */
  color: #3fad97;
  cursor: pointer;
  background-image: url(../images/execute.svg);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0px 1px;
  border: none;
  cursor: pointer;
  height: 100%;
  /* padding-left: 23px; */
  vertical-align: top;
  background-size: 22px;
  width: 30px;
  margin-right: 5px;
}

.add_color {
  background-color: transparent;
  width: 100%;
  box-shadow: none;
  outline: none;
  border: none;
}

.assign_suppliers_table .table-bordered>tbody>tr>td input {
  border: none;
  outline: none;
}

.cus_drop_1 {
  position: absolute;
  top: 30px;
  right: 6px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 46px;
  background-color: #3fad97;
  height: 38px;
  line-height: 40px;
  text-align: center;
  color: #fff;
}

a.smbtntb.dletebtn.del_right {
  float: right;
}


/*end assign suppliers section css*/


/*start stock section*/

.incomming_table_main {
  width: 100%;
  max-height: 236px;
  overflow-y: scroll;
  overflow-x: auto;
  padding: 20px;
}

.incomming_table_main .table-bordered {
  width: 100%;
}

.stock_part {
  padding: 10px 18px;
  min-height: 130px;
  background-color: #fff;
  background-clip: border-box;
  border: none;
  border-radius: .25rem;
  box-shadow: 0 1px 10px 1px rgba(115, 108, 203, .1);
}

.stock_section {
  width: 100%;
  margin-top: 30px;
  display: inline-block;
  padding: 0px 30px;
}

.stock_part a {
  color: #53505f;
  font-size: 17px;
}

.stock_part p {
  width: 100%;
  display: block;
  margin-top: 25px;
}

.stock_part h3 {
  display: block;
  width: 100%;
  color: #4a4a4a;
  font-size: 24px;
  margin: 0;
}

.stock_part a:hover {
  text-decoration: none;
}

.incomming_table_main .table-bordered>tbody>tr.active {
  background-color: #4087ad24;
}

.incomming_table_main .table-bordered>tbody>tr>td,
.incomming_table_main .table-bordered>thead>tr>th {
  padding: 7px 15px;
  border-bottom: #dadada
}

.incomming_table_main .table-bordered>thead>tr>th {
  font-weight: 500;
  color: #fff;
  background-color: #40AD98;
}

.incomming_table_main.in_show {
  display: none;
}

.incomming_table_main.in_show_1 {
  display: none;
}


/*end stock section*/

.assign_suppliers_table a.smbtntb {
  display: inline-block;
}

.assign_suppliers_table .table-bordered>thead>tr>th {
  border-bottom-width: 1px;
  padding: 7px 15px;
  background-color: #3b3f51;
  color: #fff;
  font-weight: 500;
}

.set_price span {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 46px;
  font-size: 18px;
  background-color: #3fad97;
  height: 38px;
  line-height: 39px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  text-align: center;
  color: #fff;
}

.set_price {
  position: relative;
}

.or {
  position: relative;
  text-align: center;
}

.or span {
  position: absolute;
  font-size: 16px;
  top: 42px;
  left: 7px;
}

.set_price input {
  padding-right: 46px;
}

.attribute_list {
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.attribute_list li {
  list-style: none;
  font-size: 15px;
  text-align: left;
}

.attribute_list li label {
  margin: 0;
}

.choose_left {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  padding-right: 6px;
}

.f_none {
  float: none !important;
}

.chooser_right ul {
  margin: 0px 0px 20px 0px;
  padding: 0px;
}

.chooser_right ul li {
  padding: 7px 15px;
  background-color: transparent;
  margin-bottom: 0;
  color: #333;
  text-align: left;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
}

.btn_attribute_add {
  padding: 9px 20px;
  color: #fff;
  background-color: #3b3f51;
  font-size: 15px;
}

.btn_attribute_add:hover {
  text-decoration: none;
  color: #fff;
}

.manage-category {
  border-left: 1px solid #e0e0e0;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin-top: 0px;
  padding: 0px 12px;
}

.manage-category h2 {
  margin: 0px 0px 10px 0px;
  padding: 0px;
  font-size: 16px;
  text-align: left;
}

#exampleModalCenter_16 .modal-content {
  height: 280px;
}

.manage_add {
  margin-top: 10px;
  display: inline-block;
}

.manage_add:focus {
  text-decoration: none;
}


/*Date 04.11.19*/

.etypeinfo .table>tbody>tr>td:first-child {
  width: 76%;
}

.etypeinfo .table>tbody>tr>td:last-child {
  width: 24%;
  text-align: right;
}

.contactdata_each .emaltypebtn {
  margin: 6px 18px 0 0;
}

.tg_heading {
  background-color: #F6F6F6;
  padding: 10px 25px;
}

.tg_heading p {
  margin: 0;
  font-size: 15px;
  color: #777676;
  font-weight: 300;
  text-transform: capitalize;
}

.m-10 {
  margin: 10px 0px;
}
.m-5 {
  margin: 5px;
}

.assign_suppliers_table .table-bordered>thead>tr>th:last-child {
  width: 95px;
}

#str_1 {
  display: none;
}

#str_2 {
  display: none;
}

ul.attribute_another li {
  border-bottom: 1px solid #ddd;
}

ul.attribute_another li:last-child {
  border-bottom: 1px solid #ddd;
}

.hideitt:checked+.radiiconlv~ul.attribute_another li {
  border: 1px solid #ddd;
}

.add_input .add_text {
  display: inline-block;
  width: 164px;
  border-radius: 0;
  box-shadow: none;
  height: 36px;
}

.form_radio {
  position: relative;
}

.form_radio>input {
  position: absolute;
  opacity: 0;
  left: 0;
}

.form_radio>input:checked~.checkmark {
  background-color: #3b3f51;
  color: #fff;
  border-color: #3b3f51;
}

.form_radio .checkmark {
  background-color: #fff;
  color: #3b3f51;
  border-color: #3b3f51;
  border: 1px solid;
  outline: none;
  padding: 9px 26px;
  font-size: 15px;
  font-weight: 400;
  border-radius: 4px;
  margin-right: 7px;
  cursor: pointer;
}

.check_left {
  width: 100%;
  margin-bottom: 20px;
}

.chooser_right {
  width: 49%;
  padding-right: 15px;
  max-height: 184px;
  display: inline-block;
  overflow-y: scroll;
  vertical-align: top;
  border-left: 1px solid #ddd;
  padding-left: 7px;
}

.tags_main .form-control {
  height: 40px;
  position: relative;
  border: 1px solid #ddd;
  box-shadow: none;
  border-radius: 4px;
  padding-right: 46px;
}

.tags_main .form-group label {
  font-weight: 500;
  margin-bottom: 8px;
  color: #626262;
  font-size: 15px;
}

.tags_main .form-control:focus {
  border-color: #3FAD97;
}

.tag {
  position: relative;
}

.tag span {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 46px;
  background-color: #3fad97;
  height: 38px;
  line-height: 40px;
  text-align: center;
  color: #fff;
}


/*End 04.11.19*/

.attribute_another li {
  padding-left: 30px;
}

.attribute_another li label {
  left: -21px;
  top: 8px;
}

ul.attribute_list.attribute_another li span {
  display: block;
  padding: 7px 10px;
}

ul.attribute_list.attribute_another.attr_manage li {
  border-bottom: none;
}

ul.attribute_another li.active {
  background: #e9ecf3;
}

ul.attribute_list li {
  padding-bottom: 6px;
}

.stock_part:last-child {
  margin-right: 0;
}

.stock_part {
  display: inline-block;
  margin-right: 20px;
  width: 30%;
}


/* new add on 15_11_2019 */

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/MaterialIcons-Regular.eot);
  /* For IE6-8 */
  src: local('Material Icons'), local('MaterialIcons-Regular'), url(../fonts/MaterialIcons-Regular.woff2) format('woff2'), url(../fonts/MaterialIcons-Regular.woff) format('woff'), url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}

.table_default .table>tbody>tr>td:last-child {
  padding: 0px 0px !important;
}

.table_default .table>tbody>tr>th {
  padding: 0px 2px !important;
  border-top: 1px solid #ddd;
}

.gray_bg {
  background-color: #f6f6f6;
}

.contactdata_each .checkitemm {
  color: #fff;
  border: 1px solid #40AD98;
  background-color: #40AD98;
}

.manage-category .hideitt:checked+.checkitemm {
  border-color: #f6f6f6;
  color: #000;
  background-color: #f6f6f6;
  background-image: none;
}

.manage-category .checkitemm {
  color: #000;
  border: 1px solid #f6f6f6;
  background-color: #f6f6f6;
  padding: 6px 20px;
}

.common_product_data .personal_form_product {
  width: 100%;
}

.common_product_data .modal-body {
  padding: 15px 0px;
  height: 600px;
  overflow: auto;
  overflow-x: hidden;
}

.common_product_data .currency select {
  height: 38px;
  position: absolute;
  top: 1px;
}

.common_product_data .cus-select-drop span {
  height: 38px;
  position: absolute;
  top: 1px;
  right: 1px;
}

.pbt-3 {
  padding: 15px 10px 15px 10px;
}

.manage-category .toclearflot li {
  float: left;
  margin-right: 7px;
}

.auto_increment {
  display: none;
  margin-top: 12px;
}


/* 08_11_2019 */

.pbt-3 {
  padding: 15px 10px 15px 10px;
}

.full-search {
  position: relative;
  border: 1px solid #3fad97;
  min-height: 14px;
  background-color: #fff;
  border-radius: 2px;
  margin: 0;
  box-shadow: none;
  width: 100%;
  height: 38px;
  border-radius: 3px;
  max-width: 340px;
  padding: 5px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 8px;
  right: 6px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 40px;
}

.select2-container .select2-selection--single {
  height: 40px;
  border: 1px solid #ddd;
}

.select2-container .select2-selection--single:focus {
  outline: none;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #ddd;
  outline: 0;
  height: 40px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding-top: 3px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e491;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--default .select2-selection--multiple {
  border: 1px solid #ddd;
  height: 40px;
}

#exampleModalCenter_3 .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #ddd;
  outline: 0;
  height: 40px;
}

#exampleModalCenter_3 .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding-top: 3px;
}

#exampleModalCenter_3 .select2-container--default .select2-selection--multiple {
  border: 1px solid #ddd;
  height: 40px;
}

#exampleModalCenter_1 .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #ddd;
  outline: 0;
  height: 40px;
}

#exampleModalCenter_1 .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding-top: 3px;
}

#exampleModalCenter_1 .select2-container--default .select2-selection--multiple {
  border: 1px solid #ddd;
  height: 40px;
}

#choose_category_modal .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #ddd;
  outline: 0;
  height: 40px;
}

#choose_category_modal .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding-top: 3px;
}

#choose_category_modal .select2-container--default .select2-selection--multiple {
  border: 1px solid #ddd;
  height: 40px;
}

#exampleModalCenter_16 .select2-container--default .select2-selection--single {
  border: 1px solid #ddd;
  height: 40px;
}

#exampleModalCenter_16 .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 40px;
}

#exampleModalCenter_16 .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 8px;
  right: 6px;
  width: 20px;
}

#exampleModalCenter_16 .select2-container--default .select2-selection--single .select2-selection__rendered:focus {
  outline: none;
}


/*End multiselect assign user*/


/* start select supplier section css */

#exampleModalCenter_12 .select2-container .select2-selection--single {
  height: 40px;
  border: 1px solid #ddd;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 40px;
}

#exampleModalCenter_12 .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 8px;
  right: 6px;
  width: 20px;
}

#exampleModalCenter_12 .select2-container .select2-selection--single:focus {
  outline: none;
}


/* emd select supplier section css */


/* start  conditional buyer section */

#exampleModalCenter_15 .select2-container .select2-selection--single {
  height: 40px;
  border: 1px solid #ddd;
}

#exampleModalCenter_15 .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 40px;
}

#exampleModalCenter_15 .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 8px;
  right: 6px;
  width: 20px;
}

#exampleModalCenter_15 .select2-container .select2-selection--single:focus {
  outline: none;
}

#exampleModalCenter_13 .select2-container .select2-selection--single {
  height: 40px;
  border: 1px solid #ddd;
}

#exampleModalCenter_13 .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 40px;
}

#exampleModalCenter_13 .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 8px;
  right: 6px;
  width: 20px;
}

#exampleModalCenter_13 .select2-container .select2-selection--single:focus {
  outline: none;
}

#exampleModalCenter_14 .select2-container .select2-selection--single {
  height: 40px;
  border: 1px solid #ddd;
}

#exampleModalCenter_14 .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 40px;
}

#exampleModalCenter_14 .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 8px;
  right: 6px;
  width: 20px;
}

#exampleModalCenter_14 .select2-container .select2-selection--single:focus {
  outline: none;
}


/* end conditional buyer section */


/* start add stock modal */

.add_stock_modal {
  padding: 7px 10px;
  background-color: #3B3F51;
  color: #fff;
  border-radius: 4px;
  display: inline-block;
  margin: 0 auto;
}

.add_stock_modal {
  padding: 4px 8px;
  background-color: #3B3F51;
  color: #fff !important;
  border-radius: 4px;
  display: inline-block;
  margin: 0 auto;
  margin-top: 4px;
  font-size: 12px !important;
  text-decoration: none;
}

.add_stock_modal:hover {
  text-decoration: none;
}

.select2-container .select2-selection--single {
  height: 40px;
  border: 1px solid #ddd;
}

#exampleModalCenter_25 .select2-container .select2-selection--single {
  height: 40px;
  border: 1px solid #ddd;
}

#exampleModalCenter_25 .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 40px;
}

#exampleModalCenter_25 .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 8px;
  right: 6px;
  width: 20px;
}

#exampleModalCenter_25 .select2-container .select2-selection--single:focus {
  outline: none;
}

.close_product {
  display: inline-block;
  width: 21px;
  height: 21px;
  border-color: #f78a8a;
  font-weight: 500;
  color: #f78a8a;
  border: 2px solid #f78a8a;
  position: absolute;
  right: -5px;
  border-radius: 100%;
  top: 11px;
  text-align: center;
  vertical-align: middle;
  line-height: 21px;
  cursor: pointer;
}

a.close_product i {
  font-size: 16px;
  line-height: 0;
  padding-top: 9px;
}

.manage-category.manage_category_1 .toclearflot {
  width: 100%;
}

.btn_cross {
  font-size: 28px;
  padding: 0px 4px;
  line-height: 30px;
  background: transparent;
  color: #333;
}

span.noreceord {
  display: block;
  text-align: center
}

span.redText {
  margin: 0;
  line-height: initial;
  font-size: 12px;
  color: #ff5400;
  margin-top: 5px;
  font-weight: 700;
}
.redText {
  margin: 0;
  line-height: initial;
  font-size: 12px;
  color: #ff5400;
  margin-top: 5px;
  font-weight: 700;
}

.incomming_table_main {
  display: none
}


/* end add stock modal */

.checkitemm .tooltipcontuc {
  bottom: 100%;
  color: #FFF;
  min-width: max-content;
  text-align: center;
  padding: 5px 7px
}

.panerl-body.collapseBody h3 {
  padding: 10px 20px;
  font-size: 14px;
  background: #f6f6f6;
  margin: 0;
}

.custom_add_tag_enable {
  margin-top: 34px;
}

.reset_tagscore label {
  font-weight: 500;
}

.add_buttons {
  width: 100%;
  display: inline-block;
  text-align: center;
}

.btn_cancel {
  color: #A3A3A3;
  padding: 10px 50px;
  border: 2px solid #A3A3A3;
  border-radius: 30px;
  font-size: 17px;
  margin-right: 15px;
  font-weight: 500;
  display: inline-block;
  transition: 0.3s all ease;
  background-color: transparent;
}

.btn_add_tag {
  color: #fff;
  padding: 10px 50px;
  border: 2px solid transparent;
  border-radius: 30px;
  font-size: 17px;
  font-weight: 500;
  background-color: #3FAD97;
  display: inline-block;
  transition: 0.3s all ease;
}

.btn_cancel:hover {
  background-color: #3FAD97;
  border-color: #3FAD97;
  color: #fff;
  text-decoration: none;
}

.btn_add_tag:hover {
  background-color: transparent;
  border-color: #A3A3A3;
  color: #A3A3A3;
  text-decoration: none;
}

.styled-checkbox {
  position: absolute;
  opacity: 0;
  width: auto;
}

.styled-checkbox+label {
  position: relative;
  cursor: pointer;
  padding: 0;
  width: auto;
  left: 0;
  top: 0;
  cursor: pointer;
  pointer-events: inherit;
  opacity: 1;
  font-size: 14px !important;
  line-height: 20px;
}

.styled-checkbox+label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 18px;
  height: 18px;
  background: #FFF;
  border: #595555 2px solid;
}

.styled-checkbox:checked+label:before {
  background: #000;
}

.styled-checkbox:checked+label:after {
  content: '';
  position: absolute;
  left: 4px;
  top: 8px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}

.styled-checkbox:checked+label:after {
  left: 4px;
  top: 9px;
}

.styled-checkbox:checked+label:before {
  background: #595555;
}

.tag_custom_select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}

.tag_custom_select i {
  position: absolute;
  top: 56%;
  right: 14px;
  pointer-events: none;
  color: #6d6d6d;
}

.required_field {
  color: red;
}

.helptext {
  display: block;
  padding-top: 5px;
  font-size: 13px;
  font-weight: 500;
}

.flex_div {
  display: flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.flex_div .reset_tagscore {
  margin-top: 39px;
  float: right;
}

.styled-checkbox+span:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 18px;
  height: 18px;
  background: #FFF;
  border: #595555 2px solid;
  cursor: pointer;
}

.styled-checkbox:checked+span:before {
  background: #000;
}

.styled-checkbox:checked+span:after {
  content: '';
  position: absolute;
  left: 4px;
  top: 8px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}

.styled-checkbox:checked+span:after {
  left: 4px;
  top: 9px;
}

.reset_tagscore label {
  position: relative;
  cursor: pointer;
}

.adcttitle .reset_tagscore {
  float: right;
  margin-top: -5px;
  text-transform: capitalize;
}

.adcttitle .reset_tagscore label {
  font-size: 14px;
  color: #000;
  padding: 0;
  line-height: normal;
}

.sort-trigger {
  font-size: 16px !important;
  line-height: 41px !important;
  height: 43px !important;
  max-width: 120px;
  margin-top: 14px;
}

.assign_main.clearfix {
  width: 100%;
  padding: 0px 10px;
}


/* 15_11_2019 */


/* .timelinepage .avatarassign figure

{
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: static;
    left: 0;
    
    margin: auto;
} */

.timelinepage .leftform.list2>li {
  padding: 10px;
}

.timelinepage .emaltypebtn {
  color: #FFF;
  font-size: 13px;
  line-height: normal;
  border-radius: 30px;
  background: #3fad97;
  font-family: 'Montserrat', sans-serif;
  border-color: #3fad97;
  font-weight: 400;
  margin: 0;
  min-width: 80px;
  padding: 4px 8px;
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.timelinepage .leftform>li label {
  max-width: calc(100% - 95px);
  word-break: break-all;
}

.timelinepage .attachmentList {
  display: block;
  margin: 0;
  padding: 0;
  max-height: 400px;
  overflow-y: auto;
}

.timelinepage .assign_first {
  display: flex;
  align-items: center;
}

.timelinepage .assign_first>figure {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  overflow: hidden;
  /* margin-right: 10px; */
}

.timelinepage .assign_first>figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin-right: 0;
}

.timelinepage .assign_first .assign_title {
  width: calc(100% - 100px);
  padding-left: 10px;
}

.timelinepage .assign_first .assign_title h3 {
  font-size: 16px;
  font-weight: 600;
  color: #626262;
  padding: 0;
  background: transparent;
}

.timelinepage .assign_first .assign_title h3+span {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #626262;
}

.border-b-g {
  border-bottom: 1px solid #3fad97;
}


/* 
.btnofarchive input[type="checkbox"]:checked ~ .imgcheck .on{
    display: block;
}
.btnofarchive input[type="checkbox"]:checked ~ .imgcheck .off{
    display: none;
}
.btnofarchive .imgcheck .on{
    display: none;
}
.btnofarchive .imgcheck .off{
    display: block;
} */

.contactdata_each .adcttitle {
  color: #3fad97;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
}

.contactdata_each .panel-body.sectoshow {
  padding: 13px 20px 0;
}

.contactdata_each .panel-body {
  padding: 10px 0px;
}

.timelinepage .contactdata_each {
  background: #fff;
  margin-bottom: 20px;
}

.timelinepage .actd a {
  float: none;
}

.timelinepage a.smbtntb {
  margin: 12px 5px 0;
  display: inline-block;
}

.timelinepage .btnwithtype .emaltypebtn {
  margin: -6px 9px 0 0;
  min-width: 95px;
}

.company_widget_logo {
  height: 72px;
  width: 72px;
  background: #f45211;
  color: #fff;
  border-radius: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
}

.avatarassign.custom-avatar {
  min-height: unset;
}

.cotact_widget_logo {
  height: 72px;
  width: 72px;
  background: #3F51B5;
  color: #fff;
  border-radius: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  position: relative;
}

.cotact_widget_logo.wid-50 {
  height: 50px;
  width: 50px;
}

.cotact_widget_logo.wid-50 figure {
  height: 50px;
  width: 50px;
}

.cotact_widget_logo.wid-40 {
  height: 40px;
  width: 40px;
}

.cotact_widget_logo.wid-40 figure {
  height: 40px;
  width: 40px;
}

.cotact_widget_logo.normal-view {
  position: relative;
}
.cotact_widget_logo.left-absolute-align {
  position: absolute;
  left: 10px;
  top: 14px;
  left: 12px;
}
.comment-div .cotact_widget_logo.left-absolute-align,
.asinee .cotact_widget_logo.left-absolute-align {
  top: 0;
}

.cotact_widget_logo.wid-27 {
  height: 27px;
  width: 27px;
  font-size: 11px;
}
.cotact_widget_logo.wid-27 figure {
  height: 27px;
  width: 27px;
}

.cotact_widget_logo.wid-20 {
  height: 20px;
  width: 20px;
  font-size: 10px;
}
.cotact_widget_logo.wid-20 figure {
  height: 20px;
  width: 20px;
}
.cotact_widget_logo.wid-36 {
  height: 36px;
  width: 36px;
  font-size: 14px;
}
.cotact_widget_logo.wid-36 figure {
  height: 36px;
  width: 36px;
}

.cotact_widget_logo.large-avtar {
  height: 100px;
  width: 100px;
  font-size: 10px;
}
.cotact_widget_logo.large-avtar figure {
  height: 100px;
  width: 100px;
}

.cotact_widget_logo figure {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  border-radius: 100%;
}

.cotact_widget_logo figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
}

.company_widget_logo img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  background-color: #fff;
}

.cotact_widget_logo .online-status {
  width: .53vw;
  height: .53vw;
  border-radius: 100%;
  background-color: #4ce800;
  position: absolute;
  bottom: 0;
  right: 0;
}

.cnt_profile_name_mage figure{

  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;

}

/* .pt-0 {
  padding: 0 !important
} */

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

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

.mt-20 {
  margin-top: 20px;
}

.setasprimary .checkico {
  position: relative;
  top: -3px;
}


/* 18_11_2019 */

.widget_data_list li figure {
  width: 50px;
  height: 50px;
  border-radius: 100%;
}

.widget_data_list li figure img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  object-fit: cover;
}

.btnofarchive .imgcheck .off {
  display: block;
}

.btnofarchive .imgcheck .on {
  display: none;
}

.btnofarchive .imgcheck .off,
.btnofarchive .imgcheck .on {
  position: absolute;
  top: 0;
}

.btnofarchive>input:checked~.imgcheck .off {
  display: none;
}

.btnofarchive>input:checked~.imgcheck .on {
  display: block;
}

.radiiconlroundv::after {
  left: 2px;
  top: 2px;
}

.p-15 {
  padding: 15px;
}

.pr-5 {
  padding-right: 5px;
}

.bg-white {
  background: #fff;
}

.includeprintlog {
  display: none
}

.includeprintlog.show {
  display: block
}

.printlogimghol {
  min-height: 110px;
  clear: both;
}

.printlogimg {
  max-width: 150px;
  /* float: right; */
  border: #CCC 1px solid;
  padding: 1px;
  position: absolute;
  top: 0;
  right: 20px;
  max-height: 100px;
}

.printlogimg-relative {
  display: block;
  max-width: 150px;
  border: #CCC 1px solid;
  padding: 1px;
  max-height: 100px;
}

.conbx label span.info {
  color: #635e5e;
  font-size: 11px;
  float: right;
}

.row {
  margin-right: -6px;
  margin-left: -6px;
}

.modal-footer .btn {
  margin-bottom: 0px;
}

.modal-footer .btn+.btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.cus-select-drop input.form-control {
  padding-right: 60px
}

.cus-select-drop.with-select input.form-control {
  width: calc(100% - 110px);
  padding-right: 0;
}

.c_contacts img {
  width: 50px;
  height: 50px;
  border-radius: 100%;
}

.select2-container {
  display: block
}

.multiselect_user {
  width: 100%
}

.select2-container {
  width: 100% !important
}

.set_commom_data_btn {
  border-radius: 20px;
  font-weight: 500;
  font-size: 12px;
  height: 29px;
  vertical-align: middle;
  font-family: 'Montserrat', sans-serif;
  background-color: #424242;
  border-color: #484847;
  color: #ffffff;
  float: right;
  border: none;
  padding: 3px 20px;
  margin-top: 35px;
}

.checkwidth {
  max-width: 50px;
}


.ui-datepicker {
  z-index: 100000 !important
}

#myModalLabel {
  font-size: 20px;
  line-height: 15px;
}

.getdirectionModal .formstyle .form-control {
  border-color: #c0c0c0;
  height: 30px;
}

.getdirectionModal .updatebtn {
  position: absolute;
  margin: 0px 0;
  right: -177px;
  top: -2px;
  height: 34px;
}

#getdirectionModal #map {
  height: 100%;
}

.firstHeading {
  margin: 0;
  font-size: 16px;
  margin-bottom: 7px;
}

.bodyContent p {
  margin-bottom: 8px;
  font-size: 12px;
  max-width: 250px;
  line-height: 17px;
  font-weight: 400;
}

.pure-checkbox label {
  word-wrap: break-word;
}


/* add on 11_12_2019 */

.styled-checkbox1 input {
  position: absolute;
  opacity: 0;
  width: auto;
}

.styled-checkbox1 label {
  position: relative;
  cursor: pointer;
  padding: 0;
  width: auto;
  left: 0;
  top: 0;
  cursor: pointer;
  pointer-events: inherit;
  opacity: 1;
  font-size: 13px !important;
  line-height: 14px;
  min-height: 28px;
}

.styled-checkbox1 label input[type=checkbox]+span:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 18px;
  height: 18px;
  background: #FFF;
  border: #000 2px solid;
  left: 0;
  position: absolute;
  top: -1px;
}

.styled-checkbox1 label input[type=checkbox]:disabled+span {
  color: #b8b8b8;
  cursor: auto;
}

.styled-checkbox1 label+span:before {
  box-shadow: none;
  /* background: #ddd; */
}

.styled-checkbox1 label input[type=checkbox]:checked+span:before {
  background: #000;
}

.styled-checkbox1 label input[type=checkbox]:checked+span:after {
  content: '';
  position: absolute;
  left: 4px;
  top: 7px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}

.styled-checkbox1 {
  padding: 0;
  margin: 0
}

.styled-checkbox1 li {
  display: block;
  float: left;
  width: 33.33%;
  padding: 5px 0px;
}

.styled-checkbox1 li label {
  margin: 0;
  padding: 0px 0 0 30px;
  line-height: 19px;
}

.styled-checkbox1 li label:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
}

.styled-checkbox1 label input[type=radio]:disabled+span {
  color: #b8b8b8;
  cursor: auto;
}

.styled-checkbox1 label input[type=radio]+span:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 18px;
  height: 18px;
  background: #FFF;
  border: #000 2px solid;
  left: 0;
  position: absolute;
  top: -1px;
  border-radius: 100%;
}

.styled-checkbox1 label input[type=radio]:checked+span:after {
  content: '';
  width: 10px;
  height: 10px;
  background: #000000;
  position: absolute;
  top: 3px;
  left: 4px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  box-shadow: none;
}

.showformerge {
  display: none
}

.showformerge.show {
  display: block
}

.forsocial {
  display: none
}

.forsocial.show {
  display: block
}

.forlogo {
  display: none
}

.forlogo.show {
  display: block
}

.set_common_data .styled-checkbox1 label {
  margin-top: 31px;
  margin-left: 5px;
  line-height: 20px;
  padding-left: 30px;
}

.search-history {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  margin-top: 5px;
  margin-left: -3px;
  margin-right: -3px;
}

.search-history li {
  position: relative;
  background: #fff;
  padding: 5px 13px;
  border-radius: 4px;
  font-weight: 500;
  padding-right: 30px;
  display: inline-block;
  margin: 3px 3px;
}

.search-history li button {
  width: 14px;
  height: 14px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border: none;
  position: absolute;
  right: 7px;
  top: 8px;
  background-color: transparent;
  background-image: url(../images/close-btn.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.search-history li button:focus {
  outline: none;
}

.common-search-section {
  text-align: left;
  padding-top: 18px;
}

.search-field-listing {
  /* background: #e9ecf3;
  padding: 10px; */
}

.search-field-listing .form-group {
  margin-bottom: 0;
}

.search-field-listing .form-control {
  border: #313131 1px solid;
  border-radius: 0;
}

.search-field-listing .form-control.errorClass {
  border: #f00 1px solid;
}

.timelinelist a {
  color: #3b3f51;
  font-weight: 600;
  margin-right: 5px;
  margin-left: 5px;
}

.selected-list .c-list .c-token {
  padding: 3px 25px 3px 7px !important;
  background: #403f3f91 !important;
  color: #333 !important;
}

.pure-checkbox input[type="checkbox"]+label:before {
  color: #626262 !important;
  border: 2px solid #626262 !important;
  border-radius: 4px;
}

.pure-checkbox input[type="checkbox"]:checked+label:before {
  background: #626262 !important;
}

.cell-btn {
  background: transparent;
  border: none;
  padding: 0;
  border-radius: 22px;
  margin: 2px;
  min-width: 35px;
  font-weight: 500;
  color: #59bdb3;
}

#product-catalog-table .cell-btn {
  background: transparent;
  border: 2px solid #59bdb3;
  padding: 3px 8px;
  border-radius: 22px;
  margin: 2px;
  min-width: 53px;
  font-weight: 500;
  color: #59bdb3;
}

.cell-btn:focus {
  outline: none;
}

.sidebar-body {
  height: calc(100vh - 62px);
}

.accordion-block {
  height: 50%;
  overflow-x: hidden;
  overflow-y: auto;
}

.qty-input {
  width: 50px;
  background: #fff;
  border: none;
  border-radius: 5px;
  height: 20px;
  text-align: center;
  ;
}

.plus {
  width: 19px;
  border: none;
  border-radius: 5px;
  height: 20px;
  font-size: 22px;
  line-height: 29px;
  padding: 0;
  position: relative;
  top: 0;
  background: transparent;
}

.plus:focus {
  outline: none;
}

.unstyled-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.collapse-title-block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 -15px;
}

.collapse-title-block li {
  padding: 0 15px;
}


/* .collapse-title-block li:first-child{
        padding-left:0;
     } */

.panel-default .basket-collapes-header {
  background-color: #3fad97;
  color: #fff;
  position: relative;
}

.panel-default .basket-collapes-header:after {
  content: "\f078";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  /*--adjustasnecessary--*/
  color: #fff;
  font-size: 18px;
  padding-right: 0.5em;
  position: absolute;
  top: 10px;
  right: 10px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.panel-default .basket-collapes-header[aria-expanded="true"]:after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  /* right: 10px; */
}

.collapse-title-block {
  cursor: pointer;
}

.transparent-input,
.transparent-input:hover,
.transparent-input:focus {
  border: 1px solid #ddd;
  outline: none;
  cursor: pointer;
  padding: 5px;
  width: 120px;
  height: 39px;
  border-radius: 5px;
}

.basket-tab-header {
  position: fixed;
  top: 13px;
  right: 29px;
  width: 653px;
  background: #fff;
  padding-bottom: 6px;
  z-index: 4;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.custom-pricing-table .del-btn {
  border: none;
  color: #f3520a;
}


/* 07_01_2020 */

.filter-btn {
  width: 32px;
  height: 32px;
  font-size: 19px !important;
}

.avatarassign .tagslistSm.pull-right {
  float: none !important;
}

.msgUsers li .ipnregion {
  width: 100%;
  margin: 0;
}

.msgUsers li .ipnregion .ipcv {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.collapseBody.listHgt .snglbtn .avatarassign .round+p {
  padding-left: 55px;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  /* text-align: left; */
}

.budylistradio>.form-group {
  margin-bottom: 0;
}


/* added 13_01_2020 */

.actd.btnwithtype .emaltypebtn img {
  width: 20px;
  height: 20px;
  margin-top: -1px;
}

.cnt_custom .emaltypebtn img {
  width: 20px;
  max-height: 20px;
  margin-top: 0;
}

.lsocial li a {
  display: inline-flex;
  width: 55px;
  height: 55px;
  border-radius: 100%;
  overflow: hidden;
  background: #e3e5ea;
  box-shadow: 0px 5px 8px #cacaca;
  align-items: center;
  justify-content: center;
}

.lsocial li a img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.reminderText {
  padding: 8px 5px 0 5px;
  font-weight: 700;
  color: #f3520a;
  position: relative;
}

.reminderText:before {
  content: "\f0f3";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #f3520a;
  font-size: 18px;
  padding-right: 0.5em;
  position: absolute;
  top: 6px;
  left: -19px;
}

/* 17_01_2020 */

.agegroup-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 16px !important;
}

.agegroup-table thead th {
  width: auto !important;
  text-align: left;
  padding: 5px;
}

.agegroup-table thead .due {
  max-width: 100px !important;
  text-align: right;
}

.agegroup-table tbody td.price {
  text-align: right;
}

.agegroup-table,
.agegroup-table td {
  border: 1px solid #e7ebf1 !important;
  font-size: 16px !important;
}

.agegroup-table tbody td {
  padding: 11px !important;
}

.credit-notes-listing {
  list-style: none;
  padding: 0 10px;
  margin: 0;
}

.credit-notes-listing li {
  padding: 15px 0;
  border-bottom: 1px solid #e7ebf1;
  font-size: 16px !important;
}

.credit-notes-listing li:last-child {
  border: none;
}

.credit-notes-listing li>b {
  margin-right: 9px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pt0 {
  padding-top: 0px
}

.pb15 {
  padding-bottom: 15px
}

.pb-0 {
  padding-bottom: 0;
}

.table_default table.agegroup-table>thead>tr>th {
  font-size: 15px !important;
  font-weight: 500 !important;
}

.table_default table.agegroup-table>thead>tr>th:first-child {
  text-align: left !important
}


/* Basket **/

.basket_info label {
  display: block;
  margin-bottom: 2px;
}

.basket_info .form-group {
  margin-bottom: 16px;
}

.basket_info a.smbtntb {
  margin: 0;
  margin-left: 10px;
}

.basket_info a.smbtntb img {
  max-height: 18px;
}

.edit_basket_ref {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}



.basket_notes figure.round {
  width: 27px;
  height: 27px;
  overflow: hidden;
  top: 14px;
  left: 12px;
  border-radius: 100%;
}

.basket_notes figure.round img {
  display: block;
  max-width: 100%;
  height: auto;
}

.basket_notes figure.round {
  width: 27px;
  height: 27px;
  overflow: hidden;
  border-radius: 100%;
  margin-right: 2px;
}

.date_basket {
  padding-left: 10px;
  font-weight: 600;
  color: #000;
}

.basket_notes .flex_div {
  justify-content: left;
  flex-wrap: nowrap;
}

.basket_note_div {
  height: calc(40vh - 12px);
  overflow: auto;
}

.basket_note_div .btngrey {
  padding: 5px 30px;
}

.basket_note_div .note-section-wrapper {
  height: calc(100% - 50px);
  position: relative;
}
.basket_note_div .note-section-wrapper .notes-body-wrapper {
  height: calc(100% - 48px);
  overflow: auto;
}

.basket_notes {
  padding-top: 10px;
  border-top: #CCC 1px solid;
  margin-top: 10px;
}

.basket_notes:first-child {
  border-top: 0
}

.styled-checkbox1 li.width100 {
  width: 100%
}

.p_image img {
  max-width: 150px;
  max-height: 150px;
}

.right_top_part {
  max-height: 50vh;
  overflow: auto;
  /* margin-bottom: 20px; */
}

.btn.unlock {
  background: #222 !important;
  color: #FFF !important
}

.btn.unlock:hover {
  color: #FFF !important
}

.mb20 {
  margin-bottom: 20px
}

.ml20 {
  margin-left: 20px !important
}

.fullheight {
  height: 100vh !important
}

.product_note_table {
  width: 90%;
  margin-left: 5%;
  margin-top: 20px;
}

.product_note_table thead {
  background: #3b3f51
}

.product_note_table thead th {
  padding: 5px 10px;
  color: #FFF;
}

/* .product_note_table tbody {} */

.product_note_table tbody td {
  padding: 5px 10px;
}

.upload-block {
  background-color: #173653;
  padding: 10px;
  max-width: 1024px;
  margin: auto;
  /* min-height: 390px; */
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.61);
  border: 2px dashed #3fad97;
  display: none;
  z-index: 1;
}

.upload-block>label {
  position: relative;
  margin: 0;
  /* background-color: #2b4762; */
  /* border: 2px dashed #d6bc45; */
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.upload-block>label>input {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  cursor: pointer;
  width: 100%;
}

.upload-file-heading {
  font-size: 23px;
  color: #fff;
  margin-top: 31px;
}

.upload-sub-heading {
  font-size: 15px;
  color: #fff;
  font-weight: 100;
  margin-top: 19px;
}

.upload-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 13px;
  background-color: #d5c474;
  color: #173653;
  font-weight: 600;
  font-size: 13px;
  margin-top: 32px;
}

.prelative {
  position: relative
}

.upload-block.drag-over {
  display: block;
}

.attachmentList li .bx {
  display: flex;
  align-items: center;
}

.upload_file_hint {
  background: #3b3f51;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  padding: 5px 0px;
  color: #FFF;
}

.d-none {
  display: none !important
}

.create_choose_basket {
  position: absolute;
  top: 0;
  z-index: 100;
  background: #FFF;
  width: 100%;
  height: 100vh;
  text-align: center;
  padding-top: 20px;
}

.create_choose_basket h4 {
  margin-bottom: 20px;
}

.create_choose_basket .each_baskets {
  background: #f2f2f2;
  width: 90%;
  margin: 10px auto;
  padding: 10px 20px;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: #bfbfc1 0px 3px 0px 0px;
}

.create_choose_basket .each_baskets .each_baskets_row {
  /* background: #f2f2f2; */
  /* width: 80%; */
  margin: 10px auto;
}

.create_choose_basket .each_baskets .each_baskets_row label {
  padding-right: 20px;
  margin: 0;
  min-width: 157px;
}

.create_choose_basket .create_new {
  background: #3b3f51;
  color: #FFF;
  padding: 10px 20px;
  display: inline-block;
  border-radius: 8px;
  font-size: 18px;
  box-shadow: #afafaf 0px 0px 9px 1px;
}

.create_new:hover {
  text-decoration: none;
  opacity: .8
}

.or_span {
  display: block;
  font-size: 20px;
  padding-bottom: 16px;
}

.choose_btn {
  background: #3fad97;
  border-color: #3fad97;
  font-size: 16px;
  font-weight: 500;
  border-radius: 30px;
  min-width: 120px;
}

.choose_btn:hover {
  background: #3fad97;
  border-color: #3fad97;
  opacity: .8
}

.flex_s_just {
  display: flex;
  justify-content: space-between;
}

.basket_info {
  background: #f2f2f2;
  padding: 15px 15px 0px 15px;
}

.chtroom.add_note_s_div .chtinput {
  width: 80%;
}

.chtroom.add_note_s_div {
  height: 60px;
  padding: 5px 19px 6px;
}

.add_note_s_div .sucbtn {
  position: absolute;
  top: 50%;
  right: 32px;
  z-index: 10;
  transform: translate(0, -50%);
  min-width: 110px;
  padding: 7px 10px;
  font-size: 16px;
}

.add_note_s_div .sucbtn[disabled]:hover {
  background-color: #fff;
  border-color: #3fad97 !important;
  color: #3fad97 !important;
}

.flex_end {
  justify-content: flex-end;
}

.flex_space_bet {
  justify-content: space-between;
}

.actionpop {
  width: auto;
  min-width: max-content;
}

.quote_date_filter {
  display: inline-flex;
  width: 40%;
}

.mr10 {
  margin-right: 10px
}

/* .view_order_log {} */

.all_order_logs {
  display: none
}

.all_order_logs.show {
  display: block
}

.note_li_a {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  border-bottom: #a7a7a7 2px solid;
  text-decoration: none;
}

.note_li_a li {
  padding: 0px 20px;
  /* border-bottom: #000 1px solid; */
  position: relative;
}

.note_li_a li a {
  font-size: 18px;
  color: #000;
  padding: 5px 20px;
  display: block;
}

.note_li_a li a.active {
  color: #3fad97;
}

.note_li_a li a.active:after {
  content: "";
  background: #3fad97;
  height: 2px;
  z-index: 2;
  width: 100%;
  display: block;
  left: 0;
  bottom: -2px;
  position: absolute;
}

.note_li_a li a.active:hover,
.note_li_a li a:hover {
  text-decoration: none;
}

.mt20 {
  margin-top: 20px
}

.mt10 {
  margin-top: 10px
}

.create_choose_basket .each_baskets.quoteb {
  background: #f3ecff;
  box-shadow: #8b93b7 0px 3px 0px 0px;
}

.create_choose_basket .each_baskets.orderb {
  background: #fffdea;
  box-shadow: #ded8a0 0px 3px 0px 0px;
}


.modal-header .total_price {
  font-size: 20px;
  font-weight: 500;
  padding-left: 100px;
  color: #3fad97;
}

.modal-header .total_price font {
  padding-left: 10px;
  font-size: 24px;
}

.modal-header .total_price .small_order_head {
    display: block;
    text-align: right;
    font-size: 12px;
}

.modal-header .total_price .small_order_head font {
    font-size: 14px;
}

.modal-header .total_price .extra_small_order_head {
    display: block;
    text-align: right;
    font-size: 10px;
}

.modal-header .total_price .extra_small_order_head font {
    font-size: 12px;
}


/* 25_02_2020 */

.fluploder.p-fileupload .p-fileupload-buttonbar {
  padding: 0.5em 0;
  border-bottom: 0;
}

.fluploder .p-fileupload-buttonbar .p-fileupload-choose,
.fluploder .p-fileupload-buttonbar .p-fileupload-choose:hover,
.fluploder .p-fileupload-buttonbar .p-fileupload-choose:active {
  width: 100%;
  background: #3b3f51;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  padding: 5px 0px;
  color: #FFF;
  border: 1px solid #3b3f51;
  /* margin-left: -0.5em; */
  /* margin-right: -0.5em; */
  border-radius: 0;
}

.fluploder .p-fileupload-buttonbar .p-fileupload-choose .fa-plus {
  display: none;
}

.fluploder .p-fileupload-content .panel-body {
  padding: 0 0px 0 15px;
}

.fluploder .p-fileupload-hightlight:after {
  content: "";
  background-color: #173653;
  padding: 10px;
  max-width: 1024px;
  margin: auto;
  /* min-height: 390px; */
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.61);
  border: 2px dashed #3fad97;
  display: block;
}

.fluploder .p-fileupload-content .panel-body .attachmentList:first-child li img {
  width: 100px !important;
  padding: 15px;
}

.fluploder .p-fileupload-content .panel-body .attachmentList:first-child li .imgBx {
  display: none;
}

.fluploder.custom.p-fileupload .p-fileupload-buttonbar {
  border: unset;
  background: white;
}

.fluploder.custom.p-fileupload .p-fileupload-buttonbar .p-fileupload-choose {
  padding: 5px 15px;
}

.fluploder.custom.p-fileupload .p-fileupload-content {
  border: unset;
  padding-right: 0;
  padding: 0
}

.fluploder.custom .p-fileupload-content .panel-body {
  padding: 0 10px 0 0;
  max-height: 400px;
  overflow: auto;
}

.custom-p-file-uploader .p-fileupload-content.p-fileupload-drag-over:before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6) url('/assets/images/trade_License.png') center 20% no-repeat;
  background-size: 100px 100px;
  border: 2px dashed #00bcd4;
  z-index: 10;
  pointer-events: auto;
  border-radius: 8px;
}

.custom-p-file-uploader .p-fileupload-content.p-fileupload-drag-over:after {
  content: 'Drop files here to upload';
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  z-index: 11;
  pointer-events: auto;
}

.custom-p-file-uploader .file-progress-bar .p-progressbar {
  position: relative !important;
  height: 24px !important;
}
 
.custom-p-file-uploader .file-progress-bar .p-progressbar .p-progressbar-label {
  color: #fff !important;
}

.custom-p-file-uploader .file-image-preview-wrapper {
  position: relative;
}
.custom-p-file-uploader .file-image-preview-wrapper .file-image-upload-status {
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 25px;
}

.timelinepage .fluploder.custom .attachmentList {
  max-height: unset;
}

.fluploder.custom .attachmentList li .bx .details {
  width: 100%;
}

.withfileup form+span.text-orange {
  display: block;
  text-align: left;
  font-weight: 600;
  font-size: 12px;
  padding: 3px;
}

.splitepage .viewVisitor .smclose {
  position: absolute;
  padding: 7px 10px;
  background: #000;
  color: #fff;
  border-radius: 0 15px 15px 0;
  cursor: pointer;
  right: -34px;
  top: 0;
  box-shadow: 1px 1px 10px #666;
}

.bottom-add-note {
  position: relative;
  padding-bottom: 100px;
}

.absolute-type-note {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
}

.popoup-toggle {
  width: 145px !important;
}

.popoup-toggle .swipeChk .off {
  padding: 0px 0 0 30px !important;
}

/* 04_03_2020 */
.internal-chat-section {
  position: relative;
}

.cmbx .internal-chat-section textarea.form-control,
.cmbx .internal-chat-section textarea.form-control:focus {
  border-radius: 8px;
  padding-right: 128px;
}

.internal-chat-action {
  position: absolute;
  right: 9px;
  top: 7px;
}

.internal-chat-action button {
  border: none;
  background-color: transparent;
  padding: 0;
  margin: 0 3px;
  position: relative;
}

.internal-chat-action button .btn-tooltip {
  position: absolute;
  background: #000;
  min-width: 116px;
  color: #fff;
  z-index: 6;
  padding: 4px 5px;
  border-radius: 5px;
  font-size: 12px;
  bottom: 26px;
  left: calc(50% - 58px);
  display: none;
}

.internal-chat-action button .btn-tooltip:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  position: absolute;
  border-top: 7px solid #000;
  bottom: -7px;
  left: calc(50% - 8px);
}

.internal-chat-action button:hover .btn-tooltip {
  display: block;
}

.internal-chat-action button:focus {
  outline: none;
}

.internal-chat-action button img {
  width: 20px;
}

.profile-block {
  display: flex;
  flex-wrap: wrap;
  padding: 15px 0;
  border-bottom: 1px solid #e4dddd;
}

.profile-img-block {
  width: 110px;
  padding-right: 20px;
}

.profile-img-block figure {
  margin: 0;
  width: 100%;
  background-color: #666;
  /* height: 200px; */
  border-radius: 10px;
  overflow: hidden;
}

.profile-img-block figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

.profile-details-block {
  width: calc(100% - 120px);
  position: relative;
  font-family: 'Montserrat', sans-serif;
}

.profile-name {
  color: #3fad97;
  font-size: 18px;
  font-weight: 600;
  margin-top: 0;
  font-family: 'Montserrat', sans-serif;
}

.profile-details-block p {
  font-size: 13px;
  margin-bottom: 0;
}

.form-control:focus {
  border-color: #3fad97;
  box-shadow: 0 0 8px rgba(63, 173, 151, 0.41);
}

.question-tag {
  font-family: 'Montserrat', sans-serif;
  margin: 0;
}

.ans-label {
  position: relative;
  margin-bottom: 0;
  font-family: 'Montserrat', sans-serif;
  font-weight: 100;
}

.ans-label>input {
  position: absolute;
  opacity: 0;
}

.ans-label>span {
  display: inline-block;
  padding: 15px;
  background: #636363;
  min-width: 148px;
  text-align: center;
  margin: 5px;
  border-radius: 44px;
  /* background-image: linear-gradient(#7c7c7c, #f3520a); */
  color: #fff;
  font-size: 21px;
  cursor: pointer;
  box-shadow: 0 4px 0px 0px #7f8282;
}

.ans-label>input:checked~span {
  background-color: #52b5a1;
  box-shadow: 0 4px 0px 0px #4fe6ca;
}

.ans-list {
  text-align: left;
  margin-top: 35px;
}

.Questionnaire-container {
  padding: 0 36px;
}

.personal_frm textarea {
  width: 100%
}

.personal_frm textarea:focus {
  border-color: #40AD98;
  box-shadow: 0 0 8px rgba(63, 173, 151, 0.41);

}

.personal_frm.fullwidth {
  width: 90%
}

.p0 {
  padding: 0 !important
}


.modal_flex_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  padding-right: 26px;
  min-height: 30px;
}

.faq-list-table .serchinput .form-control {
  width: 100%
}

.faq-list-table .card {
  background: #f8f8f8;
  border-radius: 5px;
  padding: 0px 10px;
  font-family: 'Montserrat', sans-serif;
}

.faq-list-table .card .btn-link {
  color: #000;
  font-size: 15px;
}

/* .faq-list-table  .card .card_inside_content{} */
.show_faq_log {
  background: #3b3f51;
  color: #FFF;
  border-radius: 106px;
  padding: 5px 30px;
  display: inline-block;
  margin-bottom: 15px;
  font-size: 13px;
  font-weight: 600;
}

.show_faq_log:focus,
.show_faq_log:hover {
  color: #FFF;
  text-decoration: none;
  background: #000;
}

.faq_video_container {
  box-shadow: #CCC 0px 0px 17px 5px;
  padding: 0;
  margin: 32px 0px;
  background: #000;
}

.faq_video_container iframe {
  margin: 0;
  padding: 0
}

/* 19-03-20 apurba */

.card-header label {
  font-weight: 500;
  /* padding-right: 76px; */
  text-align: left;
  width: 25%;
}

.card-header label span {
  font-weight: 400;
  /* padding-left: 10px; */
  display: block;
}

.card-body label {
  font-weight: 600;
  text-align: left;
  width: 100%;
}

.card-body label span {
  font-weight: 400;
  padding-left: 10px;
  /* display: block; */
}

.card-body label font {
  min-width: 180px
}

.mb10 {
  margin-bottom: 10px
}

.nowrap {
  flex-wrap: nowrap
}

.flex_div.nowrap {
  flex-wrap: nowrap;
  justify-content: space-between;
}

.card-header .flex_div .btn-link {
  margin-right: 10px
}

.edit_faq_link {
  background: #3b3f51;
  color: #FFF;
  border-radius: 106px;
  padding: 5px 30px;
  display: inline-block;
  margin-bottom: 15px;
  font-size: 13px;
  font-weight: 600;
}

.edit_faq_link.delete {
  background: #d9534f;
  border-color: #d43f3a;
}

.edit_faq_link:focus,
.edit_faq_link:hover {
  color: #FFF;
  text-decoration: none;
  background: #000;
}

.edit_faq_link.delete:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

/* 19-03-20 apurba */

/*30-03-20 apurba*/

.search_section_inline {
  display: flex;
  padding: 10px;
  flex-wrap: wrap
}

.search_section_inline .selectdiv {
  width: 24%;
  margin-right: 10px
}

#my_emojii_content dd {
  position: relative
}

#my_emojii_content dd .emojiPicker {
  position: inherit !important;
  display: block !important;
  box-shadow: none !important;
  left: 0 !important;
}

.emojiPicker .cus_hidden {
  display: none;
}

#my_emojii_content .tab-pane {
  display: none !important;
}

#my_emojii_content .active {
  display: inline-block !important;
}

#youtube_videos,
#Gifs {
  width: 100%
}

#my_emojii_content .serchinput .form-control {
  width: 100%
}

.my_emojii_tab .nav-tabs>li>a {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: #3b3f51;
}

.my_emojii_tab .nav-tabs>li.active>a,
.my_emojii_tab.nav-tabs>li.active>a:focus,
.my_emojii_tab.nav-tabs>li.active>a:hover {
  color: #009688;
}

.all_youtube_video {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-family: 'Montserrat', sans-serif;
  overflow: auto;
  height: calc(100% - 124px);
}

.all_youtube_video .youtube_video_each {
  max-width: 49%;
  box-shadow: rgba(208, 208, 208, 0.92) 0px 0px 20px 3px;
  border: #CCC 1px solid;
  margin-bottom: 1.5%;
  padding-bottom: 10px;
}

.all_youtube_video .youtube_video_each img {
  max-width: 100%;
  width: 100%;
}

.all_youtube_video .youtube_video_each h6 {
  font-size: 13px;
  padding: 5px 20px;
  line-height: 18px;
}

.all_youtube_video .youtube_video_each button.copy_btn {
  border: 0;
  color: #FFF;
  display: flex;
  align-items: center;
  min-width: 150px;
  justify-content: center;
  height: 34px;
  border-radius: 5px;
  margin: auto;
  background-color: #3b3f51;
  border-color: #3b3f51;
  box-shadow: #6d6d6d 0px 3px 0px 0px;
}

.all_youtube_video .youtube_video_each button.copy_btn i {
  margin-right: 5px
}

.all_youtube_video .youtube_video_each button.copy_btn:hover {
  background-color: #009688;
  box-shadow: #2a6963 0px 3px 0px 0px;
}

.my_emojii_tab {
  padding-left: 0px;
  padding-right: 0px;
  border: 0;
}


.all_giphy {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-family: 'Montserrat', sans-serif;
  height: calc(100% - 124px);
  overflow: auto;
}

.all_giphy .all_giphy_each {
  width: 32%;
  box-shadow: rgba(208, 208, 208, 0.92) 0px 0px 20px 3px;
  border: #CCC 1px solid;
  margin-bottom: 1.5%;
  padding-bottom: 10px;
}

.all_giphy .all_giphy_each .giphy_holder {
  width: 100%;
  height: 213px;
  background: #efefef;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.all_giphy .all_giphy_each .giphy_holder img {
  max-width: 100%;
  max-height: 100%;
}

.all_giphy .all_giphy_each button.copy_btn {
  border: 0;
  color: #FFF;
  display: flex;
  align-items: center;
  min-width: 150px;
  justify-content: center;
  height: 34px;
  border-radius: 5px;
  margin: auto;
  background-color: #3b3f51;
  border-color: #3b3f51;
  box-shadow: #6d6d6d 0px 3px 0px 0px;
}

.all_giphy .all_giphy_each button.copy_btn i {
  margin-right: 5px
}

.all_giphy .all_giphy_each button.copy_btn:hover {
  background-color: #009688;
  box-shadow: #2a6963 0px 3px 0px 0px;
}

.modal-dialog.big_modal_popup {
  width: 900px;
}

.all_doc_template {
  display: flex;
  flex-wrap: wrap;
  font-family: 'Montserrat', sans-serif;
  max-height: 400px;
  overflow: auto;
}

.all_doc_template .doc_template_each {
  width: 23%;
  box-shadow: rgba(208, 208, 208, 0.92) 0px 0px 20px 3px;
  border: #CCC 1px solid;
  margin-bottom: 1.5%;
  /* padding-bottom: 10px; */
  margin-right: 2%;
}

.all_doc_template .doc_template_each [type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.all_doc_template .doc_template_each .doc_template_each_holder img {
  max-width: 100%;
  max-height: 100%;
}

.all_doc_template .doc_template_each [type=radio]+.doc_template_each_holder {
  cursor: pointer;
}

.all_doc_template .doc_template_each [type=radio]:checked+.doc_template_each_holder {
  outline: 2px solid #f00;
}

label.choose_quote {
  font-family: 'Montserrat', sans-serif;
  margin: 20px 0px 10px 0px;
  width: 100%;
  font-size: 18px;
}

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

/*30-03-20 apurba*/

/* 03-04-2020 sumon */
.order_total {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0px 40px;
}

.order_total p {
  margin: 0;
  font-size: 17px;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
}

.order_total p span {
  font-weight: 600;
  padding-left: 10px;
}

.medium_modal .modal-dialog {
  width: 748px;
  margin: 30px auto;
}

.input-group .form-control {
  min-height: 40px
}

.justifysp {
  justify-content: space-between;
}

/* .create_doc_down{} */
.create_doc_down a {
  background-color: #3b3f51;
  border-color: #3b3f51;
  color: #ffffff;
  padding: 8px 23px;
  font-size: 13px;
  font-family: 'Montserrat', sans-serif;
  box-shadow: #92939a 0px 2px 0px 0px;
  font-weight: 500;
  border-radius: 10px;
}

/* 03-04-2020 sumon */


/* company prospect */
.order_total {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0px 40px;
}

.order_total p {
  margin: 0;
  font-size: 17px;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
}

.order_total p span {
  font-weight: 600;
  padding-left: 10px;
}

.medium_modal .modal-dialog {
  width: 748px;
  margin: 30px auto;
}

.input-group .form-control {
  min-height: 40px
}

.justifysp {
  justify-content: space-between;
}

.create_doc_down {
  background-color: #3b3f51;
  border-color: #3b3f51;
  color: #ffffff;
  padding: 8px 23px;
  font-size: 13px;
  font-family: 'Montserrat', sans-serif;
  box-shadow: #92939a 0px 2px 0px 0px;
  font-weight: 500;
  border-radius: 10px;
}

.create_doc_down a {
  color: #FFF;
  margin-left: 5px;
}

.create_doc_down a i {
  vertical-align: -8px
}

.search_part {
  display: flex;
  align-items: center;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}

.search_part .form-group {
  min-width: 25%;
  margin-right: 10px;
  margin-bottom: 0;
}

.search_part span.in {
  margin-right: 10px;
}

.search_part label {
  width: 100%
}

.search_part .sucbtn {
  height: 38px;
  min-width: 120px;
}

.search_part .location_div {
  min-width: 50%;
}

.custom_table {
  margin-top: 20px;
  font-family: 'Montserrat', sans-serif;
}

.custom_table {
  border-collapse: separate;
  border-spacing: 0 15px;
  border: none;
  font-size: 14px;
  font-weight: 500;
  color: #9c9a9a;
}

.custom_table table>thead>tr>th {
  background-color: #f6f6f6;
  font-weight: 300;
  font-size: 15px;
  color: #929293;
  line-height: normal;
  border: 0 none !important;
  padding: 10px;
  overflow-wrap: break-word;
  background: #3b3f51 !important;
  color: #FFF !important;
  width: 150px;
}

.custom_table table>thead>tr>th:first-child {
  width: 30px
}

/* .custom_table table>thead>tr>th.company_name {}

.custom_table table>thead>tr>th.business_type {} */

.custom_table .styled-checkbox1 li {
  padding: 0;
  line-height: 10px;
}

.custom_table .styled-checkbox1 li label {
  line-height: 19px;
  min-height: 19px
}

.custom-table tbody tr {
  background-color: #fff;
  padding: 15px 0;
  box-shadow: 0 0 20px #efefef;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.custom_table table>tbody>tr>td {
  font-weight: 500;
  font-size: 13px;
}

.custom_table tr.added {
  position: relative
}

.custom_table tr.added th,
.custom_table tr.added td {
  position: relative
}

.custom_table tr.added th:before,
.custom_table tr.added td:before {
  content: "";
  position: absolute;
  width: 100%;
  top: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.18);
  left: 0;
  z-index: 1;
}

.styled-checkbox1 label input[type=checkbox]:disabled+span:before {
  border: #a9a9a9 2px solid;
}

#prospect_finder {
  transition: all 0.5s;
}

.mimimize_pop {
  left: 100%;
  top: calc(100% - 70px);
}

.maximize_pop {
  left: 0px;
  top: 0px;
}

.maximize_pop_link {
  position: absolute;
  right: 40px;
  top: 10px;
  color: #000
}

.maximize_pop_link i {
  font-size: 36px;
}

.minimize_pop_link {
  position: absolute;
  right: 40px;
  top: 10px;
  color: #000
}

.minimize_pop_link i {
  font-size: 36px;
}

.from_to_date {
  justify-content: space-between
}

.from_to_date .form-group {
  width: 48%;
  margin-bottom: 0;
}

.from_to_date .form-group .dtfild {
  width: 100%;
  max-width: 100%;
  border: 1px solid #999;
}

.multi-select-container {
  display: inline-block;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.multi-select-menu {
  position: absolute;
  left: 0;
  top: 26px;
  float: left;
  min-width: 100%;
  background: #fff;
  margin: 1em 0;
  padding: 0.4em 0;
  border: 1px solid #aaa;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: none;
  z-index: 100;
  padding: 0;
}

.multi-select-menu input {
  margin-right: 0.3em;
  vertical-align: 0.1em;
  vertical-align: -2px;
}

.multi-select-button {
  display: inline-block;
  font-size: 13px;
  padding: 10px 0.6em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: -0.5em;
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); */
  cursor: default;
  width: 100%;
  height: 40px;
  border: 1px solid #999;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* width: 95%; */
  padding-right: 6%;
  position: relative;
  /* overflow: hidden; */
}

.multi-select-button:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.4em 0.4em 0 0.4em;
  border-color: #999 transparent transparent transparent;
  margin-left: 0.4em;
  vertical-align: 0.1em;
  /* float: right; */
  position: absolute;
  right: 6px;
  /* height: 100%; */
  /* background: #FFF; */
}

.multi-select-container--open .multi-select-menu {
  display: block;
}

.multi-select-container--open .multi-select-button:after {
  border-width: 0 0.4em 0.4em 0.4em;
  border-color: transparent transparent #999 transparent;
}

.multi-select-menuitems label {
  width: 100%;
  border-bottom: #CCC 1px solid;
  padding: 8px 10px;
  /* margin: 5px 0; */
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  line-height: 19px;
}

.product_list_table {
  position: relative
}

.add_tag_after_prospect {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #FFF;
  width: 100%;
  z-index: 10;
}

.add_tag_after_prospect.show {
  display: none
}

.body-scroll-table .f_c_height,
.body-scroll-table thead {
  max-height: calc(100vh - 223px);
  display: block;
  overflow: auto
}

.body-scroll-table thead tr th {
  width: auto !important;
}

.body-scroll-table .f_c_height tr,
.body-scroll-table thead tr {
  display: table;
  width: 100%;
}

.body-scroll-table tbody tr th:first-child,
.body-scroll-table thead tr th:first-child {
  width: 60px !important;
}

.prospect_finde_modal.minimize-prospect {
  transform: translate(calc(100% - 400px), calc(100vh - 64px));
  /*transition: all 0.5s;*/
  /*transition: all 0.5s ease-in !important;*/
}

/*.prospect_finde_modal .modal-dialog{
    transition: all 0.8s ease-in !important;

}*/
/*.prospect_finde_modal.minimize-prospect .modal-dialog{
max-width:300px !important;
}*/
.prospect_finde_modal.modal .modal-dialog {
  position: absolute;

  top: 0;

  right: 0;

  margin: 0;
}

.prospect_finde_modal.minimize-prospect.modal .modal-dialog {
  right: auto !important;
  left: 0 !important;
}

.prospect_finde_modal .maximize_pop_link {
  position: absolute;
  right: calc(100% - 400px);
  top: 10px;
  color: #000;
}

.prospect_finde_modal.minimize-prospect .close.view_close {

  top: 22px;
  opacity: 1;
  position: absolute;
  right: calc(100% - 382px);

}

.show-data {
  position: absolute;
  background: #fff;
  font-size: 15px;
  margin: 0;
  padding: 10px;
  cursor: pointer;
}

.loding-div {
  position: absolute;
  background: #fff;
  font-size: 15px;
  margin: 0;
  padding: 0px 10px;
  cursor: pointer;
  font-weight: 600;
  top: 0;
  left: 0;
  height: 37px;
  width: 400px;
}

.spinner {
  /*margin: 100px auto;*/
  width: auto;
  height: 40px;
  text-align: center;
  font-size: 10px;
  display: inline-block;
  vertical-align: middle;
}

.spinner>div {
  background-color: #3fad97;
  height: 100%;
  width: 4px;
  display: inline-block;

  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {

  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4)
  }

  20% {
    -webkit-transform: scaleY(1.0)
  }
}

@keyframes sk-stretchdelay {

  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }

  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

.table-scroll-div {
  width: 100%;
  overflow: auto;
  max-height: 550px;
}

.product_list_table .table tr td {
  word-break: break-all;
}

/* company prospect */


/* 29-04-20 apurba */

new-emoji-btn {
  padding: 4px;
  margin: 0px 0px;
  position: static;
}

.chat-dropup-menu {
  left: auto;
  right: 0;

}

.right-panel-modal {
  position: fixed;
  top: 0;
  bottom: 0;
  overflow-x: hidden;
  right: 0;
  max-width: 345px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  z-index: 10;
  background: #fff;
  transition: all 0.5s;
  transform: translateX(150%);
}

.right-panel-modal.open {
  transform: translateX(0%);
}

/* .mesage-contact{

} */
.mesage-contact .avatarassign {
  width: 65px;
}

.mesage-contact li .ipnregion {
  width: calc(100% - 65px);
}

.settingli .user-icon-btn {
  border-radius: 6px !important;
  padding: 4px !important;
}

.settingli .user-icon-btn:hover img {
  filter: invert(1) brightness(100);
  /* border-radius: 6px !important;
    padding: 4px !important; */
}

.adduserModal .listUser li {
  padding: 5px 20px;
}

.adduserModal .listUser li:nth-of-type(odd) {
  background: #fdfcfc;
}

.adduserModal .listUser li:nth-of-type(even) {
  background: #f7f7f7;
}

.adduserModal .listUser li label {
  width: 100%;
}

.adduserModal .listUser li label .avatarassign {
  padding: 0;
  display: flex;
  align-items: center;
  padding-left: 8px;
}

.adduserModal .listUser li label .avatarassign .round {
  position: static;
  margin-right: 18px;
  width: 48px;
  height: 48px;
}

.adduserModal .listUser li label .avatarassign .user-details {
  max-width: calc(100% - 70px);
  flex-grow: 1;
}

.adduserModal .listUser li label .avatarassign .user-details h4 {
  margin: 0;
  font-size: 17px;
}

.adduserModal .listUser li label .avatarassign .user-details h6 {
  margin: 0;
  margin-top: 5px;
  color: #908888;
}

.p-0-10 {
  padding: 0 10px;
}

.btn-add-ticket {
  margin-right: 20px;
}

.ticket-table-row {
  padding: 10px;
  background-color: #f7f7f7;
  /* border-bottom: 3px solid #a6a6a6; */
  /* box-shadow: 0 5px 3px 0px #7b7b7b36; */
  position: relative;
}

.ticket-table-row ul li label {
  display: inline-block;

  margin: 0;

  min-width: 120px;
  width: auto;
}

.ticket-details .product_header .form-group label {
  color: #6b6b6b;

  font-weight: 500;

  display: block;

  margin-bottom: 0;

  font-size: 15px;
}

.ticket-details-container {
  height: 50vh;
  overflow: auto;
}

.details-comment-sec.chtroom.add_note_s_div .chtinput {
  width: calc(100% - 140px);
}

.seen-status {
  /* position: absolute; */
  /* right: 0; */
  /* bottom: -35px; */
  justify-content: flex-end;
  display: flex;
}

.messages .list.me .seen-status {
  position: absolute;
  left: 0;
  right: auto;
  bottom: -35px;
}

.seen-status ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.seen-status ul li {
  display: inline-block;
  vertical-align: middle;
}

.seen-status ul li .image {
  display: flex;
  background: #3fad97;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  line-height: 20px;
  margin: 0px 2px;
}

.seen-status ul li .image img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  object-fit: cover;
  object-position: center;
}

/* .translate-btn{
    min-width:50px;
} */
.msgAttach.translate-btn {
  font-size: 20px;
  color: #3fad97;
}

.msgAttach.translate-btn img {
  width: 28px;
  height: 28px;
}

/* .status-list{
    position: absolute;
    right: 0;
    top: 0;
} */
.status-list li {
  display: inline-block;
}

.status-list li.open-status {
  color: #3fad97;
  font-size: 14px;
  font-weight: 600;
  padding-right: 10px;
}

.status-list li.high-status {
  color: #F44336;
  font-size: 14px;
  font-weight: 600;
}


.minheight {
  min-height: calc(100vh - 135px) !important
}

.user_chat_modal {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 850px;
  background: #FFF;
  box-shadow: rgba(204, 204, 204, 0.43137254901960786) 0px 0px 3px 3px;
  height: calc(100vh - 79px);
  border: 0;
  padding: 1px;
}

.chat_contaners_div {
  display: flex;
  height: calc(100vh - 180px);
}

.chat_contaners_div .chat_users {
  width: 250px;
  height: 100%;
  /*overflow: auto;*/
}

.chat_contaners_div .chat_right_box_c {
  width: calc(100% - 250px);
  position: relative;
}

.chat_users {
  list-style: none;
  padding: 0;
  background: #eff2f7;
  margin: 0;
  padding-top: 0;
  border-right: #CCC 1px solid;
}

.chat_users ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.chat_users li {
  display: flex;
  align-items: center;
  justify-content: center;
}

.chat_users li .image {
  width: 2.9vw;
  height: 2.9vw;
  position: relative;
  margin: 0;
  z-index: 0;
}

.chat_users li a.active {
  color: #FFF
}

.chat_users li .chat_user_entry {
  width: calc(100% - 3.2vw);
  padding-left: 10px;
  font-size: 12px;
  font-weight: 500;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

.chat_users li .chat_user_entry .chat_user_entry_rows {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.chat_users li .chat_user_entry h6 {
  margin: 0;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  padding-bottom: 5px;
}

/* .chat_users li .chat_user_entry span {}

.chat_users li .chat_user_entry font {}

.chat_users li .chat_user_entry em {} */

.chat_users li a:hover {
  text-decoration: none
}

.chat_users li .image .online-status {
  width: .53vw;
  height: .53vw;
  border-radius: 100%;
  background-color: #4ce800;
  position: absolute;
  bottom: 0;
  right: 0;
}

.chat_users li .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 1px solid #fff;
  border-radius: 100%;
}

.chat-type-section {
  /* height: 7.2vw; */
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}


.chat-type-section .chat-attactment-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #efefef;
  height: 40px;
  align-items: center;
  font-family: 'Montserrat', sans-serif;
}

.chat-type-section .chat-attactment-box.flex-end {
  justify-content: flex-end;
}

.chat-type-section .chat-attactment-box.no-height {
  height: unset;
}

.chat-type-section .chat-attactment-box .chat-attachment-left .attachment-btn-listing {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 0.6vw;
  display: inline-flex;
  align-items: center;
}

.chat-type-section .chat-attactment-box .chat-attachment-left .attachment-btn-listing.flex-end {
  align-items: flex-end;
}

.chat-type-section .chat-attactment-box .chat-attachment-left .attachment-btn-listing li {
  display: inline-flex;
  position: relative;
}

.chat-type-section .chat-attactment-box .chat-attachment-left .attachment-btn-listing li button {
  padding: 0;
  border: none;
  border: none;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0px 3px;
}




.chat-type-section .chat-attactment-box .chat-attachment-left .attachment-btn-listing li button:focus {
  outline: none;
}

.chat-type-section .chat-attactment-box .chat-attachment-left .attachment-btn-listing li button img {
  width: 80%;
  height: 80%;
  object-fit: contain;
  object-position: center;
}

.chat-type-section .chat-attactment-box .chat-attachment-right .next-btn {
  background: #dadcde;
  border: none;
  width: 1.6vw;
  height: 1.6vw;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  color: #696a6d;
  font-size: 1vw;
  margin: 0 0.25vw;
}

.chat-type-section .chat-attactment-box .chat-attachment-right .next-btn:focus {
  outline: none;
}



.chat-type-section .chat-type-area {
  height: calc(100% - 40px);
  border: 1px solid #c6c6c6;
  background-color: #fff;
  display: flex;
  text-align: center;
  align-items: center;
  padding-left: 0.8vw;
  flex-wrap: wrap;
  position: relative;
}


.chat-type-section .chat-type-area .typing-user_image {
  width: 3.4vw;
  height: 3.4vw;
  border: 2px solid #c6c6c6;
  border-radius: 5px;
  margin-right: 0.9vw;
  padding: 0.2vw;
  position: relative;
}



.chat-type-section .chat-type-area .typing-user_image figure {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
  border-radius: 4px;
}

.chat-type-section .chat-type-area .typing-user_image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}



.chat-type-section .chat-type-area .typing-user_image:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid #000 0;
  border-bottom: 6px solid #000 0;
  border-left: 6px solid #c6c6c6;
  position: absolute;
  right: -7px;
  top: calc(50% - 4px);
}

.chat-type-section .chat-type-area .typing-user_image .online-status {
  width: 0.53vw;
  height: 0.53vw;
  border-radius: 100%;
  background-color: #4ce800;
  position: absolute;
  bottom: -5px;
  right: -5px;
}

.chat-type-section .chat-type-area textarea {
  flex-grow: 1;
  resize: auto;
  border: none;
  font-size: 0.9vw;
  font-weight: 400;
  padding: 0.2vw;
  padding-right: 20px;
  height: 60px;
}

.chat-type-section .chat-type-area textarea::-webkit-input-placeholder {
  color: transparent;
}

.chat-type-section .chat-type-area textarea:-moz-placeholder {
  /* Firefox 18- */
  color: transparent;
}

.chat-type-section .chat-type-area textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: transparent;
}

.chat-type-section .chat-type-area textarea:-ms-input-placeholder {
  color: transparent;
}





.chat-type-section .chat-type-area textarea:focus {
  outline: none;
}

.chat-type-section .chat-type-area .chat-send-btn {
  width: 4.3vw;
  font-size: 1.8vw;
  border: none;
  color: #fff;
  max-height: 7vw;
  background: #3fad97;
  position: absolute;
  right: 0;
  bottom: 0px;
  height: 100%;
}


.chat-view-div {
  padding: 14px;
  height: calc(100% - 101px);
  overflow-x: hidden;
  overflow-y: auto;

  box-shadow: inset #fdfdff 0px 0px 7px 0px;
  position: relative;
}


.chat-view-div .chat-row {
  margin-bottom: 0.7vw;
  display: flex;
}


.chat-view-div .chat-row .chat-user-icon {
  display: inline-block;
  vertical-align: bottom;
  width: 3vw;
}

.chat-view-div .chat-row .chat-user-icon figure {
  width: 2.5vw;
  height: 2.5vw;
  border-radius: 100%;
  overflow: hidden;
  margin: 0;
}

.chat-view-div .chat-row .chat-user-icon figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}


.chat-view-div .chat-row .chat-content {
  display: flex;
  vertical-align: middle;
  width: calc(100% - 3vw);
  position: relative;
  align-items: flex-start;
  justify-content: space-around;
}

.chat-view-div .chat-row .chat-content .chat-content-inner {
  background-color: #eff2f7;
  font-size: 12px;
  padding: 8px 14px;
  border-radius: 6px;
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  min-height: 50px;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.chat-view-div .chat-row .chat-content .chat-content-inner:after {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  left: -10px;
  bottom: -2px;
  background-image: url(../images/chat-row-edge-normal.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: contain;
}

.chat-view-div .msg-time {
  /* position: absolute; */
  /* right: 1.4vw; */
  /* top: 50%; */
  /* transform: translateY(-50%); */
  /* font-weight: 500; */
  width: 60px;
  font-size: 12px;
  text-align: right;
  margin-right: 20px;
}

.chat-view-div .chat-row .chat-content.white-bg .chat-content-inner {
  background-color: #f1efef;
  width: calc(100% - 40px);
  flex-wrap: wrap;
}

.chat-view-div .chat-row .chat-content.white-bg .chat-content-inner .name {
  width: 100%
}

.chat-view-div .chat-row .chat-content.white-bg .chat-content-inner .aftername {
  width: 100%;
}

.chat-view-div .chat-row .chat-content.white-bg .chat-content-inner .aftername .othermedia {
  text-align: center
}

.chat-view-div .chat-row .chat-content.white-bg .chat-content-inner .aftername .othermedia .faq {
  background: #FFF;
  color: #000;
  text-align: left;
  padding: 10px;
  border-radius: 5px;
  background-image: url(../images/question-mark.svg);
  background-size: 23px;
  background-repeat: no-repeat;
  background-position: 7px;
  padding-left: 43px;
}

.chat-view-div .chat-row .chat-content.white-bg .chat-content-inner iframe {
  width: 100%;
}

.chat-view-div .chat-row .chat-content.white-bg .chat-content-inner:after {
  background-image: url(../images/chat-row-edge.png);
}

.conversation-box-container {
  height: 100%;
}

.chatheader {
  display: flex;
  height: 50px;
  padding: 0px 20px;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  background: #f8f8f8;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  border-bottom: #CCC 1px solid;
}

/* .chatheader .close{} */
.chat_users li a {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 10px 0px;
  font-family: 'Montserrat', sans-serif;
  border-bottom: #ccc 1px solid;
  color: #000;
  padding: 8px 2px;
}

.chat_users li a.active {
  background: #3fad97;
}

.each_chats {
  margin-bottom: 10px;
  font-family: 'Montserrat', sans-serif;
}

.chat-view-div .chat-row .chat-content.white-bg .chat-content-inner p {
  margin-bottom: 0;
  width: calc(100% - 60px);
}

/* .each_chats.me .seen-status{justify-content: flex-start;} */

.chat-view-div .each_chats.me .chat-row {
  flex-direction: row-reverse;
}

.chat-view-div .each_chats.me .chat-row .chat-content .chat-content-inner {
  border-radius: 6px;
  background: #3b3f51;
  color: #FFF;
  flex-wrap: nowrap;
}

.chat-view-div .each_chats.me .chat-row .chat-content .chat-content-inner {
  /* flex-direction: row; */
  flex-wrap: nowrap;
}

.chat_header_left {
  display: inline-flex;
  align-items: center
}

.chat_header_right {
  display: inline-flex;
  align-items: center
}

.sessions_selection {
  margin-left: 20px;
}

.add_member {
  margin: 0px 20px
}

.sessions_selection .dropdown .btn {
  min-width: 250px;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: #b5b5b5 1px solid;
  box-shadow: #bbbbbb 0px 0px 3px 0px;
}

.add_member {
  margin: 0px 20px
}

.chat-attachment-left button .btn-tooltip {
  position: absolute;
  background: #000;
  min-width: 116px;
  color: #fff;
  z-index: 6;
  padding: 4px 5px;
  border-radius: 5px;
  font-size: 12px;
  bottom: 26px;
  left: calc(50% - 58px);
  display: none;
}

.chat-attachment-left button .btn-tooltip:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  position: absolute;
  border-top: 7px solid #000;
  bottom: -7px;
  left: calc(50% - 8px);
}

.chat-attachment-left button:hover .btn-tooltip {
  display: block;
}

.chatbox_header {
  /* display: flex; */
  /* height: 50px; */
  padding: 0;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  /* background: #f8f8f8; */
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  /* border-bottom: #CCC 1px solid; */
  margin-top: 4px;
}

.chatbox_header button.close {
  position: absolute;
  top: 16px;
  right: 20px;
}

.chatbox_header .nav-tabs>li>a {
  color: #000
}

#contents-tab-content {

  font-weight: 700;
  background: #f8f8f8;
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  margin-top: 10px;
  height: 100%;

}

.user_chat_modal .tab-content {
  height: calc(100% - 57px);
}

#contents-tab-content .tab-pane {
  height: 100%;
  display: none
}

#contents-tab-content .tab-pane.fade.in {
  height: 100%;
  display: block;
  background: #FFF;
  overflow: auto;
}

.nav-tabs>li>a {
  color: #000
}

#contents-tab-content .nav-tabs {
  background: #FFF
}

/* .ticketcard{} */
.faq-list-table .card.ticketcard .btn-link {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 60px;
  align-items: center;
}

.faq-list-table .card.ticketcard .btn-link:hover {
  text-decoration: none;
  background: #eee
}

.ticketcard .left_c_header_part {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
}

.faq-list-table .card.ticketcard {
  padding: 0;
  margin: 0px 10px;

}

.ticketcard .left_c_header_part label {
  margin-bottom: 0;
  font-size: 17px;
  padding: 0px 5px 0px 20px;
  font-weight: 600;
  width: auto;
  line-height: 25px;
}

.ticketcard .left_c_header_part span {
  font-size: 17px;
}

.ticketcard .left_c_header_part font {
  padding-left: 13px;
  /* font-weight: 500; */
  font-style: italic;
  width: 100%;
  padding-left: 20px;
  text-align: left;
}

.ticketcard .left_c_header_part .left_c_header_part_inner {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: left;
}

.mlr10 {
  margin-left: 10px;
  ;
  margin-right: 10px
}

.plr10 {
  padding-left: 10px;
  ;
  padding-right: 10px
}

.ticket-container {
  height: calc(100vh - 300px);
}

.chat-content .chat_dropdown {
  padding: 3px;
  height: 32px;
}

.chat-content .faq-list-table {
  width: 100%
}

.chat-content .faq-list-table .card.ticketcard .btn-link {
  flex-wrap: wrap;
}

.chat-content .dropdown {
  width: 40px;
  text-align: right;
}

/* 29-04-20 apurba */

.custom_tooltip {
  position: relative;
  display: inline-block;
}

.custom_tooltip.w-100 {
  width: 100%;
}

.custom_tooltip.w-100 .content-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}


/* Tooltip text */

.custom_tooltip .tooltiptext {
  visibility: hidden;
  width: 180px;
  background-color: #666;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
  font-size: 11px;
  padding: 10px 6px;
}

.tooltiptext font {
  display: block
}

.custom_tooltip .tooltiptext .tooltip-content-text {
  white-space: pre-line;
}

.tooltip-top {
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
}

.tooltip-bottom {
  top: 100%;
  left: -13px;
  margin-left: 0;
}

.tooltip-top:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip-bottom::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #555 transparent;
}


/* Show the tooltip text when you mouse over the tooltip container */

.custom_tooltip:hover .tooltiptext {
  visibility: visible;
}

.chat_load_more {
  background: #3b3f51;
  color: #fff;
  padding: 3px 10px;
  border-radius: 5px;
  margin: auto;
  display: block;
  max-width: 150px;
  text-align: center;
  margin-bottom: 10px;
  opacity: .8;
}

.chat_load_more:hover {
  color: #fff;
  opacity: 1;
  text-decoration: none
}

.chat_divider {
  text-align: center;
  position: relative;
  margin-bottom: 13px;
  display: flex;
}

.chat_divider h5 {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  font-weight: 600;
  position: relative;
  z-index: 1;
  background: #FFF;
  width: max-content;
  margin: auto;
  padding: 0px 20px;
}

.chat_divider:after {
  content: "";
  width: 50%;
  height: 1px;
  background: #d8d8d8;
  position: absolute;
  right: 0;
  top: 6px;
}

.chat_divider:before {
  content: "";
  width: 50%;
  height: 1px;
  background: #d8d8d8;
  position: absolute;
  left: 0;
  top: 6px;
}

.chat_divider.unread_divider:before {
  background: #25beeb;
}
.chat_divider.unread_divider:after {
  background: #25beeb;
}

.chat_divider.unread_divider h5 {
  color: #25beeb;
}

.add_ticket_link {
  visibility: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.66);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  border: #767c94 1px solid;
}

.faq-list-table .card.ticketcard .btn-link:hover .add_ticket_link {
  visibility: visible
}

.add_ticket_link.hide {
  display: none
}

.add_ticket_link a {
  color: #fff;
  background: #3b3f51;
  padding: 5px 20px;
  border-radius: 5px;
}

.add_ticket_link a:hover {
  text-decoration: none;
}

.form-control.fullwidth {
  width: 100% !important;
}

/* .all_banners {} */

.all_banners .each_banners {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  border-bottom: #CCC 1px solid;
  box-shadow: #CCC 0px 0px 2px 0px;
  padding-right: 10px;
  position: relative;
  min-height: 200px;
}

.all_banners img {
  max-width: 350px;
  max-height: 150px;
}

.all_banners .banner_btns {
  /* font-weight: 600; */
  margin-top: 10px;
}

.all_banners .banner_btns .btn-default {
  font-size: 14px;
  font-weight: 600;
  min-width: 100px;
  /* background: #3b3f51; */
  /* color: #FFF; */
}

.quotes_text {
  width: 240px;
  font-style: italic;
  text-align: left;
  padding: 5px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.quotes_text span {
  background: #eee;
  padding: 2px 15px;
  border-radius: 5px;
  color: #000;
  font-size: 15px;
  margin-top: 2px;
}

.citate_text_edit {
  font-style: italic;
  display: flex;
  background: #eee;
  justify-content: space-between;
  width: calc (100% - 30px);
  width: calc(100% - 70px);
  padding: 5px;
  margin-top: 5px;
  font-size: 15px;
  color: #000;
}

.citate_text_edit span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 95%;
  text-align: left;
}

.citate_text_edit button {
  border: 0;
  color: red;
}

.send-email-ref {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /* height: 100%; */
  background: #ffffff;
  z-index: 2;
  /* padding: 1.3vw; */
  height: calc(100% - 7.5vw);
  /* overflow-x: auto; */
  display: none;
  padding-right: 0;
}

.send-email-ref.show {
  display: block;
}

.mail-ref-header {
  display: flex;
  height: 50px;
  padding: 0px 20px;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  background: #f8f8f8;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  border-bottom: #CCC 1px solid;
}

.email-ref-body {
  height: calc(100% - 50px);
  padding: 20px 40px;
}

.chat-ref-heading {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
}

.email-contact-listing {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 0;
  height: 80px;
  overflow-x: auto;
}

.email-contact-listing .itemchecksublv {
  margin: 3px 0;
  padding-left: 20px;
  display: inline-block;
  font-size: 14px;
}

.email-contact-listing .itemchecksublv small {
  margin-left: 7px;
}

.email-contact-listing .itemchecksublv .radiiconlroundv {
  border-color: #3fad97;
}

.email-contact-listing .itemchecksublv .radiiconlroundv::after {
  background-color: #3fad97;
}

.email-contact-listing h3 {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 14px;
  margin-top: 0;
}

.editor-div img {
  width: 100%;
}

.mail-send-btn {
  background: #3b3f51;
  padding: 4px 10px;
  border-radius: 5px;
  color: #fff;
  margin-top: 10px;
  border: none;
  font-size: 15px;
  min-width: 130px;
}

.mail-window-close {
  /* position: absolute; */
  right: 3px;
  top: 5px;
  background: transparent;
  border: none;
  padding: 0;
  opacity: 0.5;
}

.mail-window-close:hover {
  opacity: 1;
}

.mail-window-close:focus {
  outline: none;
}

.choose-template {
  height: 60px;
  overflow: hidden;
}

.choose-template select {
  background-color: #3b3f51;
  color: #fff;
}

.mail-widget-footer {
  height: 45px;
  /*background-color: #efefef;*/
  /*position: absolute;*/
  bottom: -42px;
  left: 0;
  right: 0;
  /*padding-right: 17px;*/
}

.editor-div {
  height: calc(100% - 80px);
  overflow-x: hidden;
}

.translate-send img {
  width: 35px;
  filter: invert(1);
}

.chat-type-section .chat-attactment-box .chat-attachment-left .attachment-btn-listing li button>span.material-icons {
  font-size: 27px;
  position: relative;

}


/* new search container */

.search-part {
  display: flex;
  margin-left: 50px;
}

.search-input-container {
  display: flex;
}

.search-field-container {
  border: 1px solid #ddd;
  /* border-right: none; */
  position: relative;
}

.search-field-container input {
  border: none;
  padding: 5px 29px 5px 29px;
  font-weight: 400;
  font-size: 15px;
  background-image: url(../../assets/images/search_icon.png);
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 15px;
}

.search-field-container input:focus {
  outline: none;
}

.search-close-btn {
  position: absolute;
  right: 0;
  top: 2px;
  bottom: 0;
  border: none;
  background: transparent;
  opacity: 0.2;
}

.search-close-btn:focus {
  outline: none;
}

.search-count-container {
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  padding: 0 10px;
  border-left: none;
  background: #fff;
}

.search-count-container button.upword {
  border: none;
  border-radius: 100%;
  background: #dedede;
  width: 25px;
  height: 25px;
  font-size: 18px;
  margin: 0 5px;
}

.search-count-container button.upword:focus {
  outline: none;
}

.search-count-container .search-count {
  font-weight: 400;
  font-size: 13px;
  margin-right: 12px;
}

/* .ticket-filter-container {} */

.ticket-filter-container>input {
  border: 1px solid #ddd;
  margin-left: 15px;
  border-radius: 3px;
  height: 34px;
  padding: 3px 10px;
  font-weight: 400;
  font-size: 13px;
  min-width: 205px;
  background-image: url(../../assets/images/sm-sel-arrow.png);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: calc(100% - 10px);
  background-size: auto;
}

.ticket-filter-container>input:focus {
  outline: none;
}

.banner_edit_section .toclearflot li {
  margin-right: 0;
}

.banner_edit_section .toclearflot label {

  padding: 2px;

}

.banner_edit_section .toclearflot .checkitemm {
  padding: 2px 5px;
  min-width: 100px;
}

.banner_edit_section {
  width: calc(100% - 350px);
  padding-left: 40px;
  padding-bottom: 10px;
  padding-top: 10px;
}

.banner_edit_section .form-control {
  border: none;
  border-bottom: #CCC 1px solid;
  border-radius: 0px;
  font-weight: 600;
  font-size: 18px;
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  background: transparent;
}

/* .banner_edit_section .ui-autocomplete .ui-autocomplete-panel{} */
.banner_edit_section .form-control:focus {
  box-shadow: none;
}

.banner_edit_section .banner_inner_flex {
  display: flex;
  font-size: 12px;
  justify-content: space-between;
  font-weight: 500;
  padding: 5px 0px;
}

/* .banner_edit_section .banner_inner_flex span{} */
.banner_edit_section .banner_inner_flex span font {
  font-weight: 600;
}

.add_keyword_section {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, .9);
  padding: 40px 20%;
  display: none
}

.add_keyword_section.show {
  display: block
}

/* .add_keyword_section .form-control{
    
} */
.add_keyword_section .form-control {
  margin-bottom: 10px;
}

.add_keyword_section .banner_inner_flex {
  display: flex;
  font-size: 12px;
  justify-content: center;
  font-weight: 500;
  padding: 5px 0px;
}


.add_keyword_section h3 {
  margin: 0;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
}

.contact-dropdown .contact-select {
  border: 1px solid #ddd;
  margin-left: 0;
  border-radius: 3px;
  height: 34px;
  padding: 3px 10px;
  font-weight: 400;
  font-size: 13px;
  min-width: 100%;
  background: #3b3f51;
  color: #fff;
  cursor: pointer;
}

.chat_users .contact-dropdown+ul {
  height: calc(100% - 35px);
  overflow-x: hidden;
}

.banner-header-search {
  display: flex;
  align-items: flex-start;
}

.banner-header-search .form-group.serchinput {
  flex-grow: 1;
}

.banner-header-search .custom-select {
  width: 100%;
  background-color: #3b3f51;
  border-color: #3b3f51;
  color: #fff;
  font-weight: 500;
  font-size: 12px;
  height: 40px;
  padding: 5px 15px;
  border-radius: 5px;
  cursor: pointer;
}

.banner-header-search .ui-fluid .ui-inputtext {
  height: 40px;
}

.banner-header-search .custom-select:focus {
  outline: none;
}

.styled-checkbox1.nofixwidth li {
  width: auto;
  padding: 0;
  min-width: 100px;
}

.styled-checkbox1.nofixwidth {
  width: 220px;
  padding-top: 11px;
}

.flex_div_new {
  display: flex;
  align-items: center;
  font-family: 'Lato', sans-serif;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}

.flex_div_new.flexwrap {
  flex-wrap: wrap
}

.styled-checkbox1.nofixwidth li label {
  padding: 0px 15px 0 30px;
}

.flex_div_new .form-control {
  width: auto;
  min-width: 225px;
  margin-left: 10px;
}

.flex_div_new .form-control.noofdays {
  width: 100px;
  min-width: auto;
  margin-right: 10px;
}

.flex_div_new .form-control.smallwidth {
  width: 120px;
  min-width: auto;
  margin-right: 10px;
}

.flex_div_new .addnew {
  position: absolute;
  right: 10px;
}

.flex_div_new>span {
  min-width: 150px;
  padding-left: 10px;
  max-width: 230px;
}

.flex_div_new>font {
  padding-right: 10px;
  padding-left: 10px;
}

.fixedwidth .styled-checkbox1.nofixwidth li {
  width: 200px
}

.fixedwidth.flex_div_new .form-control {
  width: 100px;
  min-width: auto;
}

.flex_div_new.width100>span {
  padding-left: 0;
  padding-right: 10px;
}

.sub_tt_title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  border-bottom: #CCC 1px solid;
  padding-bottom: 8px;
  /* background: #f2f2f2; */
  /* padding: 10px; */
}

.rules_div_container {
  max-height: 30vh;
  overflow: auto
}

.width100 {
  width: 100% !important
}

.rules_div_container .form-group {
  border-bottom: #e8e8e8 1px solid;
  padding-bottom: 10px;
  margin-bottom: 10px
}

.darkbg li {
  background: #3b3f51;

  font-weight: 400;
  color: #FFF;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
}

.search-history.darkbg li button {
  background-image: url(../images/close-popup.svg);
}

#chat_emojii_listing_bar {
  z-index: 9999;
}

.singlelist {
  position: relative;
}

#file-table .icoimg i {
  font-size: 20px;
  margin: 0 2px;
}

#file-tab-content .leftform.withnobrder>li {
  /* max-width:180px !important; */
  padding: 0 10px 10px 10px;
}

.table-container {
  position: relative;
}


.search_slc.sel {
  background-color: #3fad97;
  color: #fff;
}

.addnewbanner {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  margin: 2px 4px 0 0;
  overflow: hidden;
}

.addnewbanner input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.chat_uploader {
  width: 100%;
  border-bottom: #ccc 1px solid;
  height: 150px;

  padding: 10px 0px;
  display: none;
}

.chat_uploader.show {
  display: flex !important;
}

.chat_uploader .uploaded_images {
  max-width: 150px;
  height: 100%;
  background: #f8f8f8;
  display: inline-flex;
  align-items: center;
  position: relative;
  margin-right: 10px;
}

/* .chat_uploader .uploaded_images i{} */
.chat_uploader .add_uploaded_images {
  background: #3b3f51;
  display: inline-flex;
  align-items: center;
  width: 50px;
  justify-content: center;
  color: #FFF;
  border-radius: 10px;
}

/* .chat_uploader .add_uploaded_images img{} */
.chat_uploader .add_uploaded_images button.close {
  opacity: 1;
}

.chat_uploader .add_uploaded_images i {
  color: #FFF
}

.chat_uploader .uploaded_images button.close {
  position: absolute;
  right: 0;
  top: 0;
}

.chat_uploader .addnewbanner {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.relativediv {
  width: 100%;
  position: relative
}

.chat_typing_box {
  width: 100%
}

.row.m0 {
  margin: 0
}

.budylistradio .form-group {
  width: 110px;
}
.budylistradio .form-group.w-140px {
  width: 140px;
}
.budylistradio .form-group.w-250px {
  width: 250px;
}

.view-form textarea.form-control {
  height: 150px
}

.herouploader-block {
  background-image: url(../images/add_hero_banner.svg);
  background-color: rgba(37, 37, 37, 0.68);
  padding: 10px;
  /* border: 2px dashed #3fad97; */
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center;
  height: 250px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.herouploader-block>label {
  position: relative;
  margin: 0;
  /* background-color: #2b4762; */
  /* border: 2px dashed #d6bc45; */
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.herouploader-block>label>input {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  cursor: pointer;
  width: 100%;
}

.upload-file-heading {
  font-size: 23px;
  color: #fff;
  margin-top: 31px;
}

.upload-sub-heading {
  font-size: 15px;
  color: #fff;
  font-weight: 100;
  margin-top: 19px;
}

.upload-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 13px;
  background-color: #d5c474;
  color: #173653;
  font-weight: 600;
  font-size: 13px;
  margin-top: 32px;
}

.uploader_image {
  position: relative;
}

/* .uploader_image .form-control{} */
.uploader_image .btn_add_mail {
  border-radius: 6px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background-color: #3b3f51;
  border-color: #3b3f51;
  color: #ffffff;
  display: flex;
  align-items: center;
}

.herouploader-block.icon {
  background-image: url(../images/upload_icon.svg);
  background-color: rgba(224, 224, 224, 0.68);
  padding: 10px;
  /* border: 2px dashed #3fad97; */
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center;
  height: 100px;
  width: 100px;
  margin-bottom: 10px;
  background-size: 50%;
}

/* .herouploader-block .upload-file-heading{color:#000} */
.daterange .form-group {
  margin-right: 20px;
}

.daterange .form-group .dtfild {
  max-width: 170px;
}

.view-form .form-group {
  font-family: 'Montserrat', sans-serif;
}

.view-form .form-group label span {
  font-weight: 400;
  font-size: 12px
}

.width200 {
  max-width: 200px;
}

.width250 {
  min-width: 250px;
}

.common-search-section .form-control:not(:first-child) {
  margin-left: 10px
}

.common-search-section .width250 {
  margin-left: 10px
}

.chat_users .contact-dropdown+ul {
  height: calc(72% - 35px);
  overflow-x: hidden;
}

.chat_users h4 {
  height: 35px;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  background: #3b3f51;
  color: #FFF;
  padding-left: 10px;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
  margin: 0px 0px 5px 0px;
}

.chat_users .chat_user_list {
  height: calc(28% - 40px);
  overflow-x: hidden;
}

.chat_users .chat_user_list li {
  background: #FFF
}

.ticketinfo {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Montserrat', sans-serif;
  position: relative;
  padding: 0;
  font-weight: 400;
  margin: 9px 0px;
}

.ticketinfo label {
  font-size: 13px;
  font-weight: 500;
  margin: 0;
}

/* .ticketinfo label font{} */
.ticketinfo button {
  background: no-repeat;
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  right: 0;
  top: -6px;
  color: #3b3f51;
}

.ticketinfo button i {
  font-size: 18px;
  margin-right: 3px;
}

.ticketinfo .btn.active,
.ticketinfo .btn:active {
  box-shadow: none
}

#youtubevideo-tab-content {
  padding: 12px;
}

#youtubevideo-tab-content .serchinput .form-control {
  width: 100%;
}

#products-tab-content,
#gifs-tab-content {
  padding: 12px;
}

#faq-tab-content {
  padding: 12px;
}

#gifs-tab-content .serchinput .form-control {
  width: 100%;
}

.add_keyword_link {
  font-weight: 600;
  font-size: 13px;
}

.Questionnaire-container {
  padding: 16px
}

.add_youtube_link.hide,
.add_gifs_link.hide,
.add_faq_link.hide,
.add_banner_link.hide {
  display: none
}

.add_youtube_link a,
.add_gifs_link a,
.add_faq_link a,
.add_banner_link a {
  color: #fff;
  background: #3b3f51;
  padding: 5px 20px;
  border-radius: 5px;
}

.add_youtube_link a:hover,
.add_gifs_link a:hover,
.add_faq_link a:hover,
.add_banner_link a:hover {
  text-decoration: none;
}

.add_youtube_link,
.add_gifs_link,
.add_faq_link,
.add_banner_link {
  visibility: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.66);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  border: #767c94 1px solid;
}

.all_banners .each_banners:hover .add_banner_link {
  visibility: visible
}

.all_youtube_video .youtube_video_each {
  position: relative
}

.all_youtube_video .youtube_video_each:hover .add_youtube_link {
  visibility: visible
}

.all_giphy .all_giphy_each {
  position: relative
}

.all_giphy .all_giphy_each:hover .add_gifs_link {
  visibility: visible
}

#faq-list-table .card {
  position: relative
}

#faq-list-table .card:hover .add_faq_link {
  visibility: visible
}

.internal-chat-action.newupdated {
  position: absolute;
  right: 9px;
  top: 0;
  width: min-content;
  display: flex;
  height: 100%;
  align-items: center;
}

.internal-chat-action.newupdated label.upfiletimel {

  /* top: 0; */
  /* right: 0; */
  position: initial;
  width: 54px;
  margin: 0;
  display: table-cell;
  vertical-align: middle;
  padding-top: 0;
  cursor: pointer;
}

.chat-content-inner img {
  max-width: 100%
}

.chat-content-inner button {
  position: absolute;
  background: transparent;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #FFF;
  border-radius: 100%;
  padding: 0;
  height: 46px;
  width: 46px;
}

.chat-content-inner button i {
  font-size: 56px;
  color: #f10000;
  position: relative;
  left: -6px;
  top: -6px;
}

.chat-content-inner button:hover i {
  color: #F44336;
}

.add-icon-btn {
  min-width: 100px;
  border-radius: 5px;
  background-color: #3b3f51;
  border: 1px solid #3b3f51;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  font-size: 12px;
  color: #ffffff;
  min-width: 100px;
  border-radius: 5px;
}

.add-icon-btn:focus {
  border: 1px solid #3FAD97;
}

.remove-tag {
  padding: 0;
  background: transparent;
  border: none;
  position: absolute;
  left: 6px;
  top: 13px;
  cursor: pointer;
}

.remove-tag:focus {
  outline: none;
}

.remove-tag>.material-icons {
  position: static;
  font-size: 17px;
}

.p-static {
  position: static !important;
}

.add-tag-btn {
  color: #3FAD97;
}

.add-tag-btn i {
  position: relative;
  top: 7px;
  right: 2px;
  color: #3FAD97;
}

.save-tag {
  background-color: #3FAD97;
  border-radius: 25px;
  min-width: 75px;
  color: #fff;
}

.cancel-btn {
  border-radius: 25px;
  min-width: 75px;
}

.add-tag-btn {
  padding: 0;
  position: relative;
  top: -10px;
}

.pl-15 {
  padding-left: 15px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.h-100 {
  height: 100%;
}

/* .template-modal{
} */
.template-modal .modal-dialog {
  max-width: 900px;
  width: 100% !important;
}

.template-modal .modal-dialog .modal-content {
  border: none;
  border-radius: 0;
}

.template-container {
  padding: 10px;
  background-color: #f7f7f7;
}

.template {
  background: #fff;
  padding: 10px;
  margin-bottom: 10px;
}

.template-container .template:last-child {
  margin-bottom: 0;
}

.template h3 {
  font-size: 18px;
  margin: 0 0 15px 0;
}

.template p {
  font-size: 15px;
  letter-spacing: 0.5px;
}

.read-more-link {
  color: #59bdb3;
}

/* .post-library-accordion {
} */
.post-library-accordion .panel-heading {
  padding: 0;
}

.post-library-accordion .panel-heading .panel-title a {
  padding: 10px;
  padding-right: 25px;
  position: relative;
  display: block;
}

.post-library-accordion .panel-heading .panel-title a:before {
  font-family: 'Material Icons';
  content: 'expand_more';
  font-size: 29px;
  position: absolute;
  right: 6px;
  top: 4px;
  transition: all 0.5s;
}

.post-library-accordion .panel-heading .panel-title a[aria-expanded="true"]:before {
  transform: rotate(180deg);
}

#Gifs,
#youtube_videos {
  padding: 12px
}

#Gifs .serchinput .form-control,
#youtube_videos .serchinput .form-control {
  width: 100%;
}

.chat_popup_next_prev {
  padding-top: 6px;
}

.chat_popup_next_prev a {
  background-color: #3b3f51;
  border-color: #3b3f51;
  color: #ffffff;
  display: inline-block;
  display: inline-block;
  padding: 6px 12px;
  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: 1px solid transparent;
  border-radius: 4px;
}

.profile_name_mage {
  background: #3F51B5;
  display: flex;
  border-radius: 100%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
}

.timelbtncol .flex_div {
  justify-content: space-between;
  padding-right: 0;
}

.small_right_ul_tab {
  padding: 0
}

.tabnemenu.small_right_ul_tab .tabmenuwrap {
  border: 0
}


.timelinelist>li .timelinebar {
  border-left-color: #b3b5b5 !important;
}


.timelinelist>li .timelinebar .circlet {
  background-color: #b3b5b5;
  box-shadow: 0 0 10px rgb(90 90 90);
}

.timelinelist>li .timelinebar.unseen {
  border-left-color: #3DAF98 !important;
}


.timelinelist>li .timelinebar.unseen .circlet {
  background-color: #3DAF98;
  box-shadow: 0 0 10px rgb(61, 175, 152);
}

.settignmenu .styled-checkbox1 li {
  width: 100%;
  padding: 5px 15px;
}

.cmbx .settignmenu .styled-checkbox1 label {
  margin: 0px 0px;
}

.settignmenu .styled-checkbox1 {
  padding: 10px 0px
}

.dropdown-menu>li>a {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 500;
  text-transform: capitalize;
}

.shared_with h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  border-bottom: #CCC 1px solid;
  padding: 0px 15px 10px 15px;
  margin-bottom: 6px;
}

.shared_with h3.small {
  font-size: 12px;
  padding: 10px 0;
}

.shared_with .sharewidth_links_div {
  padding: 0px 15px 10px 15px;
}

.shared_with .sharewidth_links_div .shared_width_link {
  background: #f9f9f9;
  margin: 6px 0px;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 4px;
  font-size: 12px;
  border: #9c9fad 1px solid;
  margin-right: 4px;
  text-transform: capitalize;
}

.shared_with .sharewidth_links_div .shared_width_link:hover {
  text-decoration: none;
  background: #3b3f51;
  color: #FFF;
}

.settignmenu.middlesizedropdown {
  width: 375px;
}

.panel-body.msgdata.toshort p img {
  max-height: 44px;
  margin-right: 16px;
}

.msgdata p {
  margin: 0;
}

.notetitle {
  font-weight: 500;
  font-size: 16px;
}


li.selectee {
  background-color: #fff;
}

span.wfr {
  display: block;
  background-color: #3f51b5;
  color: #fff;
  border-radius: 50px;
  /* width: 20px; */
  height: 17px;
  margin-left: 5px;
  text-align: center;
  padding: 0px 4px;
}

.mark_as_read_btn {
  border: none;
  padding: 0;
  background-color: transparent;
}

.mark_as_read_btn span {
  font-size: 20px;
}

.smly {
  font-size: 4.5vw;
}

.bann {
  width: 400px;
}

.bann img {
  width: 100%;
}

.gify {
  width: 400px;
}

.gify img {
  width: 100%;
}

.withfileup button img {
  width: 100%;
}

.withfileup button {
  position: absolute;
  right: 50px;
  top: 5px;
  width: 30px;
  height: 30px;
  border: none;
  background: transparent;
}

.withfileup button .emoji-mart {
  position: absolute;
  top: 37px;
  right: -90px;
  z-index: 999;
}

.custome_faq {
  display: flex;
  flex-direction: column;
}

.custome_faq strong {
  margin: 0 0 10px;
}

.email_timeline_timeline_modal {
  font-family: 'Montserrat', sans-serif;
}

.email_timeline_timeline_modal .srchform {
  max-width: initial;
}

.email_timeline_timeline_modal .tabltitle {
  padding-top: 0
}

.email_timeline_timeline_modal .btntimelist {
  margin-top: 6px;
}

.msgdata h2 {
  margin-top: 0px;
}

.replybx a.reply_email {
  background-image: url(../images/reply.svg);
  background-repeat: no-repeat;
  padding-left: 22px;
  margin-right: 20px;
  opacity: .8;
}

.replybx a.forward_email {
  background-image: url(../images/forward.svg);
  background-repeat: no-repeat;
  padding-left: 22px;
  opacity: .8;
}

.replybx a.reply_email:hover {
  opacity: 1
}

.replybx a.forward_email:hover {
  opacity: 1
}

.email_filter {
  display: flex;
}

.email_filter .ui-multiselect .ui-multiselect-label {
  padding: 0;
  margin: 0
}

.email_timeline_timeline_modal .timelinebar {
  left: 0;
}

.email_timeline_timeline_modal .timelinelist>li {
  padding-left: 32px;
}

.email_filter .ui-multiselect .ui-multiselect-label {
  background: transparent;
  font-weight: 500;
  font-size: 13px;
  font-family: 'Montserrat', sans-serif;
  padding-top: 1px;
}

.email_filter .sharewith {
  min-width: 190px;
  margin-right: 8px;
}

.ui-multiselect-panel .ui-multiselect-item label {
  display: inline-block;
  vertical-align: middle;
  font-weight: 500;
  font-size: 13px;

}

.email_filter p-multiselect .ui-multiselect .ui-multiselect-trigger .fa.fa-caret-down {
  margin-top: 10px;
}

.custombox_shadow {
  display: none;
  box-shadow: 0 5px 6px rgb(0 0 0 / 0%);
}

.custombox_shadow.show {
  display: block
}

/* .email_timeline_timeline_modal  .cancel_btn{} */
.email_timeline_timeline_modal .ui-multiselect .ui-multiselect-label {
  margin: 0;
  background-color: transparent;
}

.email_timeline_timeline_modal .btn-primary {
  background-color: #3fad97;
  border-color: #3fad97;
  font-size: 15px;
  line-height: 22px;
  border-radius: 100px;
  padding: 6px 45px;
  font-weight: 600;
}

.email_timeline_timeline_modal .cancel_btn {
  background-color: #929292;
  border-color: #929292;
  font-size: 15px;
  line-height: 22px;
  border-radius: 100px;
  padding: 6px 45px;
  font-weight: 600;
}

.added_countries {
  display: flex;
  flex-wrap: wrap;
  padding: 8px 0px;
}

.added_countries span {
  background: #3b3f51;
  padding: 5px;
  border-radius: 5px;
  margin-right: 8px;
  color: #FFF;
  padding: 6px 16px;
}

.added_countries span button {
  padding: 0px;
  background: transparent;
  line-height: 1px;
}

.added_countries span button i {
  position: initial;
  color: #FFF;
  font-size: 20px;
  margin-left: 8px;
}

.select_holder {
  position: relative
}

.proof .select_holder i {
  top: 50%;
  transform: translate(0%, -50%);
}

.select_holder.width50 {
  width: 50%
}

.hideitt:checked+.checkitemm:after {
  content: '';
  position: absolute;
  left: 10px;
  top: 20px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}

.leadview_switch .switch {
  position: relative;
  display: block;
  /* vertical-align: top; */
  width: 100px;
  height: 26px;
  padding: 3px;
  margin: 0 10px 10px 0;
  background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
  background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
  border-radius: 18px;
  box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  box-sizing: content-box;
}

.leadview_switch .switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  box-sizing: content-box;
}

.leadview_switch .switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 10px;
  text-transform: uppercase;
  background: #eceeef;
  border-radius: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
  box-sizing: content-box;
}

.leadview_switch .switch-label:before,
.switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
  box-sizing: content-box;
}

.leadview_switch .switch-label:before {
  content: attr(data-off);
  right: 11px;
  color: #aaaaaa;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}

.leadview_switch .switch-label:after {
  content: attr(data-on);
  left: 11px;
  color: #FFFFFF;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
}

.leadview_switch .switch-input:checked~.switch-label {
  background: #E1B42B;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15), inset 0 0 2px rgba(0, 0, 0, 0.2);
}

.leadview_switch .switch-input:checked~.switch-label:before {
  opacity: 0;
}

.leadview_switch .switch-input:checked~.switch-label:after {
  opacity: 1;
}

.leadview_switch .switch-handle {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 28px;
  height: 28px;
  background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
  background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
  border-radius: 100%;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.leadview_switch .switch-handle:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
  background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
  border-radius: 6px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}

.leadview_switch .switch-input:checked~.switch-handle {
  left: 74px;
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}


/* Transition
========================== */
.leadview_switch .switch-label,
.switch-handle {
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  -moz-transition: All 0.3s ease;
  -o-transition: All 0.3s ease;
}

.leadview_switch .switch-flat {
  padding: 0;
  background: #FFF;
  background-image: none;
}

.leadview_switch .switch-flat .switch-label {
  background: #FFF;
  border: solid 2px #eceeef;
  box-shadow: none;
}

.leadview_switch .switch-flat .switch-label:after {
  color: #23334c;
}

.leadview_switch .switch-flat .switch-handle {
  top: 6px;
  left: 6px;
  background: #dadada;
  width: 18px;
  height: 18px;
  box-shadow: none;
}

.leadview_switch .switch-flat .switch-handle:before {
  background: #eceeef;
}

.leadview_switch .switch-flat .switch-input:checked~.switch-label {
  background: #FFF;
  border-color: #23334c;
}

.leadview_switch .switch-flat .switch-input:checked~.switch-handle {
  left: 72px;
  background: #23334c;
  box-shadow: none;
}

.leadview_switch {
  padding: 0;
  margin: 0
}

.leadview_switch li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 10px;
}

/* .leadview_switch li label{}
 .leadview_switch li label:last-child{} */
.settignwrp .form-control.width150 {
  max-width: 150px
}

.sbttitle {
  color: #131313;
  font-size: 18px;
  line-height: 22px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}

/* new style added by partha */
.actvlink>img {
  max-width: 40px;
}
.actvlink .actvlink-image {
  max-width: 40px;
}

.newSidebarBlock .fullWidthLink {
  width: 100%;
  height: auto;
}

.newSidebarBlock .fullWidthLink .iconWrap {
  max-width: 50px;
  margin: 0;
}

.showTooltip {
  position: relative;
  transition: all 0.5s linear;
}

.showTooltip:hover {
  opacity: 1;
}

.showTooltip .tooltipWrap {
  position: absolute;
  left: calc(100% + 12px);
  z-index: -9999;
  background: #fff;
  white-space: nowrap;
  padding: 15px 25px;
  border: 1px solid #cdced2;
  border-radius: 5px;
  box-shadow: 0 0 18px #d6d5d5;
  top: 50%;
  transform: translateY(-50%) translateX(-10px);
  /* display:none; */
  transition: all 0.5s linear;
  opacity: 0;
}

.showTooltip:hover .tooltipWrap {
  display: block;
  transform: translateY(-50%) translateX(0px);
  opacity: 1;
  z-index: 9999;
}

.showTooltip .tooltipWrap .tooltipLabel {
  font-size: 14px;
  color: #657178;
  font-weight: 500;
  margin-bottom: 3px;
}

.showTooltip .tooltipWrap:before {
  content: " ";
  position: absolute;
  width: 20px;
  height: 20px;
  background: white;
  left: -17px;
  transform: rotate(45deg) translateY(-50%);
  top: 50%;
  border-left: 1px solid #cdced2;
  border-bottom: 1px solid #cdced2;

}

.showTooltip .tooltipWrap .tooltipLabel strong {
  font-size: 18px;
  margin-left: 6px;
}

.showTooltip .tooltipWrap .tooltipLabel.sent strong {
  color: #3fad9a;
}

.showTooltip .tooltipWrap .tooltipLabel.expired strong {
  color: #f3520a;
}

.showTooltip .tooltipWrap .tooltipLabel.scheduleunsent strong {
  color: #ffc000;
}

.showTooltip .tooltipWrap .tooltipLabel.replies strong {
  color: #4ab4f6;
}

.panel-default>.panel-heading {
  background-color: #efefef;
  color: #3fad97;
  border: none;
  box-shadow: #CCC 0px 1px 1px 0px;
}

.post-library-accordion .panel-heading .panel-title a {
  padding: 10px 20px;
  padding-right: 25px;
  position: relative;
  display: block;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
}

/* new add  */
.char-counter {
  margin: 5px 0 0 0;
  text-align: right;
  font-weight: 500;
  font-size: 12px;
}

.component-field-set {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid silver;
}

.component-field-set legend {
  border: none;
  display: inline-block;
  width: auto;
  font-size: 15px;
  padding: 8px;
}

.social-links {
  position: relative;
  margin-bottom: 15px;
}

.social-links input {
  width: 100%;
  height: 39px;
  padding: 5px 5px 5px 50px;
}

.social-links .icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 45px;
  height: 100%;
  background: #4267B2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  color: #fff;

}

.social-links .icon.pinterest {
  background: #BD081C;
}

.social-links .icon.linkiden {
  background: #007dbb;
}

.social-links .icon.tumblar {
  background: #fa4779;
}

.social-links .icon.twitter {
  background: #1DA1F2;
}

.social-links .icon.insta {
  background: #ec0042;
}

.social-links .icon .fa {}

.template-btn {
  border: none;
  font-size: 13px;
  padding: 10px 20px;
  border-radius: 5px;
  background-color: #1e2029;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
}

.template-container {
  max-width: 640px;
  margin: auto;
  background: #f8f8f8;
  position: relative;
}

.post_librarya .modal-footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  background: #FFF;
}

.post_librarya .modal-content {
  height: calc(100% - 78px) !important;
  padding-bottom: 20px
}

.post_librarya .panel-group .panel+.panel {
  margin-top: 12px;
  border: 0;
}

.tenplate_header {
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 20px;
}

.tenplate_header h4 {
  font-size: 16px;
  color: #000;
}

.tenplate_header h6 {}

.tenplate_header p {
  font-size: 13px;
}

.tenplate_footer {
  padding-top: 10px;
  border-top: #CCC 1px solid;
  margin-top: 40px;
}

.tenplate_footer p {
  font-size: 13px;
}

.tenplate_footer .tenplate_footer_social_link {}

.tenplate_footer .tenplate_footer_social_link .icon {
  background: #000;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  border-radius: 100%;
}

.tenplate_footer .tenplate_footer_social_link .icon i {}

.suggested-mail-table>thead>tr>th:first-child {
  max-width: 260px;
  width: auto !important;
  text-align: left !important;
}

.suggested-mail-table .smbtntb {
  display: inline-block;
  vertical-align: middle;
  margin-top: 0;
}

.suggested-mail-table .rad20 {
  color: #fff !important;
}

.day-block h3 {
  margin: 0 0 8px 0;
  font-size: 15px;
}

.sending-time .form-control {
  border-color: #3fad97;
  color: #797979;
  font-size: 14px;
  line-height: normal;
  /* height: 30px;
    max-width:185px; */
}

input.timepicker {
  background-image: url(../images/sm-sel-arrow.png);
  background-repeat: no-repeat;
  background-position-x: calc(100% - 10px);
  background-position-y: center;
  cursor: pointer;
}

textarea.medium {
  min-height: 100px;
}

.form-control.width100 {
  width: 100px !important;
  min-width: auto;
  display: inline;
  margin-right: 10px;
}

.form-group .helptext {
  font-family: 'Montserrat', sans-serif;
  opacity: .6;
}

.flex_div.nowrap {
  flex-wrap: nowrap
}

.flex_div.nowrap .form-control {
  max-width: 48%
}

.styled-checkbox1.nofixwidth.width100 {
  width: 100%
}

.bordertop {
  border-top: #CCC 1px solid;
  padding-top: 10px
}

.company_notifocation_setting {
  list-style: none;
  font-family: 'Montserrat', sans-serif;
}

.company_notifocation_setting .all_email_listing {
  padding-left: 20px;
}

.company_notifocation_setting .all_email_listing .each_email_listing {
  display: flex;
  align-items: center;
  font-weight: normal;
}

.company_notifocation_setting.show-wrapp .all_email_listing .each_email_listing {
  flex-wrap: wrap;
}

.company_notifocation_setting .all_email_listing .each_email_listing>label {
  margin: 0px 20px 10px 0px;
  min-width: 200px;
  font-weight: 500;
}

.company_notifocation_setting.minw300 .all_email_listing .each_email_listing>label {
  min-width: 300px;
}
.company_notifocation_setting.minw400 .all_email_listing .each_email_listing>label {
  min-width: 400px;
}
.company_notifocation_setting.width100P .all_email_listing .each_email_listing>label {
  width: 100%;
}
.company_notifocation_setting.width100P .all_email_listing .each_email_listing > .styled-checkbox1 {
  width: 100% !important;
}

.company_notifocation_setting span.not_title {
  width: 100%;
  display: block;
  margin: 10px 0px 10px 0px;
  font-weight: 600;
  font-size: 16px;
}

.company_notifocation_setting .all_email_listing .styled-checkbox1 li label {
  font-weight: 500
}

.company_notifocation_setting>li {
  border-bottom: #eaeaea 1px solid;
}

.company_notifocation_setting>li:last-child {
  border-bottom: none
}

.modal-header {
  position: relative;
}

.modal-title {
  font-family: 'Montserrat', sans-serif;
}

.formwrap .conbx.max-width-840 {
  width: 840px;
}

.prev_btn {

  background: #3b3f51;

  color: #FFF;

  display: inline-flex;

  align-items: center;

  border: 0;

  height: 30px;

  border-radius: 4px;

  min-width: 80px;

  justify-content: center;

  font-family: 'Montserrat', sans-serif;

  font-size: 13px;

  font-weight: 500;
}

.next_btn {

  background: #3b3f51;

  color: #FFF;

  display: inline-flex;

  align-items: center;

  border: 0;

  height: 30px;

  border-radius: 4px;

  min-width: 80px;

  justify-content: center;

  font-family: 'Montserrat', sans-serif;

  font-size: 13px;

  font-weight: 500;
}

.prev_btn i {

  margin-right: 4px;
}

.next_btn i {

  margin-left: 4px;
}



.preview_button {
  background: none;
  border: none;
  color: #21232d;
  font-weight: 600;
  padding-bottom: 5px;
  margin-top: -5px;
  float: right;
  text-decoration: underline;
}

.preview_button:focus,
.preview_button:active:focus,
.preview_button:hover {
  background: none;
  border: none;
  color: #21232d;
}

.message_preview_container {
  position: relative;
}

.preview_email_aa {
  position: absolute;
  width: 100%;
  top: 0;
  height: 100%;
  overflow: auto;
  background: #FFF;
  padding: 20px;
  box-shadow: rgba(204, 204, 204, 0.85) 0px 0px 3px 1px;
}

.back_to_message {
  color: #40ad98;
  font-weight: 600;
}

.delete_post_aa {
  position: absolute;
  top: 0;
  right: 0;
  background: #3b3f51;
  color: #FFF;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.delete_post_aa i {}

.delete_post_aa:hover {
  color: #FFF;
  opacity: .8
}

.jusccenter {
  justify-content: space-between;
}

.width25P {
  min-width: 24%;
}


.template {
  background: #fff;
  padding: 20px;
  margin-bottom: 10px;
  box-shadow: #d4d4d4ad 0px 0px 14px 0px;
  position: relative;
}

.template_style2 .template {
  display: flex;
  padding: 20px;
  flex-wrap: wrap;
}

.template_style2 .template figure {
  width: 150px;
}

.template_style2 .template .template_content {
  width: calc(100% - 150px) !important;
  padding-left: 10px;
}

.template_style2 .template .buttonsec {
  width: 100%;
  text-align: right;

}

.template_style3 .template figure {
  width: 100%;
  padding-top: 40px;
}

.template_style3 .template h3 {
  position: absolute;
  top: 22px;
  left: 20px;
}

.template_style2 .template {
  display: flex;
  padding: 20px;
  flex-wrap: wrap;
  flex-direction: reverse;
}


.template_style2 .tenplate_header {
  padding-right: 160px;

}

.template_style2 .tenplate_header figure {
  width: 150px;
  position: absolute;
  right: 20px;
  top: 20px;
}

.template_style2 .tenplate_header .header_template_content {
  /* width: calc(100% - 150px) !important; */
  /* padding-left: 10px; */
}

.template_style2 .tenplate_header .buttonsec {
  width: 100%;
  text-align: right;

}

.template_style2 .tenplate_header p {
  font-size: 13px;
  width: calc(100% + 150px);
}



.template_style3 .tenplate_header {

  display: flex;

  flex-direction: column-reverse;
}

.template_style3 .tenplate_header figure {
  order: 2;
}

.template_style3 .tenplate_header .header_template_content {
  order: 2;
}

.template_style3 .tenplate_header .buttonsec {}

.template_style3 .tenplate_header p {

  order: 1;
}

.template_style2 .tenplate_footer p.des {
  text-align: center
}

.template_style2 .tenplate_footer .tenplate_footer_social_link {
  text-align: center
}

.template_style3 .tenplate_footer p.des {
  text-align: right
}

.template_style3 .tenplate_footer .tenplate_footer_social_link {
  text-align: right
}



/* Ayan */
.questList_lawfull {
  margin: 15px 0px 15px;
}

.questList_lawfull label {
  color: #626262;
  font-size: 15px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

.show_gdrp {
  display: none;
}

.addnew_automation {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90px;
}

.addtag_div {
  width: 100%;
}

.addtag_div .toclearflot li {
  float: left;
  margin-right: 10px;
  display: flex;
  width: 48%;
  justify-content: space-between;
}

.addtag_div .toclearflot {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: 20px;
  float: left;
  width: 95%;
}

.reseat {
  margin-left: 8px;
}

.btn_position {
  float: right;
  position: relative;
  top: 30px;
}

.reset_li {
  margin-bottom: 13px;
  margin-right: 20px;
  position: relative;
  height: 31px;
}

.btn_reset_custom {
  color: #337ab7;
  border: none;
  padding: 0;
  margin-left: 30px;
  outline: 0;
  background-color: transparent;
}

.separator_div {
  padding: 20px 20px;
  border: 1px solid #ccc;
  background: #f9f9f9;
  margin-bottom: 15px;
}

.separator_div h2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  padding-bottom: 8px;
  font-size: 18px;
  margin: 0 0 15px;
}

.expirationdatefild {
  background: #ffffff url(../images/date-ico.png) no-repeat 8px center;
  padding-left: 29px;
}

.separator_div h3 {
  font-size: 16px;
  margin: 7px;
}

.inline-form {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.inline-form label {
  margin-right: 5px;
}

.addtag_btn {
  background-color: #3b3f51;
  color: #ffffff;
  padding: 7px 30px;
  font-size: 13px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  border-radius: 10px;
  border: none;
}

.addtag_btn:focus {
  outline: 0;
}

.add_automation {
  background-color: #3b3f51;
  color: #ffffff;
  padding: 7px 15px;
  font-size: 13px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  border-radius: 10px;
  border: none;
}

.add_automation:focus {
  outline: 0;
}

.checkbox_div_tigger {
  height: 500px;
  overflow-y: scroll;
  overflow-x: hidden;
  margin: 0px 0px 20px;
}

.tab-pane-padding {
  padding: 20px 0px;
}

.separator_div_tigger {
  padding: 10px 10px;
  border: 1px solid #ececec;
  margin-bottom: 10px;
}

.separator_div_tigger h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.chat-type-section.flex_div {
  display: flex;
  position: initial;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 10px;
}
.chat-type-section.flex_div.mb-5 {
  margin-bottom: 5px;
}

.chat-type-section.flex_div .chat-attactment-box {
  background: transparent
}

.chat-type-section.flex_div .chat-attactment-box .chat-attachment-left .attachment-btn-listing li button {
  background: rgb(191 195 202 / 36%);
  border-radius: 100%;
  padding: 4px;
  width: 36px;
  height: 36px;
}

.chat-type-section .chat-attactment-box .chat-attachment-left .attachment-btn-listing li button.sm {
  width: 26px;
  height: 26px;
}

.chat-type-section.flex_div .chat-attactment-box .chat-attachment-left .attachment-btn-listing li button:hover {
  opacity: .8
}

.midiumsize .modal-dialog {
  width: 860px;
}

img#message_box_email {
  width: 100%
}

button {
  cursor: pointer
}

.accordian_link {
  position: relative;
  background-color: #efefef;
  color: #000000;
  border: none;
  box-shadow: rgb(204 204 204 / 54%) 0px 1px 1px 0px;
  width: 100%;
  display: flex;
  min-height: 40px;
  margin-bottom: 20px;
  align-items: center;
  padding: 0px 8px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}

.accordian_link:before {
  font-family: 'Material Icons';
  content: 'expand_more';
  font-size: 29px;
  position: absolute;
  right: 6px;
  top: 4px;
  transition: all 0.5s;
}

.accordian_link.open:before {
  transform: rotate(180deg);
}

.accordian_content {
  height: 0px;
  overflow: hidden;
}

.accordian_link.open+.accordian_content {
  padding: 10px;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
}

.txtwbrd {
  padding: 12px;
  border: 0;
  border-left: 1px solid #d5d5d5;
  font-size: 13px;
  color: #626262;
  line-height: normal;
  padding-left: 10px;
}

.accordian_content.show {
  height: auto;
}

.formwrap.biggerpopup .conbx {
  width: 990px;
}

.hide {
  display: none
}

.csbtn.btn-default {
  font-family: 'Montserrat', sans-serif;
}

.triggers_setting .styled-checkbox1.nofixwidth li label {
  padding: 0px 15px 0 30px;
  display: flex;
  align-items: flex-start;
  margin-top: 8px;
  margin-bottom: 16px;
}

.triggers_setting .styled-checkbox1.nofixwidth li {
  width: 100%
}

.conbx .triggers_setting .form-control.inline {
  display: inline-block;
  margin-left: 12px;
  margin-right: 12px;
  margin-top: -8px;
  height: 32px;
  max-width: 181px;
  font-size: 12px;
  font-weight: 600;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  width: auto !important
}

.flexwrap {
  flex-wrap: wrap
}

.flexnowrap {
  flex-wrap: nowrap
}

.flexdiv.flexnowrap span.ml10 {
  font-family: 'Montserrat';
  font-weight: 600;
  margin-left: 10px;
}

.triggers_setting .styled-checkbox1.nofixwidth li label font {
  width: max-content;
  padding-bottom: 8px;
  min-width: fit-content;
  padding-right: 12px;
}

.triggers_setting h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 600
}

.triggers_setting .styled-checkbox1.nofixwidth li label font.flex_font {
  display: flex;
  align-items: center;
  margin-top: 8px;
  width: 100%;
}

.triggers_setting .styled-checkbox1.nofixwidth li label font.flex_font input {
  margin: 0px 8px;
  width: auto;
  opacity: 1;
  position: initial
}

.styled-checkbox1 input.form-control {
  opacity: 1;
  position: initial
}

.conbx .triggers_setting input[type="number"].form-control.inline {
  width: 100px
}

.mt40 {
  margin-top: 40px
}

.flexdiv {
  display: flex;
  align-items: center
}

.conbx .flexdiv label {
  margin: 0;
  margin-right: 12px;
}

.spancount {
  position: absolute;
  background: #3b3f51;
  color: #FFF;
  min-width: 20px;
  min-height: 20px;
  text-align: center;
  border-radius: 100%;
  top: 37px;
  left: -6px;
  z-index: 1;
}

.link_btn {
  background: transparent;
  border: 0;
  color: #3fad97;
}

/* .additionalcond-section .styled-checkbox1.nofixwidth li {
  width: 100%
} */

.additionalcond-section .styled-checkbox1.nofixwidth li label {
  padding: 0px 15px 0 30px;
  display: flex;
  align-items: flex-start;
  margin-top: 8px;
}

.additionalcond-section .styled-checkbox1.nofixwidth li label font.flex_font {
  display: flex;
  align-items: center;
  margin-top: 8px
}

.conbx .additionalcond-section .form-control {
  margin: 0px 12px
}

.conbx .additionalcond-section input.form-control {
  margin: 0px 8px;
  width: auto;
  opacity: 1;
  position: initial
}

.conbx .additionalcond-section input[type="number"].form-control.inline {
  width: 100px;
}

.conbx .additionalcond-section .form-control.inline {
  display: inline-block;
  margin-left: 12px;
  margin-right: 12px;
  margin-top: -8px;
  height: 32px;
  max-width: 181px;
  font-size: 12px;
  font-weight: 600;
}

.triggers_setting .styled-checkbox1.nofixwidth li label .inline+.select2-container {
  margin-top: -12px;
  max-width: 80%;
  margin-right: 10px;
}

.conbx label.flexwrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.conbx label.flexwrap font.minwidth {
  min-width: fit-content;
  padding-right: 20px;
}

.additionalcond-section .styled-checkbox1.nofixwidth li label .inline2+.select2-container,
.triggers_setting .styled-checkbox1.nofixwidth li label .inline2+.select2-container {
  max-width: 80%;
  margin-right: 10px;
}

.ui-timepicker-container {
  z-index: 100 !important;
}

.styled-checkbox1.nofixwidth.flex_ul {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.time_filter {
  position: relative;
}

.open_filter {
  color: #656770;
  font-size: 14px;
  border: 1px solid #cdcdcd;
  padding: 6px 16px;
  border-radius: 50px;
  display: block;
  text-decoration: none;
  text-align: center;
  font-weight: 500;
}

.filter_popup {
  width: 360px;
  border-radius: 5px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  background-color: #ffffff;
  padding: 16px 24px;
  display: none;
  z-index: 2;
  position: absolute;
  right: 0;
  top: 50px;
}

.radiobtn {
  position: relative;
  /* display: block; */
  width: 49%;
}

.filter_popup_flex {
  display: flex;
  height: 230px;
  overflow: auto;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: end;
}

.radiobtn span {
  color: #3b3f51;
  font-weight: 500;
  border-radius: 5px;
  padding: 10px 10px 10px 10px;
  margin-bottom: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  background: #f8f8f8;
}

.laben_yellow {
  background: #fdc820 !important;
}

.laben_red {
  background: #f33333 !important;
}

.radiobtn input[type="checkbox"] {
  display: none;
  position: absolute;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.radiobtn span:before {
  background: transparent;
  -webkit-transition: 0.1s width cubic-bezier(0.075, 0.82, 0.165, 1) 0s, 0.3s height cubic-bezier(0.075, 0.82, 0.165, 2) 0.1s;
  transition: 0.1s width cubic-bezier(0.075, 0.82, 0.165, 1) 0s, 0.3s height cubic-bezier(0.075, 0.82, 0.165, 2) 0.1s;
  z-index: 2;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: center;
  width: 0;
  height: 0;
  display: block;
  background-image: url(../images/tick_ico.png);
}

.radiobtn span:after,
.radiobtn span:before {
  content: "";
  position: absolute;
  right: 11px;
  bottom: 15px;
}

.radiobtn input[type="checkbox"]:checked+span {
  background: #d6d9e2;
  font-weight: 600;
}

.radiobtn input[type="checkbox"]:checked+span:before {
  width: 20px;
  height: 20px;
}

.popup_footer_flex {
  padding-top: 20px;
  border-top: 1px solid #dee2e6;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.popup_footer_flex .save {
  color: #fff !important;
  font-size: 14px !important;
  padding: 7px 21px;
  background-color: #3fad97;
  border-radius: 50px;
  background-image: none;
}

.popup_footer_flex .all_week {
  color: #fff !important;
  font-size: 14px !important;
  padding: 7px 21px;
  background-color: #3b3f51;
  border-radius: 50px;
  background-image: none;
}

.filter_popup {
  display: none;
}

.show {
  display: block !important;
}

.btn.add_new {
  display: inline-flex;
  align-items: center;
  background: transparent;
  color: #40ad98;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 12px;
}

.add_new i {
  margin-right: 8px;
}

.width100r {
  position: relative;
  width: 100%;
  float: left;
  position: relative;
  min-height: 1px;
}

.conbx.addautomation {
  padding: 40px;
  width: 950px
}

.conbx.addautomation h4.modal-title {
  font-weight: 600
}

.atributfiltering,
.filtertypes {
  display: none;
}

.filtertypes .styled-checkbox1.nofixwidth {
  width: 100%;
  padding-top: 11px;
}

.showimage {
  display: none;
  height: 110px;
}

.showcolorpicker {
  display: none;
}

/* Color Picker */
.color-wrapper {
  position: relative;
  width: 50%;
  margin: 10px 0;
  display: block;
}

.color-wrapper p {
  margin-bottom: 5px;
}

input.call-picker {
  border: 1px solid #AAA;
  color: #666;
  text-transform: uppercase;
  float: left;
  outline: none;
  padding: 10px;
  text-transform: uppercase;
  width: 82%;
}

.color-picker {
  width: 43%;
  background: #F3F3F3;
  height: 81px;
  padding: 5px;
  border: 5px solid #fff;
  box-shadow: 0px 0px 3px 1px #DDD;
  position: absolute;
  top: 46px;
  right: 20px;
}

.color-holder {
  background: #fff;
  cursor: pointer;
  border: 1px solid #AAA;
  width: 40px;
  height: 42px;
  float: left;
  margin-left: 5px;
}

.color-picker .color-item {
  cursor: pointer;
  width: 10px;
  height: 10px;
  list-style-type: none;
  float: left;
  margin: 2px;
  border: 1px solid #DDD;
}

.color-picker .color-item:hover {
  border: 1px solid #666;
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=8);
}

.max-width-100 {
  max-width: 100px;
}

.styled-checkbox1.nofixwidth li label.flexwrap {
  align-items: flex-start;
}

.styled-checkbox1 input.form-control.inline {
  max-height: 30px;
  margin-top: -6px;
  margin-left: 8px;
  margin-right: 8px;
}

.post_condition {
  background: #fff;
  margin: 10px -15px 20px -15px;
  padding: 15px;
  border: #efefef 1px solid;
}

.post_condition h4 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  padding-bottom: 8px;
  font-size: 16px;
  margin: 0 0 15px;
}

.localisation_filter_fiv {
  display: flex;
}

.localisation_filter_fiv .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #3fad97;
  height: 38px;
}

.localisation_filter_fiv .select2-container--default .select2-selection--multiple,
.localisation_filter_fiv .select2-container .select2-selection--single {
  border: 1px solid #3fad97;
  height: 38px;
}

.localisation_filter_fiv .select2-container {
  max-width: 340px;
  margin-right: 5px;
}

.tag_name_listblock h3 {
  font-size: 18px;
  margin: 10px 0 15px;
}

.tag_name_list {
  width: 70%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #eae8e8;
  padding: 5px 12px 5px 40px;
  margin-bottom: 10px;
  border-radius: 5px;
  position: relative;
}

.tag_name_list p {
  margin: 0 0 0;
  font-size: 16px;
  color: #696666;
  font-weight: 500;
}

.tag_name_list button {
  color: #000;
  background-color: transparent;
  border: none;
  outline: none;
  font-size: 25px;
  line-height: normal;
}

.tag_name_list img {
  position: absolute;
  left: 10px;
  top: 14px;
  transform: rotate(90deg);
}

.img_name {
  position: relative;
  top: 10px;
}

.push_request_modal_content h2 {
  margin: 0 0 25px;
}

.avatar-preview {
  width: 60px;
  height: 60px;
  position: absolute;
  right: 0;
  top: 0;
}

#imagePreview {
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.mg-right-10px {
  margin-right: 10px;
}

.widthfull {
  width: 100% !important;
}

.product_option_addnew {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  background: #f5f2f2;
}

.product_option_addnew p {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 0;
}

.product_option_addnew button {
  background: transparent;
  border: none;
  color: #3fad97;
  font-weight: 600;
  outline: none;
}

.product_option_newdropdown {
  display: flex;
  justify-content: flex-end;
  padding: 24px 0;
}

.product_option_newdropdown button {
  background: transparent;
  border: none;
  color: #3fad97;
  font-weight: 600;
  outline: none;
}

.mainproduct_option_mainblock {
  padding: 24px;
  background: #f2f2f2;
  margin: 0 0 24px;
}

.mainproduct_option_mainblock_sub {
  padding-top: 24px;
  border-top: 1px solid #ccc;
  margin-top: 24px;
}

.mainproduct_option_mainblock .mainproduct_option_mainblock_sub:first-child {
  padding-top: 0px;
  border-top: none;
  margin-top: 0px;
}

.product_catlog_main .accordionItem {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-family: 'Open-sans', Arial, sans-serif;
  margin-bottom: 13px;
  padding: 0px 10px;
  background: #fff;
  font-family: 'Montserrat', sans-serif;
}

.product_catlog_main .accordionItemHeading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #e9ecf3;
  flex-wrap: wrap;
  padding: 10px 10px;
  margin: 0 0 15px;
}

.product_catlog_main .accordionItemHeading_left_products {
  width: 100px;
  height: 90px;
  padding: 5px;
  border: 1px solid #ccc;
}

.product_catlog_main .accordionItemHeading_left_products img {
  width: 100%;
  height: 100%;
}

.product_catlog_main .accordionItemHeading_center_products {
  width: calc(100% - 215px);
}

.product_catlog_main .accordionItemHeading_center_products h2 {
  font-size: 19px;
  color: #23334c;
  font-weight: 600;
  margin: 0 0 10px;
}

.product_catlog_main .accordionItemHeading_center_products p {
  font-size: 15px;
  color: #7f8c8d;
  font-weight: 500;
  margin: 0 0 12px;
  line-height: 15px;
}

.product_catlog_main .accordionItemHeading_right_products {
  width: 90px;
  text-align: right;
}

.product_catlog_main .down_up_button {
  background: transparent;
  border: #ccc 1px solid;
  padding: 5px;
  border-radius: 3px;
}

.product_catlog_main .accordionItemContent_product_flex {
  display: flex;
  justify-content: space-between;
  padding: 0px 0px 15px;
  position: relative;
  width: 100%;
}

.product_catlog_main .accordionItemContent_product_flex .product_img {
  width: 87px;
  height: 89px;
  border: #CCC 1px solid;
  padding: 5px;
}

.product_catlog_main .accordionItemContent_product_flex .product_img img {
  width: 100%;
  height: 100%;
}

.product_catlog_main .accordionItemContent_product_flex .product_des {
  width: calc(100% - 340px);
}

.product_catlog_main .accordionItemContent_product_flex .product_des .product_des_col_main {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.product_catlog_main .accordionItemContent_product_flex .product_des .product_des_col {
  display: flex;
  width: 48%;
  flex-direction: column;
}

.product_catlog_main .accordionItemContent_product_flex .product_price {
  width: 220px;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

.product_catlog_main .accordionItemContent_product_flex .product_des h2 {
  font-size: 15px;
  font-weight: 600;
  margin: 5px 0px 10px;
  color: #3b3f51;
}

.product_catlog_main .accordionItemContent_product_flex .product_des p {
  font-size: 13px;
  font-weight: 600;
  margin: 0px 0px 4px;
  color: #6b6f80;
}

.product_catlog_main .accordionItemContent_product_flex .product_des p span {
  margin-right: 10px;
}

.product_catlog_main .accordionItemContent_product_flex .product_price p {
  font-size: 14px;
  font-weight: 600;
  color: #3b3f51;
  margin: 0 0 2px;
}

.product_catlog_main .accordionItemContent {
  display: none;
}

.full_width_search {
  max-width: 100%;
}

.product_catlog_main .accordionItemContent_product_flex .product_price p.red {
  color: red;
}

.product_catlog_main .accordionItemContent_product_main {
  border: 1px solid #ccc;
  padding: 10px 10px 10px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 10px 0;
}

.product_catlog_main .accordionItemContent_product_main .accordionItemContent_product_flex_action {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.product_catlog_main .accordionItemContent_product_main .accordionItemContent_product_flex_action .left_action {
  display: flex;
  align-items: flex-start;
}

.product_catlog_main .accordionItemContent_product_main .accordionItemContent_product_flex_action .left_action button {
  margin-right: 10px;
}

.product_catlog_main .accordionItemContent_product_main .accordionItemContent_product_flex_action .right_action {
  display: flex;
  align-items: center;
}


.ld_choose_cart_popup {
  left: 50%;
  position: absolute;
  width: 100%;
  background: #FFF;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 24px;
  z-index: 1000;
  max-width: 520px;
}

.ld_close {
  position: absolute;
  background: #f8f8f8;
  top: 16px;
  right: 16px;
  border: 0;
  font-family: cursive;
  font-size: 16px;
}

.ld_choose_cart_popup .ld_choose_cart_popup_inner h4 {
  font-size: 18px;
  margin-bottom: 20px;
}

.Leadviewpop ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.ld_choose_cart_popup .ld_choose_cart_popup_inner .orspan {
  display: block;
  text-align: center;
  padding: 10px 0px;
}

.ld_choose_cart_popup .ld_choose_cart_popup_inner ul {
  margin: 0 0 0;
  padding: 0 0 0;
}

.ld_choose_cart_popup .ld_choose_cart_popup_inner ul li {
  list-style: none;
}

.ld_choose_cart_popup .ld_choose_cart_popup_inner ul li button {
  background: #e6e6e6;
  color: #23334c;
  border-radius: 5px;
  padding: 10px 16px;
  border: none;
  font-size: 14px;
  border: #e6e6e6 1px solid;
  margin: 4px 4px;
  width: 100%;
}

.ld_choose_cart_popup .ld_choose_cart_popup_inner .confirm_order {
  margin: auto;
  display: block;
}

.confirm_order {
  background: #23334c;
  color: #fff;
  border-radius: 5px;
  padding: 10px 16px;
  border: none;
  font-size: 14px;
  border: #23334c 1px solid;
  margin: 0px 4px;
}

.ld_choose_cart_popup_bg {
  left: 0;
  position: fixed;
  width: 100%;
  background: rgb(0 0 0 / 24%);
  top: 0;
  height: 100vh;
  padding: 24px;
  z-index: 999;
}

.formgrouplv label {
  color: #5f5f5f;
  font-weight: 500;
  margin: 0 0 5px;
  display: inline-block;
  font-size: 15px;
  line-height: 21px;
}

.formgrouplv {
  position: relative;
  margin-bottom: 15px;
}

.lvmdlinput {
  border: 1px solid #d5d5d5;
  box-shadow: none;
  border-radius: 0;
  height: 40px;
  display: block;
  background-image: none;
  width: 100%;
  padding: 6px 12px;
  color: #555;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.product_catlog_main .accordionItemContent_product_main .accordionItemContent_product_flex_action .right_action .custom_quantity {
  max-width: 150px;
}

.team_chat_none {
  display: none;
}

.newProductCatalog .accordionItemHeading_center_products {
  flex-grow: 1;
  padding-left: 20px;
}

.categoryBreadcrumb {
  list-style: none;
  padding: 0;
  font-weight: 500;
  font-size: 15px;
  color: #8a8787;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.categoryBreadcrumb li {
  margin-right: 10px;
  position: relative;
  padding-right: 10px;
}

.categoryBreadcrumb li:after {
  content: " ";
  position: absolute;
  background: #a4a6ab;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  /*  transform: rotate(18deg); */
  top: 9px;
  right: -1px;
}

.categoryBreadcrumb li:last-child {
  margin-right: 0px;
  padding-right: 0;
}

.categoryBreadcrumb li:last-child:after {
  display: none;
}

.categoryBreadcrumb li a {
  color: #3fad97;
}

.newProductCatalog .mainCategoryTitle {
  font-size: 19px;
  color: #23334c;
  font-weight: 600;
  text-decoration: none;
}

.categoryWrap {
  display: none;
}

.categoryWrap.active {
  display: block;
}

.d-inline-block {
  display: inline-block;
}

.tooltiprest {
  display: none;
  position: absolute;
  bottom: calc(100% + 10px);
  z-index: 63;
  padding: 0;
  opacity: 1;
  visibility: visible;
  color: #ffffff;
  background: #5d5b5b;
  padding: 3px 7px;
  list-style: none;
  border-radius: 4px;
  text-align: left;
  min-width: 83px;
  margin: 0;
  left: 50%;
  transform: translateX(-50%);
}

.tooltiprest li {
  text-align: left;
}

.morecls {
  position: relative;
}

.morecls:hover .tooltiprest {
  display: block;
}

.tooltiprest:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #5d5b5b;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

/* ======================== start: previously_orderConfigurModal ======================== */
.previously_orderConfigurModal .modal-dialog {
  width: 100%;
  max-width: 767px;
}

.previously_orderConfigurModal .modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.previously_orderConfigurModal .modal-header .closepOPup {
  outline: none;
  background: none;
  border: none;
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  text-shadow: none;
  opacity: 1;
  position: absolute;
  right: 12px;
  top: 11px;
  margin-top: -2px;
  font-weight: 300;
  font-size: 28px;
  line-height: 20px;
  color: #898989;
}

.previously_orderConfigurModal .modal-body h2 {
  font-weight: 600;
  font-size: 22px;
  letter-spacing: -.5px;
  line-height: 44px;
  text-transform: none;
  color: #23334c;
  margin: 0;
}

.previously_orderConfigurModal .modal-body h3 {
  color: #dc9814;
  font-size: 24px;
  margin: 0;
}

.previously_orderConfigurModal .modal-body h6 {
  font-size: 14px;
  line-height: 18px;
  color: rgb(0, 0, 0);
  margin: 8px 0 0;
}

.previously_orderConfigurModal .modal-body h4 {
  color: #23334c;
  font-weight: bold;
  font-size: 18px;
  margin: 10px 0 0;
}

.previously_orderConfigurModal .modal-body p {
  font-size: 15px;
  line-height: 20px;
  margin: 10px 0 0px;
}

.previously_orderConfigurModal .modal-body .additional_option_boxs {
  padding: 24px;
  background: #f2f2f2;
  margin-top: 20px;
}

.previously_orderConfigurModal .modal-body .additional_option_boxs .form-group:last-child {
  margin-bottom: 0;
}

.previously_orderConfigurModal .modal-footer .adtoCrtBtn_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.previously_orderConfigurModal .modal-footer .adtoCrtBtn_box .qtyinput {
  width: 100px;
}

.previously_orderConfigurModal .modal-footer .adtoCrtBtn_box .csbtn i {
  font-style: normal;
  margin-right: 8px;
}

/* ======================== end: previously_orderConfigurModal ======================== */

/* video calling css */

#me {
  position: relative;
  width: 50%;
  margin: 0 auto;
  display: block;
}

#me video {
  position: relative !important;
}

#remote-container {
  display: flex;
}

#remote-container video {
  height: auto;
  position: relative !important;
}

/* video calling css end */

.pre-line-word-break {
  white-space: pre-line;
  word-break: break-all;
}

/* ======================== start: addnew_qa_modal_popup ======================== */
.addnew_qa_modal_popup .conbx textarea.form-control {
  min-height: 60px;
  max-height: 120px;
  resize: none;
}

.questiontypeselect_after_box {
  display: none;
}

.questiontypeselect_after_box.show {
  display: block;
}

/* ======================== end: addnew_qa_modal_popup ======================== */
/* ======================== start: qacreate_new_flow ======================== */
.qacreate_new_flow .header__Part .nav-tabs-navigation {
  margin: 15px 0 20px;
  background: #f5f5f5;
  border-bottom: 2px solid #e2e2e2;
}

.qacreate_new_flow .header__Part .nav-tabs-navigation .nav-tabs-wrapper {
  margin-bottom: 0;
}

.qacreate_new_flow .header__Part .nav-tabs-navigation .nav-tabs-wrapper .nav-tabs {
  justify-content: center;
}

.qacreate_new_flow .header__Part .nav-tabs-navigation .nav-tabs-wrapper .nav-tabs .nav-item:not(:first-child) {
  padding-left: 35px;
}

.qacreate_new_flow .header__Part .nav-tabs-navigation .nav-tabs-wrapper .nav-tabs .nav-item .nav-link {
  padding: 10px 16px 10px;
  position: relative;
  color: #000;
}

.qacreate_new_flow .header__Part .nav-tabs-navigation .nav-tabs-wrapper .nav-tabs .nav-item .nav-link.active {
  color: #000;
}

.qacreate_new_flow .header__Part .nav-tabs-navigation .nav-tabs-wrapper .nav-tabs .nav-item .nav-link.active::before {
  display: none !important;
}

.qacreate_new_flow .header__Part .nav-tabs-navigation .nav-tabs-wrapper .nav-tabs .nav-item .nav-link.active::after {
  content: "";
  clear: both;
  border: unset;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 3px solid #1b7bbd;
}

.qacreate_new_flow .header__Part {
  font-family: 'Montserrat', sans-serif;
}

.qacreate_new_flow .addWorkflow__multiple {
  display: flex;
  width: 300%;
  overflow-y: hidden;
  overflow-x: scroll;
  flex-direction: column;
  align-items: center;
}

.qacreate_new_flow .addWorkflow__multiple .title__label {
  width: 100%;
  background-color: #eee;
  padding: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: text;
}

.qacreate_new_flow .addWorkflow__multiple .title__label a {
  color: #666;
  padding: 11px 45px;
  background-color: #fff;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
}

.qacreate_new_flow .solid__timeline {
  position: relative;
  margin-bottom: 42px;
}

.qacreate_new_flow .solid__timeline .solid__timeline-down_arow {
  position: absolute;
  bottom: -44.5px;
  left: 50%;
  transform: translateX(-50%);
  width: 16px;
  z-index: 2;
}

.qacreate_new_flow .solid__timeline .solid__timeline-down_arow path {
  fill: #e2e2e2;
}

.qacreate_new_flow .solid__timeline::after {
  content: "";
  clear: both;
  bottom: -38px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  height: 38px;
  width: 1px;
  border-left: 1px solid #d2d2d2;
}

.qacreate_new_flow .addPlus__btn {
  line-height: 0;
  z-index: 1;
}

.qacreate_new_flow .addPlus__btn svg {
  width: 16px;
  height: 16px;
}

.qacreate_new_flow .addPlus__btn svg path {
  fill: #222;
}

.qacreate_new_flow .dashed__timeline {
  position: relative;
  margin-bottom: 29px;
}

.qacreate_new_flow .dashed__timeline::after {
  content: "";
  clear: both;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  height: 29px;
  width: 1px;
  border-left: 2px dashed #d2d2d2;
}

.qacreate_new_flow .text_label1 {
  display: block;
  font-size: 12px;
  color: #000;
  border: 1px solid #d2d2d2;
  padding: 5px 7px;
  border-radius: 5px;
  z-index: 1;
  font-family: 'Montserrat', sans-serif;
}

.qacreate_new_flow .actionSelected__Box {
  min-width: 50px;
  height: 29px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  font-size: 12px;
  color: #000;
  z-index: 1;
  text-align: center;
  padding: 3px 3px;
  font-family: 'Montserrat', sans-serif;
}

.qacreate_new_flow .actionSelected__Box.question {
  width: unset;
  overflow-wrap: break-word;
  word-wrap: break-word;
  min-width: 180px;
  height: unset;
  min-height: 29px;
  max-height: 60px;
}

.qacreate_new_flow .actionSelected__Box.question span {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.qacreate_new_flow .actionSelected__Box i {
  margin-right: 7px;
}


.qacreate_new_flow .actionSelected__Box svg {
  width: 14px;
  height: 14px;
  margin-right: 7px;
}

.qacreate_new_flow .actionSelected__Box svg path {
  fill: #000;
}

.qacreate_new_flow .actionSelected__Box black__Color {
  color: black;
  border-color: black;
}

.qacreate_new_flow .actionSelected__Box black__Color path {
  fill: black
}

.qacreate_new_flow .actionSelected__Box.blue__Color {
  color: blue;
  border-color: blue;
}

.qacreate_new_flow .actionSelected__Box.blue__Color path {
  fill: blue;
}

.qacreate_new_flow .actionSelected__Box.green__Color {
  color: green;
  border-color: green;
}

.qacreate_new_flow .actionSelected__Box.green__Color path {
  fill: green;
}

.qacreate_new_flow .actionSelected__Box.orange__Color {
  color: orange;
  border-color: orange;
}

.qacreate_new_flow .actionSelected__Box.orange__Color path {
  fill: orange;
}

.sequenceBuilder__Sidebar {
  position: fixed;
  top: 0;
  right: 0;
  width: 480px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
  z-index: 9999999999;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  display: none;
  font-family: 'Montserrat', sans-serif;
}

.sequenceBuilder__Sidebar h1,
.sequenceBuilder__Sidebar h2,
.sequenceBuilder__Sidebar h3,
.sequenceBuilder__Sidebar h4,
.sequenceBuilder__Sidebar h5,
.sequenceBuilder__Sidebar h6,
.sequenceBuilder__Sidebar p,
.sequenceBuilder__Sidebar ul,
.sequenceBuilder__Sidebar li,
.sequenceBuilder__Sidebar figure {
  margin: 0;
  padding: 0;
}

.sequenceBuilder__Sidebar ul,
.sequenceBuilder__Sidebar li {
  list-style: none;
}

.sequenceBuilder__Sidebar.show {
  display: block;
  visibility: visible;
}

.sequenceBuilder__Sidebar .header__Part {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px 18px;
  background-color: #3b3f51;
}

.sequenceBuilder__Sidebar .header__Part .left__Box h3 {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}

.sequenceBuilder__Sidebar .header__Part .left__Box h5 {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  padding-top: 5px;
}

.sequenceBuilder__Sidebar .header__Part .right__Box .sequenceBuilder__Sidebar_close {
  outline: none;
  border: none;
  background-color: transparent;
}

.sequenceBuilder__Sidebar .header__Part .right__Box .sequenceBuilder__Sidebar_close img {
  width: 14px;
}

.sequenceBuilder__Sidebar .body__Part {
  height: calc(100% - 83px);
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}

.sequenceBuilder__Sidebar .body__Part .actions__lists {
  padding: 15px 15px;
}

.sequenceBuilder__Sidebar .body__Part .actions__lists figure {
  display: flex;
  align-items: center;
  width: 100%;
  border: 1px solid #dddddd;
  cursor: pointer;
}

.sequenceBuilder__Sidebar .body__Part .actions__lists figure:not(:first-child) {
  margin-top: 7px;
}

.sequenceBuilder__Sidebar .body__Part .actions__lists figure .icon-container {
  background-color: #21252d;
  width: 31px;
  height: 29px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #fff;
}

.sequenceBuilder__Sidebar .body__Part .actions__lists figure .icon-container svg {
  width: 16px;
  height: 16px;
}

.sequenceBuilder__Sidebar .body__Part .actions__lists figure .icon-container svg path {
  fill: #fff;
}

.sequenceBuilder__Sidebar .body__Part .actions__lists figure figcaption {
  width: calc(100% - 31px);
  padding-left: 10px;
  font-size: 14px;
  text-transform: capitalize;
}

.sequenceBuilder__Sidebar .body__Part .ftr_action_btns {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid #e2e2e2;
  padding: 10px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.sequenceBuilder__Sidebar .body__Part .ftr_action_btns a {
  border: 1px solid #e2e2e2;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 66px;
  height: 35px;
  font-size: 14px;
  text-transform: capitalize;
  border-radius: 5px;
}

.sequenceBuilder__Sidebar .body__Part .ftr_action_btns a:not(:last-child) {
  margin-right: 7px;
}

.sequenceBuilder__Sidebar .body__Part .ftr_action_btns a.cancleBtn {
  color: #000;
  font-weight: 500;
}

.sequenceBuilder__Sidebar .body__Part .ftr_action_btns a.saveBtn {
  background-color: #2f950d;
  color: #fff;
}

.sequenceBuilder__Sidebar .body__Part .fix-row {
  margin: 0 -5px;
}

.sequenceBuilder__Sidebar .body__Part .fix-row .fix-col {
  padding: 0 10px;
}

.sequenceBuilder__Sidebar .body__Part .form-group label {
  font-size: 14px;
  color: #000;
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
}

.sequenceBuilder__Sidebar .body__Part .form-group .text-uppercase {
  font-size: 13px;
}

.sequenceBuilder__Sidebar .body__Part .form-group .form-control {
  font-size: 14px;
  color: #000;
  font-weight: 500;
  padding: 0 10px;
  height: 38px;
}

.sequenceBuilder__Sidebar .body__Part .form-group textarea.form-control {
  padding: 10px 10px;
  height: 150px;
  resize: none;
}

.sequenceBuilder__Sidebar .body__Part .sms__Send .tab__nav {
  display: flex;
}

.sequenceBuilder__Sidebar .body__Part .sms__Send .tab__nav li {
  width: 50%;
}

.sequenceBuilder__Sidebar .body__Part .sms__Send .tab__nav li a,
.sequenceBuilder__Sidebar .body__Part .sms__Send .tab__nav li a:focus {
  padding: 12px;
  display: flex;
  text-align: center;
  justify-content: center;
  background-color: #f5f5f5;
  border: 1px solid #e2e2e2;
  color: #888888;
}

.sequenceBuilder__Sidebar .body__Part .sms__Send .tab__nav li a.active,
.sequenceBuilder__Sidebar .body__Part .sms__Send .tab__nav li a:focus.active {
  background-color: #fff;
  border-color: #f5f5f5;
  color: #000;
}

.sequenceBuilder__Sidebar .body__Part .sms__Send .tab__container {
  padding: 15px;
  height: calc(100vh - 189px);
  overflow-x: hidden;
  overflow-y: auto;
}

.sequenceBuilder__Sidebar .body__Part .sms__Send .tab__container .message__withActionbox {
  position: relative;
}

.sequenceBuilder__Sidebar .body__Part .sms__Send .tab__container .message__withActionbox .message__actions {
  border: 1px solid #E3E3E3;
  border-bottom: 0;
  width: 100%;
  padding: 10px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.sequenceBuilder__Sidebar .body__Part .sms__Send .tab__container .message__withActionbox .form-control {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.sequenceBuilder__Sidebar .body__Part .sms__Send .tab__container .message__withActionbox.wordcount .form-control {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.sequenceBuilder__Sidebar .body__Part .sms__Send .tab__container .message__withActionbox.wordcount .total__words {
  font-size: 11px !important;
  border: 1px solid #E3E3E3;
  border-top: 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.sequenceBuilder__Sidebar .body__Part .sms__Send .tab__container .addAttachmentBtn {
  font-size: 14px;
  color: #fff;
  width: 210px;
  padding: 7px;
  background-color: #2f950d;
  position: relative;
  overflow: hidden;
  display: block;
  text-align: center;
  border-radius: 5px;
}

.sequenceBuilder__Sidebar .body__Part .sms__Send .tab__container .addAttachmentBtn input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
}

.sequenceBuilder__Sidebar .body__Part .wait__contant {
  padding: 15px;
}

.disabled__form-control {
  position: relative;
}

.disabled__form-control::after {
  content: "";
  clear: both;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.custom__chekagr1 {
  appearance: none;
  width: 36px;
  height: 17px;
  background: #eee;
  border-radius: 30px;
  position: relative;
  cursor: pointer;
}

.custom__chekagr1::before {
  content: "";
  clear: both;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 2.2px;
  left: 3px;
  background: #fff;
  border-radius: 50%;
}

.custom__chekagr1:checked {
  background-color: #2f950d;
}

.custom__chekagr1:checked::before {
  left: unset;
  right: 3px;
}

.endtext {
  color: #21252d !important;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.qacreate_new_flow .multiple_single_end {
  width: calc(100% - 13px);
  display: flex;
  margin-left: -8px;
  margin-right: -8px;
  position: relative;
  flex-wrap: wrap;
}

.qacreate_new_flow .multiple_single_end::before {
  content: '';
  clear: both;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 30px);
  border-top: 1px solid #d2d2d2;
}

.qacreate_new_flow .dashed__timeline_top {
  padding-top: 30px;
}

.qacreate_new_flow .dashed__timeline_top::after {
  content: "";
  clear: both;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  height: 29px;
  width: 1px;
  border-left: 2px dashed #d2d2d2;
}

.sequenceBuilder__Sidebar .lists_afterchosebox {
  display: none;
}

.sequenceBuilder__Sidebar .lists_afterchosebox.show {
  display: block;
}

.qacreate_new_flow .multiple_actionSelected__Box {
  display: flex;
  margin: 0 -8px;
  position: relative;
}

.qacreate_new_flow .multiple_actionSelected__Box.full-width {
  width: 100%;
  display: flex;
  justify-content: space-around;
}

.qacreate_new_flow .multiple_actionSelected__Box::before {
  content: '';
  clear: both;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 30px);
  border-top: 1px solid #d2d2d2;
}

.qacreate_new_flow .multiple_actionSelected__Box .ml_actSel_inbox {
  padding: 0 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
}



.qacreate_new_flow .solid__timeline_top {
  position: relative;
  padding-top: 29px !important;
}

.qacreate_new_flow .solid__timeline_top .solid__timeline-down_arow {
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
  width: 16px;
  z-index: 2;
}

.qacreate_new_flow .solid__timeline_top .solid__timeline-down_arow path {
  fill: #e2e2e2;
}


.qacreate_new_flow .solid__timeline_top::after {
  content: "";
  clear: both;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  height: 29px;
  width: 1px;
  border-left: 1px solid #d2d2d2;
}

.qacreate_new_flow .qacreate_new_flow_submit .btn {
  margin: 0;
}

.sequenceBuilder__Sidebar .table_qstselectbtn {
  background-color: #40AD98;
  color: #fff;
  font-weight: 400;
  border-radius: 30px !important;
  font-size: 15px;
  margin-top: 7px;
  padding: 10px 56px;
  transition: 0.3s all ease-in-out;
  margin-bottom: 15px;
  display: inline-block;
  border: 2px solid transparent;
  font-family: 'Montserrat', sans-serif;
}

.sequenceBuilder__Sidebar .actionbar {
  padding: 15px 15px 0;
}

.sequenceBuilder__Sidebar .actionbar .lists_afterchose_backbtn1 {
  background-color: transparent;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  outline: none;
  border: 1px solid #21252d;
  color: #3b3f51;
  font-size: 14px;

}


.sequenceBuilder__Sidebar .lists_after_chosebox_form {
  padding: 15px 15px 0;
}

.sequenceBuilder__Sidebar .actionbtndiv .tabsavebtn {
  background-color: #40AD98;
  color: #fff;
  font-weight: 400;
  border-radius: 30px;
  font-size: 14px;
  padding: 8px 40px;
  transition: 0.3s all ease-in-out;
  display: inline-block;
  border: 2px solid transparent;
  font-family: 'Montserrat', sans-serif;
}

.sequenceBuilder__Sidebar .actionbtndiv .tabsavebtn:hover {
  background-color: transparent;
  border-color: #40AD98;
  color: #40AD98;
}

.sequenceBuilder__Sidebar .bootstrap-tagsinput {
  width: 100%;
}

.sequenceBuilder__Sidebar .bootstrap-tagsinput .tag span {
  position: unset;
}

.sequenceBuilder__Sidebar .bootstrap-tagsinput .tag.label-info {
  background-color: #3b3f51;
  text-transform: capitalize;
  padding: 8px;
}

.sequenceBuilder__Sidebar .bootstrap-tagsinput .tag [data-role="remove"] {
  background-color: #21252d;
}

.sequenceBuilder__Sidebar .show-video-uploader {
  width: 80px;
  height: 80px;
  border: 1px solid #21252d;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  margin: 0 auto;
  position: relative;
}

.sequenceBuilder__Sidebar .show-video-uploader i {
  font-size: 30px;
  color: #3b3f51;
}

.sequenceBuilder__Sidebar .show-video-uploader input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

/*.sequenceBuilder__Sidebar .show-video-uploader-prev {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}*/

.sequenceBuilder__Sidebar .show-video-uploader-prev .prev-box {
  width: 50%;
  padding: 0 5px;
  position: relative;
  margin-top: 20px;
}

.sequenceBuilder__Sidebar .show-video-uploader-prev .prev-box video,
.sequenceBuilder__Sidebar .show-video-uploader-prev .prev-box iframe {
  width: 100%;
  height: 125px;
}

.sequenceBuilder__Sidebar .show-video-uploader-prev .prev-box .prev-box-close {
  outline: none;
  border: none;
  position: absolute;
  top: -7px;
  right: -2px;
  background-color: #ffffff;
  color: #21252d;
  font-size: 12px;
  border-radius: 50%;
  width: 17px;
  height: 17px;
}

.sequenceBuilder__Sidebar .connet_user_lists .cul-col:not(:first-child) {
  margin-top: 8px;
}

.sequenceBuilder__Sidebar .connet_user_lists .cul-col {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 8px;
  border: #ccc 1px solid;
  border-radius: 8px;
}

.sequenceBuilder__Sidebar .connet_user_lists .cul-col figure {
  width: calc(100% - 60px);
  display: flex;
  align-items: center;
}

.sequenceBuilder__Sidebar .connet_user_lists .cul-col figure .img-container {
  width: 38px;
  height: 38px;
  position: relative;
}

.sequenceBuilder__Sidebar .connet_user_lists .cul-col figure .img-container img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.sequenceBuilder__Sidebar .connet_user_lists .cul-col figure figcaption {
  width: calc(100% - 38px);
  padding-left: 10px;
}

.sequenceBuilder__Sidebar .connet_user_lists .cul-col figure figcaption h5 {
  font-size: 15px;
  font-weight: 600;
}

.sequenceBuilder__Sidebar .connet_user_lists .cul-col figure figcaption h6 {
  padding-top: 5px;
  font-size: 12px;
  font-weight: 500;
}

.sequenceBuilder__Sidebar .connet_user_lists .cul-col .action-div button {
  outline: none;
  border: none;
  background-color: transparent;
  color: #21252d;
  font-weight: 600;
}

.sequenceBuilder__Sidebar .connet_user_lists.fr-team .cul-col figure figcaption {
  padding: 0;
  width: 100%;
}

.sequenceBuilder__Sidebar .lists_after_chosebox_form .subtitle3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: capitalize;
}

.sequenceBuilder__Sidebar .qacreate_addtag_preview {
  border-top: 1px solid #ccc;
  margin-top: 16px;
  padding-top: 16px;
}

.sequenceBuilder__Sidebar .qacreate_addtag_preview h4 {
  color: #3fad97;
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 600;
  padding: 0 20px;
}

.sequenceBuilder__Sidebar .qacreate_addtag_preview .toclearflot {
  margin: 0 -16px;
}

.sequenceBuilder__Sidebar .qacreate_addtag_preview .toclearflot li {
  padding: 0 16px;
}

/* ======================== end: qacreate_new_flow ======================== */
/* ======================== start: custom_qa_chatbot ======================== */
.Questionnaire-container {
  height: 100%;
}

.custom_qa_chatbot {
  height: calc(100% - 32px);
  position: relative;
}

.custom_qa_chatbot-messages-body {
  height: calc(100% - 115px);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 16px 8px 24px;
}


.custom_qa_chatbot-messages-body::-webkit-scrollbar {
  width: 8px;
  background: #eee;
  height: 100%;
}

.custom_qa_chatbot-messages-body::-webkit-scrollbar-thumb {
  background: #3b3f51;
  border-radius: 4px;
  border-radius: 4px;
}

.custom_qa_chatbot-messages-body::-webkit-scrollbar-thumb:hover {
  background: #21252d;
  border-radius: 4px;
}

.custom_qa_chatbot-messages-body .custom-chatBot-timeline {
  outline: none;
  border: none;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #828282;
  background: #F6F6F6;
  border-radius: 30px;
  display: table;
  margin: 0 auto 17px;
  padding: 4.2px 16px;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col {
  display: block;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col:not(:last-child) {
  margin-bottom: 15px;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col.reverse-direction figure {
  flex-direction: row-reverse;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col.reverse-direction figure figcaption {
  align-items: flex-end;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col.reverse-direction figure figcaption p {
  background: #eff2f7;
  border-radius: 10px 0px 10px 10px;
  color: #3b3f51;
  max-width: calc(100% - 20px);
}

.custom_qa_chatbot-messages-body .chatBot-messages-col.reverse-direction figure figcaption h5 {
  display: flex;
  justify-content: flex-end;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col figure {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col figure .image-container {
  width: 35px;
  height: 35px;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col figure .image-container img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col figure figcaption {
  width: calc(100% - 48px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col figure figcaption p {
  font-family: 'Montserrat', sans-serif;
  margin: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
  max-width: 100%;
  background: #3b3f51;
  border-radius: 0px 10px 10px 10px;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #FFFFFF;
  padding: 14px 15px 14px 16px;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col figure figcaption h5 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 350;
  font-size: 13px;
  line-height: 22px;
  color: #5F6775;
  padding-top: 8px;
}


.custom_qa_chatbot-messages-body .chatBot-messages-col.reverse-direction figure figcaption {
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col.reverse-direction figure figcaption .chat_time {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col figure figcaption .chat_time {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  margin: 0 0 -2px;
  color: #3b3f51;
}

.custom_qa_chatbot-messages-body .chatbot_messagge_body_actions {
  width: 100%;
  max-width: 283px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -6px;
  padding-top: 5px;
}

.custom_qa_chatbot-messages-body .chatbot_messagge_body_actions_col {
  width: 50%;
  padding: 0 6px;
  margin-top: 10px;
}

.custom_qa_chatbot-messages-body .chatbot_messagge_body_actions .payloadSendMsg {
  background: #FFFFFF;
  border: 1px solid #3b3f51;
  box-sizing: border-box;
  border-radius: 5px;
  width: 100%;
  height: 38.66px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 13px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
  color: #3b3f51;
  text-decoration: none;
}


.chatbot_messagge_faq {}

.chatbot_messagge_faq .card .btn-link {
  color: #000;
  font-size: 15px;
}

.chatbot_messagge_faq .card {
  background: #f8f8f8;
  border-radius: 5px;
  padding: 0px 10px;
  font-family: 'Montserrat', sans-serif;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col .chatbot_messagge_faq .card p {
  padding: 0;
  background-color: transparent;
  color: #3b3f51;
  border-radius: unset;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col .custom_qa_chatbot_table table {
  width: 100%;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col .custom_qa_chatbot_table table thead {
  background-color: #3b3f51;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col .custom_qa_chatbot_table table thead tr th {
  padding: 8px;
  color: #fff;
  font-weight: 500;
  text-transform: capitalize;
  font-size: 14px;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col .custom_qa_chatbot_table table tbody tr td {
  padding: 8px;
  border: 1px solid #ddd;
  font-size: 14px;
  color: #3b3f51;
  font-weight: 500;
}

/* ======================== end: custom_qa_chatbot ======================== */

/* start: css by somnath 27/07/2021 */
.lists_afterchosebox .serchinput .form-control {
  width: 100%;
}

.lists_afterchosebox .all_youtube_video .youtube_video_each {
  width: 100%;
  max-width: 100%;
}

.qacreate_new_flow .nodeIndex_number {
  position: absolute;
  top: calc(-100% - -4px);
  left: 50%;
  pointer-events: none;
  transform: translateX(-50%);
}

.qacreate_new_flow .nodeIndex_number span {
  position: relative;
  background-color: #3b3f51;
  color: #fff;
  min-width: 22px;
  max-width: 100px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  border-radius: 8px;
  z-index: 5;
  padding: 0 5px;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

/*
.qacreate_new_flow .nodeIndex_number span::after {
        content: "";
    position: absolute;
    top: calc(100% + 0px);
    left: 50%;
    border-width: 5px;
    border-style: solid;
    border-color: #4c4f5e transparent transparent transparent;
    transform: translateX(-50%);
}
*/

/* end: css by somnath 27/07/2021 */
/* ======================== start: custom_qa_chatbot ======================== */
.Questionnaire-container {
  height: calc(100vh - 90px);
}

.custom_qa_chatbot {
  height: calc(100% - 32px);
  position: relative;
}

.custom_qa_chatbot-messages-body {
  height: calc(100% - 115px);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 16px 8px 24px;
}


.custom_qa_chatbot-messages-body::-webkit-scrollbar {
  width: 8px;
  background: #eee;
  height: 100%;
}

.custom_qa_chatbot-messages-body::-webkit-scrollbar-thumb {
  background: #3b3f51;
  border-radius: 4px;
  border-radius: 4px;
}

.custom_qa_chatbot-messages-body::-webkit-scrollbar-thumb:hover {
  background: #21252d;
  border-radius: 4px;
}

.custom_qa_chatbot-messages-body .custom-chatBot-timeline {
  outline: none;
  border: none;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #828282;
  background: #F6F6F6;
  border-radius: 30px;
  display: table;
  margin: 0 auto 17px;
  padding: 4.2px 16px;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col:not(:last-child) {
  margin-bottom: 15px;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col.reverse-direction figure {
  flex-direction: row-reverse;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col.reverse-direction figure figcaption {
  align-items: flex-end;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col.reverse-direction figure figcaption p {
  background: #3b3f51;
  border-radius: 10px 0px 10px 10px;
  color: #ffffff;
  max-width: calc(100% - 20px);
}

.custom_qa_chatbot-messages-body .chatBot-messages-col.reverse-direction figure figcaption p a {
  color: #fff;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col.reverse-direction figure figcaption h5 {
  display: flex;
  justify-content: flex-end;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col figure {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col figure .image-container {
  width: 35px;
  height: 35px;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col figure .image-container img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col figure figcaption {
  width: calc(100% - 48px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col figure figcaption p {
  font-family: 'Montserrat', sans-serif;
  margin: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
  max-width: 100%;
  background: #e9ecf3;
  border-radius: 0px 10px 10px 10px;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #000;
  padding: 14px 15px 14px 16px;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col figure figcaption h5 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 350;
  font-size: 13px;
  line-height: 22px;
  color: #5F6775;
  padding-top: 8px;
}


.custom_qa_chatbot-messages-body .chatBot-messages-col.reverse-direction figure figcaption {
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col.reverse-direction figure figcaption .chat_time {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col figure figcaption .chat_time {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  margin: 0 0 -2px;
  color: #3b3f51;
}

.custom_qa_chatbot-messages-body .chatbot_messagge_body_actions {
  width: 100%;
  max-width: 90%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -6px;
  padding-top: 5px;
}

.custom_qa_chatbot-messages-body .chatbot_messagge_body_actions_col {
  width: auto;
  padding: 0 6px;
  margin-top: 10px;
  position: relative;
}

.custom_qa_chatbot-messages-body .chatbot_messagge_body_actions .payloadSendMsg {
  background: #FFFFFF;
  border: 1px solid #3b3f51;
  box-sizing: border-box;
  border-radius: 5px;
  width: 100%;
  height: 38.66px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 13px;
  letter-spacing: 0.05em;
  text-transform: capitalize;
  cursor: pointer;
  color: #3b3f51;
  text-decoration: none;
  padding: 0 16px;
}

.custom_qa_chatbot-messages-body .chatbot_messagge_body_actions_col input[type=checkbox],
.custom_qa_chatbot-messages-body .chatbot_messagge_body_actions_col input[type=radio] {
  position: absolute;
  top: 0;
  left: 50%;
  width: calc(100% - 12px);
  transform: translateX(-50%);
  height: 100%;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: none;
  cursor: pointer;
}

.custom_qa_chatbot-messages-body .chatbot_messagge_body_actions_col input[type=checkbox]:checked~.payloadSendMsg,
.custom_qa_chatbot-messages-body .chatbot_messagge_body_actions_col input[type=radio]:checked~.payloadSendMsg {
  background-color: #3b3f51;
  color: #fff;
}

.chatbot_messagge_faq .card .btn-link {
  color: #000;
  font-size: 15px;
}

.chatbot_messagge_faq .card {
  background: #f8f8f8;
  border-radius: 5px;
  padding: 0px 10px;
  font-family: 'Montserrat', sans-serif;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col .chatbot_messagge_faq .card p {
  padding: 0;
  background-color: transparent;
  color: #3b3f51;
  border-radius: unset;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col .custom_qa_chatbot_table {
  padding-top: 8px;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col .custom_qa_chatbot_table table {
  width: 100%;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col .custom_qa_chatbot_table table thead {
  background-color: #3b3f51;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col .custom_qa_chatbot_table table thead tr th {
  padding: 8px;
  color: #fff;
  font-weight: 500;
  text-transform: capitalize;
  font-size: 14px;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col .custom_qa_chatbot_table table tbody tr td {
  padding: 8px;
  border: 1px solid #ddd;
  font-size: 14px;
  color: #3b3f51;
  font-weight: 500;
}

.custom_qa_chatbot .chat-type-section .chat-attactment-box .chat-attachment-left .attachment-btn-listing {
  display: none;
}

.custom_qa_chatbot .chat-type-section .chat-attactment-box {
  display: none;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col .custom_qa_chatbot_products {
  margin-top: 8px;
  width: 90%;
  background: #e9ecf3;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col .custom_qa_chatbot_products .products_heading {
  display: flex;
  align-items: center;
  padding: 8px 8px;
  background: #fff;
  margin-bottom: 8px;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col .custom_qa_chatbot_products .products_heading img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  object-position: center;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col .custom_qa_chatbot_products .products_heading h5 {
  margin: 0;
  padding: 0;
  width: calc(100% - 100px);
  padding-left: 15px;
  font-size: 15px;
  color: #000;
  font-weight: 600;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col .custom_qa_chatbot_products .products_heading i {
  color: #3b3f51;
  font-size: 14px;
  margin-left: auto;
  cursor: pointer;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col .products_lists .products_list-col {
  margin-bottom: 8px;
  padding: 8px 8px;
  background: #fff;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col .products_lists .products_list-col:last-child {
  margin-bottom: 0;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col .products_lists .products_list-col .products_list-info {
  display: flex;

}

.custom_qa_chatbot-messages-body .chatBot-messages-col .products_lists .products_list-col .products_list-info .pro_img {
  width: 80px;
  height: 80px;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col .products_lists .products_list-col .products_list-info .pro_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col .products_lists .products_list-col .products_list-info .pro_text {
  width: calc(100% - 80px);
  padding-left: 15px;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col .products_lists .products_list-col .products_list-info .pro_text h4 {
  font-size: 15px;
  color: #000;
  font-weight: 600;
  margin: 0;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col .products_lists .products_list-col .products_list-info .pro_text p {
  font-size: 14px;
  color: #3b3f51;
  font-weight: 400;
  margin: 4px 0 0;
  background: unset;
  padding: unset;
  border-radius: 0;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col .products_lists .products_list-col .products_list-info .pro_text h5 {
  font-size: 14px;
  color: #000;
  font-weight: 600;
  margin: 0;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col .products_lists .products_list-col .products_list-action {
  border-top: 1px solid #999;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0 0;
  margin-top: 8px;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col .products_lists .products_list-col .products_list-action .procartbtn {
  font-weight: 600;
  font-size: 15px;
  color: #3b3f51;
  background: none;
  outline: none;
  border: none;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col .products_lists .products_list-col .products_list-action .leboxaction {
  display: flex;
  align-items: center;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col .products_lists .products_list-col .products_list-action .leboxaction button {
  border: none;
  outline: none;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col .products_lists .products_list-col .products_list-action .leboxaction button.circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  background: #3b3f51;
  color: #fff;
}

.custom_qa_chatbot-messages-body .chatBot-messages-col .products_lists .products_list-col .products_list-action .leboxaction span {
  display: block;
  margin: 0 8px;
  color: #000;
  font-size: 14px;
}

/* ======================== end: custom_qa_chatbot ======================== */

/* ============= end: update chatbot 02/08/2021 ============= */
/* ============= start: update chatbot 18/08/2021 ============= */
.chatbot-replay-preview-box {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
  background: #ffffff;
  width: calc(100% - 4.3vw);
  text-align: left;
  padding: 8px 32px 8px 8px;
  border-radius: 5px;
  box-shadow: -1px 2px 9px 0px #9c9c9c;
  height: 0;
  visibility: hidden;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.chatbot-replay-preview-box.show {
  visibility: visible;
  height: auto;
  min-height: 100%;
}

.chatbot-replay-preview-box .crpb-remove {
  cursor: pointer;
  padding: 0;
  position: absolute;
  right: 1px;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  width: 26px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #3b3f51;
  color: #fff;

}

.chatbot-replay-preview-box .crpb-remove i {
  font-size: 18px !important;
}

.chatbot-replay-preview-box p {
  font-family: 'Montserrat', sans-serif;
  margin: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
  max-width: 100%;
  border-radius: 11px 5px 5px 5px;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #000;
}

.chatbot-replay-preview-box .chatbot_messagge_body_actions {
  width: 100%;
  max-width: 90%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -6px;
}

.chatbot-replay-preview-box .chatbot_messagge_body_actions_col {
  width: auto;
  padding: 0 6px;
  margin-top: 10px;
  position: relative;
  display: flex;
  align-items: center;
}

.chatbot-replay-preview-box .chatbot_messagge_body_actions_col .remove-option {
  cursor: pointer;
  color: #fff;
  margin: 0 0 0 -4px;
  display: flex;
  background: #3b3f51;
  justify-content: center;
  align-items: center;
  height: 100%;
  border-left: 1px solid #d2d2d2;
  border-radius: 0 5px 5px 0;
  z-index: 2;
}

.chatbot-replay-preview-box .chatbot_messagge_body_actions_col .remove-option i {
  font-size: 20px !important;
}

.chatbot-replay-preview-box .chatbot_messagge_body_actions_col input[type=radio],
.chatbot-replay-preview-box .chatbot_messagge_body_actions_col input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: none;
  cursor: pointer;
  visibility: hidden;
}

.chatbot-replay-preview-box .chatbot_messagge_body_actions .payloadSendMsg {
  background: #FFFFFF;
  border: 1px solid #3b3f51;
  box-sizing: border-box;
  border-radius: 5px;
  width: 100%;
  height: 38.66px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 13px;
  letter-spacing: 0.05em;
  text-transform: capitalize;
  cursor: pointer;
  color: #3b3f51;
  text-decoration: none;
  padding: 0 16px;
}

.chatbot-replay-preview-box input[type=checkbox]:checked~.payloadSendMsg,
.chatbot-replay-preview-box input[type=radio]:checked~.payloadSendMsg {
  background-color: #3b3f51;
  color: #fff;
}

.chatbot-replay-preview-box {}

/* ============= end: update chatbot 18/08/2021 ============= */
/* ============= start: update 10/09/2021 ============= */
.chat_contaners_div.update2_1 .chat-view-div .chat-row .chat-content.white-bg .chat-content-inner {
  width: unset;
  max-width: calc(100% - 40px);
}

.chat_contaners_div.update2_1 .chat-view-div .chat-row .chat-content {
    width: unset;
    max-width: calc(100% - 36px);
    padding-left: 10px;
}
.chat_contaners_div.update2_1  .chat-view-div .chat-row{
    align-items: flex-start;
}
.chat_contaners_div.update2_1 .chat-view-div .chat-row .chat-user-icon{
    width: 36px;
}
.chat_contaners_div.update2_1  .custom_qa_chatbot-messages-body{
    height:unset;
    overflow-x: unset;
    overflow-y: unset;
    padding: unset;
    max-width: 100%;
}
.chat_contaners_div.update2_1 .chat-view-div .chat-row .chat-content.white-bg .chat-content-inner p{
    width: unset;
    font-family: unset;
    background: unset;
    border-radius:unset;
    font-weight: unset;
    font-size: unset;
    line-height: unset;
    color: unset;
    padding: unset;
}
.chat_contaners_div.update2_1 .custom_qa_chatbot-messages-body .chatBot-messages-col figure figcaption {
    width: 100%;
}
.chat_contaners_div.update2_1 .custom_qa_chatbot-messages-body.user-leadchat-box .chatbot_messagge_body_actions {
    margin-left: 0px !important;
    max-width: unset;
}
.chat_contaners_div.update2_1 .chat-view-div .chat-row .chat-content.white-bg .chat-content-inner{
    background-color: #e9ecf3;
}
.chat_contaners_div.update2_1 .seen-status{
    flex-direction: column-reverse;
    padding-left: 42px;
    align-items: flex-start;
    justify-content: flex-start;
}
.chat_contaners_div.update2_1 .chat-view-div .each_chats.me .seen-status{
    align-items: flex-end;
}
.chat_contaners_div.update2_1 .chat-view-div .each_chats.me .chat-row .chat-content .chat-content-inner {
    background-color: #23334c;
    color: #ffffff;
    box-shadow: 0px 0px 19px 2px rgb(35 51 76 / 31%);
}
.chat_contaners_div.update2_1 .chat-view-div .msg-time{
    margin: 5px 0 0;
    text-align: unset;
    width: unset;
}
.chat_contaners_div.update2_1 .chat-view-div .chat-row .chat-content .chat-content-inner{
         flex-direction: unset; 
     justify-content: unset;
}
.chat_contaners_div.update2_1 .chatbot_messagge_faq .card .btn-link{
    overflow-wrap: break-word;
    word-wrap: break-word;
    white-space: pre-wrap;
    display: flex;
}
.chat_contaners_div.update2_1 .chatbot_messagge_faq .card .btn-link .testspan{
    max-width: calc(100% - 30px);
    text-align: left;
    padding-left: 8px;
}
.chat_contaners_div.update2_1 .chat-content-inner .plusbtnacc{
        position: static;
        transform: translate(0);
        width: unset;
        height: unset;
}
.chat_contaners_div.update2_1 .chat-content-inner .plusbtnacc i{
    font-size: 16px;
    left: 0;
    top: 0;
}
.chat_contaners_div.update2_1 .ticketinfo button{
    position: static;
    padding: 0 0 0 6px;
}
.chat_contaners_div.update2_1 .ticketinfo {
    margin: -6px 0 8px;
}
.chat_contaners_div.update2_1 .conversation-box-container{
position: relative;
}
.chat_contaners_div.update2_1 .conversation-box-container .current-session-warning{
    position: absolute;
    left: 0;
    width: calc(100% - 20px);
    z-index: 99;
}
/* ============= end: update 10/09/2021 ============= */

app-user-image-avatar {
  display: block;
}

.ql-container span.faq-entry {
  border-radius: 5px;
  padding: 0px 10px;
  font-family: 'Montserrat', sans-serif;
  width: 100%;
  display: flex;
  margin-bottom: 10px;
  flex-flow: column;
  border-radius: 4px;
  border: 1px solid rgba(35, 51, 75, 0.15);
  background: #F5F7FB;
  padding: 0;
}

.ql-container span.faq-entry .ql-faq-heading {
  display: flex;
  justify-content: space-between;
  color: #23334c;
  cursor: pointer;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  position: relative;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
  align-items: center;
  line-height: 14px;
  padding: 12px 12px;
  height: unset;
  box-shadow: none;
  background: transparent !important;
}

.ql-container span.faq-entry .ql-faq-heading .ql-faq-title {
  display: block;
  line-height: 14px;
}

.ql-container span.faq-entry .ql-faq-heading .ql-faq-arrow {
  width: 20px;
  height: 20px;
  margin-left: auto;
  display: block;
  position: relative;
}

.ql-container span.faq-entry .ql-faq-heading .ql-faq-arrow::before {
  content: "";
  position: absolute;
  background: url(../../assets/images/drop-arrow.svg) center/cover no-repeat;
  inset: 0;
}

.ql-container span.faq-entry .ql-faq-body {
  display: block;
  overflow: hidden;
  line-height: 18px;
  font-size: 13px;
  font-weight: 400;
  margin: 0;
  border: 0;
  width: 100%;
  padding: 14px 12px;
  background-color: #fff;
}

.ql-container span.ql-linkbtn-entry {
  border-radius: 5px;
  font-family: 'Montserrat', sans-serif;
  width: max-content;
  display: flex;
  margin-bottom: 10px;
  flex-flow: column;
  border-radius: 4px;
  padding: 0;
  border: none;
  background: transparent;
}

.ql-container span.ql-linkbtn-entry .ql-linkbtn-wrapper {
  display: flex;
}

.ql-container span.ql-linkbtn-entry .ql-linkbtn-wrapper .ql-linkbtn-anchor {
  display: inline-block;
}

.ql-container span.ql-linkbtn-entry .ql-linkbtn-wrapper .ql-linkbtn-anchor-btn {
  padding: 6px 12px;
  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: 1px solid transparent;
  border-radius: 4px;
  text-decoration: none;
}

.ql-container span.ql-linkbtn-entry .ql-linkbtn-wrapper .ql-linkbtn-anchor-btn-primary {
  color: #ffffff;
  background: #2196F3;
  border: 1px solid #2196F3;
}
.ql-container span.ql-linkbtn-entry .ql-linkbtn-wrapper .ql-linkbtn-anchor-btn-danger {
  color: #ffffff;
  background: #D32F2F;
  border: 1px solid #D32F2F;
}
.ql-container span.ql-linkbtn-entry .ql-linkbtn-wrapper .ql-linkbtn-anchor-btn-warning {
  color: #212529;
  background: #FBC02D;
  border: 1px solid #FBC02D;
}
.ql-container span.ql-linkbtn-entry .ql-linkbtn-wrapper .ql-linkbtn-anchor-btn-success {
  color: #ffffff;
    background: #689F38;
    border: 1px solid #689F38;
}

.p-editor-content .ql-editor p {
  margin: 13px 0;
}

.p-editor-viewer.ql-container {
  height: auto;
}

.p-editor-viewer.ql-container .ql-editor {
  padding: 5px;
}

.p-editor-viewer.ql-container .ql-editor p {
  margin: 13px 0;
}

.p-editor-viewer.ql-container.ql-snow {
  /* border: 1px solid #ccc; */
  border-width: 0;
}

.p-editor-viewer.ql-container span.faq-entry .ql-faq-body {
  display: none;
}

.p-editor-viewer.ql-container span.faq-entry.show-faq .ql-faq-heading .ql-faq-arrow {
  transform: rotate(180deg);
}
.p-editor-viewer.ql-container span.faq-entry.show-faq .ql-faq-body {
  display: block;
}

.ql-snow .ql-picker.ql-listicon {
  width: 45px;
}

.ql-snow .ql-picker.ql-listicon .ql-picker-label[data-value]::before,
.ql-snow .ql-picker.ql-listicon .ql-picker-item[data-value]::before {
  font-family: "FontAwesome";
	font-weight: normal;
  color: #333;
  content: "\f111";
}
.ql-snow .ql-picker.ql-listicon .ql-picker-label[data-value].ql-active::before{
  color: #007ad9;
}
.ql-snow .ql-picker.ql-listicon .ql-picker-label[data-value="f00c"]::before,
.ql-snow .ql-picker.ql-listicon .ql-picker-item[data-value="f00c"]::before {
  content: "\f00c";
}
.ql-snow .ql-picker.ql-listicon .ql-picker-label[data-value="f10c"]::before,
.ql-snow .ql-picker.ql-listicon .ql-picker-item[data-value="f10c"]::before {
  content: "\f10c";
}
.ql-snow .ql-picker.ql-listicon .ql-picker-label[data-value="f0da"]::before,
.ql-snow .ql-picker.ql-listicon .ql-picker-item[data-value="f0da"]::before {
  content: "\f0da";
}
.ql-snow .ql-picker.ql-listicon .ql-picker-label[data-value="f0d1"]::before,
.ql-snow .ql-picker.ql-listicon .ql-picker-item[data-value="f0d1"]::before {
  content: "\f0d1";
}
.ql-snow .ql-picker.ql-listicon .ql-picker-label[data-value="f041"]::before,
.ql-snow .ql-picker.ql-listicon .ql-picker-item[data-value="f041"]::before {
  content: "\f041";
}
.ql-snow .ql-picker.ql-listicon .ql-picker-label[data-value="f007"]::before,
.ql-snow .ql-picker.ql-listicon .ql-picker-item[data-value="f007"]::before {
  content: "\f007";
}
.ql-snow .ql-picker.ql-listicon .ql-picker-label[data-value="f07a"]::before,
.ql-snow .ql-picker.ql-listicon .ql-picker-item[data-value="f07a"]::before {
  content: "\f07a";
}

.ql-editor ul li[data-fa-icon-unicode]::before {
	font-family: "FontAwesome";
	font-weight: normal;
	color: #333;
}
.ql-editor ul li[data-fa-icon-unicode="f00c"]::before { content: "\f00c"; }
.ql-editor ul li[data-fa-icon-unicode="f10c"]::before { content: "\f10c"; }
.ql-editor ul li[data-fa-icon-unicode="f0da"]::before { content: "\f0da"; }
.ql-editor ul li[data-fa-icon-unicode="f0d1"]::before { content: "\f0d1"; }
.ql-editor ul li[data-fa-icon-unicode="f041"]::before { content: "\f041"; }
.ql-editor ul li[data-fa-icon-unicode="f007"]::before { content: "\f007"; }
.ql-editor ul li[data-fa-icon-unicode="f07a"]::before { content: "\f07a"; }

.p-overlaypanel-container {
  font-family: 'Montserrat', sans-serif;
  width: 100%;
}

.p-overlaypanel-container.panel-400 {
  width: 400px;
}

.p-overlaypanel-container .table-bordered {
  width: 100%
}

.p-overlaypanel-container .table-bordered > thead > tr > th {
  border-bottom-width: 1px;
  padding: 11px 5px;
  background-color: #3b3f51;
  color: #fff;
  font-weight: 500;
  font-size: 13px;
}

.p-overlaypanel-container .table-bordered.sm > thead > tr > th {
  padding: 5px 5px;
  font-size: 11px;
}

.p-overlaypanel-container .table-bordered > tbody > tr > td {
  border-bottom: #dadada 1px solid;
  padding: 11px 5px;
  font-size: 12px;
}

.p-overlaypanel-container .table-bordered.sm > tbody > tr > td {
  border-bottom: #dadada 1px solid;
  padding: 5px 5px;
  font-size: 11px;
}

.p-custom-chip.p-chip {
  font-size: 15px;
  padding: 5px 15px;
  margin-right: 10px;
  margin-bottom: 10px;
}