@charset "UTF-8";
@import url(../website-template/theme1/css/font-awesome.min.css);
/*sendotp icons*/
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/otp/icomoon.eot?a3w63j");
  src: url("../fonts/otp/icomoon.eot?a3w63j#iefix") format("embedded-opentype"), url("../fonts/otp/icomoon.ttf?a3w63j") format("truetype"), url("../fonts/otp/icomoon.woff?a3w63j") format("woff"), url("../fonts/otp/icomoon.svg?a3w63j#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
.icon-pie:before {
  content: "\a123"; }

.opt_wrapp .icon-right:before {
  content: "\a124"; }

.icon-earth:before {
  content: "\a125"; }

.new {
  background: red;
  color: #fff;
  padding: 2px 5px;
  font-size: 11px;
  border-radius: 3px; }

.hr {
  width: 100%;
  height: 1px;
  background: #ddd;
  margin: 0;
  padding: 0; }

.bdr-btm {
  border-bottom: 1px solid #ccc; }

/*sendOTP*/
.witBg {
  background-color: #fafafa; }

/* body {
  background-color: #fafafa;
  &.gray {
    background-color: #fafafa;
    .rightSection {
      background-color: #fafafa;
    }
  }
} */
.btn, .cp {
  cursor: pointer; }

.alC, .btn-block {
  text-align: center; }

#leftTopSection, .btn, .pr {
  position: relative; }

.anchor-link, a {
  text-decoration: none; }

.ln, .menu, .nav-tabs {
  list-style: none; }

.ps-container.ps-in-scrolling, .ps-container:hover.ps-in-scrolling {
  pointer-events: none; }

a, abbr, address, article, aside, audio, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, radio, samp, section, select, small, span, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, ul, var, video {
  margin: 0;
  padding: 0;
  outline: 0; }

.ps-container {
  -webkit-overflow-scrolling: touch; }

button, input[type=text], textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0; }

body {
  overflow: hidden;
  font-size: 93.8%; }

html {
  font-size: 93.8%; }

button, input, select, textarea {
  font-size: 100%; }

body, button, input, select, textarea {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400; }

.clear:after, .clear:before {
  display: table;
  line-height: 0;
  content: ""; }

.fieldwrapper:after, .fieldwrapper:before {
  display: table;
  line-height: 0;
  content: ""; }

.bcontainer:after, .bcontainer:before {
  display: table;
  content: " "; }

.brow:after, .brow:before {
  display: table;
  content: " "; }

.cl, .clear:after, .clf, .fieldwrapper {
  clear: both; }

.boxsize, .cmnTopSection, button, input, select, textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

img {
  border: none; }

.fl {
  float: left; }

.fr {
  float: right; }

#cnt_ul li p, #leftBtmMenus > li {
  float: left; }

.btn-grey i, .btn-grey span {
  float: left; }

.grpRow button, .grpRow input {
  float: left; }

.leftSection, .rightSection {
  float: left; }

.dn {
  display: none; }

.lh24 {
  line-height: 24px; }

.mngChngClr {
  background-color: #fff9e7; }

.fs11 {
  font-size: 11px; }

.pd {
  padding: 5px; }

.pd1 {
  padding: 10px; }

.pd2 {
  padding: 20px; }

.pd3 {
  padding: 30px; }

.pd4 {
  padding: 40px; }

.pdT {
  padding-top: 5px; }

.pdB {
  padding-bottom: 5px; }

.pdL {
  padding-left: 5px; }

.pdR {
  padding-right: 5px; }

.pdT1 {
  padding-top: 10px; }

.pdB1 {
  padding-bottom: 10px; }

.pdL1 {
  padding-left: 10px; }

.pdR1 {
  padding-right: 10px; }

.pdT2 {
  padding-top: 20px; }

.pdT3, .pdT4 {
  padding-top: 30px; }

.pdB2 {
  padding-bottom: 20px; }

.pdL2 {
  padding-left: 20px; }

.pdR2 {
  padding-right: 20px; }

.pdB3 {
  padding-bottom: 30px; }

.pdL3 {
  padding-left: 30px; }

.pdR3 {
  padding-right: 30px; }

.pdB4 {
  padding-bottom: 40px; }

.pdL4 {
  padding-left: 40px; }

.pdR4 {
  padding-right: 40px; }

.mr {
  margin: 5px; }

.mr1 {
  margin: 10px; }

.mr2 {
  margin: 20px; }

.mr3 {
  margin: 30px; }

.mr4 {
  margin: 40px; }

.mrT {
  margin-top: 5px; }

.mrB {
  margin-bottom: 5px; }

.mrL {
  margin-left: 5px; }

.mrR {
  margin-right: 5px; }

.mrT1 {
  margin-top: 5px; }

.mrB1 {
  margin-bottom: 5px; }

.mrB15 {
  margin-bottom: 15px; }
.mrL1 {
  margin-left: 10px; }

.mrR1 {
  margin-right: 10px; }

.mrT2 {
  margin-top: 20px; }

.mrB2 {
  margin-bottom: 20px; }

.mrL2 {
  margin-left: 20px; }

.mrR2 {
  margin-right: 20px; }

.mrT3 {
  margin-top: 30px; }

.mrB3 {
  margin-bottom: 30px; }

.mrL3 {
  margin-left: 30px; }

.mrR3 {
  margin-right: 30px; }

.mrT4 {
  margin-top: 40px; }

.mrB4 {
  margin-bottom: 40px; }

.mrL4 {
  margin-left: 40px; }

.mrR4 {
  margin-right: 40px; }

#onlinePayDetails .hHead {
  font-size: 18px;
  margin-bottom: 20px; }

.clearfix {
  clear: both;
  display: block; }
  .clearfix:after, .clearfix:before {
    display: table;
    content: " "; }
  .clearfix:after {
    clear: both; }

input[type=date], input[type=email], input[type=month], input[type=number], input[type=password], input[type=range], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url] {
  border: 1px solid #ccc;
  padding: 6px 10px;
  height: 42px; }

textarea {
  padding: 6px 10px;
  border: 1px solid #ccc;
  resize: none; }

.bdr {
  border: 1px solid #ccc !important; }

textarea::-webkit-input-placeholder, input::-webkit-input-placeholder {
  color: #aaa;
  font-weight: lighter; }

textarea:-moz-placeholder, input:-moz-placeholder {
  color: #909;
  opacity: 1;
  font-weight: lighter; }

textarea::-moz-placeholder, input::-moz-placeholder {
  color: #999;
  opacity: 1;
  font-weight: lighter; }

textarea:-ms-input-placeholder {
  color: #909;
  font-weight: lighter; }

input:-ms-input-placeholder {
  color: #909;
  font-weight: lighter; }
input[type=text].error_red, input[type=password].error_red {
  border-color: red; }

textarea.error_red {
  border-color: red; }

select {
  border: 1px solid #ebebeb;
  height: 40px;
  padding: 0 5px; }

.btn {
  border: none; }

.fkinpt input, .fkinpt textarea {
  border: none; }

#schedule_fields #sdate-dlg {
  float: left;
  width: 160px; }
#schedule_fields .selectricWrapper {
  float: left;
  margin-left: 10px; }
#schedule_fields .selectricWrapper {
  width: 100px;
  position: relative; }

select option {
  padding: 3px;
  line-height: 20px;
  display: block; }

input[type=text], textarea {
  transition: all .2s ease 0s;
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all 0.2s ease 0s; }

input.ls100 {
  width: 100%; }

textarea.large {
  width: 100%;
  height: 160px; }

.fkinpt {
  background-color: #fff; }
  .fkinpt.actDisbl {
    background-color: #f5f5f5; }
    .fkinpt.actDisbl input {
      background-color: #f5f5f5; }
  .fkinpt input:focus, .fkinpt textarea:focus {
    border-color: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.sendsms input[type=text], .voicesms input[type=text] {
  height: 42px;
  width: 100%; }

#srchCallerId {
  width: 120px !important; }

.btn {
  padding: 6px 15px;
  transition: all .2s ease 0s;
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff; }

.btn-medium, .btn-min {
  padding: 8px 16px;
  /*line-height: 24px*/ }

.btn-mini, .btn.btn-blank.btn-mini.btn-secondary.Pause {
  padding: 3px 6px; }

.btn-mini {
  line-height: 20px; }

.btn-large {
  padding: 10px 30px;
  line-height: 30px; }

input.btn-large {
  line-height: 18px; }

.btn-xlarge {
  padding: 10px 30px;
  line-height: 30px; }

#footer, .anchor-link, .menu li a {
  line-height: 50px; }

.btn-block {
  display: block; }

#footer, .anchor-link {
  padding: 0 10px; }

.fw100 {
  width: 100px; }

.btn-promo {
  background-color: #384961; }
  .btn-promo:hover {
    background-color: #2a3b53; }

.btn-trans {
  background-color: #3e99d9;
  color: #ffffff; }
  .btn-trans:hover {
    background-color: #2f8dcf; }

.btn-gray {
  background-color: #eaeaea;
  color: #969696; }

.btn-grayd {
  background-color: #777;
  color: #fff; }
  .btn-grayd:hover {
    background-color: #666; }

.btn-danger {
  background-color: #A53939; }

.delete {
  background: #ef4836 none repeat scroll 0 0;
  color: #ffffff;
  padding: 6px 15px; }
  .delete:hover {
    text-decoration: none !important; }

/*.callback, .msgSenderId {
     background: #037eb7 none repeat scroll 0 0;
     color: #ffffff;
     padding: 4px 12px;
     text-decoration: none !important;
 }
*/
.btn-success {
  background-color: #51b27e; }
  .btn-success:hover {
    background-color: #24a081; }

.greenTxt {
  color: #37bc9b; }

.btn-orange {
  background-color: #ffa26a; }
  .btn-orange:hover {
    background-color: #EE8647; }

.orange {
  color: #ffa26a; }

.btn-grey {
  background-color: #c5c5c5;
  color: #fff;
  border: 1px solid #c5c5c5; }
  .btn-grey:hover {
    background-color: #ddd;
    border: 1px solid #ddd; }
  .btn-grey i {
    opacity: .2;
    margin: 7px 0 0 10px; }

.btn-blue {
  background-color: #000;
  color: #fff; }
  .btn-blue:hover {
    background-color: #777; }

.btn-danger:hover {
  background-color: #812525; }

.btn-blank {
  background: #fff; }

.btn-primary {
  border: 1px solid #37bc9b;
  color: #37bc9b;
  background: #fff; }
  .btn-primary:active, .btn-primary:hover {
    color: #fff;
    background: #37bc9b; }

.btn-secondary-outline {
  color: #6c757d;
  background-color: transparent;
  background-image: none;
  border: 1px solid #6c757d; }
  .btn-secondary-outline:active, .btn-secondary-outline:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d; }

.btn-secondary {
  border: 1px solid #ffa26a;
  color: #ffa26a;
  background-color: transparent; }
  .btn-secondary:active, .btn-secondary:hover {
    color: #fff;
    border-color: #e18750;
    background-color: #e18750; }

.btn-info {
  background-color: #333;
  color: #fff; }
  .btn-info:hover {
    background-color: #000; }

button[disabled], input[disabled] {
  background-color: #ddd !important;
  cursor: inherit; }

.gryf9Bg {
  background-color: #f9f9f9; }

.clr9 {
  color: #999; }

.cmnTopSection {
  height: 50px; }

.leftSection {
  width: 240px;
  display: block;
  /* background: #e6e6e6; */ }

#leftTopSection .icon-search {
  position: absolute;
  left: 20px;
  top: 16px;
  font-size: 20px;
  color: #adb2b1; }

#cnt_ul, #footer, #leftBtmMenus > li, #leftMainSection, #rightMainSection, .nav-tabs > li, .rightSection {
  position: relative; }

#leftTopSection input {
  padding: 10px 10px 10px 20px;
  height: 50px;
  line-height: 50px;
  width: 100%;
  border: 0;
  text-indent: 32px;
  font-size: 15px;
  /* &::-webkit-input-placeholder {
    color: #555;
    font-weight: lighter;
  }
  &:-moz-placeholder, &::-moz-placeholder {
    color: #555;
    opacity: 1;
    font-weight: lighter;
  }
  &:-ms-input-placeholder {
    color: #555;
    font-weight: lighter;
  } */ }
  #leftTopSection input:focus {
    box-shadow: 0 0 3px rgba(2, 56, 120, 0.45) inset; }

.rightSection {
  background: #f9f9f9; }

#rightMainSection {
  padding-top: 50px;
  width: 100%;
  height: 100%;
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  border-right: 1px solid #ddd; }

#footer {
  height: 50px;
  font-size: .875em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #ddd;
  background-color: #fff;
  display: block; }

.anchor-link {
  background-color: #2daebf;
  color: #FFF;
  display: none; }
  .anchor-link:hover {
    background-color: #007d9a; }

#contentright {
  min-height: 500px;
  padding-bottom: 100px; }

.menu li a {
  display: block;
  padding: 0 0 0 20px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all 0.3s; }

.icon_img i, .menu li i, .numberGroup i {
  float: left;
  font-size: 20px;
  margin-right: 10px;
  margin-top: 16px;
  width: 24px;
  height: 24px; }

.menusDivider {
  margin: 7px 20px;
  height: 1px; }

#cntLeftInner {
  height: 100%; }

#leftBtmMenus > li {
  display: inline-block;
  width: 33.33%;
  height: 50px; }
  #leftBtmMenus > li > a {
    display: block;
    text-align: center;
    line-height: 30px;
    padding: 10px 0;
    font-size: 0.876em; }
  #leftBtmMenus > li:last-child > a {
    border-right: 0; }

#cnt_ul li div, .grpRow {
  display: block;
  line-height: 50px;
  padding: 0 20px;
  overflow: hidden;
  cursor: pointer;
  text-align: left; }

#cnt_ul img {
  text-align: center;
  margin: 10px 0; }

#addnewgroupdivWrap .grpRow {
  padding: 5px 20px;
  height: 30px; }
#addnewgroupdivWrap input {
  height: 30px !important;
  padding: 5px 5px 5px 0 !important;
  background-color: transparent;
  border: 0;
  color: #fff !important; }
#addnewgroupdivWrap div {
  line-height: 30px;
  cursor: inherit !important; }
#addnewgroupdivWrap span {
  color: #fff; }
#addnewgroupdivWrap .lbs {
  font-size: 12px;
  margin-right: 10px;
  cursor: pointer; }

.clsTrg {
  height: 30px;
  line-height: 30px;
  display: block;
  cursor: pointer !important; }

.grpRow input {
  width: 140px; }

#addgrp {
  width: 110px; }

#addnewgroupdivWrap button {
  padding: 5px 14px;
  line-height: 20px; }

#cnt_ul li span {
  float: right; }
  #cnt_ul li span.tempEditBox {
    float: left;
    margin-left: 20px; }

.tempEditBox {
  padding-left: 0; }
  .tempEditBox input {
    height: 40px !important;
    width: 120px !important;
    padding: 5px !important; }

#cnt_ul li a {
  color: #282828;
  text-decoration: underline; }
  #cnt_ul li a:hover {
    text-decoration: none; }
  #cnt_ul li a + a {
    float: right; }

#leftMainSection {
  overflow: hidden; }

#menu li a, .addGrpWrp {
  padding-right: 17px; }

.grpRow a {
  padding-right: 17px; }
  .grpRow a:last-child {
    padding-right: 0; }

.nav-tabs {
  height: 50px;
  clear: both;
  overflow: hidden;
  margin-bottom: -1px; }
  .nav-tabs > li {
    float: left;
    display: block;
    height: 50px; }
    .nav-tabs > li > a {
      line-height: 28px;
      display: inline-block;
      padding: 10px 18px;
      color: #0b638c;
      font-size: 16px; }
      .nav-tabs > li > a > span {
        display: inline-block;
        margin: 0 0 0 5px; }
    .nav-tabs > li.active > a {
      border-bottom: 2px solid #0b638c;
      border-radius: 0px;
      color: #0b638c;
      /* &:focus, &:hover {
        color: #0b638c;
      } */ }
    .nav-tabs > li > a:hover {
      color: #0b638c; }
    .nav-tabs > li.disabled > a {
      color: #777; }
      .nav-tabs > li.disabled > a:focus, .nav-tabs > li.disabled > a:hover {
        color: #777;
        text-decoration: none;
        background-color: transparent;
        cursor: not-allowed; }

.tab-content {
  padding: 20px; }

.tab-pane {
  display: none; }

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

#leftBtmMenus li a, .bcontainer, .brow [class^=col-], [class*=col-] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.bcontainer {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }
  .bcontainer:after {
    clear: both; }

.brow {
  margin-left: -10px;
  margin-right: -10px; }
  .brow:after {
    clear: both; }

#setTabs .icon-cross {
  font-weight: 700; }

[class^=col-sm-] {
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }

.col-sm-1 {
  width: 8.33333%; }

.col-sm-2 {
  width: 16.66667%; }

.col-sm-3 {
  width: 25%; }

.col-sm-4 {
  width: 32.5%; }

.col-sm-5 {
  width: 41.66667%; }

.col-sm-6 {
  width: 50%; }

.col-sm-7 {
  width: 58.33333%; }

.col-sm-8 {
  width: 67.5%; }

.col-sm-9 {
  width: 75%; }

.col-sm-10 {
  width: 83.33333%; }

.col-sm-11 {
  width: 91.66667%; }

.col-sm-12 {
  width: 100%; }

.splOpt {
  /*border-bottom: 1px solid #ddd;*/
  padding: 5px 10px; }

#acExpiry {
  padding: 5px 20px 0 20px;
  font-size: 12px;
  color: #999; }

.mngwebhead {
  margin-left: 10px; }

#rightTopSection {
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  left: 240px;
  background: #f9f9f9; }

.rightTopSectionFull {
  left: 0 !important; }

#subNav1 {
  right: 10px; }

#subNavCom {
  left: 280px;
  top: 0px;
  /*padding: 10px 0;*/ }

#admin-nav {
  left: 280px;
  top: 156px; }

#companyUserNav {
  left: 20px;
  width: 280px;
  padding: 10px 0; }
  #companyUserNav .name {
    font-weight: 600;
    font-size: 18px; }

#companyUserNav > li {
  position: relative;
}

#userProfile {
  padding: 8px 20px;
  cursor: pointer; }
  #userProfile h2 {
    font-weight: 400;
    font-size: 18px;
    }
  #userProfile .name {
    font-size: 12px; }

