/*@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}*/
@font-face {
  font-family: ‘Proxima Nova’;
  src: url(‘ProximaNova.eot’);
  src: local(‘Proxima Nova Regular’), local(‘Proxima Nova’),
    url(“ProximaNova.woff”) format(“woff”),
    url(“ProximaNova.otf”) format(“opentype”),
    url(“ProximaNova.svg#grablau”) format(“svg”);
}

/*added css for whatsapp web by Tejasvini vyas on 6 Nov2019*/
#location_map,#location_search{
  padding: 5px;
}

#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display:none;
}

@-webkit-keyframes spin {
  from {-webkit-transform:rotate(0deg);}
  to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
  from {transform:rotate(0deg);}
  to {transform:rotate(360deg);}
}

#cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:black;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}
#cover-spin1 {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display:none;
}

@-webkit-keyframes spin1 {
  from {-webkit-transform:rotate(0deg);}
  to {-webkit-transform:rotate(360deg);}
}

@keyframes spin1 {
  from {transform:rotate(0deg);}
  to {transform:rotate(360deg);}
}

#cover-spin1::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:black;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin1 .8s linear infinite;
    animation: spin1 .8s linear infinite;
}

.profilepic,.chat_list_dsply{
  margin: 0px;
  padding: 0px;
}
.chat_list_dsply{
  padding: 5px;
  border-bottom: 1px solid #d5d5d5;
}
.dspl_phn_cht_lst{
  font-weight: 600;
  padding: 5px;
}
.profilepic img{
  height: 50px;
  width: 50px;
  border-radius: 100%;
}
.cont_prof img{
  height: 50px;
  width: 50px;
  border-radius: 100%;
}
.dsply_contact{
  width: 100%;
}
.cont_prof{
  width: 20%;
  float: left;
  margin-right: 5%;
}
.contc_det{
  width: 75%;
  float: left;
}
.gry_brdr{
  border-top: 1px solid #b9b8b8;
      float: left;
    width: 100%;
    margin-top: 10px;
}
.send_contact_div{
  margin-top: 10px;
  width: 100%;
  float: left;
  text-align: center;
  letter-spacing: 0.5px;
  color: #3b7bdc;
}
.send_contact_div a{
   margin-top: 10px;
  }
.bg-grey{
  background-color: #f1f1f1;
  border-bottom: 1px solid #9c9c9c;
}
.frwrd_msg{
  font-size: 11px;
  color: #808080;
  letter-spacing: 0.7px;
}
/*.whts_name{
  margin-top: 5px !important;
}
.lst_msg{
  margin-top: 5px !important;
}*/

.wts_frwrd{
  display:none;
  cursor: pointer;
  position: absolute;
  background: #3a3a3aeb;
  padding: 10px;
  border-radius: 5px;
  right: -13px;
  top: 12px;
  font-size: 13px;
  letter-spacing: 1px;
  z-index: 99;
  width: 130px;
  color: white;
}
/*.wts_pin, .wts_unpin{
  display:inline !important;
  width: 140px !important;
  background-color: #009688 !important;
  right: 0px !important;
  top: 15px !important;
  box-shadow: 1px 1px 2px 1px #a2a2a2 !important;
}*/
.wts_pin{
  width: 15px !important;
  margin-left: 2px !important;
}
.wts_unpin{
  width: 20px !important;
}
.wts_pin, .wts_unpin{
  cursor: pointer;
  display: inline !important;
  margin-top: -20px !important;
}
.frwd_icn,.pin_icn,.unpin_icn{
  cursor: pointer;
}
.shr_icn{
  float: right;
  line-height: 20px;
}
.NewMessageModal .modal-body{
  padding: 20px !important;
  background: #009688 !important;
  color: #fff;
  border: 3px double #fff;
}
.NewMessageModal .modal-body .close_icn{
  color: #fff;
  line-height: 30px;
}
.NewMessageModal .modal-body input{
  color: #000;
}
#new_contact_error{
  color: red;
  text-align: left;
}
.close-icon-frwrd,.header_icon_frwrd{
  cursor: pointer;
}
.header_icon_frwrd{
  font-size: 20px;
}
.close-icon-frwrd{
  float: right;
  display: block;
  line-height: 20px;
}
.search_fw,#conlist_display_srch,#conlist_srch{
  display: none;
}
#conlist_display,#conlist_display_srch,#contacts_list,#conlist_srch{
  height: 250px;
  overflow-y: auto;
  font-size: 12px;
}
#search_contact_frwrd{
  color: #000;
  font-size: 13px;
}
#conlist_view .modal-header,#send_conlist_view .modal-header,#send_location_view .modal-header{
  background: #009688 !important;
  color: #fff;
}
#conlist_view .modal-footer,#send_conlist_view .modal-footer,#send_location_view .modal-footer{
  padding: 5px !important;
}
#conlist_view .dl_fl,#send_conlist_view .dl_fl,#send_location_view .dl_fl{
  color: #fff !important;
  border: 2px solid #fff !important;
}
#conlist_view .frwrd_cnt_list,#send_conlist_view .frwrd_cnt_list{
  cursor: pointer;
}
#conlist_view input[type="checkbox"],#send_conlist_view input[type="checkbox"] {
  display: none;
}
#conlist_view input[type="checkbox"]+span.frwrd_cnt_list:hover,#send_conlist_view input[type="checkbox"]+span.frwrd_cnt_list:hover{
  background: rgba(0, 128, 128, .8);
}

#conlist_view input[type="checkbox"]:checked+span.frwrd_cnt_list,#send_conlist_view input[type="checkbox"]:checked+span.frwrd_cnt_list {
  background: rgba(0, 128, 128, .4);
}