#leftTopSection {
  border-right: 1px solid #000;
  position: relative;
  height: 50px; }
  #leftTopSection:before {
    content: "";
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  #leftTopSection input {
    background: transparent;
    position: absolute; }
  #leftTopSection .icon-search, #leftTopSection input {
    z-index: 99; }

@media (max-width: 800px) {
  #orSec {
    display: none; }

  .btn, button, input, select, textarea {
    -webkit-border-radius: 0; }

  .btn, input {
    border-radius: 0; }

  [class^=col-xs-] {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px; }

  .cmnTopSection {
    height: inherit;
    clear: both; }

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

  .col-xs-6 {
    width: 50%; } }
@media only screen and (max-width: 1024px), (max-device-width: 1024px) {
  .leftSection {
    margin-left: -100%; }

  .rightSection, body.mobile .leftSection {
    margin-left: 0; }

  .rightSection:before {
    content: " ";
    left: -100%;
    width: 100%; }

  body.mobile .rightSection {
    margin-right: -100%;
    float: left; }

  .route-tabs {
    float: left; }

  .rightSection {
    float: none;
    width: 100%; }

  #rightBotSection {
    padding: 10px;
    height: inherit;
    line-height: 22px; }

  #contentright {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  #info {
    display: none; }

  .mblBtn a.button {
    min-width: 40px;
    max-width: 80px;
    text-align: center; }
  .mblBtn #show_route_choice {
    margin-left: 10px; }
  .mblBtn .mngwebhead {
    float: left;
    margin-left: 0; } }
@media (max-width: 1366px) {
  .mClrL {
    clear: both;
    float: none; }

  .mprT1 {
    padding-top: 10px; }

  .dynfieldnametd, .dynfieldnameth, .mhidcell {
    display: none !important; } }
@media (max-width: 1024px) {
  .mClrL {
    clear: both;
    float: none; }

  .mprT1 {
    padding-top: 10px; }

  body, html {
    width: 1024px;
    overflow: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch; }

  #rightTopSection {
    position: inherit; }

  #rightMainSection {
    padding-top: 0; }

  .dynfieldnametd, .dynfieldnameth, .mhidcell {
    display: none !important; }

  .srchWrpMng {
    width: 140px; }

  .setrow label {
    display: block;
    float: none;
    margin-right: 0;
    width: 100%; }

  #tax {
    width: 80px !important; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .btn, button, input, select, textarea {
    -webkit-border-radius: 0;
    -webkit-appearance: none; }

  .btn, input {
    border-radius: 0; }

  #groupleft td label {
    float: left;
    cursor: pointer;
    display: block;
    line-height: 28px;
    margin: 0;
    padding: 0; }

  .thefield textarea {
    padding: 0; }

  * {
    box-sizing: border-box; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .btn, button, input, select, textarea {
    -webkit-border-radius: 0;
    -webkit-appearance: none; }

  #edtOpen {
    display: block; }

  .btn, input {
    border-radius: 0; }

  #groupleft td label {
    float: left;
    cursor: pointer;
    display: block;
    line-height: 28px;
    margin: 0;
    padding: 0; }

  .thefield textarea {
    padding: 0; }

  * {
    box-sizing: border-box; } }
@media only screen and (max-width: 800px), (max-device-width: 768px) {
  #edtOpen {
    display: none; }

  .mblBtn a.button {
    min-width: 40px;
    max-width: 80px;
    text-align: center; }

  #dlrTbl table {
    width: 1000px !important; } }
@media only screen and (max-width: 600px), (max-device-width: 600px) {
  #rightMainSection {
    border-right: 0; }

  body.mobile #footer {
    width: 820px; }
  body.mobile #mainContainer {
    width: 840px; }

  .mblBtn a.button {
    min-width: 40px;
    max-width: 80px;
    text-align: center; } }
@media only screen and (max-width: 480px), (max-device-width: 480px) {
  body, html {
    font-size: 80%; }

  #contentright {
    padding-right: 0; }
    #contentright:after {
      display: none; }

  #rightTopSection {
    height: 50px; }

  select {
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 2px; }

  #rightTopSection select {
    background: #f9f9f9;
    border: 0;
    height: 50px; }

  #queryWrap select {
    height: 22px;
    float: left;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #ddd; }
  #queryWrap .parentDiv > label {
    height: 22px;
    line-height: 22px; } }
@media (max-width: 1024px) {
  #rightTopSection {
    left: 0; } }
@font-face {
  font-family: icomoon;
  src: url(fonts/icomoon.eot?3aitu5);
  src: url(fonts/icomoon.eot?#iefix3aitu5) format("embedded-opentype"), url(fonts/icomoon.woff?3aitu5) format("woff"), url(fonts/icomoon.ttf?3aitu5) format("truetype"), url(fonts/icomoon.svg?3aitu5#icomoon) format("svg");
  font-weight: 400;
  font-style: normal; }
[class*=" icon-"], [class^=icon-] {
  font-family: icomoon;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-products:before {
  content: "\e905"; }

.icon-phone:before {
  content: "\e900"; }

.icon-documentation:before {
  content: "\e111"; }

.icon-note:before {
  content: "\e112"; }

.icon-support:before {
  content: "\e113"; }

.icon-video:before {
  content: "\e114"; }

.icon-survey:before {
  content: "\e171"; }

.icon-customsms1:before {
  content: "\e600"; }

.icon-action:before {
  content: "\e601"; }

.icon-arrow:before {
  content: "\e602"; }

.icon-backtoadmin:before {
  content: "\e603"; }

.icon-customsms:before {
  content: "\e604"; }

.icon-DLR:before {
  content: "\e605"; }

.icon-DLR1:before {
  content: "\e606"; }

.icon-dropdown:before {
  content: "\e607"; }

.icon-flash:before {
  content: "\e608"; }

.icon-flash1:before {
  content: "\e609"; }

.icon-longcode:before {
  content: "\e60a"; }

.icon-longcode1:before {
  content: "\e60b"; }

.icon-manageclient:before {
  content: "\e60c"; }

.icon-manageclient1:before {
  content: "\e60d"; }

.icon-managewebsite:before {
  content: "\e60e"; }

.icon-managewebsite1:before {
  content: "\e60f"; }

.icon-delete:before {
  content: "\e610"; }

.icon-searchclient:before {
  content: "\e611"; }

.icon-searchclient1:before {
  content: "\e612"; }

.icon-search:before {
  content: "\e613"; }

.icon-setting:before {
  content: "\e614"; }

.icon-setting1:before {
  content: "\e615"; }

.icon-sms:before {
  content: "\e616"; }

.icon-sms1:before {
  content: "\e617"; }

.icon-voice:before {
  content: "\e618"; }

.icon-left:before {
  content: "\e619"; }

.icon-edit:before {
  content: "\e61a"; }

.icon-notepadedit:before {
  content: "\e61b"; }

.icon-cross:before {
  content: "\e61c"; }

.icon-right:before {
  content: "\e61d"; }

.icon-api-doc1:before {
  content: "\e904"; }

.icon-ico-products:before {
  content: "\e905"; }

.icon-user:before {
  content: "\e971"; }

.icon-users:before {
  content: "\e972"; }

.icon-user-tie:before {
  content: "\e976"; }

.icon-check:before {
  content: "\e978"; }

.icon-campaign:before {
  content: "\e979"; }

.icon-transactional_email:before {
  content: "\e980"; }

.icon-push_notification:before {
  content: "\e981"; }

/*main elements*/
#tempWrap, .dropmenu, .phbkOpt, .setPane:after, .srchWrpMng i {
  position: absolute; }

#file_name, .audioFileName, .dropmenu li, .rBox .h {
  white-space: nowrap; }

#info, .header_dropdown, .cmnsetdrop, .dropmenu, .setPane {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  list-style: none;
  border-color: rgba(0, 0, 0, 0.2);
  border-width: 1px; }

#tempInner #topPart, .head2 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #efefef; }

#groupBox, table tr.shadetabs td {
  border-top-color: #ddd;
  border-top-width: 1px; }

#info, .header_dropdown, #tempWrap .textarea, .cmnsetdrop, .datepicker, .dropmenu, .featureli li:hover .ftrbox, .fieldset, .ftrbox {
  border-style: solid; }

.header ul a {
  border-style: solid; }
  .header ul a.active, .header ul a:hover {
    border-style: solid; }

.infoBox, .infotxt, .schEndDate, .schStartDate, .setPane, .showurl, .srcbg input, .ui-iconh, .white-label, .white.awesome, fieldset, pre {
  border-style: solid; }

.buff, .fieldwrapper, .setrow {
  clear: both; }

.infoBoxWrap, .row label, .row-hrt label {
  vertical-align: middle; }

::-ms-clear {
  display: none / 0; }

button.ui-button {
  border: 0; }

.row-hrt {
  margin-bottom: 10px; }
  .row-hrt label {
    display: block;
    line-height: 20px;
    margin-bottom: 5px; }
  .row-hrt input[type=text], .row-hrt input[type=email] {
    width: 100%; }
  .row-hrt select, .row-hrt textarea {
    width: 100%; }

.dropmenu {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  display: none;
  min-width: 160px;
  z-index: 100; }
  .dropmenu li {
    line-height: 24px;
    padding: 5px 10px;
    cursor: poitor; }
    .dropmenu li.divider {
      background-color: #d8d8d8;
      height: 2px;
      padding: 0;
      margin: 0 5px; }

#topRightNav {
  float: right;
  list-style: none;
  margin-right: 10px; }
  #topRightNav > li {
    position: relative;
    float: right;
    z-index: 11; }
    #topRightNav > li > a {
      position: relative;
      line-height: 30px;
      display: block;
      font-size: 1.1em;
      padding: 10px;
      clear: both;
      box-sizing: border-box;
      height: 50px; }

#info, .header_dropdown, #topRightNav > li > a, .cmnsetdrop, .setPane {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

#topRightNav > li > a .arrow-down.icon-dropdown {
  font-size: 0.5em; }
#topRightNav #logAsUser {
  background-color: #f57910; }
#topRightNav > li > a:hover {
  color: #4598d0; }
#topRightNav > li > a#logAsUser {
  color: #fff; }
#topRightNav > li > a.ico {
  font-size: 1.4em; }
#topRightNav > li.loginAsAdmin > a {
  background-color: #668F8A;
  color: #fff; }

#show_route_choice {
  position: relative;
  overflow: hidden;
  float: left;
  height: 50px;
  line-height: 50px;
  margin-left: 20px; }

#current_route_bg {
  padding-right: 10px;
  margin-right: 10px; }

#show_route_choice > span {
  float: left;
  display: block; }
#show_route_choice > p {
  float: left;
  margin: 0 5px; }
#show_route_choice > a {
  float: left;
  font-size: 1.2em; }
#show_route_choice > img {
  float: left;
  margin-left: 20px;
  margin-top: 5px; }
#show_route_choice > a:hover {
  text-decoration: underline; }
#show_route_choice.promo > a {
  color: #384961; }

.rBox .promo {
  color: #384961; }

#show_route_choice.trans > a, .rBox .trans {
  color: #3898db; }

#changeRouteLink {
  line-height: 44px; }

#buyCredits.button {
  padding: 7px 10px; }

#routeBal {
  font-weight: 600; }

.tpNav #colan {
  width: 4px;
  text-align: center;
  display: inline-block; }

#info, .header_dropdown, .cmnsetdrop, .setPane {
  display: none;
  position: absolute;
  -o-transition: all .1s linear .5s;
  transition: all .1s linear .5s;
  box-sizing: border-box;
  background-color: #fff; }

#info, .header_dropdown, #tempWrap, .cmnsetdrop, .setPane {
  -webkit-transition: all .1s linear .5s;
  -moz-transition: all 0.1s linear 0.5s; }

.stp {
  width: 130px;
  float: left; }

#copyToGrps li, .phbkOpt a {
  padding: 5px 20px; }

.header_dropdown {
  top: 50px;
  width: 180px;
  border-top: 0;
  z-index: 999; }

.phbkOpt {
  display: none;
  background: #fff;
  border: 1px solid #eee;
  -moz-box-shadow: 0 0 1px #ccc;
  -webkit-box-shadow: 0 0 1px #ccc;
  box-shadow: 0 0 1px #ccc;
  left: 0;
  top: 50px;
  z-index: 11;
  width: 250px; }

#copyToGrps li:hover, .phbkOpt a:hover {
  background: #f5f5f5; }

#copyToGrps li {
  display: block; }

.phbkOpt a, .phbkOpt li {
  display: block; }

.setPane li a, .setPane.active {
  display: block; }

.phbkOpt ul {
  max-height: 300px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

#copyToGrps li, .srcbg {
  overflow: hidden; }

#copyToGrps li {
  cursor: pointer; }
#copyToGrps input {
  margin-top: 10px;
  float: left; }
#copyToGrps label {
  color: #969696;
  display: block;
  margin-left: 24px;
  cursor: pointer; }

#info {
  top: 40px;
  min-width: 180px;
  right: 0; }

.setPane {
  left: 10px;
  bottom: 40px;
  width: 200px;
  padding: 10px 0; }
  .setPane:after {
    top: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px; }

#tempWrap .textarea, .header ul a, .pagination a, .srcbg input, .white.awesome, fieldset {
  border-width: 1px; }

.setPane li a {
  line-height: 24px;
  padding: 5px 10px; }

#setMenuPane li a {
  padding: 5px 15px; }

.setPane li a:hover {
  background-color: #f0f0f0; }

.srchWrpMng i {
  color: #ccc;
  font-size: 18px;
  right: 8px;
  top: 11px;
  visibility: hidden; }
  .srchWrpMng i:hover {
    color: #bbb; }
  .srchWrpMng i.vis {
    visibility: visible; }

.header h3 {
  font-weight: 400;
  font-size: 1em;
  margin-right: 10px;
  line-height: 30px; }

.hdr-sec, .routeinfo {
  float: left; }

.srcbg input {
  border-color: #ddd;
  padding: 5px;
  width: 180px;
  float: left;
  height: 30px; }

.src input[type=submit] {
  background: url(img/flat-iconset.png) -118px -142px no-repeat #ddd;
  width: 30px;
  height: 30px;
  border: none;
  cursor: poitor; }

.header ul a {
  padding: 9px 13px;
  color: #555;
  border-color: transparent; }
  .header ul a.active, .header ul a:hover {
    color: #333;
    border-color: transparent;
    border-width: 1px; }

.tempHead {
  height: 40px;
  margin-bottom: 10px; }
  .tempHead .ui-iconh {
    margin-top: 6px; }

#getSetInfo {
  position: absolute;
  z-index: 99;
  top: 50px;
  bottom: 50px;
  right: 0;
  width: 240px;
  background-color: #f4f4f4;
  border-left: 1px solid #ddd;
  -o-transition: all .1s linear .5s;
  transition: all .1s linear .5s;
  display: none; }
  #getSetInfo .mfp-close {
    color: inherit; }
  #getSetInfo .hd {
    padding: 10px 20px;
    border-bottom: 1px solid #ddd; }
  #getSetInfo input, #getSetInfo textarea, #getSetInfo select {
    width: 100%;
    margin-bottom: 10px; }

#tempWrap {
  z-index: 4;
  top: 50px;
  bottom: 50px;
  right: 0;
  width: 240px;
  background-color: #f4f4f4;
  border-left: 1px, solid, #ddd;
  -o-transition: all .1s linear .5s;
  transition: all .1s linear .5s;
  display: none; }

#tempInner #midPart, .awesome, .button {
  position: relative; }

#tempWrap.show {
  right: 0;
  display: block; }
#tempWrap .textarea {
  background-color: #fff;
  border-color: #ddd;
  padding: 10px;
  min-height: 160px;
  max-height: 160px;
  margin-bottom: 4px;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }

#tempInner {
  padding: 10px; }
  #tempInner #topPart {
    margin-bottom: 10px; }
  #tempInner #midPart .flbl {
    margin-bottom: 5px;
    display: block; }

.fieldwrapper {
  padding-bottom: 15px; }

.ghead, .head2 {
  padding: 10px 20px; }

.lbl {
  line-height: 18px; }

.head2 {
  font-size: 18px; }