#conlist_view input[type="checkbox"]:checked+span.frwrd_cnt_list:hover,#send_conlist_view input[type="checkbox"]:checked+span.frwrd_cnt_list:hover{
  background: rgba(0, 128, 128, 0, .7);
}
#conlist_view .frwrd_chk_icon,#send_conlist_view .frwrd_chk_icon{
  float: right;
  color: #009688;
  font-size: 15px;
  display: none;
  margin-top: 4px;
}
#image_view p,.conlist_view p{
  text-align: center;
  float: left;
  padding: 5px;
  font-weight: 700;
  font-size: 15px;
  margin: 0px !important;
  letter-spacing: 0.5px;
}
.dl_fl{
  font-size: 16px;
  margin-right: 5px;
  border-radius: 100%;
  border: 2px solid #000;
  padding: 6px;
  color: #000;
}
#new_contact{
  width: 200px;
  font-size: 13px;
  border-radius: 3px;
  border: 0px;
  height: 30px;
  padding: 5px;
}
.profile_pic img{
  margin-top: 5px;
  height: 40px;
  width: 40px;
  border-radius: 100%;
}
.whts_web_hdr{
  margin-top: 5px;
}
.whtsfilename{
  background: #ececec;
  font-size: 12px;
  white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  white-space: pre-wrap;       /* css-3 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
  white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
  word-break: break-all;
  white-space: normal;
}
.file_attach,.whts_figcaptn{
  max-width:250px;
}
.whts_figcaptn{
  border-top: 1px solid #d5d5d5;
  white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  white-space: pre-wrap;       /* css-3 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
  white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
  word-break: break-all;
  white-space: normal;
}
.whatsapp_web_container {
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    font-family: Verdana,sans-serif;
}
.whatsapp_web_header{
  /*padding:5px;*/
  background-color: #009688;
  width: 100%;
  color: #fff;
  height: 13% !important;
}
.whatsapp_web_icon{
  color: #fff;
  font-size: 25px;
  float: right;
}
.whatsapp_web_header .header_icon{
  cursor: pointer;
  float: right;
  font-weight: 700;
  margin-top: 5px;
}
.text_left{
  text-align: left !important;
}
.whatsapp_web_right .whatsapp_web_header span{
  font-size: 15px;
  letter-spacing: 1px;
  font-weight: 700;
  float: left;
  padding-left: 5px;
  font-family: Verdana,sans-serif;
}
.whatsapp_web_right .whatsapp_web_header p{
  font-size: 13px;
  letter-spacing: 1px;
  font-weight: 700;
  font-family: verdana;
  /*padding-left: 5px;
  padding-top: 0px;*/
  padding: 0px 5px 0px 0px;
  text-align: center;
}
.whatsapp_web_heading,.whatsapp_web_header p{
  font-size: 19px;
  padding: 10px 0 10px 15px;
  color:#fff;
  letter-spacing: 1px;
  font-weight: 700;
  margin: 0px;
}
.whatsapp_web_chatlist{
  background-color: #fff;
  height: 90% !important;
  overflow-y: auto;
  float: left;
  width: 100%;
}
.whatsapp_web_chatlist .dspl_phn_no{
  /*padding: 5px;*/
  /*border-bottom: 1px solid #d5d5d5;*/
  cursor: pointer;
  font-size: 13px;
  letter-spacing: 0.6px;
  /*font-weight: 600;*/
}
.whatsapp_web_left,.whatsapp_web_right{
  padding: 0px;
  height: 100% !important;
}
/*.bg_whatsapp_web{
  background-image: url("../../../../agent/images/whatsapp_bg.png");
}*/
.whatsapp_web_dsply{
  background-color: #d9d9d9;
  height: 100% !important;
  text-align: center;
  padding: 20%;
}
.whatsapp_web_dsply h1{
  margin: 0px;
}
.whatsapp_web_chat{
  height: 90% !important;
}
.whatsapp_web_top_content{
  background-image: url("../../../../agent/images/whatsapp_bg.png");
  height: 80% !important;
  overflow-y: auto;
}
.whatsapp_web_bottom_content{
  background-color: #f0f0f0;
  height: 20% !important;
  padding-top: 10px;
  box-shadow: 10px 0px 6px 2px rgba(0,0,0,0.31);
}
.clr_blk{
  color: #000;
}
#whts_sent_content{
  border-radius: 5px 0px 5px 5px !important;
  float: right;
  max-width: 80%;
  background: #e1ffc7;
  right: 10px;
}
#whts_receive_content{
  background: #fff;
  border-radius: 0px 5px 5px 5px !important;
  float: left;
  left: 10px;
  max-width: 80%;
  -webkit-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.31);
-moz-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.31);
box-shadow: 2px 3px 4px -2px
rgba(0,0,0,0.31);
}
.whatsapp_web_top_content .message{
  color: #000;
  clear: both;
  line-height: 18px;
  font-size: 12px;
  padding: 10px;
  position: relative;
  margin: 5px 0;
  max-width: 85%;
  word-wrap: break-word;
  -webkit-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.31);
-moz-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.31);
box-shadow: 0px 2px 8px -2px
rgba(0,0,0,0.31);
}
.dt_message{
  color: #000;
  clear: both;
  line-height: 18px;
  padding: 7px;
  position: relative;
  margin: 5px 0;
  max-width: 15%;
  word-wrap: break-word;
  -webkit-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.31);