.cmntbl td, .cmntbl thead th {
  border-bottom: 1px solid #efefef; }

.ghead {
  border-bottom: 1px solid #efefef; }

.subHead {
  font-size: 13px; }

.ghead {
  font-weight: 700;
  color: #333; }

.msg {
  background-color: #f3f3f3;
  text-shadow: #fff 0 1px 0; }

table td {
  word-break: keep-all; }

.brktxt {
  word-break: break-all;
  word-wrap: break-word; }

table th {
  word-break: keep-all;
  text-align: left; }

.cmntbl th {
  padding: 15px 20px; }

#filter_group_wrap .cmntbl th {
  padding: 15px 10px; }

.cmntbl th.tablesorter-header {
  padding: 5px 10px 5px 20px; }
.cmntbl tbody tr:hover {
  background: #eee; }
.cmntbl tbody tr.nohvr:hover {
  background: inherit; }

.tablesorter thead .header, .tablesorter thead .tablesorter-header {
  background-image: url(bg.gif);
  background-repeat: no-repeat; }

.cmntbl td {
  padding: 10px 20px; }

.sensArea .more {
  text-decoration: underline; }

.cmntbl thead th {
  color: #333; }

#manageClientTbl.cmntbl td {
  border-bottom: 0; }

.cmntbl td table td {
  border-bottom: 0; }
.cmntbl td div.msgwrap {
  display: block;
  display: -webkit-box;
  max-width: 400px;
  min-width: 240px;
  margin: 0 auto;
  line-height: 16px; }

.cmnSetSec {
  max-width: 500px;
  min-width: 200px; }

.awesome, .button {
  display: inline-block; }

table tr.shadetabs td {
  border-top-style: solid; }

#campaignList li, .advSMSPreview td, .bnkTbl tbody td, .showurl:before {
  border-bottom-style: solid; }

.tablesorter thead .header {
  background-position: center left;
  cursor: poitor;
  text-align: left; }
.tablesorter thead .tablesorter-header {
  background-position: center right;
  cursor: pointer;
  text-align: left; }
  .tablesorter thead .tablesorter-header.sorter-false {
    background-image: none !important; }
.tablesorter thead .headerSortUp, .tablesorter thead .tablesorter-headerAsc {
  background-image: url(asc.gif); }
.tablesorter thead .headerSortDown, .tablesorter thead .tablesorter-headerDesc {
  background-image: url(desc.gif); }
.tablesorter .firstme, .tablesorter .oddme {
  border-bottom-color: #e5e5e5;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  background-color: #fff; }

table .first, table .odd {
  border-bottom-color: #e5e5e5;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  background-color: #fff; }

.tablesorter .firstme:hover, .tablesorter .oddme:hover {
  background-color: #f5f5f5; }

table .first.active, table .odd.active, table tr.shadetabs.active {
  background-color: #f5f5f5; }

#manageClientTbl.cmntbl td table tr:hover {
  background-color: inherit; }

.plain .cmntbl td:nth-child(1), .plain .cmntbl th:nth-child(1) {
  padding-left: 20px; }

.button {
  cursor: pointer;
  text-decoration: none;
  padding: 5px 10px;
  border: none; }
  .button.sml {
    padding: 3px 2px; }
  .button.big {
    padding: 10px 20px; }
  .button.white {
    color: #333;
    background-color: #ddd; }
  .button.custom:hover, .button.white:hover {
    background-color: #ccc;
    color: #333; }
  .button.custom:active, .button.white:active {
    border-color: #444;
    background-color: #333;
    color: #fff; }

.hint {
  color: #999;
  font-size: 12px;
  font-weight: 400; }

.awesome {
  background-color: #494949;
  border: none;
  color: #FFF;
  cursor: poitor;
  font-size: 1em;
  padding: 5px 15px; }
  .awesome:active, .awesome:focus, .awesome:hover {
    background-color: #262626; }

.smaller.awesome {
  font-size: .85em;
  padding: 3px 8px; }

.small.awesome {
  padding: 8px 15px;
  line-height: 24px; }

#dlrTbl .small.awesome {
  line-height: 20px;
  margin: 5px 0 5px;
  padding: 6px 15px; }

.mblBtn a {
  box-sizing: inherit;
  display: block;
  text-align: center;
  width: 90px; }

.cmntbl td div.btn-box {
  float: none !important; }

input.small.awesome {
  line-height: inherit;
  cursor: pointer; }

.medium.awesome {
  padding: 8px 15px;
  line-height: 24px; }

.large.awesome {
  font-size: 1.3em;
  padding: 12px 20px; }

.green.awesome {
  background-color: #37bc9b;
  color: #fff; }
  .green.awesome:hover {
    background-color: #24a081; }
  .green.awesome:active {
    background-color: #555; }

.blue.awesome {
  background-color: #ef4836;
  color: #fff; }
  .blue.awesome:hover {
    background-color: #007d9a; }

.red.awesome {
  background-color: #ef4836; }
  .red.awesome:hover {
    background-color: #D24E39; }
  .red.awesome:active {
    background-color: #555;
    color: #fff; }

.magenta.awesome {
  background-color: #a9014b; }
  .magenta.awesome:hover {
    background-color: #630030; }

.orange.awesome {
  background-color: #ff5c00; }
  .orange.awesome:hover {
    background-color: #d45500; }

.yellow.awesome {
  background-color: #ffb515;
  color: #fff; }
  .yellow.awesome:hover {
    background-color: #fc9200; }

.gray.awesome {
  background-color: #777;
  color: #fff; }
  .gray.awesome:hover {
    background-color: #666; }

.white.awesome {
  background-color: #f5f5f5;
  color: #333;
  border-color: #e5e5e5; }
  .white.awesome:hover {
    background-color: #eee; }

.gray.awesome:active {
  background-color: #555; }

button.small.awesome {
  padding: 0 10px 2px;
  height: 28px;
  line-height: inherit; }

.awesome.lgrey {
  background-color: #eaeaea;
  color: #494949; }
  .awesome.lgrey:hover {
    background-color: #dadada; }

fieldset {
  border-color: #ddd;
  padding: 10px; }

legend {
  padding: 0 10px; }

.iconhd {
  display: block;
  line-height: 32px; }

#notification {
  position: absolute;
  z-index: 99;
  overflow: hidden;
  left: -3000px;
  top: 7px; }
  #notification h2 {
    font-size: 16px;
    font-weight: 400; }
  #notification .error, #notification .information, #notification .success, #notification .warning {
    display: block;
    position: relative;
    padding: 5px 20px; }
  #notification .information {
    background-color: #3bafda; }
  #notification .success {
    background-color: #8cc152; }
  #notification .warning {
    background-color: #f6bb42; }
  #notification .error {
    background-color: #e9573f; }

.notify h2 {
  color: #fff; }

.pagination ul {
  position: relative;
  top: -1px;
  padding: 10px;
  overflow: hidden; }

#dlrDetailBox .pagination ul {
  padding: 10px 20px; }

.pagination ul li {
  float: left;
  display: block; }
.pagination a {
  border: 0 solid #e0e0e0;
  background-color: #ebebeb;
  padding: 4px 7px;
  margin: 2px;
  color: #333 !important;
  display: block; }
  .pagination a:active, .pagination a:focus, .pagination a:hover {
    color: #0a80cf !important;
    cursor: poitor; }

.datepicker {
  border-collapse: collapse;
  border-color: #999;
  border-width: 2px;
  position: absolute; }

.fieldset, .infotxt, .ui-iconh, .white-label {
  border-width: 1px; }

.datepicker tr.controls th {
  height: 22px;
  font-size: 11px; }
.datepicker select {
  font-size: 11px; }

#dyCnt, .rtbx {
  font-size: 12px; }

.datepicker tr.days th {
  height: 18px; }
.datepicker tfoot td {
  height: 18px;
  text-align: center;
  text-transform: capitalize;
  background-color: #eee; }
.datepicker th {
  background-color: #eee; }
.datepicker tfoot td span, .datepicker th span {
  font-weight: 700; }
.datepicker tbody td {
  width: 24px;
  height: 24px;
  border-color: #ccc;
  border-width: 1px;
  border-style: solid;
  text-align: center;
  background-color: #fff; }
  .datepicker tbody td.date {
    cursor: poitor; }

.icon, .switch label {
  cursor: pointer; }

.datepicker tbody td.date.over {
  background-color: #9ff; }
.datepicker tbody td.date.chosen {
  font-weight: 700;
  background-color: #cfc; }

.cb-disable, .cb-enable {
  background: url(img/enable-disable.gif) repeat-x;
  display: block;
  float: left; }
  .cb-disable span, .cb-enable span {
    background: url(img/enable-disable.gif) repeat-x;
    display: block;
    float: left; }

.fi16, .fi24, .fi32 {
  background-image: url(img/flat-iconset.png); }

.cb-disable span {
  line-height: 30px;
  display: block;
  background-repeat: no-repeat; }

.cb-enable span {
  line-height: 30px;
  display: block;
  background-repeat: no-repeat;
  background-position: left -90px;
  padding: 0 10px;
  color: #999; }

.cb-disable span {
  background-position: right -180px;
  padding: 0 10px;
  color: #999; }
.cb-disable.selected {
  background-position: 0 -30px; }
  .cb-disable.selected span {
    background-position: right -210px;
    color: #fff;
    font-weight: 700; }

.cb-enable.selected {
  background-position: 0 -60px;
  font-weight: 400; }
  .cb-enable.selected span {
    background-position: left -150px;
    color: #fff; }

.switch.enable {
  overflow: hidden;
  width: 85px; }

.fi16 {
  width: 16px;
  height: 16px;
  display: block; }

.iply-round {
  background-position: -80px -576px; }

.istp-round {
  background-position: -80px -592px; }

.iply {
  background-position: -128px -576px; }

.istp {
  background-position: -144px -576px; }

.logbk {
  background-position: -176px -576px; }

.dblDwn {
  background-position: -128px -592px; }

.fi24 {
  width: 24px;
  height: 24px;
  display: block; }

.fi32, .icon {
  height: 32px; }

.itext {
  background-position: -96px -144px; }

.ivoice {
  background-position: -96px -168px; }

.ivirtual {
  background-position: -96px -192px; }

.iphbook {
  background-position: -96px -216px; }

.isettings {
  background-position: -96px -240px; }

.ireseller {
  background-position: -96px -264px; }

.ilinks {
  background-position: -96px -288px; }

.imagni {
  background-position: -120px -144px; }

.imagni-w {
  background-position: -144px -144px; }

.fi32 {
  width: 32px;
  display: block; }

.iXfile {
  background-position: -64px -384px; }

.uhvr:hover {
  text-decoration: underline; }

.icon {
  width: 32px;
  background-image: url(img/iconset.png);
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  float: left; }

.icon_sendsms {
  background-position: 0 0; }

.icon_advance {
  background-position: 0 -32px; }

.icon_dreport {
  background-position: 0 -64px; }

.icon_schedule {
  background-position: 0 -96px; }

.icon_arch {
  background-position: 0 -128px; }

.icon_history {
  background-position: 0 -160px; }

.icon_phbook {
  background-position: 0 -192px; }

.icon_tlog {
  background-position: 0 -224px; }

.icon_devt {
  background-position: 0 -256px; }

.icon_mclient {
  background-position: 0 -288px; }

.icon_msubsite {
  background-position: 0 -320px; }

.icon_setting {
  background-position: 0 -352px; }

.icon_mfunds {
  background-position: 0 -384px; }

.icon_pass {
  background-position: 0 -416px; }

.icon_edit {
  background-position: 0 -448px; }

.icon_del {
  background-position: 0 -480px; }

.icon_exp {
  background-position: 0 -512px; }

.icon_dash {
  background-position: 0 -544px; }

.icon_alert {
  background-position: 0 -576px; }

.icon_support {
  background-position: 0 -608px; }

.icon_downloads {
  background-position: 0 -640px; }

.icon_voice {
  background-position: 0 -672px; }

.icon_rate {
  background-position: 0 -704px; }

.icon_m_tariff {
  background-position: 0 -736px; }

.icon_reseller {
  background-position: 0 -768px; }

.icon_user {
  background-position: 0 -800px; }

.icon_longcode {
  background-position: 0 -832px; }

.white-label {
  display: block;
  width: 16px;
  height: 16px;
  background: url(img/sml_icon1.png) -48px -144px;
  border-color: #000;
  margin: -35px 0 0 130px;
  border-radius: 3px;
  position: absolute;
  opacity: .5;
  cursor: poitor; }

#loadFlashSetting, .getNo, .rBox, .rthvrdtl {
  cursor: pointer; }

.ui-iconh, .white-label {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px; }

.voice-icon-small {
  background: url(../images/voice-icon-small.png) no-repeat;
  width: 12px;
  height: 12px;
  display: block;
  float: left;
  padding: 0 3px 0 0; }

.active .voice-icon-small, .voice-icon-small:hover {
  background: url(/images/voice-icon-small.png) 0 -12px no-repeat;
  width: 12px;
  height: 12px;
  display: block;
  float: left;
  padding: 0 3px 0 0; }

.ic-16, .ic-24 {
  display: inline-block; }

.ui-icon, .ui-iconh {
  width: 16px;
  height: 16px; }

.ui-icon {
  background-image: url(img/sml_icon1.png);
  float: left;
  margin: 0 2px; }

.ui-iconh {
  background: url(img/sml_icon1.png);
  border-color: silver;
  float: left;
  margin: 0 5px;
  border-radius: 3px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-info {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

[class^=ic-] {
  background: url(images/new_icons.png) no-repeat; }

.ic-24 {
  width: 24px;
  height: 24px; }
  .ic-24.note {
    background-position: -192px 2px; }
  .ic-24.bell {
    background-position: -72px 0; }
  .ic-24.admn {
    background-position: -120px 0; }

.ic-16 {
  width: 16px;
  height: 16px; }
  .ic-16.arrow-down {
    background-position: 0 -80px;
    opacity: 0.6; }
  .ic-16.logas {
    background-position: -16px -84px; }

.paginationtxt #pagenum, [id*=pagenum-], [id^=pagenum-] {
  width: 50px;
  margin: 0 10px;
  text-align: center; }

#dyCnt {
  margin-left: 10px; }

.paginationtxt #lastbtn, .paginationtxt #nextbtn {
  margin-left: 10px; }
.paginationtxt #prevbtn {
  margin-right: 10px;
  width: 42px; }
.paginationtxt #nextbtn {
  width: 42px; }

.outer {
  padding: 10px 20px; }

.balLi li.promo, .cnt ul.promo {
  background: #384961;
  color: #fff; }

.rt1:hover {
  background-color: #2f4158; }

.balLi li.trans, .cnt ul.trans {
  background: #3898db;
  color: #fff; }

.rt4.button:hover {
  background: #2d8bcb;
  color: #fff; }

.rtvc {
  background: #BFA860;
  color: #fff; }

.rt2 {
  background: #D95B44;
  color: #fff; }

.rt5 {
  background: #9564AD;
  color: #fff; }

.rt6 {
  background: #FF8533;
  color: #fff; }

.rt7 {
  background-color: #EE4D8D;
  color: #fff; }

.rt8 {
  background-color: #4DC1A3;
  color: #fff; }

.rt9 {
  background-color: #E6B800;
  color: #fff; }

.rt10 {
  background-color: #999;
  color: #fff; }

.rt_inbox, .rt_keyword {
  background-color: #f9f9f9; }

.rttxt1 {
  color: #33ADD6; }

.rttxtvct {
  color: #BFA860; }

.rttxt2 {
  color: #D95B44; }

.rttxt4 {
  color: #75A319; }

.rttxt5 {
  color: #9564AD; }

.rttxt6 {
  color: #FF8533; }

.rttxt7 {
  color: #EE4D8D; }

.rttxt8 {
  color: #4DC1A3; }

.rttxt9 {
  color: #E6B800; }

.rttxt10 {
  color: #999; }

.rthvrdtl {
  margin-bottom: 5px; }

.requestTd {
  position: relative; }

.type_detail_info {
  padding: 10px; }

.rtbx {
  padding: 2px 5px; }

#campaign_filter {
  width: 200px;
  height: 40px; }

#formSendsms {
  float: left; }

#impcon2, #select_file2 a {
  line-height: 40px;
  float: left;
  margin-left: 10px; }

#dyCnt {
  float: left; }

#unselflufb2 {
  float: left;
  margin-top: 14px; }

.routeLiPrnt {
  overflow: auto; }

.routeLi .btn-block {
  width: 100%; }
.routeLi .rBox ul {
  list-style: none !important;
  height: 120px;
  overflow: auto; }

.field, .fundtab, .fundtab_ul, .setrow {
  overflow: hidden; }

.routeLi > aside {
  float: left;
  width: 240px;
  display: block;
  margin-bottom: 20px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

.section-left > .inner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

.routeLi > aside:hover {
  background-color: #f8f8f8; }

.rBox {
  padding: 20px; }
  .rBox .ftr {
    height: 20px;
    line-height: 20px; }
  .rBox .h {
    font-size: 20px;
    line-height: 24px;
    text-transform: capitalize;
    font-weight: 700;
    text-overflow: ellipsis; }
  .rBox .sh1 {
    font-size: 13px;
    color: #0487AF; }
  .rBox .sh2 {
    font-size: .925em;
    color: #555; }
  .rBox .cnt {
    font-size: .925em;
    margin: 10px 0; }

.cnt li {
  display: block;
  line-height: 16px;
  margin-bottom: 5px;
  color: #999; }
  .cnt li.delete {
    color: #ef4836; }

.i16, .i24 {
  background: url(/css/img/indsprite.png) no-repeat;
  display: block; }

.i16 {
  width: 16px;
  height: 16px; }

.i16-maxi {
  background-position: -32px -32px; }

.i16-mini {
  background-position: -48px -32px; }

.i16-help {
  background-position: -192px -48px; }

.i24 {
  width: 24px;
  height: 24px; }

.i24-txtbbl {
  background-position: -48px -168px; }

.i24-voicebbl {
  background-position: -72px -168px; }

table .padding0 {
  padding: 0;
  cursor: default;
  border: 0 !important; }
table td.active, table td.toggle_tab:hover {
  background: url(img/tx7.png) #515151; }

.activebg {
  color: #ccc;
  background: url(img/tx7.png); }

.user em {
  font-size: .875em;
  color: #666; }

.balanceInTable .btLi {
  padding: 2px;
  display: block; }
  .balanceInTable .btLi .ui-icon {
    float: left; }
.balanceInTable .rt {
  padding: 0 5px; }

.cmnpad {
  padding: 10px 0 10px 20px; }

.fundtab_ul {
  margin: 10px 0 0; }
  .fundtab_ul li {
    display: block;
    float: left;
    margin: 0; }
    .fundtab_ul li a {
      display: block;
      padding: 7px 10px;
      background-color: #222; }
      .fundtab_ul li a.active {
        background-color: #333;
        color: #fff;
        font-weight: 700; }

.fundtab {
  display: none;
  background-color: #333; }
  .fundtab .thefield {
    padding: 5px 0; }

.padding0 .thefield {
  padding: 5px 0; }

.whitehd {
  color: #FFF;
  font-size: 18px;
  padding: 10px 0; }

.field {
  margin-bottom: 10px; }

.manageWebWrp .fieldset {
  margin-bottom: 20px; }

.fieldset {
  padding: 10px;
  border-color: #ddd; }

.legend {
  padding: 0 10px;
  color: #777;
  font-weight: 700; }

.mwFileWrp input[type=file] {
  position: absolute;
  opacity: 0;
  height: 32px;
  width: 127px;
  margin: -2px 0 0 -61px;
  cursor: pointer; }

.mwCheckList li {
  padding: 5px; }

.mwCheckBox {
  float: left;
  margin-right: 5px;
  margin-top: 1px; }

.fieldset .field {
  margin-bottom: 10px;
  margin-left: 10px; }
.fieldset .lbl {
  margin-bottom: 5px;
  display: block;
  margin-left: 10px; }

#allTxtBalance .rtBox {
  float: left;
  padding: 5px 10px;
  height: 40px; }
#allTxtBalance .des {
  font-size: 12px; }

.fundtab .thefield {
  width: 300px; }

.section-left {
  width: 430px; }

#smsleft {
  position: absolute; }
  #smsleft .inner {
    padding: 10px 20px; }

.GroupPreview {
  border: 1px dashed #ddd;
  padding: 10px; }

.section-left > .inner {
  padding: 20px;
  color: #999;
  box-sizing: border-box;
  height: 100%; }

#formSendsms .sendsmsup, .sendsmsup {
  color: #fff; }

.section-right > .inner {
  padding: 10px 0; }

#campaignList {
  list-style: none; }
  #campaignList li {
    padding: 10px 20px;
    border-bottom-color: #EAEAEA;
    border-bottom-width: 1px;
    cursor: pointer;
    word-break: break-all; }
    #campaignList li:hover {
      background: #eee; }

#sndrow > span {
  line-height: 26px;
  margin-right: 5px; }

.mwTip {
  cursor: pointer; }

.sendsmsup {
  background-color: #777;
  position: relative;
  width: 100px;
  display: block;
  text-align: center;
  background-color: none\9\0;
  height: 40px\9\0; }

#uploadFileBox .sendsmsup {
  background-color: transparent;
  text-align: left; }
  #uploadFileBox .sendsmsup input[type=file] {
    position: absolute;
    opacity: 0;
    width: 200px;
    margin: 0 0 0 -58px;
    cursor: pointer;
    height: 20px\9\0; }

.sendsmsup input[type=file] {
  position: absolute;
  opacity: 0;
  width: 200px;
  margin: 0 0 0 -58px;
  cursor: pointer;
  height: 20px\9\0; }

#uploadFileBox .sendsmsup input[type=file] {
  height: 40px;
  width: 100px;
  margin: 0; }

#ufb2 {
  line-height: 40px; }

#selectlogo input[type=file] {
  position: absolute;
  opacity: 0;
  width: 130px;
  margin: 0 0 0 -58px;
  cursor: pointer;
  height: 30px\9\0; }

.or {
  position: relative; }
  .or span {
    position: relative; }

.infotxt {
  background-color: #FFF7D9;
  border: none;
  padding: 10px 15px;
  line-height: 20px;
  color: #666;
  font-size: 13px;
  margin-bottom: 10px; }

.hHead, .or span {
  font-size: 1.2em; }

.hHead {
  font-weight: 400;
  margin-bottom: 15px; }

#bnkDtlWrp .brow {
  margin-bottom: 10px; }
  #bnkDtlWrp .brow input {
    width: 100%; }
    #bnkDtlWrp .brow input.awesome {
      width: auto; }

.block {
  width: 100%; }

#bnkDtlWrp .brow textarea, #setAlerts textarea {
  resize: none;
  height: 70px;
  width: 100%; }

#bnkDtlTblWrp {
  margin: 20px -20px; }

#orSec {
  width: 1px;
  background-color: #ddd;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 50px; }
  #orSec span {
    background-color: #fff;
    position: absolute;
    top: 48%;
    left: -10px; }

.bnkTbl thead th {
  padding: 10px;
  text-align: left;
  color: #fff;
  font-weight: 400;
  background-color: #666; }

#divider, #impcon span, #sendvoicesmsbox #sendbtn, #ss-loader .wait, .file_upload:before, .ftrtxt, .or, .pTypeBox .wBlank, .plWrap, .ss-loader .wait {
  text-align: center; }

.bnkTbl tbody td {
  padding: 10px;
  border-bottom-color: #ddd;
  border-bottom-width: 1px; }

#smsPricing input {
  width: 80px;
  padding: 5px;
  height: 30px; }
#smsPricing .bnkTbl tbody tr:nth-child(even) {
  background-color: #fafafa; }
#smsPricing .cmntbl {
  min-width: 480px; }

#paymentDetail .tab-content {
  border-width: 1px 0 0; }

.setrow {
  margin-bottom: 10px; }
  .setrow label {
    float: left;
    display: inline-block;
    line-height: 30px;
    width: 120px;
    margin-right: 20px; }

.or span, pre {
  line-height: 20px; }

.setrow .dvwrp {
  float: left;
  max-width: 300px;
  width: 100%; }
.setrow input {
  float: left;
  max-width: 300px;
  width: 100%; }
  .setrow input.awesome {
    width: auto; }

.or {
  margin: 20px 0;
  height: 20px; }
  .or span {
    background-color: #fff;
    padding: 5px 10px;
    z-index: 1; }
  .or:after, .or:before {
    position: absolute;
    content: '';
    display: block;
    width: 50%;
    background-color: #ddd;
    z-index: 0; }
  .or:after {
    height: 1px;
    top: 50%;
    right: 0; }
  .or:before {
    height: 1px;
    top: 50%;
    left: 0; }

#SignupSetDiv .or {
  margin: 20px -20px; }
#SignupSetDiv textarea {
  display: block; }

.check_contact {
  float: left;
  margin: 5px 15px 0 0; }
  .check_contact + i {
    cursor: pointer;
    font-size: 1.4em;
    float: left; }

#pakdf {
  padding-bottom: 100px; }

pre {
  background-color: #f9f9f9;
  border-color: #ddd;
  border-width: 1px;
  color: #666;
  font-size: 1.2em;
  padding: 5px 10px;
  overflow: auto;
  font-family: monospace; }

#advBtnWrap {
  width: 300px;
  margin: 0 auto; }
  #advBtnWrap #impcon {
    width: 100%;
    line-height: 40px;
    font-size: 1.2em;
    background-color: #777;
    color: #fff;
    display: block;
    position: relative;
    cursor: pointer;
    background-color: none\9\0;
    height: 30px\9\0; }

#impcon input[type=file] {
  opacity: 0;
  position: absolute;
  width: 100%;
  cursor: pointer;
  height: 40px;
  height: 30px\9\0; }
#impcon span {
  display: block;
  cursor: pointer; }

#hindi_check {
  width: 100px;
  color: #999; }

#translControl {
  display: none;
  margin-top: 4px;
  margin-right: 10px; }

#translControlWrp {
  display: none;
  font-size: 13px;
  line-height: 32px; }

.thefield textarea {
  width: 100%;
  height: 110px;
  resize: none;
  overflow: auto; }
  .thefield textarea#mobile_no {
    height: 100px;
    min-height: 90px;
    display: block; }

#ssset {
  font-size: 20px;
  cursor: pointer;
  line-height: 44px; }
  #ssset:hover {
    color: #282828; }

#ssePane {
  padding: 10px;
  left: -90px; }
  #ssePane.setPane:after {
    left: 50%; }

#grnamecpy > a {
  float: left;
  display: block;
  margin-right: 3px; }

#groupBox {
  border-top-style: solid; }

.showPreview {
  float: left;
  width: 50%; }

#groupright {
  margin-left: 50%;
  padding: 10px; }

.GroupTotal {
  font-size: 11px; }

.GroupPreview #grname span, .GroupPreview .hd, .GroupPreview .totalContacts span {
  font-size: 24px; }

.advSMSPreview .hd {
  font-size: 24px; }

#previewTable, .advSMSPreview {
  color: #999; }

#previewTable td {
  padding: 5px 0; }

.advSMSPreview td {
  padding: 5px 5px 5px 10px;
  border-bottom-color: #ededed;
  border-bottom-width: 1px; }

.loader {
  background: url(img/loading.gif) center center no-repeat #fff;
  width: 24px;
  height: 24px;
  padding: 3px; }

#ss-loader, .ss-loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 99; }

#ss-loader .overlay, .ss-loader .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: .8;
  filter: alpha(opacity=80);
  background-color: #fff; }

#ss-loader .loader, .ss-loader .overlay {
  margin: 50% auto 0;
  position: relative;
  z-index: 9; }

#ss-loader .wait, .ss-loader .wait {
  position: relative; }

#lngBal {
  float: left;
  line-height: 50px;
  color: #707070; }
  #lngBal > span {
    margin-left: 5px; }

.hidcnt {
  display: none; }

.splHead {
  background-color: #eee;
  padding: 8px 10px;
  font-weight: 700; }

.plWrap {
  position: relative; }

#alwVis {
  padding-top: 5px; }

#fileNameWrap {
  padding: 5px 0;
  display: none; }
  #fileNameWrap span {
    float: left; }

#file_name {
  font-weight: 700;
  width: 220px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 10px; }

#sendvoicesmsbox #sendbtn, #sendvoicesmsbox .nvbtn {
  float: right;
  text-align: center;
  padding: 8px 15px; }
#sendvoicesmsbox #sendbtn {
  width: 100%;
  display: block;
  padding: 8px 15px; }

#smsleft .field-container .thefield {
  float: left; }

#urlToolDiv {
  color: #555;
  font-size: 12px;
  display: none;
  margin-top: 3px; }

.vcrow {
  margin-bottom: 10px;
  display: table;
  width: 380px;
  padding-top: 10px; }

.infoBoxWrap {
  display: table-cell;
  width: 300px; }

.infoBox {
  padding: 10px;
  border-color: #d4d2b1;
  border-width: 1px;
  background-color: #fefde9;
  font-family: "Courier New", Courier, monospace;
  color: #555; }

ul.featureli {
  margin: 10px 0 10px 10px;
  height: 80px; }

.featureli li {
  float: left;
  display: inline-block;
  width: 70px;
  cursor: pointer;
  margin-right: 10px;
  position: relative; }
  .featureli li.last {
    margin-right: 0; }

.voiceFileUpload {
  position: absolute;
  display: none; }

.featureli li:hover .ftrbox, .showurl {
  border-color: #ddd;
  border-width: 1px; }

.rmarg {
  margin-right: 4px; }

.ftrbox, .showurl {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
  border-width: 1px; }

.featureli li.active .ftrbox {
  background-color: #0B638C; }

.ftrbox img {
  margin-top: 11px;
  margin-bottom: 11px; }

.ftrtxt {
  font-size: 14px; }

.opc {
  opacity: 0.2; }

#canDurationDiv, .showhvrdt {
  display: none; }

.showurl {
  display: none;
  padding: 5px;
  background-color: #333; }
  .showurl:before {
    content: "";
    position: absolute;
    border-left-color: transparent;
    border-left-width: 5px;
    border-left-style: solid;
    border-right-color: transparent;
    border-right-width: 5px;
    border-right-style: solid;
    border-bottom-color: #000;
    border-bottom-width: 10px;
    top: 1px;
    left: 48%; }

.lih {
  line-height: 18px;
  margin-bottom: 5px; }

.pTypeBox {
  display: block; }
  .pTypeBox .solid {
    font-size: 24px;
    font-weight: lighter;
    line-height: 40px; }

#formWrap, .file_upload, .wBlank p {
  font-size: 16px; }

.pTypeBox .wBlank {
  padding: 10px 0; }

.wBlank p {
  line-height: 24px; }

#formWrap label {
  line-height: 40px; }

.custom_file_upload {
  position: relative; }

input.file {
  height: 36px;
  border: 1px solid #d9d9d9;
  border-right: 0;
  padding: 5px; }

.file_upload {
  background: #d9d9d9;
  color: #333333;
  cursor: pointer;
  display: inline;
  overflow: hidden;
  line-height: 34px;
  position: absolute;
  width: 100px; }
  .file_upload:before {
    content: 'Upload';
    position: absolute;
    left: 0;
    right: 0;
    cursor: pointer; }
  .file_upload input {
    display: inline;
    cursor: pointer;
    opacity: 0; }

.row textarea.txtAr {
  height: 80px;
  width: 280px; }

#divider {
  position: relative;
  margin: 20px 0;
  height: 24px; }
  #divider span {
    position: absolute;
    background: #d8d8d8;
    height: 1px;
    left: 0;
    right: 0;
    z-index: 1;
    top: 11px; }
  #divider > h3 {
    position: relative;
    z-index: 2;
    padding: 0 10px;
    background: #fff;
    display: inline;
    line-height: 24px; }

.h3 {
  font-size: 1.4em;
  font-weight: 400;
  margin-bottom: 20px; }

#bankType li {
  float: left;
  margin-right: 20px;
  padding: 15px;
  border: 1px solid #d8d8d8; }

#payType li {
  float: left;
  margin-right: 20px;
  width: 160px;
  height: 60px;
  background: url(/images/payment_ways.png) no-repeat;
  text-indent: -999em; }
  #payType li.crdtCard {
    background-position: 0 0; }
  #payType li.paypal {
    background-position: 0 -60px; }
  #payType li.mstCard {
    background-position: 0 -120px; }
  #payType li.visaCard {
    background-position: 0 -180px; }
  #payType li.netBank {
    background-position: 0 -240px; }