-moz-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.31);
box-shadow: 0px 2px 8px -2px
rgba(0,0,0,0.31);
background-color: #e1f2fb;
border-radius: 25px;
text-align: center;
font-size: 12px;
margin-left: 50%;
letter-spacing: 0.7px;
}
.unread_nofify{
  float: right;
  background: #13cc34;
  color: #ffffff;
  border-radius: 50px !important;
  padding: 5px;
  font-size: 9px;
  font-weight: bold;
  width: 22px; 
  height: 22px; 
  line-height: 22px;
  text-align: center;
}
.profile_image,#profile_view .modal-dialog{
  height: 300px;
  width: 300px;
}
.profile_image{
  padding: 2px;
}
.fnwt-500{
  font-weight: 500;
}
.stats_time{
    display: block;
    float: right;
    padding: 0 0 0 7px;
    position: relative;
    bottom: -4px;
}
.stats_time .whts_time {
    color: rgba(0, 0, 0, .45);
    font-size: 9px;
    display: inline-block;
}
.stats_time .whts_stats {
    display: inline-block;
    margin-left: 2px;
    position: relative;
    top: 4px;
    height: 16px;
    width: 16px;
}
.whatsapp_web_top_content .message::after{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;

}
.whatsapp_web_top_content .message#whts_receive_content::after {
    border-width: 0px 10px 10px 0;
    border-color: transparent #fff transparent transparent;
    top: 0;
    left: -10px;
}
.whatsapp_web_top_content .message#whts_sent_content::after{
    border-width: 0px 0 10px 10px;
    border-color: transparent transparent transparent #e1ffc7;
    top: 0;
    right: -10px;
}
.whts_stats span{
  font-size: 12px;
  letter-spacing: -3.5px;
}
.whatsapp_web_chatlist .active{
  background-color: #f0f0f0;
}
.select_template_icon{
  cursor: pointer;
  position: absolute;
  padding: 4px;
  border: 2px solid #313131;
  border-radius: 100%;
  margin-top: 10px;
}
.send_msg_icon{
  cursor: pointer;
  position:absolute;
  padding: 6px;
  margin-top: 10px;
  font-size: 17px;
}
#whts_template{
  background-color:rgba(255, 255, 255, 0.9);
  top: 47%;
  width: 100%;
  position: absolute;
  height: 40%;
  border-radius: 5px !important;
  -webkit-box-shadow: -1px -5px 5px 0px rgba(191,191,191,1);
  -moz-box-shadow: -1px -5px 5px 0px rgba(191,191,191,1);
  box-shadow: -1px -5px 5px 0px rgba(191,191,191,1);
  z-index: 99;
}
object{
  /*aspect-ratio: attr(width) / attr(height); */
  object-fit: contain;
}
#whts_imgdisplay{
  background-color:rgba(255, 255, 255, 0.9);
}
#image_preview{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  width: 1200px;
  /*overflow-x: scroll;*/
  float: left;
}
#search_contact{
  width: 90%;
  border: 0px;
  font-size: 13px;
  padding: 5px;
  border-radius: 5px;
  color: #313131;
  height: 20px;
}
.close-icon {
  cursor: pointer;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  line-height: 20px;
  color: #000;
  text-align: center;
  font-size: 12px;
}

.sel_img{
  float: left;
  padding: 5px;
}
#whts_filedisplay,#whts_imgdisplay{
  position: absolute;
  bottom: 60px;
}
#whts_template ul{
  font-size: 13px;
  color: #000;
  list-style-type: none;
  height: 100%;
  overflow-y: auto;
  padding: 10px;
}
#whts_template ul li{
  cursor: pointer;
  padding: 3px;
  letter-spacing: 1px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px !important;
  font-size: 14px;
}
#file_image,#file_video,#file_docmnt,#file_contact,#file_location{
  display: none;
}
#whatsapp_attachment{
  cursor: pointer;
  position: absolute;
  padding: 6px;
  font-size: 25px;
}
/*menu cass start*/

.circular-menu {
  position: fixed;
}

.circular-menu .floating-btn {
  display: block;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  background-color: hsl(4, 98%, 60%);
  box-shadow: 0 2px 5px 0 hsla(0, 0%, 0%, .26);  
  color: hsl(0, 0%, 100%);
  text-align: center;
  line-height: 3.9;
  cursor: pointer;
  outline: 0;
}

.circular-menu.active .floating-btn {
  box-shadow: inset 0 0 3px hsla(0, 0%, 0%, .3);
}

.circular-menu .floating-btn:active {
  box-shadow: 0 4px 8px 0 hsla(0, 0%, 0%, .4);
}

.circular-menu .floating-btn i {
  font-size: 1.3em;
  transition: transform .2s;  
  line-height: 2.5em;
}

.circular-menu.active .floating-btn i {
  transform: rotate(-45deg);
}

.circular-menu:after {
  display: block;
  content: ' ';
  width: 3em;
  height: 3em;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -2;
  /*background-color: hsl(4, 98%, 60%);*/
  transition: all .3s ease;
}

.circular-menu.active:after {
  transform: scale3d(5.5, 5.5, 1);
  transition-timing-function: cubic-bezier(.68, 1.55, .265, 1);
}

.circular-menu .items-wrapper {
  padding: 0;
  margin: 0;
}

.circular-menu .menu-item {
  position: absolute;
  top: .2em;
  right: .2em;
  z-index: -1;
  display: block;
  text-decoration: none;
  color: hsl(0, 0%, 100%);
  font-size: 1em;
  width: 2.7em;
  height: 2.7em;
  border-radius: 50%;
  text-align: center;
  line-height: 2.7em;
  background-color: rgb(67, 135, 244);
  transition: transform .3s ease, background .2s ease;
  box-shadow: 2px 0px 6px 2px rgba(0,0,0,0.31);
}
.circular-menu .menu-item i {
  line-height: 2.7em;
}
.circular-menu .menu-item:hover {
  background-color: hsla(216.8, 82.1%, 28.4%, 0.69);
}

.circular-menu.active .menu-item {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.circular-menu.circular-menu-left .floating-btn {
  background-color: hsl(174.4, 100%, 29.4%);
}

.circular-menu.circular-menu-left:after {
  background-color: hsl(217, 89%, 61%,0);
}

.circular-menu.circular-menu-left.active .floating-btn i {
  transform: rotate(90deg);
}

.circular-menu.circular-menu-left.active .menu-item:nth-child(1) {
  transform: translate3d(0em,-4.5em,0);
}

.circular-menu.circular-menu-left.active .menu-item:nth-child(2) {
  transform: translate3d(0em,-7.5em,0);
}

.circular-menu.circular-menu-left.active .menu-item:nth-child(3) {
  transform: translate3d(0em,-10.5em,0);
}

.circular-menu.circular-menu-left.active .menu-item:nth-child(4) {
  transform: translate3d(0em,-13.5em,0);
}

.circular-menu.circular-menu-left.active .menu-item:nth-child(5) {
  transform: translate3d(0em,-16.5em,0);
}

.attachment_icon{
  cursor: pointer;
}

.tooltiptext {
  visibility: hidden;
  width: 130px;
  background-color: #092551;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 0px 0;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 110%;
}

.tooltiptext::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #092551 transparent transparent;
}

.item_1:hover .t_img {
  visibility: visible;
}

.item_2:hover .t_vid {
  visibility: visible;
}

.item_3:hover .t_doc {
  visibility: visible;
}

.item_4:hover .t_contct {
  visibility: visible;
}

.item_5:hover .t_loc {
  visibility: visible;
}

/*menu css end*/

/*loader css*/
#LoaderModal .modal-body,#LoaderModal .modal-content{
  background: rgba(0,0,0,0) !important;
}
.load_container {
  display: flex;
  justify-content: center;
  align-items: center;
  /*height: 100vh;*/
  background: rgba(0,0,0,0.6) !important;
  overflow: hidden;
  animation-delay: 1s;
  color: #fff;
}