#frmupload .row > div, #frmupload .row > textarea {
  float: left; }

.schEndDate, .schStartDate {
  border-color: #fff;
  border-width: 1px;
  width: 110px; }

.endDate, .strDate {
  overflow: hidden;
  float: left; }

.vDlrHrsMinBox {
  margin-top: 10px; }
  .vDlrHrsMinBox select {
    border: none;
    height: 24px; }

.endDate .istp, .strDate .iply {
  margin-top: 5px;
  margin-left: 5px;
  position: absolute; }

.endDate input, .strDate input {
  text-indent: 24px;
  padding: 3px;
  display: block; }

.audioFileName {
  width: 150px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis; }

.nt {
  background-color: #feffee; }

.reqsts .btn {
  margin: 5px 0; }

.pauseReason {
  width: 200px;
  max-width: 200px; }

.ppsicon {
  width: 24px;
  height: 24px;
  background: url(image/pps-icon.png) no-repeat;
  display: inline-block;
  margin: 5px 5px 0 0;
  cursor: pointer;
  float: left; }

#callStatus, .buff {
  margin-bottom: 10px; }

.ppsicon:hover {
  opacity: .5;
  filter: alpha(opacity=50); }

.play {
  background-position: 0 0; }

.pause {
  background-position: 0 -24px; }

.stop {
  background-position: 0 -48px; }

.sps {
  line-height: 34px;
  margin-right: 10px;
  float: left; }

.archiveBtn, .detailsBtn {
  margin-top: 5px; }

#callStatus {
  font-size: 20px;
  color: #090; }

.callToNumberForm label {
  text-align: right;
  display: block;
  float: left;
  line-height: 28px; }

.callToNumberBtn {
  width: 100px; }

.callToNumberTerms {
  color: #777;
  line-height: 24px;
  padding-top: 10px; }

.showmshvr {
  position: relative;
  padding-top: 10px;
  font-size: 18px;
  width: 400px;
  margin-left: 10px; }

#voicsmsdownload {
  margin: 20px 0 0;
  text-align: center;
  background-color: #eee;
  padding: 10px; }
  #voicsmsdownload p {
    padding: 0 0 5px; }

.row {
  margin-bottom: 10px; }
  .row label {
    line-height: 40px;
    display: inline-block;
    float: left;
    width: 150px;
    text-align: right;
    padding-right: 20px; }
  .row input[type=text], .row select, .row textarea {
    width: 200px;
    float: left; }
  .row input:disabled {
    background-color: #f5f5f5; }
  .row input#areacode {
    width: 50px;
    margin-right: 10px; }
  .row textarea {
    resize: none; }

#comNav .uName {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 235px;
  font-size: 18px;
  text-transform: uppercase; }

.uname {
  color: #69BB00;
  font-size: 18px; }

#footer {
  color: #9e9e9e; }
  #footer a {
    color: #9e9e9e; }
  #footer .txt {
    float: left; }
  #footer .divide {
    float: left;
    width: 1px;
    background: #ccc;
    margin: 20px 10px;
    height: 10px; }

#aboutThisPanelBtn p {
  float: left; }
#aboutThisPanelBtn .dblDwn {
  float: left;
  margin: 17px 0px 17px 10px;
  opacity: .5; }

#aboutPanel {
  -webkit-transition: all .1s linear .2s;
  -moz-transition: all .1s linear .2s;
  -o-transition: all .1s linear .2s;
  transition: all .1s linear .2s;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(../images/transp_img_bg.png);
  text-align: center;
  font-size: 16px;
  color: #ccc; }

.apCloseBtn {
  margin-top: 20px;
  margin-right: 20px;
  float: right; }

.aboutPanelClosed {
  height: 0; }

.aboutPanelOpen {
  height: 500px; }

.apDark {
  color: #777; }

.apWht {
  color: #fff; }

#apHead {
  font-size: 32px;
  margin-top: 60px; }

.apCol {
  float: left;
  width: 45%;
  font-size: 18px; }

.apWrp {
  width: 1000px;
  margin: 60px auto 0; }

.apL {
  text-align: right; }

#apNote, .apR {
  text-align: left; }

.apColMid {
  width: 1px;
  background-color: #777;
  margin: 0 20px;
  height: 66px; }

#apTnx {
  font-size: 22px;
  margin: 50px 0; }

#apNote {
  margin-top: 30px;
  background-color: #222;
  font-size: 14px; }

.apNoteWrp {
  padding: 20px;
  width: 1000px;
  margin: 0 auto; }

.sp-container {
  display: none; }

sup {
  display: inline-block;
  margin-top: -5px; }

.format-keywords > span {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 2px 6px; }

.param-sec {
  padding-left: 10px; }

.btn-dark {
  background: #444444;
  color: #ffffff; }

.btn-blue {
  /*background:*/ }

h3 {
  margin-bottom: 15px; }

.grpRow a:hover {
  color: #5fb3e0 !important;
  text-decoration: none !important; }
.grpRow:hover a {
  color: #5fb3e0 !important; }

/*.blockNumber.active a,*/
.blue-icon {
  display: block;
  float: left;
  height: 24px;
  margin-right: 10px;
  margin-top: 6px;
  width: 24px; }

.header .route-tabs ul li {
  float: left;
  border: 1px solid #12628d;
  height: initial; }

.nav-tabs > li > .dd {
  background: url(../images/v-dots.png) no-repeat scroll center center;
  display: inline-block;
  font-size: 0;
  vertical-align: top;
  width: 10px;
  height: 50px;
  margin-left: -4px;
  padding-right: 25px;
  cursor: pointer; }
.nav-tabs > li .jq-dropdown {
  background: #fff;
  top: 50px !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  left: auto !important;
  padding: 20px;
  position: absolute;
  top: auto !important;
  width: 250px;
  z-index: 999;
  right: -260px;
  border: 1px solid rgba(0, 0, 0, 0.2); }

/*.nav-tabs > li.active > .dd {
  background-color: #fff;
}*/
.route-tabs .nav-tabs li a {
  padding-right: 0;
  min-width: calc(100% - 50px);
  color: #333;
  text-transform: capitalize; }

.route-tabs > ul {
  height: initial; }
.route-tabs > ul > li .badge {
  font-size: 0.8em;
  padding: .2em .3em; }
.route-tabs > ul > li.active > a {
  cursor: default;
  color: #fff; }
.route-tabs > ul > li.active .clear.mrT1 {
  display: none; }
.route-tabs > ul > li.active .badge-light {
  color: #999;
  background-color: #0a4e6f; }
.route-tabs .delete {
  margin-bottom: 10px; }

#buy-credit {
  float: left;
  padding: 8px 10px; }

.header .route-tabs ul {
  float: left; }

@keyframes blink {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-moz-keyframes blink {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-webkit-keyframes blink {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-ms-keyframes "blink" {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-o-keyframes blink {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
.timeDisplay strong {
  margin: 0 3px;
  -webkit-animation: 1s blink cubic-bezier(0.5, 0, 1, 1) infinite;
  -moz-animation: 1s blink cubic-bezier(0.5, 0, 1, 1) infinite;
  -ms-animation: 1s blink cubic-bezier(0.5, 0, 1, 1) infinite;
  -o-animation: 1s blink cubic-bezier(0.5, 0, 1, 1) infinite;
  animation: 1s blink cubic-bezier(0.5, 0, 1, 1) infinite; }

.lh65 {
  line-height: 65px; }

.lh48 {
  line-height: 48px; }

.lh26 {
  line-height: 26px; }

.lh28 {
  line-height: 28px; }

.lh29 {
  line-height: 29px; }

.lh21 {
  line-height: 21px; }

.lh25 {
  line-height: 25px; }

.lh36 {
  line-height: 36px; }

.lh40 {
  line-height: 40px; }

.mfp-content #addr {
  width: 100%;
  resize: none;
  margin-bottom: 10px; }
  .mfp-content #addr + button {
    float: none;
    margin-left: 0; }

#progress {
  position: fixed;
  z-index: 2147483647;
  top: 0;
  left: -6px;
  width: 0;
  height: 2px;
  background: #B91F1F;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  -moz-transition: width 500ms ease-out, opacity 400ms linear;
  -ms-transition: width 500ms ease-out, opacity 400ms linear;
  -o-transition: width 500ms ease-out, opacity 400ms linear;
  -webkit-transition: width 500ms ease-out, opacity 400ms linear;
  transition: width 500ms ease-out, opacity 400ms linear; }
  #progress dd, #progress dt {
    -moz-border-radius: 100%;
    position: absolute; }
  #progress.waiting dd, #progress.waiting dt {
    -moz-animation: pulse 2s ease-out 0s infinite;
    -ms-animation: pulse 2s ease-out 0s infinite;
    -o-animation: pulse 2s ease-out 0s infinite;
    -webkit-animation: pulse 2s ease-out 0s infinite;
    animation: pulse 2s ease-out 0s infinite; }
  #progress dt {
    opacity: .6;
    width: 180px;
    right: -80px;
    clip: rect(-6px, 90px, 14px, -6px); }
  #progress dd {
    opacity: .6;
    width: 20px;
    right: 0;
    clip: rect(-6px, 22px, 14px, 10px);
    top: 0;
    height: 2px;
    box-shadow: #B91F1F 1px 0 6px 1px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -webkit-box-shadow: #B91F1F 1px 0 6px 1px;
    -ms-box-shadow: #b91f1f 1px 0 6px 1px;
    -moz-box-shadow: #b91f1f 1px 0 6px 1px; }
  #progress dt {
    -webkit-border-radius: 100%;
    -webkit-box-shadow: #B91F1F 1px 0 6px 1px;
    -ms-box-shadow: #b91f1f 1px 0 6px 1px;
    -moz-box-shadow: #b91f1f 1px 0 6px 1px;
    top: 0;
    height: 2px;
    box-shadow: #B91F1F 1px 0 6px 1px;
    border-radius: 100%; }

.tip {
  cursor: pointer; }

@media only screen and (max-width: 1440px), (max-device-width: 1440px) {
  #mngClientWrp .srchWrpMng {
    width: 150px; } }
@media only screen and (max-width: 1024px), (max-device-width: 1024px) {
  .cmnSetSec, .infotxt {
    max-width: 100%; }

  #tempWrap {
    display: none; }

  .apNoteWrp, .apWrp {
    width: 700px; }

  .infotxt {
    min-width: 200px; }

  .nav-tabs > li > a {
    padding: 10px 12px; } }
@media (max-width: 700px) {
  #bnkDtlWrp.cmnSetSec {
    max-width: 100%; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  #tempWrap {
    display: none; }

  .hdr-sec {
    float: left; }

  .nav-tabs > li > a {
    padding: 10px 12px; } }
@media only screen and (max-width: 800px), (max-device-width: 768px) {
  .hdr-sec, .routeinfo {
    float: none; }

  .hdr-sec {
    margin-bottom: 10px; }

  .header h3 {
    font-size: 1.4em; }

  #tempWrap {
    display: none; }

  .apWrp {
    width: 500px; }

  .apNoteWrp {
    width: 400px; } }
@media (max-width: 600px) {
  #lchdr > .fl {
    margin-bottom: 10px; } }