.load_item_1 {
  width: 20px;
  height: 20px;
  background: #f583a1;
  border-radius: 50%;
  background-color: #eed968;
  margin: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@keyframes scale {
  0% {
    transform: scale(1);
  }
  50%,
    75% {
    transform: scale(2.5);
  }
  78%, 100% {
    opacity: 0;
  }
}
.load_item_1:before {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #eed968;
  opacity: 0.7;
  animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
  animation-delay: 200ms;
  transition: 0.5s all ease;
  transform: scale(1);
}

.load_item_2 {
  width: 20px;
  height: 20px;
  background: #f583a1;
  border-radius: 50%;
  background-color: #eece68;
  margin: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@keyframes scale {
  0% {
    transform: scale(1);
  }
  50%,
    75% {
    transform: scale(2.5);
  }
  78%, 100% {
    opacity: 0;
  }
}
.load_item_2:before {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #eece68;
  opacity: 0.7;
  animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
  animation-delay: 400ms;
  transition: 0.5s all ease;
  transform: scale(1);
}

.load_item_3 {
  width: 20px;
  height: 20px;
  background: #f583a1;
  border-radius: 50%;
  background-color: #eec368;
  margin: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@keyframes scale {
  0% {
    transform: scale(1);
  }
  50%,
    75% {
    transform: scale(2.5);
  }
  78%, 100% {
    opacity: 0;
  }
}
.load_item_3:before {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #eec368;
  opacity: 0.7;
  animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
  animation-delay: 600ms;
  transition: 0.5s all ease;
  transform: scale(1);
}

.load_item_4 {
  width: 20px;
  height: 20px;
  background: #f583a1;
  border-radius: 50%;
  background-color: #eead68;
  margin: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@keyframes scale {
  0% {
    transform: scale(1);
  }
  50%,
    75% {
    transform: scale(2.5);
  }
  78%, 100% {
    opacity: 0;
  }
}
.load_item_4:before {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #eead68;
  opacity: 0.7;
  animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
  animation-delay: 800ms;
  transition: 0.5s all ease;
  transform: scale(1);
}

.load_item_5 {
  width: 20px;
  height: 20px;
  background: #f583a1;
  border-radius: 50%;
  background-color: #ee8c68;
  margin: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@keyframes scale {
  0% {
    transform: scale(1);
  }
  50%,
    75% {
    transform: scale(2.5);
  }
  78%, 100% {
    opacity: 0;
  }
}
.load_item_5:before {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #ee8c68;
  opacity: 0.7;
  animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
  animation-delay: 1000ms;
  transition: 0.5s all ease;
  transform: scale(1);
}

.dspl-blk{
  display: block;
}
.pd-0{
  padding:0px;
}
.m-0{
  margin: 0px;
}
.fnt-10{
  font-size: 10px;
}
.fnt-9{
  font-size: 8px;
}
.brdl_grey{
  border-left: 1px solid grey;
}
.brdr_white{
  border-right: 1px solid #fff;
}
.brdr_grey{
  border-right: 1px solid grey;
}
.brdb_grey{
  border-bottom: 1px solid grey;
}
/*ended by Tejasvini vyas on 6nov2019*/
.quick-nav{
  margin-top:0px !important; top:0% !important;}
 .link_disable {
       pointer-events: none;
       cursor: default;
    } 

    .icon-btn {
          margin:0 !important;
          padding:13px 10px 13px 10px;
      background: #337ab7 !important; border-color:0px !important; 
    }
  #AllActiveChats{ border-bottom:1px solid #e7ecf1; border-top: 0px; border-left: 0px; border-right: 0px;}
  .chatview a{ cursor:pointer;}
    .icon-btn:hover{
     border-color: none;
    box-shadow: none;
    color: none;
    text-decoration: none;
    text-shadow: none;
    transition: none;
    }
.manual-dial{
  margin-top:10px;
  margin-bottom:3px !important;}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background-color: #5c9bd1 !important;
    color: #fff;
}
.manual-phone{ padding:3px 0px 3px 0px;}
.btn-circle {
    border-radius: 18px !important;
    overflow: hidden;
}
.page-footer .page-footer-fixed{
  text-align:center !important;
  color:#ffffff;}
.sbold{ color:#b4bcc8 !important; line-height:22px; font-size:13px;}
.glyphicon{}
.icon-hourglass{ color: #fff !important;}
.elision-menu{ width:100%; background-color:#364150;}
.sms-email-pading{ padding-left:0px !important;}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn{
  background:#364150 !important; opacity:100;}
.page-content.elisionCont{ padding-top: 0px;}
.page-bar.elisionPage{ margin: 0; padding:0; }
.btn{ font-size:14px; font-weight: bold; }
#blinker.btn{ padding: 0 12px;}
body{ background-color:#ffffff !important;}
.body_text{ font-family: "Open Sans",sans-serif; font-size: 13px !important; line-height: 16px; padding: 0 !important;}
.blue-message{
  color:#0195e1;}
#VolumeUpSpan{ background: #2b3643;border-color:#198ec4; padding: 2px 5px;}
#VolumeDownSpan{ background: #2b3643;border-color:#198ec4; padding: 2px 5px;}
.col-md-2, .col-sm-3, .col-xs-3{padding-right:0px !important;}
 .page-breadcrumb
 {  
    margin-top: 7px !important;
    max-width: 995px;
    padding: 3px 6px !important;
    width: 100%;
}
.mt-checkbox > span::after{ border-color:#ffffff;}
.hide-status{ display:none;}
.blink-margin{margin-top:5px; position:absolute; right:0;}
.search-margin{ margin-top:10px;}
.hangup-dropdown{width:731px; height:400px; overflow-x:hidden; overflow-y:scroll;}
.arrow-up {
  position:absolute;
  z-index:99999 !important;
  margin-top:-10px;
  width: 10px; 
  height: 10px; 
  border-left:7px solid transparent;
  border-right:7px solid transparent;
  border-bottom:7px solid #ffffff;
  left:51px;
  display:none;
}
div.scrolling_transcript{ width:100% !important;border:0 solid #666 !important;}
div.scrolling_chat_display{ width:100% !important; padding:0px 0px 12px 0px !important; height:187px;}
.dial-code{ width:20%;}
.manual_checkbox{ margin-top:25px;}
.arial_bold{font-family: "Open Sans",sans-serif; font-size: 13px !important;}
.small_arial_bold{font-family: "Open Sans",sans-serif; font-size: 13px !important; margin-bottom:10px; width:100%; float:left;}
#InternalChatIFrame,#WhatsappWebIFrame{background-color:transparent; height:60vh; width:100%;}
#PauseCodeSelectA{font-family: "Open Sans",sans-serif; font-size: 13px !important; }
#PauseCodeSelectA a{ display:block; padding:7px 0 7px 0 !important; border-bottom:1px solid #ddd;}
#PauseCodeSelectB{font-family: "Open Sans",sans-serif; font-size: 13px !important; }
#PauseCodeSelectB a{display:block; padding:7px 0 7px 0 !important; border-bottom:1px solid #ddd;}
.pause-code{border-bottom: 1px solid #e7ecf1; float: left; width: 100%;  padding-bottom:7px; margin-bottom:7px; font-size:14px; font-family:"Open Sans",sans-serif;}
.tab-scroll{height:410px; overflow-y: auto;}
.cb_info{
  background-color:#f4f4f4;
  padding:10px;
  border:1px solid #ebebeb;
  margin-bottom:10px;}
.elisionHangcheck{ color:#000000 !important;}
.pause-cod-padding{ padding-left:1px !important; padding-right:1px !important;}
.tab-space{
  margin-top:10px;}
.panel-heading{ font-family:"Open Sans",sans-serif; font-weight:bold;}
.icon-btn:hover{ background-color:#424f62 !important; color:#ffffff;}
.icon-btn_28:hover{box-shadow:0 4px 7px -2px #686868 !important; transition:all 0.7s ease 0s;}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default{ background-color:#337ab7;}
table tr{
  border-bottom: 1px solid #DDD !important;
}
#DiaLControl .yellow{ color:#ffffff !important;}
#NexTCalLPausE .yellow{ color:#ffffff !important;} /* Vinay Solanki - 01-03-2018 - Added For 'Next Call Pause Button' */
#ReQueueCall .yellow{color:#ffffff !important;}
#HangupControl .yellow{color:#ffffff !important;}
#ParkControl .yellow{color:#ffffff !important;}
#XferControl .yellow{color:#ffffff !important;}
#ivrParkControl .yellow{color:#ffffff !important;}
#QuickXfer .yellow{color:#ffffff !important;}
#CustomXfer .yellow{color:#ffffff !important;}
#PauseCodeLinkSpan .yellow{color:#ffffff !important;}
.elsisonSideMenu > li.active > a, .elsisonSideMenu > li.active > a:focus, .elsisonSideMenu > li.active > a:hover{ background: #1D242B !important;color:#b4bcc8 !important;}
/* Hardik .elsisonSideMenu > li.active > a  .glyphicon, .elsisonSideMenu > li.active > a .glyphicon:focus, .elsisonSideMenu > li .glyphicon.active > a .glyphicon:hover{ color: #fff !important;}*/
.elsisonSideMenu a{ /*font-family: 'open_sansregular';*/ border-top:1px solid #3d4957; color:#b4bcc8 !important; font-weight: normal !important;}
.elsisonSideMenu a:hover{ color:#2B3949 !important;}
/* Hardik .elsisonSideMenu .glyphicon{ color:#f2eeee !important; }*/
.portlet.box > .portlet-title{ background: #364150 !important;}
.portlet.blue-sharp.box{ border-color:  #364150 !important;}
.caption{ width: 100%; padding: 13px 0 !important;}
#custinfo{/*font-family:"Open Sans",sans-serif; !important;*/ color: #fff !important; text-transform:none !important;}
.caption-subject{ text-transform:none !important;/* font-family:"Open Sans",sans-serif;*/}
.caption .elisionCust{/* font-family: 'open_sansregular';*/ font-size: 13px; float:right;}
.portlet > .portlet-title{ min-height: inherit !important;}
.portlet > .portlet-title > .caption > i{ margin-top: 2px !important;}
#DiaLLeaDPrevieW{ font-family: "Open Sans",sans-serif; font-size:14px !important; text-transform:uppercase;}
#DiaLLeaDPrevieW input { margin-top: 0 !important;}
.sidebar-nav{ background: #364150 !important; margin-bottom:10px; padding:0px;}
#MDstatusSpan > a{color:#b4bcc8  !important; text-decoration: none !important;}
#sidebar b{ /*font-family: 'open_sansregular';*/ font-size: 14px !important; color: #f2eeee !important; font-weight: normal !important;}
.glyphicon.glyphicon-th{ font-size: 16px; color: #b4bcc8  !important;}
.glyphicon.glyphicon-phone{ font-size: 16px; color: #f2eeee !important; margin-left: 2px;}
.glyphicon.glyphicon-th{ padding-left: 10px; margin-top: 10px; margin-bottom:9px;}
.fa.fa-phone-square{ padding-left: 10px; margin-top: 10px; margin-bottom:9px; color:#b4bcc8 !important; padding-left:9px; font-size:14px;}
.search-btn{ margin-top:24px;}
.fa.fa-phone-square{ font-size: 17px; color:#3598dc  !important; padding-left:18px;}
#LeaDInfOBox label{ font-weight:600}

.elisionNeWManuaLDiaLBox td{ /*font-family: 'open_sansregular';*/ font-size: 13px !important; line-height: 16px; border:0 !important; text-align: left !important;}
.elisionNeWManuaLDiaLBox tr{ padding: 8px 0 !important;}
.elision_md{ font-family:open sans !important; font-size: 12px; font-weight: normal; line-height: 17px;}
.fa.fa-camera{ color: #fff;}
.form-group.form-md-line-input{ margin: 0;}
.form-group{ margin-bottom: 0;}
.form-group.form-md-line-input.has-info .form-control{ border: solid 1px #ddd; }
.form-control.cust_form.edited{ margin:12px; border:solid 1px #ddd;}
.form-control.cust_form.edited{ margin: 0;}
.form .form-body, .portlet-form .form-body{ padding: 0;}
.form-control.cust_form.edited{ margin-bottom: 5px;}
.nav > li > a{ padding: 7px 15px;}

.sd_text{/* font-family:"Open Sans",sans-serif;*/ font-size: 18px; font-weight: normal; }
#CloserSelectContent .sd_text{ font-size: 15px !important}

.log_text > span{ display: block; /*font-family:"Open Sans",sans-serif;*/ line-height: 19px; font-weight:500; font-size:14px;}
#CloserSelectContent td{}
.col-md-12.elisionEmail{ max-width: 280px; width: 100%; }
.form-actions.elisionEmailbtn{ margin-top: 15px;}
.elisionEmailbtn .btn.blue{ padding: 6px 24px;}
#error{  margin-top: 8;}
.modal-content{}
#calllogdate{ font-weight: normal; /*font-family: open sans;*/}
.modal-header{padding:0px;}
.agent-call{ text-transform:uppercase; margin-top:8px; padding:0px !important;}
.elisionPopupLis tr{ border-bottom: solid 1px #ddd;}
.elisionPopupLis th{ font-size: 14px !important; font-weight: normal; color: #686868; padding: 8px 2px 3px; line-height: 14px;}
.elisionPopupLis td{ font-size: 13px;}
.table-scrollable{ padding: 0 0px; height:350px !important; overflow-y:auto}
.elisionPopupLis td{ padding: 2px 2px;}
.table{ margin-bottom:0px !important;}
.elision_md.form-control{ border: 0 !important; }
.modal-body{ background: #fff !important; border-radius: 0  !important; padding:0px;}
.table.elisionmannuldial td{ font-size: 15px !important; font-weight: normal; padding: 4px 0; line-height: 14px;}
.elision_md{ font-size: 13px; /* font-family: 'open_sansregular';*/ color: #686868; line-height: 17px;}
.table.elisionmannuldial{ margin-bottom: 10px;}
.etlbtn{ text-align:center; margin-top:10px;}
.btn-dial-margin{ margin-top:15px !important;}
.sh_text_el{/*font-family:"Open Sans",sans-serif;*/ font-size:14px;}
.elisionbtn{ margin-right: 9%; width: 123px; padding: 8px 0; background: #025b84 !important;  /*font-family: 'open_sansregular';*/ font-size: 16px;}
.elisionbtn:hover{ background: #198ec4 !important; border-color: solid 1px #198ec4 !important;}
.elisionbtn:last-child{ margin-right: 0;}
#CloserSelectBox_div .panel{ margin-bottom:0px !important;}
#CalLLoGDisplaYBox_div .panel { margin-bottom:0px !important;}
.panel-btm{
  margin-bottom:0px !important;}
#CallLogSpan table td{
  white-space:pre;
  font-size:11px;
  }
.small_arial{ float:left !important;}
#AllowAgentReplies{ margin-top:0px;}
.panel-footer{ padding:10px 10px 15px 10px !important;}
#agent_message{ width:100%;}
.chatview li.unreadchat{font-family:"Open Sans",sans-serif; border:1px solid #CDCDCD; padding:5px 0 5px 5px; background-color:#e2eef5 !important; color: #000000 !important; font-weight: bold;}
.chatview li.viewedchat{font-family:"Open Sans",sans-serif; padding:10px; background-color:#c0e5ff; color:#414141;}
.lead_info_el table td {white-space:pre}
.search_result_el table td{white-space:pre;}
#PresetsSelectBoxContent table td font{ padding:10px;}
.cb-checkbox-margin{margin:20px 0 20px 0;}
.cb_submit{ text-align:center; margin-top:10px;}
.modal-header .close{ margin-right:20px;}
.modal .modal-header .close{margin-top:20px !important;}
.sh_text{ font-family:"Open Sans",sans-serif;}
.popup-link{ color:#2b3643 !important; margin-top:5px; width:100%; float:left;}
.table-scrollable table tbody tr td{ font-size:12px; white-space:pre;}
.table-scrollable table tbody tr th{ font-size:13px;}
.wrapup_text{font-family:"Open Sans",sans-serif; font-size:14px !important;}
.nav.nav-pills.nav-stacked.elsisonSideMenu{ background: #364150;}
#tab_7_1 label{ font-weight:600;}
.nav > li > a:focus, .nav > li > a:hover
.nav > li > a:focus, .nav > li > a:hover{ background: #424F5C !important; color: #f2eeee !important;}
.glyphicon.glyphicon-th{}
.elisionQuick{ margin: 3px 0 0; background: #fff; border-top: solid 1px #54667C; padding: 5px 0 2px;}
#sidebar b{ color: #364150 !important;}
#sidebar .form-control{ border-color: #0BD200;}
.logo-default{ margin: 3px 0 0 0 !important;}

.page-header.navbar .hor-menu .navbar-nav > li > a > i{ color: #f2eeee;}
.dropdown span{}
.dropdown{}
.search-dw{
  background:#3f4f62 none repeat scroll 0 0 !important;
  color:#d5dce4;
  margin-top:-15px;
  width:551px;
  border-top:3px solid #0195e1;
  padding:15px;}
#agentdirectlink{ line-height:30px;}
#DialBlindVMail{ float:left;}
.dropdown:hover .username{ background: #3f4f62 !important; color: #fff !important;}
.padding-textbox{ padding:3px !important;}
.padding-checkbox{ padding:0 0 5px 35px !important;}
.hangup-tables{ padding:10px 10px 0px 0px;}
.page-header.navbar .top-menu{ float: left;}
.page-header.navbar .top-menu .navbar-nav{ margin-right: 0;}
.page-logo2{ float:right;     display: block;
    width: 201px;
    height: 50px;
    padding-left: 20px;
    padding-right: 7px;}
.page-logo2 > a{ display: block; margin: 5px 0;}
.logo-default2{ width: 100%; height: auto;}
.img-circle{ height: 35px; width: 35px; margin-top: -8px; border: 1px solid #000;}
.search-form{ margin-right: 10%;}
.search-form.open{ margin-right: 0px !important;}
#DispoSelectA > a{ border-bottom:solid 1px #fff; background: #ddd !important; text-decoration: none !important; color: #364150 !important; }
#DispoSelectB > a{ border-bottom:solid 1px #fff; background: #ddd !important; text-decoration: none !important;  color: #364150 !important;}
#DispoSelectC > a{ border-bottom:solid 1px #fff; background: #ddd !important; text-decoration: none !important;  color: #364150 !important;}
#DispoCommentsContent .body_text{ color: #364150 !important;}
#dispoviewcommentsdisplay > input{ background: #364150 !important; padding: 5px 19px !important; border: none !important; color: #fff !important;}

.dropdown-content a{ padding:7px !important;}
.row{ width:100%; margin:0 auto; margin-bottom: 15px;}
.popup-head{ font-family:"Open Sans",sans-serif; font-size:14px !important; font-weight:bold !important;}
#CloserSelectAdd{ font-size:12px !important; font-weight:600 !important;} 
#CloserSelectDelete{font-size:12px !important; font-weight:600 !important;}
.inbound-input{font-size:12px !important; font-weight:600 !important;}
.row.ElisionCustInfo{ float:left; width: 70%;}
.row.ElisionCustcommt{ float: right; width:30%;}
.ElisionCustcommt .col-md-12{}
#comments.form-control{ height: 99px;}
#call_notes.form-control{ height: 99px;}
.form-control{ padding: 6px;}
.portlet.blue-sharp.box{ background: #fff; display: table; width:100%; padding-bottom:10px !important;}
.margin-btm{ margin-bottom:10px;}
.icon-btn{ color: #fff; border:none;}
#btn_manual_dail{ background:#337ab7 !important; border-color: #1d242b !important;}
.manual-dail-pop{ border:1px solid #e7ecf1; margin-top:10px; padding:10px 0 10px 0 !important; line-height:30px; }
#phone_number_fast{ border-color: #1d242b !important;}

#CalLNotesDisplaYBox_div .modal-dialog{ width: 80% !important;}
.page-content-wrapper .page-content{ min-height:auto !important;}
#GroupAliasSelectA{font-family:"Open Sans",sans-serif; font-size:14px !important;}
.chat-btn{ float:left; margin-right:10px;}
.small_arial{width: 89% !important;}

.small_arial{font-size: 15px!important;}
#DispoSelectA>a.dispostatus{background-color: #797878 !important}
#DispoSelectB>a.dispostatus{background-color: #797878 !important}
#DispoSelectC>a.dispostatus{background-color: #797878 !important}
.btn-group-sm > .btn, .btn-sm{padding:8px 9px !important;} 
.liveagentbtn{font-size: 12px; font-weight:bold;}
.agentendbtn{font-size: 12px; font-weight:bold;}
.agent_msg{padding: 7px !important;}

.login .content{ width:40% !important;}

#ingroup_msg{

padding: 3px;
float:right;
font-size:14px;
/*font-weight:bold;*/
margin-right:10px;
}



/* ADED BY DHAVAL GOL 23-08-2017 */
 .timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
  margin-left: 40px !important;
  width:90% !important;  
}

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 50%;
  margin-left: -1.5px;
}

.timeline > li {
  margin-bottom: 20px;
  position: relative;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li > .timeline-panel {
  width: 46%;
  float: left;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  padding: 5px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}

.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}

.timeline > li > .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -25px;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}

.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}

.timeline-badge.primary {
  background-color: #2e6da4 !important;
}

.timeline-badge.success {
  background-color: #3f903f !important;
}

.timeline-badge.warning {
  background-color: #f0ad4e !important;
}

.timeline-badge.danger {
  background-color: #d9534f !important;
}

.timeline-badge.info {
  background-color: #5bc0de !important;
}

.timeline-title {
  margin-top: 0;
  margin-bottom: -15px: 
  color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}

.timeline-body > p + p {
  margin-top: 5px;
} 

.timeline-badge i {
    margin-top: 20px;
    margin-left: 15px;
}
.timeline-body{
  padding: 0px !important;
  margin-left: 0px !important;
  margin-top: 8px !important;
}
/* ADED BY DHAVAL GOL 23-08-2017 */


@media screen and (min-width:300px) and (max-width:800px) {
    /* For mobile phones: */
  .hidden-xs{display: inline !important;
  background: #2b3643;
  width: 100%;
  padding-left: 10px;}
  .page-header.navbar .hor-menu .navbar-nav > li.open > a, .page-header.navbar .hor-menu .navbar-nav > li:hover > a, .page-header.navbar .hor-menu .navbar-nav > li > a:hover{width:95%;}
  .tab-space{width:100%;}
  .row{ width:100%; margin:0 auto; margin-bottom:0px;}
    .login .content{ width:80% !important;}
  .input-icon{margin-bottom: 15px;}
  #LogiNReseT .blue{ margin-bottom: 15px; }
  .icon-btn{width:50%; float: left;}

  .page-header.navbar .top-menu{ width:100%; background-color: #394152;}
  .blink-margin{ background-color: #314152; width: 100%; position: relative; margin-bottom: 7px;}
  .dropdown{display:inherit;}
  .row.ElisionCustcommt{width:100%;}
  .row.ElisionCustInfo{width:100%;}
  .col-md-2, .col-sm-3, .col-xs-3{margin-right:15px;}
  .tab-space{padding-right:0px; padding-left: 0px; width:100%; }
  .modal-header .close{ margin-right: 2%;}
  #calllogdate {
    float: left;
    font-weight: normal;
    width:40%;}
  .agent-call {
    margin-top: 8px;
    padding: 0;
    text-transform: uppercase;
  width:30%;
  float: left;}
  #LogiNReseT .blue {
    margin-bottom: 15px;
    width: 100%;}
  .login .content h3 {
    text-align: center;}
  
}


.mt-checkbox:hover > input:not([disabled]):checked ~ span, .mt-checkbox > input:checked ~ span, .mt-radio:hover > input:not([disabled]):checked ~ span, .mt-radio > input:checked ~ span {
  background:#000 !important;
}

/*Added By Puja On 07/11/2017 For call back red blink*/

.redblink{
  color: black !important;
  background-color: red !important;
}

#DiaLDiaLAltPhonE{font-family: "Open Sans",sans-serif; font-size:14px !important; text-transform:uppercase;}
.el_alt_link {height: 30px; padding-left: 23px;}
.el_alt_link_main{ margin-top: 20px; padding-left: 23px;  }

/*Added By Puja on 12/01/2018 */

.search-form{
  width: 0px !important;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .page-logo {
    
    display: none !important;
  
}

}

/* add by khemchand and hardik soni 31-07-2018*/
@media only screen and (min-width: 320px) and (max-width: 479px){
  /*.dsplynone{display: none !important}*/
  .nav_mnu{
    float: left !important;
    display: block !important;
    /*padding: 5px 5px 5px 5px;*/
    margin-left: 5px;
  }
  .search-dw{width: 300px;}
  .search-form{float: none !important}
  .mrgtop{margin-top: -30px !important}
  .page-header.navbar .hor-menu .navbar-nav > li.open > a, .page-header.navbar .hor-menu .navbar-nav > li:hover > a, .page-header.navbar .hor-menu .navbar-nav > li > a:hover
  {width: 100%!important;
  float: left;
min-height: 20px;}

}
.portlet.box>.portlet-body{background-color:#fff;padding:15px; height:100% !important}
.w-send{width:100% !important;border: none;float:left;outline:none;padding: 7px;height:75%;}

/* added for scroll in agent dashboard : Krishna Thummar : 10-10-2022 */
.middelscroll { height: 65vh; overflow-y: auto; scrollbar-color:#236AA7 #e4f4fc; scrollbar-width: thin; }
.middelscroll::-webkit-scrollbar { width: 8px; height: 14px; }
.middelscroll::-webkit-scrollbar-track { background: transparent; }
.middelscroll::-webkit-scrollbar-thumb { background: #236AA7; border-radius: 14px; }
.middelscroll::-webkit-scrollbar-thumb:hover { background: #236AA7; }