@media only screen and (max-width: 600px) and (max-width: 400px), (max-width: 600px) and (max-device-width: 320px) {
  .apCol, .apNoteWrp {
    padding: 20px 0; }

  .apCol, .apNoteWrp, .apWrp {
    width: 100%; }

  .aboutPanelOpen {
    height: auto;
    top: 0;
    overflow-y: auto;
    overflow-x: hidden; }

  .apCol {
    float: none; }

  .apColMid {
    display: none; }

  .apL, .apR {
    text-align: center; } }
@media (max-width: 600px) {
  #acExpiry {
    padding: 5px 10px;
    background: #e9e9e9;
    border-bottom-color: #ddd;
    border-bottom-width: 1px;
    border-bottom-style: solid; }

  .splOpt {
    padding: 5px 10px;
    background: #e9e9e9;
    border-bottom-color: #ddd;
    border-bottom-width: 1px;
    border-bottom-style: solid; }
    .splOpt p {
      line-height: 18px; }

  input.error_red {
    border-color: red; } }
/*@media screen and (max-width:767px) {
    body, html {
        width: auto;
    }
    #contentright {
        min-height: auto;
        padding-bottom: 20px;
    }
    #rightMainSection {
        overflow: auto;
    }    
    .section-left {
        width: auto;
        position: static !important;
    }
    #inboxContentDiv {
        width: auto !important;
    }
    #rightTopSection .col-sm-6 {
        float: none;
        width: auto;
    }
    .header {
        float: none;
    }
    #disp_msg {
        margin:0 auto;
    }
}*/
/*hamburgen icon style*/
* {
  margin: 0;
  padding: 0; }

/* Icon 1 */
#nav-icon3 {
  width: 40px;
  height: 29px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer; }
  #nav-icon3 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out; }
    #nav-icon3 span:nth-child(1) {
      top: 0px; }
    #nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
      top: 14px; }
    #nav-icon3 span:nth-child(4) {
      top: 29px; }
  #nav-icon3.open span:nth-child(1) {
    top: 14px;
    width: 0%;
    left: 50%; }
  #nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  #nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  #nav-icon3.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%; }

/* Icon 3 */
#menu-toggle {
  float: left;
  display: none;
  padding: 10px;
  background: #2daebf; }

.sm-visible #menu-toggle {
  display: block; }

.route-tabs .mvisDiv {
  display: none;
  float: left;
  padding: 12px 10px; }

@media only screen and (max-width: 800px), (max-device-width: 768px) {
  .route-tabs {
    position: relative; }
    .route-tabs .mvisDiv {
      display: block; }
      .route-tabs .mvisDiv a {
        padding: 6px 0;
        display: block; }

  #buy-credit {
    padding: 12px 10px; }

  .header .route-tabs ul {
    height: 100px;
    clear: both;
    overflow: visible !important;
    position: absolute;
    top: 50px;
    left: 0;
    border: 1px solid #ebebeb;
    webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    min-width: 160px;
    z-index: 100;
    display: none; }
    .header .route-tabs ul.open {
      display: block; }
    .header .route-tabs ul li {
      float: none;
      display: block;
      height: 30px; }
      .header .route-tabs ul li a {
        line-height: 30px;
        display: block;
        padding: 0 10px;
        font-size: 12px; }
      .header .route-tabs ul li.active a {
        background: #ddd; }
      .header .route-tabs ul li a .dd, .header .route-tabs ul li a .jq-dropdown {
        display: none !important; }

  .nav-tabs > li > .dd, .nav-tabs > li .jq-dropdown {
    display: none !important; } }
/*.selectwrapper {
    position: relative;
}

.selectarrow:after {
  content: "▼";
  position: absolute;
  top: 0;
  right: 4px;
  bottom: 0;
  font-size: 60%;
  line-height: 42px;
  padding: 0 7px;
  color: #555;
  pointer-events: none;
}
select {
-moz-appearance: none;
}*/
/*mustafa 8-mar-17 */
@media only screen and (max-width: 640px) {
  .indexPage {
    width: 100%;
    overflow: inherit; }
    .indexPage body {
      width: 100%;
      overflow: inherit; }

  #formWrapper.signop {
    width: 90%; }

  #index #cntContainer {
    display: none; }

  #overlay {
    overflow: scroll; }

  #formWrapper {
    margin: 2em auto !important; }

  .mobNoWrp {
    float: left;
    width: 16.5em; }

  #signup {
    max-height: inherit; }

  .ForgotLnk {
    font-size: 14px !important; } }
@media only screen and (max-width: 570px) {
  #signupform .lbl {
    text-align: left;
    font-size: 13px !important; }

  #formWrapper input {
    margin-bottom: 7px !important; } }
@media only screen and (max-width: 400px) {
  .fieldsRow {
    float: left;
    width: 100%; }

  #signupform .lbl {
    width: 100%; }
  #signupform .field {
    width: 100%;
    margin-left: 0;
    float: left; }

  #formWrapper input, #formWrapper select {
    width: 100%; } }
/*video tuto*/
.btn-video {
  margin: 8px 10px;
  float: left;
  padding: 6px 15px;
  color: #fff;
  background: #384961; }

.hdrbtWrp p {
  margin-left: 20px;
  line-height: 50px;
  float: left; }

/***************** tapaffiliate Page ******************/
.tapfiliate .inner_content {
  position: relative;
  padding: 40px 25px;
  height: 100%;
  overflow: hidden; }
.tapfiliate .text-center {
  text-align: center; }
.tapfiliate .wrapper {
  width: 100%;
  max-width: 660px;
  margin: 0 auto; }
.tapfiliate #refer_input {
  width: 75%;
  pointer-events: none;
  height: 50px;
  padding: 7px 9px;
  background: #f3f3f3 !important;
  border: 1px dashed #5491ae;
  border-radius: 2px; }
.tapfiliate .ref-btn {
  height: 50px;
  width: 24%;
  margin: 0 !important;
  background: #37bc9b;
  border: 1px solid #278e74;
  color: #fff;
  font-size: 17px;
  vertical-align: baseline; }
.tapfiliate .refer-link {
  float: left;
  width: 100%;
  position: relative; }
.tapfiliate .ref-btn:focus {
  outline: 0; }
.tapfiliate .social-link {
  display: block;
  overflow: hidden;
  float: left;
  width: 100%;
  padding: 25px 0px;
  text-align: center; }
.tapfiliate .refer-content label {
  font-size: 17px;
  vertical-align: middle; }
.tapfiliate .facebook {
  background: #3e5c99; }
.tapfiliate .twitter {
  background: #1da1f2; }
.tapfiliate .google {
  background: #dd4b39; }
.tapfiliate .linkedin {
  background: #0077b5; }
.tapfiliate .pinterest {
  background: #bd081c; }
.tapfiliate .mail {
  background: #333333; }
.tapfiliate .social-link a {
  color: #fff;
  padding: 7px 13px;
  width: 12px;
  height: 24px;
  margin: 0px 3px;
  display: inline-block;
  border-radius: 48px;
  vertical-align: middle;
  position: relative; }
.tapfiliate .social-link .fa {
  vertical-align: bottom; }
.tapfiliate .refer-content {
  overflow: hidden;
  padding: 4em 0; }
.tapfiliate .feature {
  overflow: hidden;
  margin-top: 15px;
  width: 100%;
  float: left; }
  .tapfiliate .feature p {
    padding-bottom: 8px;
    text-align: center; }
  .tapfiliate .feature a {
    text-decoration: underline;
    color: #0b638c;
    font-weight: bolder; }
.tapfiliate h1 {
  font-weight: 400; }
.tapfiliate .msg-logo {
  max-width: 100px; }
.tapfiliate .feedback-link {
  line-height: 20px;
  vertical-align: middle;
  float: left;
  width: 100%;
  overflow: hidden;
  margin-top: 140px; }
  .tapfiliate .feedback-link label {
    position: relative;
    bottom: 15px; }
.tapfiliate .red {
  background: #e84c3d;
  color: #fff; }
.tapfiliate .thick-btn {
  padding: 10px 16px;
  border: 0;
  overflow: hidden;
  display: inline-block; }
.tapfiliate .emo-err svg {
  max-width: 200px;
  margin-bottom: 30px;
  opacity: 0.2; }
.tapfiliate #success-alert {
  position: absolute;
  color: green;
  top: -43px;
  right: 3px; }
.tapfiliate button {
  cursor: pointer; }
.tapfiliate .join {
  margin-top: 30px; }

/*.social-link a {
    color: #fff;
    padding: 9px 15px;
    margin: 0px 1px;
}*/
.vertMiddle {
  padding: 4px 7px; }

.btn-giddh {
  color: #0b638c;
  background: none;
  font-size: 14px !important;
  padding: 8px 16px !important;
  line-height: 24px !important; }
  .btn-giddh:focus {
    outline: 0; }

.giddh_img {
  width: 20px;
  float: left;
  top: 2px;
  position: relative; }

/*security tab css*/
.gridWrpTb {
  display: table;
  height: 100%;
  width: 320px; }

#outputDiv .dtlrow {
  border-bottom: 1px solid #ddd;
  position: relative; }

.dtlrow:hover, .dtlrow2:hover {
  background-color: #f4f4f4; }

.dtlrow {
  padding: 7px 10px; }
  .dtlrow > i {
    vertical-align: middle;
    position: absolute;
    top: 50%;
    padding: 4px 7px;
    right: 10px;
    cursor: pointer;
    transform: translateY(-50%);
    background: #e6e6e6;
    color: #b92403;
    border-radius: 2px;
    float: right; }

/* SendOTP */
.opt_wrapp {
  padding-bottom: 0; }
  .opt_wrapp .text-center {
    text-align: center; }
  .opt_wrapp h2 {
    font-size: 1.8em; }
  .opt_wrapp h1 {
    font-size: 2.2em;
    line-height: 1.8em; }
  .opt_wrapp .light_weight {
    font-weight: 300; }
  .opt_wrapp.blue {
    color: #0b638c; }
  .opt_wrapp .features {
    width: 95%;
    margin: 0 auto;
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #e4dfdf; }
  .opt_wrapp .features-space {
    padding-top: 50px;
    overflow: hidden; }
  .opt_wrapp .features-left ul {
    margin-top: 20px;
    padding: 0;
    list-style-type: none; }
    .opt_wrapp .features-left ul li {
      font-size: 17px;
      font-weight: 300;
      line-height: 30px;
      padding-left: 20px;
      position: relative;
      text-align: center; }
  .opt_wrapp .features-left [class^="icon-"], .opt_wrapp .features-left [class*=" icon-"] {
    color: #3E7CBF;
    font-size: 60px; }
  .opt_wrapp .highlighter {
    color: #5491ae; }

/* SendOTP */
/*first user popup*/
#onSignup {
  max-width: 1024px !important; }
  #onSignup .one-three {
    width: 28%;
    float: left;
    padding: 35px 26px;
    position: relative; }
  #onSignup .section_title {
    margin-bottom: 25px; }
  #onSignup .route {
    width: 100%; }
  #onSignup .modalContent {
    max-width: 1000px;
    margin: 0 auto; }
  #onSignup .route h3 {
    margin: 0;
    color: #fff;
    padding: 10px 0;
    text-align: center; }
  #onSignup .promotional h3 {
    background: #008eff; }
  #onSignup .promotional p {
    padding: 14px;
    margin-bottom: 25px;
    background: #dbefff; }
  #onSignup .transactional h3 {
    background: #00528a; }
  #onSignup .transactional p {
    padding: 14px;
    background: #dbe7ee; }
  #onSignup .add_onsList li {
    list-style: none;
    margin: 12px 0; }
  #onSignup .add_onsList a {
    text-decoration: underline;
    color: #298eeb; }
  #onSignup .url_input {
    width: 100%;
    border-radius: 3px !important;
    border: 1px solid #adabab !important; }
  #onSignup .one-three:after {
    position: absolute;
    content: ' ';
    height: 90%;
    bottom: 0;
    width: 1px;
    background: #95aec1;
    top: 50%;
    transform: translateY(-50%);
    right: 0; }
  #onSignup .one-three:last-child:after {
    content: none; }
  #onSignup .mrT5 {
    margin: 35px auto; }
  #onSignup #api .text-center {
    text-align: center; }
  #onSignup #api a {
    width: 100%; }

.btn-otp {
  background: #0b638c; }

@media only screen and (max-width: 990px) {
  #onSignup {
    max-width: 100% !important; }
    #onSignup .modalContent {
      max-width: 100%;
      padding: 0 20px; }
    #onSignup .one-three {
      width: 30%;
      padding: 0;
      padding-right: 3%;
      margin: 20px 0; }
      #onSignup .one-three:after {
        top: 50%;
        transform: translateY(-50%);
        right: 12px; } }
@media only screen and (max-width: 768px) {
  #onSignup {
    max-width: 100% !important; }
    #onSignup .modalContent {
      max-width: 100%;
      padding: 0 20px; }
    #onSignup .one-three {
      width: 100%;
      padding: 0;
      margin: 20px 0; }
      #onSignup .one-three:after {
        content: none; } }
/*sms campaign*/
.campaign .owl-carousel {
  max-width: 1024px;
  margin: 0px auto;
  padding-top: 40px; }

/*route content on right side*/
/*.notice {
  font-family: 'Handlee-Regular';
  max-width:308px;
  float: right;
}
.notice ul {
  border: 2px solid #dcdddd;
  border-radius: 12px;
  padding: 14px;
  overflow: hidden;
  font-size: 15px;
}
.notice h3 {
  font-size: 20px;
  opacity: 0.6;
  color: #0c638d;
  border-bottom: 2px solid #dcdddd;
}
.notice li {
  opacity: 0.6;
  margin-left: 12px;
  padding: 4px 0px;
}
.warn {
  color: #f69287;
  font-size: 15px;
  display: block;
}
.route_info {
  position: relative;  
  display: inline-block;
  float: right;
  margin: 40px 20px;
  transform: rotate(2deg);
}
.route_info:before {
  position: absolute;
  content: url(../images/pin.png);
  top: -30px;
  right: 15px;
}*/
#mwSelectWrp .selectricItems {
  top: 50px; }

#routeNav li {
  display: block;
  padding: 0;
  float: none; }

.header_dropdown li a,
.header_dropdown li .text,
#routeNav li a {
  color: #333;
  text-decoration: none;
  display: block;
  padding: 5px 20px; 
  text-overflow: ellipsis;
  overflow: hidden; }



.header_dropdown li a.nav-link:after {
  content: "❯";
  position: absolute;
  font-size: 9px;
  line-height: 20px;
  right: 15px;
  color: #777; }

.header_dropdown li a:hover, #routeNav li a:hover {
  background-color: #f0f0f0; }

.custom-sel-box {
  float: left;
  padding: 8px 10px;
  position: relative; }
  .custom-sel-box > a {
    padding: 6px 0; }

.noFlt {
  float: none !important; }

.noMarg {
  margin: 0 !important; }

.routeinfo_list {
  list-style: none; }
  .routeinfo_list li {
    padding: 6px 0; }

.selectedRouteName {
  text-transform: uppercase;
  font-weight: bold; }

/********************** mustafa **************/
.top-nav-left {
  display: inline-block;
  float: left;
  margin-left: 20px;
  margin-top: 10px; }

.top-nav-right {
  display: inline-block;
  float: right; }

#menu li:last-child {
  margin-bottom: 60px; }

.kyc .file_upload {
  background-color: #494949;
  color: #fff; }

.additional_cntct {
  max-width: 400px;
  float: left;
  width: 100%; }
  .additional_cntct table thead {
    background: #eee; }
  .additional_cntct tbody {
    background: rgba(245, 245, 245, 0.33); }
  .additional_cntct .cmntbl tbody tr:hover {
    background: none; }
  .additional_cntct .cmntbl tbody tr td a:hover {
    cursor: pointer;
    color: red; }

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0;
  top: 2px;
  width: 20px;
  margin: 0;
  padding: 2px;
  height: 18px;
  color: #000;
  background: none; }

.ui-dialog-titlebar-close:hover, .ui-dialog-titlebar-close:focus {
  background: none; }

button.ui-button:active {
  background: none !important; }

.ui-dialog .ui-dialog-titlebar-close:focus, .ui-dialog .ui-dialog-titlebar-close:hover {
  outline: 0; }

.setting_header {
  z-index: 0 !important; }

#showFilterCount {
  color: #0b638c;
  margin-left: 9px; }

.label-primary {
  padding: 2px 9px;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
  display: inline-block; }

/* my css start */

.btn-custom, .btn-custom:hover {
  background: #11638d !important;
  color: #fff !important;
  padding: 8px 16px !important;
  text-align: center; }

.header_dropdown li a > div {
  font-size: 11px; }

.thrd-subNavCom {
  max-height: 248px;
  overflow: auto;
}

#accountForm .selectricWrapper, #personalForm .selectricWrapper {
  position: relative !important;
}

@media only screen and (min-width: 1170px) and (max-width: 1400px) {
  #mngClntTab li > a {
    font-size: 14px; } }
#delivery-stats table tbody tr td strong {
  line-height: 30px;
  padding: 10px;
  color: #333;
  text-transform: capitalize;
  font-size: 16px; }
#delivery-stats table tbody tr td:first-child strong {
  padding-left: 0; }

.tab-content.failed {
  padding: 10px 18px;
  border-top: 1px solid #ddd; }

.report-tab > li {
  margin-right: 50px; }
  .report-tab > li > a {
    color: #333; }
    .report-tab > li > a strong {
      margin-right: 16px; }
  .report-tab > li.active > a, .report-tab > li > a:hover {
    background-color: #f2f2f2;
    color: #333; }

.generate-btn a {
  color: #0b638c;
  margin: 0 15px 0 5px;
  text-decoration: underline; }

.report-tab {
  margin-bottom: 0; }
  .report-tab > li.active:first-child > a, .report-tab > li:first-child > a:hover {
    background: none; }
  .report-tab > li.active > a {
    color: #333 !important; }
    .report-tab > li.active > a:hover {
      color: #333 !important; }

#delivery-stats table td {
  display: -webkit-inline-box;
  padding: 0 50px 0 0; }

.product-list {
  width: 100%;
  padding: 20px 0;
  overflow: hidden; }

.cols {
  background: #fafafa;
  padding: 15px;
  width: 350px;
  height: 215px;
  border: 1px solid #d9d9d9;
  display: table;
  margin-bottom: 30px;
  float: left;
  border-radius: 4px;
  position: relative; }
  .cols .prod-footer {
    display: table-row-group;
    vertical-align: bottom; }

.prod-img {
  margin-bottom: 8px; }

.prod-footer > p {
  color: #4d4d4d;
  font-size: 17px;
  padding-bottom: 7px;
  margin-bottom: 7px;
  color: #4d4d4d;
  border-bottom: 1px solid #d6d6d6; }

.bonus {
  color: #0b638c;
  font-weight: 600; }

.prod-footer > span {
  font-size: 15px; }

.prod-tagline {
  color: #4d4d4d;
  font-size: 13px; }

.prod-link {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.fs18 {
  font-size: 18px; }

.otp_process {
  margin: 20px 0; }
  .otp_process li {
    list-style: none;
    clear: both;
    margin: 20px 0 0;
    min-height: 100px; }
    .otp_process li h2 {
      font-weight: 500;
      font-size: 1.8em; }
  .otp_process > li .content {
    margin-left: 100px; }
  .otp_process > li > .step {
    width: 70px;
    display: inline-block;
    height: 70px;
    float: left;
    border: 2px solid #39b54a;
    font-size: 24px;
    border-radius: 50%;
    line-height: 70px;
    text-align: center;
    position: relative;
    color: #39b54a;
    z-index: 9;
    background: #fff; }
  .otp_process > li > .dashed {
    border-style: dashed !important;
    background: url(../css/images/retry.png) no-repeat 12px center;
    background-size: 50px; }

.step.dashed:before {
  content: ' ';
  position: absolute;
  height: 46px;
  width: 2px;
  border-left: 1px solid #39b54a;
  top: -48px;
  margin: 0 auto;
  left: 0;
  right: 0; }
.step.dashed:after {
  content: ' ';
  position: absolute;
  height: 48px;
  width: 2px;
  border-left: 1px solid #39b54a;
  top: 71px;
  margin: 0 auto;
  left: 0;
  right: 0; }

.otp-try-box {
  background-color: #dbdbdb;
  width: 300px;
  padding: 30px;
  border-radius: 6px; }

/*.otp-try-box label {
    font-size: 17px;
    display: block;
    margin-bottom: 20px;
}*/
#cCode {
  float: left;
  width: 70px;
  margin-right: 10px; }

.otp-try-box input {
  border: none;
  border-radius: 2px;
  border: 1px solid #b2b2b2;
  box-shadow: none;
  font-size: 20px;
  width: calc(100% - 32%); }

.opt_wrapp .themeLink {
  color: #196cb4; }

.social_link li {
  display: inline-block;
  border: 1px solid #404040;
  margin: 0 9px;
  border-radius: 5px; }
  .social_link li:first-child {
    margin-left: 0; }
  .social_link li a {
    display: block;
    padding: 9px 18px;
    font-size: 34px;
    border-radius: 4px;
    transition: all .2s ease 0s;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all 0.2s ease 0s; }

.step2 .btn-success {
  height: 40px;
  border-radius: 2px; }

.text-success {
  color: #37bc9b; }

.social_link li a:hover {
  background: #333333;
  color: #fff; }

.enter-phone {
  display: none; }
  .enter-phone.show {
    display: block; }

/* all-products media query css */
@media only screen and (min-width: 1025px) {
  .cols {
    width: calc(50% - 60px); } }
@media only screen and (min-width: 1150px) {
  .cols {
    width: calc(33% - 60px); } }
@media only screen and (min-width: 1400px) {
  .cols {
    width: 25%; } }
@media only screen and (min-width: 1650px) {
  .cols {
    width: 21%; } }
.small_popup {
  max-width: 300px !important; }

.ln2 {
  line-height: 2; }

.fs13 {
  font-size: 13px; }

.bgf5 {
  background: #f5f5f5; }

.w85 {
  width: 85%; }

.ml22 {
  margin-left: 22px; }

.mt8 {
  margin-top: 8px; }

.pt12 {
  padding-top: 12px; }

.pb12 {
  padding-bottom: 12px; }

.pl20 {
  padding-left: 20px; }

.sam-fs18 {
  font-size: 18px; }

.pb6 {
  padding-bottom: 6px; }

.samfs10 {
  font-size: 10px; }

.clcc {
  color: #ccc; }

.pb18 {
  padding-bottom: 18px; }

.sam-fs12 {
  font-size: 12px; }

.pl50 {
  padding-left: 50px; }

.hint_list .list-unstyled li {
  font-size: 13px; }

.email_template {
  background: rgba(238, 238, 238, 0.25);
  padding: 20px;
  padding-top: 50px; }

.email_preview {
  border: 1px solid #2d2d2d21;
  background: #fff;
  box-shadow: 0px 0px 10px #eae5e5;
  overflow: auto;
  max-height: 450px;
  width: 100%;
  float: right; }

.hint_list {
  margin-left: 10px; }

#templatePreview {
  float: right;
  max-width: 640px;
  width: 100%; }

.email_template #template {
  width: 100%; }

/*input placeholder*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #b2b2b2;
  font-weight: lighter; }

input:-moz-placeholder, textarea:-moz-placeholder, input::-moz-placeholder, textarea::-moz-placeholder {
  color: #b2b2b2;
  opacity: 1;
  font-weight: lighter; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #b2b2b2;
  font-weight: lighter; }

.header .route-tabs ul li.active {
  background: #12638e;
  color: #fff; }

.header .route-tabs ul li:hover {
  color: #fff; }

#addSignCheck label {
  font-size: 12px; }

input[type="checkbox"] {
  position: relative; }
  input[type="checkbox"]:before {
    content: ''; }

#MyBalWrap {
  background: #f3f3f3 !important; }

.route-tabs .nav-tabs > li.active > a {
  background: transparent;
  border-color: transparent;
  border-bottom: 1px solid transparent; }

/*payment page redesign*/
.grey_clr {
  color: #808080; }

.content_box {
  position: relative;
  padding: 30px 35px;
  background: #f2f2f2;
  margin-top: 45px;
  margin-bottom: 10px;
  border: 1px solid #cccccc; }
  .content_box h2 {
    top: -18px;
    position: absolute;
    padding: 0 7px;
    margin: 0 -7px;
    z-index: 9; }
    .content_box h2:before {
      content: '';
      position: absolute;
      border-bottom: 1px solid #ffffff;
      z-index: -1;
      height: 100%;
      width: 100%;
      right: 0;
      left: 0;
      bottom: 11px; }

.btn-success {
  background: #51b27e; }

/*bank account box*/
.flex-container {
  /*  display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-wrap: wrap;*/
  width: 100%;
  float: left; }

.bank_box {
  width: calc(94% / 4 - 46px );
  padding: 10px 15px;
  background: #fff;
  border: 1px solid #d9d9d9;
  text-transform: capitalize;
  float: left;
  color: #808080;
  height: 150px;
  margin: 0 15px 20px 15px; }
  .bank_box h4 {
    color: #333333;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 14px; }

.content_box h4 {
  margin-bottom: 10px;
  /*color: #333333;*/ }

.receipt h3 {
  margin: 0;
  font-size: 14px; }

.content_box .custom_file_upload {
  width: 100%;
  max-width: 320px;
  float: left; }
.content_box input {
  height: 34px; }
  .content_box input[type="file"] {
    float: left; }
  .content_box input.file {
    width: calc(100% - 80px); }
.content_box .hint {
  color: #757575; }

.remark_box {
  width: auto;
  margin-left: 40px;
  float: left; }
  .remark_box input {
    height: 34px;
    width: 320px; }
  .remark_box button {
    outline: 1px solid #51b27e;
    background: transparent;
    color: #51b27e; }
  .remark_box .btn-success:hover {
    color: #fff; }

.mrT15 {
  margin-top: 15px; }

.subUl {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #d9d9d9; }
  .subUl li {
    list-style: none;
    width: 100%;
    text-align: center; }
    .subUl li a i {
      font-size: 16px;
      display: block;
      margin: 0 auto; }

.header_dropdown .splOpt {
  padding: 12px; }

.bdrR {
  border-right: 1px solid #ddd; }

.ico-support {
  font-size: 20px; }

@media only screen and (max-width: 1170px) {
  .remark_box {
    width: 100%;
    margin-left: 0; }
    .remark_box input {
      width: 340px; } }
@media only screen and (max-width: 1440px) {
  .bank_box {
    width: calc(94% / 3 - 46px ); } }
@media only screen and (max-width: 1335px) {
  .bank_box {
    width: calc(94% / 3 - 46px ); } }
@media only screen and (max-width: 1170px) {
  .bank_box {
    width: calc(94% / 2 - 41px ); } }
.survey i {
  font-size: 24px !important; }

.flex-container .row {
  margin-right: -15px;
  margin-left: -15px; }

.reseller_nested-tab ul {
  border-bottom: 1px solid #ddd;
  margin-bottom: 0; }
  .reseller_nested-tab ul li.active {
    border-bottom: 2px solid #0c628b; }
.reseller_nested-tab .tab-pane .outer {
  padding: 0; }

.grey_box {
  background: #F2F2F2;
  padding: 20px;
  border: 1px solid #D9D9D9; }

.mx-600 {
  max-width: 600px; }

.rDiv > li > a > span {
  font-weight: 400;
  margin: 0; }

.route-tabs .nav-tabs li a {
  padding: 6px 10px;
  line-height: normal;
  display: block; }

#campaignList .icon_img i {
  margin-top: 0; }

.card_box {
  background: #fff;
  display: inline-block;
  margin: 15px !important;
  box-shadow: 0px 0px 2px #0000001a; }
  .card_box table {
    padding: 0;
    background: #fff;
    margin: 0; }
    .card_box table thead tr th {
      font-size: 16px;
      padding: 9px 15px;
      background: #f0f0f0;
      color: #555;
      font-weight: 400; }
    .card_box table tr td {
      padding: 10px 15px; }
    .card_box table tr:hover {
      background: #fafafa; }

.fs18 {
  font-size: 18px; }

#resellerName > p > a, .header_dropdown > li > div > p > a {
  padding: 0;
  line-height: normal;
  word-wrap: break-word; }

#resellerName > p > a:hover, .header_dropdown > li > div > p > a:hover {
  background: transparent; }

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

.resale a.btn-promo {
  padding: 8px 16px !important;
  color: #FFF; }
.resale p a.btn-promo:hover {
  background: #2a3b53 !important; }

/*url shortner modal*/
#shortUrlModal > h3 {
  margin-bottom: 0;
  /*border-bottom: 0;*/ }

#url_input {
  padding: 8px;
  background: transparent;
  border: 2px dashed #555;
  border-radius: 2px;
  width: calc(100% - 82px); }

#shortUrlModal .btn-link {
  color: inherit;
  padding: 0;
  background: transparent; }

#attachment_url {
  border: 2px dashed #ccc;
  padding: 15px;
  text-align: center;
  height: 44px;
  position: relative; }
  #attachment_url label {
    line-height: 44px; }
  #attachment_url input[type="file"] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

#shortner_tabs > li {
  width: 200px;
  text-align: center; }
  #shortner_tabs > li > a {
    color: #000000;
    /*        padding-left: 52px;
            padding-right: 52px;*/ }
  #shortner_tabs > li.active > a {
    font-weight: 500;
    position: relative; }
    #shortner_tabs > li.active > a:after {
      background: #126385;
      position: absolute;
      bottom: -7px;
      content: "";
      width: 80%;
      height: 2px;
      left: 15px; }

.height42 {
  height: 42px !important; }

.app_ico {
  display: inline-block;
  width: 50px;
  height: 50px;
  float: left;
  margin-right: 20px;
  text-align: center; }
  .app_ico img {
    width: 40px;
    height: 40px;
    line-height: 50px;
    vertical-align: middle; }

.app_group .right_col {
  float: left;
  width: calc(100% - 78px); }
  .app_group .right_col input {
    border: 0;
    padding: 0;
    border-bottom: 1px solid #ccc;
    height: 30px; }
.app_group .fieldwrapper {
  padding-bottom: 15px; }

#shortUrlModal .fieldwrapper [class^=col-sm-] {
  padding: 0; }

.white-popup .mfp-close {
  background: none;
  right: 16px;
  top: 4px;
  width: 24px;
  height: auto;
  text-indent: 0;
  color: #555; }

#shortUrlModal .tab-content {
  background: #fff;
  padding: 0 20px; }

.shortner_benefits {
  margin-top: 10px; }
  .shortner_benefits li {
    list-style: none;
    padding: 4px 0; }
    .shortner_benefits li i {
      color: #51b27e;
      font-size: 20px;
      margin-left: 4px; }

#basic_url input[disabled] {
  background: #f5f5f5 !important;
  color: #828282;
  cursor: not-allowed; }

#domainTableBody .btn-trans, .btn-trans-bdr {
  border: 1px solid #3e99d9;
  color: #3e99d9;
  background: transparent; }

#domainTableBody .btn-trans:hover, .btn-trans-bdr:hover {
  border: 1px solid #3e99d9;
  color: #fff;
  background: #3e99d9; }

#domainTableBody button[disabled] {
  background: #eaeaea !important;
  pointer-events: none; }

#transactional_setting, #email_report {
  display: block; }

.btn-link {
  color: #3e99d9; }

.trans_email .nav-tabs > li > a {
  border-bottom: 2px solid transparent;
  color: #333; }
.trans_email .nav-tabs > li.active > a {
  background: transparent;
  border-bottom: 2px solid #12638e;
  color: #14638a; }

.search_report {
  min-width: 220px; }

.status .deliver {
  color: #51b27e; }
.status .pending {
  color: #efc53a; }

.search_report .icon-search {
  position: absolute;
  top: 3px;
  left: 8px; }
.search_report #search {
  padding-left: 30px; }

#domainTableBody .themeLink {
  color: #3e99d9; }

.push_notify {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: calc(100vh - 100px);
  align-items: center; }

.d-block {
  display: block; }

.routeName {
  text-transform: capitalize; }

.text-white {
  color: #fff; }

.mx1024 {
  max-width: 1024px;
  background: #fff; }

.center-block {
  margin: 0 auto; }

.send_email_slider .item {
  border-bottom: 0 !important; }

.slider_static_content {
  padding: 20px 30px;
  border: 1px solid #ddd;
  border-top: 0; }

/*======================
  first time login steps
========================*/
/* steps wizard*/
.steps_wizard {
  position: relative;
  padding: 20px 0;
  width: 100%; }
  .steps_wizard ul {
    display: flex;
    justify-content: center; }
  .steps_wizard li {
    color: #808080;
    list-style: none;
    position: relative;
    width: 50px;
    text-indent: -9999px; }
    .steps_wizard li:before {
      content: ' ';
      position: absolute;
      top: 11px;
      left: 5px;
      border-bottom: 2px solid #d9d9d9;
      width: 100%; }
    .steps_wizard li:last-child {
      width: 0; }
    .steps_wizard li:after {
      content: ' ';
      position: absolute;
      width: 10px;
      height: 10px;
      background-color: #fff;
      left: 0;
      top: 4px;
      border-radius: 100%;
      border: 2px solid #d9d9d9; }
    .steps_wizard li.active span::before {
      content: ' ';
      position: absolute;
      width: 10px;
      height: 10px;
      background-color: #fff;
      left: 0;
      top: 4px;
      border-radius: 100%;
      border: 2px solid #d9d9d9;
      top: 0;
      padding: 4px;
      left: -4px;
      border-color: #2470b5; }
    .steps_wizard li:last-child::before {
      content: none; }
    .steps_wizard li.active {
      color: #2672b6;
      font-weight: 600; }
    .steps_wizard li.complete::after, .steps_wizard li.active::after {
      border-color: #2371b5;
      background-color: #2371b5; }
    .steps_wizard li.complete::before {
      border-color: #2371b5; }

/*======================
  first time login modal
========================*/
#getSetInfoMand :focus {
  outline: 0; }

.list_requirement {
  margin-top: 15px; }
  .list_requirement li {
    list-style: none;
    margin-bottom: 12px; }
    .list_requirement li .form-group {
      margin-left: 22px;
      margin-top: 5px;
      top: -2px; }

#getSetInfoMand input[type="checkbox"] {
  margin-right: 6px;
  cursor: pointer; }
  #getSetInfoMand input[type="checkbox"]:before {
    position: absolute;
    left: 0;
    right: 0;
    width: 10px;
    height: 10px;
    background: #eee;
    border: 2px solid #777; }
  #getSetInfoMand input[type="checkbox"]:checked:before {
    background: #2371b5;
    border-color: #2371b5; }
  #getSetInfoMand input[type="checkbox"]:checked:after {
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 5px;
    top: 0;
    display: table;
    width: 5px;
    height: 11px;
    border-width: 2px;
    border-style: solid;
    border-top: 0;
    border-left: 0;
    content: "";
    border-color: #fff; }
#getSetInfoMand input[type="radio"] {
  margin-right: 3px;
  cursor: pointer;
  position: relative; }
  #getSetInfoMand input[type="radio"]:before {
    content: '';
    position: absolute;
    left: -1px;
    right: 0;
    width: 10px;
    height: 10px;
    background: #eee;
    border: 2px solid #777;
    border-radius: 20px; }
  #getSetInfoMand input[type="radio"]:checked:before {
    background: #2371b5;
    border-color: #2371b5; }
  #getSetInfoMand input[type="radio"]:checked:after {
    box-sizing: border-box;
    position: absolute;
    left: 3px;
    top: 4px;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 20px;
    content: ""; }

#oneTime {
  margin-top: 5px;
  float: left; }
  #oneTime label {
    margin-right: 7px; }

.list_requirement li:last-child {
  margin-bottom: 0; }

.bg_grey {
  background: #eee; }

.oh {
  overflow: hidden; }

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

#getSetInfoMand .form-control {
  background: #fff; }
#getSetInfoMand .form-group [class^=col-sm-] {
  padding: 0; }

/*=====================
  Flex
=======================*/
.flex {
  display: flex;
  justify-content: center;
  align-items: center;
  /*min-height: calc(100vh - 100px);*/
  flex-direction: column; }

.regional_msg h4 {
  color: #333;
  margin-bottom: 7px;
  font-size: 20px;
  font-weight: 600; }
.regional_msg p {
  color: #333;
  font-weight: normal;
  font-size: 14px; }
.regional_msg #uploadForm {
  margin: 60px 0 20px; }

#contact_upload {
  display: none; }

.regional_msg .img_content {
  width: 130px;
  margin-top: 45px; }
.regional_msg .row_flex {
  display: flex;
  flex-direction: row;
  margin-top: 30px; }

.demo_msg {
  width: 210px;
  margin: 0 10px; }
  .demo_msg span {
    font-size: 20px;
    padding: 14px;
    border: 1px solid #093A56;
    border-radius: 2px;
    display: block;
    min-height: 75px;
    position: relative; }
    .demo_msg span:before {
      content: ' ';
      position: absolute;
      height: 23px;
      width: 17px;
      background: #fafafa;
      bottom: -18px;
      left: -1px;
      border-left: 1px solid #093A56; }
    .demo_msg span:after {
      content: ' ';
      position: absolute;
      height: 23px;
      bottom: -20px;
      left: 8px;
      border-left: 1px solid #093A56;
      transform: rotate(45deg); }

.regional_page {
  float: left;
  width: 100%;
  display: block;
  overflow-y: scroll;
  height: calc(100vh - 140px);
  padding: 20px; }
  .regional_page .box {
    width: calc(100% / 4);
    float: left;
    display: inline-block;
    margin-bottom: 15px;
    /*padding: 4px 7px;*/ }
  .regional_page .box_wrapper {
    padding: 10px; }

.campaignDetails {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px; }

.showOnUpload > label {
  border: 2px dashed #384861;
  padding: 6px 12px;
  margin: 0;
  position: relative;
  left: 6px; }

.countNum {
  font-weight: 600; }

.calendly-inline-widget {
  margin-top: 27px; }

@media only screen and (max-width: 1440px) {
  .regional_page .box {
    width: calc(100% / 3); } }
.white-popup_wid600-new {
  max-width: 600px !important;
  background: #ececec !important; }

.modal-gray-theme {
  background: #ececec !important; }
  .modal-gray-theme h3 {
    border-bottom: none !important; }

.noDisplay {
  display: none !important; }

.white-popup_wid600-new h3 {
  border-bottom: none !important; }

.uib-tabs-website ul {
  background: transparent; }

.m-t-2 {
  margin-top: 2px; }

.m-t-15 {
  margin-top: 15px; }

.m-t-20 {
  margin-top: 20px; }

.height-452 {
  height: 452px; }

.row-custom-talk {
  margin-bottom: 0; }
  .row-custom-talk input[type="text"] {
    width: 97%; }
  .row-custom-talk textarea {
    width: 97%;
    margin-bottom: 15px; }

.btn-request {
  margin-top: 31% !important; }

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

.height-520 {
  max-height: 400px !important;
  overflow: scroll; }

.custom-padding-20 {
  padding: 20px 48px !important; }

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

.m-t-0 {
  margin-top: 0 !important; }

.m-b-20 {
  margin-bottom: 20px; }

.height-400 {
  height: 400px; }

.height-460 {
  height: 460px; }

.brdB.left {
  margin-left: 26px; }

.nav-tabs-talk > li > a {
  padding: 5px 18px !important; }
.nav-tabs-talk > li.active > a {
  background: transparent !important; }

#testMail_dialog .mfp-close {
  display: none; }

.flex-row {
  display: flex;
  align-items: center;
  justify-content: space-around; }

.mobile-msg {
  font-size: 16px; }

.note_div {
  padding: 10px;
  background: #eee; }

.shortner_tooltip {
  position: absolute;
  top: -10px;
  background: #fff;
  padding: 7px 15px;
  border: 1px solid #ddd;
  right: -221px; }
  .shortner_tooltip:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #dddddd;
    left: -8px;
    top: 8px;
    transform: rotate(-180deg);
    right: inherit; }

#advancePreview {
  border-bottom: 1px solid #ddd; }

.texcel tbody td, .texcel thead th {
  border-bottom: 1px solid #ddd; }

.ui-dialog-buttonpane .ui-button:nth-child(1) {
  background: #33ADD6;
  color: #fff; }

#loadLastDiv {
  float: left;
  font-size: 12px;
  margin-top: 2px;
  color: #333; }

.aside-arrow {
  position: relative; }
  .aside-arrow:before {
    content: "";
    margin: auto;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: -28px;
    width: 14px;
    height: 14px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #fff; }

#senderIdDiv input {
  width: 50%;
  float: left; }
#senderIdDiv .selectricWrapper {
  padding: 3px 0;
  width: 100%;
  float: none; }
#senderIdDiv .selectric .seltrig {
  top: 2px; }
#senderIdDiv select {
  border: none;
  width: 50%; }

#loadLastMessage i {
  width: 30px;
  height: 30px;
  display: block;
  opacity: .3; }
  #loadLastMessage i:hover {
    opacity: .5; }
#loadLastMessage .undo {
  background: url(/images/undo.svg) no-repeat; }
#loadLastMessage .redo {
  background: url(/images/redo.svg) no-repeat; }

.no-svg #loadLastMessage .redo {
  background-image: url(/images/redo.png); }
.no-svg #loadLastMessage .undo {
  background-image: url(/images/undo.png); }

#groupleft th {
  padding: 5px 10px 5px 20px; }
#groupleft td {
  padding: 7px 15px; }
  #groupleft td input[type=checkbox] {
    margin-top: 7px;
    float: left;
    margin-right: 10px; }
  #groupleft td label {
    display: block;
    padding: 7px 20px;
    margin: -8px -20px;
    cursor: pointer;
    line-height: 28px; }

#sndrow > span {
  line-height: 26px;
  margin-right: 5px; }

.GroupPreview {
  padding: 10px;
  border: 1px dashed #ddd;
  margin-top: 0; }

#addSignCheck {
  padding-right: 5px;
  line-height: 44px; }
  #addSignCheck input {
    margin: 0 5px 0 0;
    float: left;
    border: 1px solid #ddd;
    height: 44px; }
  #addSignCheck label {
    cursor: pointer; }

table.texcel {
  border-top: 1px solid #ddd; }
  table.texcel tbody td:nth-child(1) {
    border-left: 1px solid #ddd; }

.texcel thead td.hd {
  background: #eee; }
.texcel thead th {
  background: #eee;
  font-weight: 700;
  border-right: 1px solid #ddd; }
.texcel tbody td {
  border-right: 1px solid #ddd;
  cursor: default; }

.noBdr {
  border: none !important; }

td.wd2 {
  width: 18px; }

#loadFlashSetting i, #loadEncryptSetting i {
  font-size: 1.6em;
  line-height: 44px; }

#advancePreview {
  padding: 20px; }

.advSMSPreview .hd {
  font-size: 24px; }

#smsright {
  margin-left: 430px; }
  #smsright .content {
    background: #fff;
    border: 1px solid #ccc;
    min-height: 500px;
    max-width: 800px; }

#userSignBox {
  padding: 10px 20px; }

#mobile-right {
  padding: 15px; }

/* #drafts_show, #mobileNumBox, #report_folder, #senderIdBox {
  border-left: 1px solid #ddd;
  margin-left: -1px;  
} */
#disp_msg {
  margin: 30px 0   0 100px;
  padding-left: 100px;
  position: relative; }
  #disp_msg img {
    text-align: center;
    max-width: 100%; }
  #disp_msg h1 {
    font-weight: 100; }
  #disp_msg section {
    padding: 20px 0; }
    #disp_msg section button {
      margin-bottom: 10px; }
  #disp_msg:before {
    height: 100px;
    position: absolute;
    border-right: 1px solid #ccc;
    content: "";
    margin-top: -50px;
    top: 50%;
    left: 0; }

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both; }

.slow {
  -webkit-animation-fill-mode: both;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  animation-fill-mode: both; }

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px); } }
@keyframes shake {
  0%, 100% {
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    transform: translateX(10px); } }
.shake.go {
  -webkit-animation-name: shake;
  animation-name: shake; }

@media only screen and (max-width: 800px), (max-device-width: 768px) {
  #Schedule {
    width: 100%;
    margin-bottom: 10px; }

  #sendbtn {
    width: 100%;
    margin-bottom: 10px; }
    #sendbtn + span {
      display: block;
      text-align: center;
      margin-bottom: 10px !important; }

  #groupleft, #groupright {
    float: none;
    width: 100%; }

  #groupleft {
    margin-bottom: 20px; } }
@media only screen and (max-width: 480px), (max-device-width: 480px) {
  .sndSmsInp, .srchSenderId {
    width: 100%; }

  #hindi_check {
    border: 0 #fff;
    background-color: #fff; }

  #Schedule {
    text-align: center;
    display: block;
    line-height: 30px;
    height: 30px; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .sndSmsInp, .srchSenderId {
    width: 100%; }

  #hindi_check {
    border: 0 #fff; } }
.badge {
  position: relative;
  top: -1px; }

.badge-light {
  color: #212529;
  background-color: #d9d9d9; }

.badge {
  display: inline-block;
  padding: .2em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem; }

#draftBody .icon_img i {
  margin: 0; }

/*# sourceMappingURL=userPanel.min.V302.css.map */
#mobileNumBox .tab-content {
    padding: 0;
}
#signup_modal {
    background: rgba(0, 0, 0, 0.5);
}
#signup_modal .modal-body {
    position: relative;
    font-family: 'Gotham-Rounded-Light';
    padding: 15px;
}

#signup_modal strong {
    font-family: 'Gotham-Rounded-Medium';
}

#signup_modal .btn-primary {
    color: #fff;
    background-color: #4285F4;
    border-color: #2465d0;
}

/* new login signup css */
.google-login-btn{
  display: inline-block;
  height: 50px;
  border: 1px solid;
  min-width: 40px;
  line-height: 50px;
  text-align: center;
  position: relative;
  border-radius: 0;
  background: #4285F4;
  border-color: #4285F4 !important;
  color: #fff;
  padding: 0 30px 0 70px !important;
}
.ico-google {
    height: 48px;
    position: absolute;
    width: 48px;
    left: 0;
    background: #fff;
    line-height: 48px;
    vertical-align: middle;
}
.ico-google img {
    width: 18px;
    height: 18px;
    top: 50%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(-50%);
}

.divider {
    margin-top: 20px;
    margin-bottom: 20px;
    color: #777;
    position: relative;
    font-family: sans-serif;
    font-size: 20px;
}
.divider hr {
    border: 0;
    border-bottom: 1px solid #777;
    width: calc(100% - 30px);
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}