/*Reachme*/
div{
  vertical-align:top;
}
span, label{
  display:inline-block;
  /* vertical-align:middle; */
}
legend {
  font-size: larger;
  font-weight: bold;
}
.submit-login{
  background-image: url('http://www.reachme.com/gifs/login.gif');
  height: 22px;
  width: 76px;
}
.short-text{
  width:30px;
}
.fl-right{float: right;}
.fl-left{float:left;}
.s_clickable{
  display:inline-block;
  cursor:pointer;
  color:#4d90fe;
  font-weight:bold;
  font-size:11px;
  line-height:12px;
  padding: 4px 8px;
  text-align:center;
  vertical-align:middle;
}
.a_clickable{
  display:inline-block;
  cursor:pointer;
  color:#4d90fe;
  font-weight:bold;
  font-size:11px;
  padding: 1px 3px 1px 3px;
  text-align:center;
  vertical-align:middle;
}
.clickable{
  display:inline-block;
  vertical-align:middle;
  cursor:pointer;
}
.btn_filter_grey{
  background-color:#f1f1f1;
  margin:0 3px 0 0;
  color:#7e7e7e;
  border-radius:10px;
}
.btn_filter{
  background-color:#f1f1f1;
  margin:0 4px;
  padding:4px;
  color:#4d90fe;
  border-radius:10px;
}
.popup .btn_filter{border:1px solid gray;}
.textright{
  text-align:right;
}
.minW70{
  min-width:80px;
}
.movetop_-6{
  position:relative;
  top:-6px;
}
.bluebutt, .bluebutt-inline, #aletitle, .title-bar, #spdivtitle, .bluebutt-inline-wide, .bluebutt-round {
  background-color:#4d90fe;
}
#msgs_leftmenu .bluebutt {width: 8em;}
.bluebutt.alt{background-color: rgb(85,193,5);}
.bluebutt.dark{background-color: #a7cbef;}
/* .bluebutt.selected{background-color: #ffae19;} */
.bluebutt.selected{
  -webkit-box-shadow:0 0 6px 4px #ffae19;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:   0 0 6px 4px #ffae19;  /* Firefox 3.5 - 3.6 */
  box-shadow:    0 0 6px 4px #ffae19;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
  border: 1px solid #ffae19;
}
.bluebutt{
  margin: 3px;
  min-width: 46px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  min-height: 2.5em;
  width:65px;
  padding: 0 3px;
  border: 1px solid #3079ed;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1);
  position: relative;
}
.bluebutt img {position: absolute; left: 4px;}
.bluebutt span:last-child {
  margin-left: 20px;
  text-shadow: 1px 1px 1px black;
}
.bluebutt:not([disabled]) {cursor:pointer;}
.bluebutt:hover, .bluebutt-inline:hover, .bluebutt-inline-wide:hover, .bluebutt-round:hover{
  border: 1px solid #2f5bb7;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  /* background-color: #2a61b9; */
  /* background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#2a61b9)); */
  /* background-image: -webkit-linear-gradient(top,#4d90fe,#2a61b9); */
  /* background-image: -moz-linear-gradient(top,#4d90fe,#2a61b9); */
  /* background-image: -ms-linear-gradient(top,#4d90fe,#2a61b9); */
  /* background-image: -o-linear-gradient(top,#4d90fe,#2a61b9); */
  /* background-image: linear-gradient(top,#4d90fe,#2a61b9); */
  -webkit-filter: brightness(1.25);
  filter: brightness(1.25);
}
.bluebutt-right{
  position:relative;
  float:right;
}
.bluebutt-left{
  position:relative;
  float:left;
}
.divb-left{
  width:12%;
  display:inline-block;
  /* padding: 5px; */
}
.divb-right{
  width:85%;
  display:inline-block;
  vertical-align: top;
  padding: 5px;
}

.pad-5-right{
  padding: 5px;
  text-align: right;
}

.pad-5{  padding:5px; }
.pad-l-5{ padding-left:5px; }
.pad-r-5{ padding-right:5px; }
.pad-lr-5{ padding:0 5px; }
.pad-tb-10{ padding-top:10px;padding-bottom:10px; }
.pad-t-10{ padding-top:10px; }
.pad-b-10{ padding-bottom:10px; }

#datefilter{
  vertical-align:middle;
  margin:3px;
}
.valign{
  vertical-align:middle;
}

.filterDiv{
  display:inline-block;
  margin-right:1px;
  padding:3px;
  border:1px solid #939393;
  border-radius: 3px;
  white-space: pre-wrap;
}
.filterDiv  label{
  display:inline-block;
  width:65px;
}
#callsFilter {
  margin-top:.5em;
}
#callsFilter.filterDiv label{
  width:auto;
  margin:.5em;
  margin-right:1em;
  font-weight: bold;
}
#callsFilter :checked+label {
  color:#ffae19
}

.filterDiv .w80{ width:80px; }
.filterDiv .w50{ width:50px; }
.filterDiv .w55{ width:55px; }
.filterDiv .w90{ width:90px; }
.filterDiv .w100{ width:100px; }
.filterDiv .w130{ width:130px; }

.filterGroup{ display:inline-block; }
.fullw{
  width:99%;
}

.boldFont{
  font-weight:bold;
}
.sort-div {
  position: absolute;
  white-space: nowrap;
  background-color: lightyellow;
  border: 1px solid gray;
  border-radius: .5em;
  padding: .2em .5em;
  margin-top: -3em;
  margin-left: -.5em;
  /* opacity: 0.75; */
}
.sort-div::before {
  content: 'sort '
}

table#mainTable{
  /* width:100%; */
}
.mainTable tr:first-of-type, .mainTable .thead {
  border-top: 1px solid grey;
  background-color: #f1f1f1;
}
.mainTable .thead {
  border-top: none;
}
.mainTable .thead  th {
  position: relative;
}
.mainTable, .mainTable th, .mainTable td {
  /* width:auto; */
  /* padding-top: 5px; */
  border-bottom: 1px solid grey;
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
}
.mainTable .fhead, .mainTable .fhead th {
  border-bottom: none;
}
.mainTable{  clear:both;margin-bottom:1em;}
#rate-cap {
  margin:1em auto;
}
#rateTable th {
  padding:1em;
}
#rateTable td {
  padding-left:.5em;padding-right:.5em;
  background-color: white;
}
#rateTable td:last-of-type::before {
  content: '$';
}
#msgTable,#callsTable {width:100%;}
th.flag, td.flag {
  text-align: center;
}
#msgTable td, #msgTable th {
  padding-left:5px;
  padding-right:5px;
}

#callsTable, #callsTable td {
  /* padding: 5px 5px 5px 5px; */
  padding: 3px 0;
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
}
#callsTable td:first-of-type img, #msgTable td:nth-of-type(2) img {
/* #callsTable td img, #msgTable td img { */
  width: 20px;
  height: 20px;
}
#callsTable th:nth-of-type(1), #callsTable td:nth-of-type(1){
   width: 25px;
}
#callsTable th:nth-of-type(2), #callsTable td:nth-of-type(2){
   width: 70px;
}
#callsTable th:nth-of-type(3), #callsTable td:nth-of-type(3){
   width: 80px;
}
#callsTable th:nth-of-type(4), #callsTable td:nth-of-type(4){
   width: 25px;
}
#callsTable th:nth-of-type(6), #callsTable td:nth-of-type(6){
   width: 65px;
}
#callsTable th:nth-of-type(7), #callsTable td:nth-of-type(7){
   width: 40px;
}
#callsTable th:nth-of-type(8), #callsTable td:nth-of-type(8){
   width: 45px;
}
#callsTable th:nth-of-type(9), #callsTable td:nth-of-type(9){
   width: 45px;
}
#callsTable th:nth-of-type(10), #callsTable td:nth-of-type(10){
   width: 50px;
}
#callsTable th:nth-of-type(11), #callsTable td:nth-of-type(11){
   width: 50px;
   text-align:center;
}
#callsTable th:nth-of-type(12), #callsTable td:nth-of-type(12){
   width: 30px;
   text-align:center;
}

#alediv{
  width:300px;
  min-height:140px;
  position:absolute;
  background-color:#fafafa;
  z-index:2000;
  border: 1px solid;
  /* border-radius: 0px 0px 8px 8px; */
  /* display:none; */
}
#aletitle{
  width:300px;
  height:20px;
  position:absolute;
  z-index:11;
  text-align: center;
  font-size: 12px;
  padding-top:4px;
  cursor:move;
  font-weight:bold;
}
#aletitle span{
  line-height:20px;
  color:#fff;
  vertical-align:base;
}
#alemsg{
  white-space:normal;
  margin: 1em 1.5em;
  line-height: 1.5;
}
#aleimg{
  float:right;
  cursor: auto;
  width: 4em;
  height: 4em;
  margin: 1em;
}
.alebtn{
  width:50px;
  line-height:24px;
  background-color:#7FBFFF;
  float:right;
  text-align:center;
  margin:0px 3px 0px 3px;
  z-index:15;
  cursor:pointer;
  font-weight:bold;
  color:#fff;
  display:none;
}
.alebtndiv{
  position:absolute;
  width:120px;
  bottom: 2em;
  left:50%;
}

.cont_filterDiv{
  padding:5px 20px 5px 20px;
}
.cont_filterDiv_border{
  padding:5px 0px 5px 10px;
  margin:3px;
  border:1px solid #939393;
  border-radius: 3px;
}

.cont_filterDiv_border label{
  width:70px;
  display:inline-block;
  vertical-align:middle;
}
.cont_filterDiv_border input[type=text]{
  vertical-align:middle;
  padding-left:20px;
  /* background:transparent url(../img/magnifier-16.png) no-repeat scroll left center; */
  background:transparent url(../img/magnifier-16.png) no-repeat scroll right center;
  background-color:white;
  width:90px;
  margin-left:5px;
  margin-right:5px;
}
.title-bar{
  position:relative;
  min-height:24px;
  color:#fff;
  text-align:center;
  font-size:12px;
  /* padding-top:4px; */
  cursor:move;
  font-weight:bold;
  width:auto;
  border-radius: inherit;
}
.title-bar span:not(.key) {
  margin: .4em 1em;
  vertical-align: middle;
}
/* .title-bar .savebtn~span{
  margin-right: 80px;
  padding-left: 10px;
} */
.popup{
  width:auto;
  height:auto;
  position:absolute;
  background-color:#f1f1e9;
  border: 1px solid;
  /* border-radius: 0 0 8px 8px; */
  border-radius: 6px 6px 0 0;
  white-space: nowrap;
  z-index:10;
}
.popup label:not(.sw-label){
  padding:3px 10px;
  vertical-align:top;
  /* height:100%; */
}
.popup fieldset>legend {
  font-weight:inherit;
}
#ace_action {
   margin: 0;
}
#ace_action input[type=radio]{
  margin-right: 3px;
}
#ace_action img.icon-help {
  padding: 0;
}
#ace_action table {
  background-color: white;
  padding: 0 4px;
  margin: -4px;
}
#ace_action table, #ace_action tr {
  vertical-align: top;
  border-collapse: separate;
  border-spacing: 0 5px;
}
#ace_action table>tbody>tr {
  background-color: #EDF6FF;
}
#ace_action table>tbody>tr>td:first-of-type {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
#ace_action table>tbody>tr>td:last-of-type {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
#ace_action table label:not(:first-of-type) {
  margin-left: 4px;
}
#ace_action table label {
  height:inherit;
  padding: 2px 0;
}
/* .popup label:only-child { */
.popup td>label {
  padding:3px;
  margin: 0;
}
.popup>.popbody>div:not(.sw):not(.secTi):not(.hbox) {margin: 5px;}
.popup table {vertical-align:top;}
#popdiv {z-index:100;}
#popdiv2 {z-index:101;}
#popdiv3 {z-index:102;}
#waitdiv {z-index:300;}
#pd1, #pd2, #pd3 {z-index:120;}
#alediv {z-index:200;}

#pop-rec {
  padding: 0;
  width: 50em;
}
#pop-rec .illustration {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}
#pop-rec .hbox:not(.collapsed) {
  margin:1em;
}
#pop-rec #audio-select {
  margin: .5em auto;
}
#pop-rec #aud0 {
  max-width:100%;
}
#pop-rec #audio-select {
  width:40em;
}
#pop-rec h4 {
  text-align:left;
}
#pop-rec #lbl-aud {
  font-weight:bold;
}
#pop-rec #del-aud {
  margin-left: .5em;
}
#pop-rec label>select {
  margin:0;
}
#pop-rec .aud-list audio, #pop-rec .aud-list embed {
  display: block; margin-bottom: .5em;
  max-width: inherit;
}
#pop-rec button {
  margin-right:.5em;
}
#pop-rec .aud-list {
  margin-left: 0;
  margin-right: 0;
}
#pop-rec .aud-list>div:not(:last-of-type) {
  margin-bottom: 1.5em;
}
#pop-rec button>a {
  color: white;
}
#pop-rec .aud-list strong {
  vertical-align:baseline;
  vertical-align:-webkit-baseline-middle;
}
#pop-rec input[type=text] {
  width:auto;
}
#pop-rec .aud-list label {
  padding-top:0;
  padding-left:0;
}
#pop-rec #rec-log {
  border: 1px solid black;
  padding: 1em;
}
#pop-rec #rec-timer {
  font-family: monospace;
  font-weight: bold;
  font-size: large;
}
#pop-rec #rec-icon {
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  vertical-align: middle;
  background-color: lightgray;
  transition: all 0.2s linear;
}
#pop-rec #rec-icon.recording {
  background-color: red;
}
#pop-rec textarea {
  display: block;
  width: 100%;
}
#pop-rec .r-btn {
  float: right;
  margin: .5em 0;
}
.illustration {
  box-shadow: 0 0 1em gray;
  cursor:pointer;
}
.close-btn{
  cursor:pointer;
  float: right;
  margin: 4px 10px 0 4px;
  width:16px;
  height:16px;
}
/* remove later */
.closediv{
  cursor:pointer;
  float: right;
  margin-right: 10px;
  margin-top: 4px;
  width:16px;
  height:16px;
}

.popbody>[id^="audd"] {margin:10px;}
#upload-target {
  visibility:hidden;
  position:absolute;
}
#embAud{
  text-align:center;
}
.poptable{
  position:relative;
  /* top:10px;
  left:35px; */
  /* margin:12px; */
  padding-left:1em;
  padding-right:1em;
  font-size: 11px;
  /* width:330px; */
  border-collapse: collapse;
  display: inline-block;
}
.poptable.showMsg td:nth-of-type(1){
  width: 120px;
  font-weight:bold;
}
.poptable.showMsg td:nth-of-type(2){ width: 120px; }
.poptable td{
  height:18px;
  padding-bottom:5px;
  padding-top:3px;
  padding-right: 1em;
}
.showContact.poptable {
  position:absolute;
  top:0px;
  left:30px;
  font-size: 11px;
  width:330px;
  border-collapse: collapse;
}
.showContact td:nth-of-type(1){
   width: 80px;
}
.showContact td:nth-of-type(2){
  width: 230px;
}

.popup input[type=text], .popup input[type=password], .popup input[type=search]{
  padding:3px;
  line-height:14px;
  height:20px;
  width: 14em;
}
table.poptable.showProf{
  position:absolute;
  top:50px;
  left:10px;
  font-size:11px;
  width:360px;
  border-collapse: collapse;
}
.showProf textarea {
  width:100%;
  padding:0px;
  height:60px;
}
.showProf  input.halfcol[type=text]  {
  width:50%;
}
.showProf  input.halfcol[type=search]  {
  width:50%;
}
.poptable .editContact{
  display:none;
  color:red;
  font-weight:bold;
  position:relative;
  float:right;
  margin-right:20px;
}
/* .ntp .popbody div:not(.sw):not(.savebtn){
  margin:10px;
  line-height:2;
}
.ntp .popbody label:not(.sw-label){
  margin-right:10px;
  text-align:right;
  vertical-align:baseline;
}
.ntp .sw, .trp .sw, .rec_pop .sw{float:left;}
.ntp .savebtn{float:right;margin:-5px 10px;}
.nep>.popbody>div, .nsp>.popbody>div {margin: 4px 0;padding: 4px 0;}
 */
/* .trp .sw{margin-left:10px;} */
#waitdiv{
  position:absolute;
  top:40%;
  left:50%;
  border:0px;
  display:none;
}
.spinner {
height:60px;
width:60px;
margin:0px auto;
position:relative;
-webkit-animation: rotation 1s infinite linear;
-moz-animation: rotation 1s infinite linear;
-o-animation: rotation 1s infinite linear;
animation: rotation 1s infinite linear;
}
@-webkit-keyframes rotation {
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(359deg);}
}

@-moz-keyframes rotation {
from {-moz-transform: rotate(0deg);}
to {-moz-transform: rotate(359deg);}
}

@-o-keyframes rotation {
from {-o-transform: rotate(0deg);}
to {-o-transform: rotate(359deg);}
}

@keyframes rotation {
from {transform: rotate(0deg);}
to {transform: rotate(359deg);}
}

#pdfPreview{
  position:absolute;
  top:200px;
  left:90px;
}

#spdiv{
  position:absolute;
  top:20%;
  left:35%;
  height:330px;
  width:380px;
  background-color:white;
  border:1px solid black;
  display:none;
  z-index:200;
}
#spdivtitle{
  width:380px;
  height:27px;
  position:absolute;
  z-index:11;
  text-align: center;
  font-size: 12px;
  padding-top:8px;
  cursor:move;
  font-weight:bold;
}
#spdiv>table{
  position:absolute;
  top:40px;
  left:10%;
  height:250px;
  width:300px;
  text-align:center;
}
.hidden{display:none;}
.closed{
  display:none;
  opacity:0;
  transition: opacity 0.2s linear;
}
.opened{
  display:inline-block;
  opacity:1;
  transition: opacity 0.2s linear;
}

.clearf:after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
/*********************************/

html,body {
  font-family: Tahoma,sans-serif;
  font-size: 11px;
  color: #404040;
  direction: ltr;
}
html {
  background: #fff;
  color: #333;
  /* line-height: 1;
  direction: ltr; */
}
body{
  overflow-x:hidden;
  overflow-y:scroll;
  cursor:default;
}
/*.subuser { background-color:#efffff; }*/
.rm-header-bar {
  background: #FDFFF9;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
  width: 900px;
  margin: auto;
}

.main:not(#pop) {
  max-width: 900px;
  margin-bottom: 20px;
  margin:0px auto;
}
/* display side menu and main table inline */
#a4a {white-space: nowrap;}
#a4a>.divdef:nth-of-type(4), #a4a>.divdef:nth-of-type(5) {display: inline-block;}
#a4a>.divdef:nth-of-type(5) {width:90%;}
.main h1:first-child {
  margin: 0 0 .92em;
}
.fixed {
  font-family: monospace;
  font-weight: bold;
}

.rm-footer-bar {
  position: fixed;
  bottom: 0;
  height: 35px;
  width:900px;
  border-top: 1px solid #ebebeb;
  overflow: hidden;
  background-color: white;
}

.footer {
  padding-top: 9px;
  font-size: .85em;
  white-space: nowrap;
  line-height: 0;
}

.footer ul {
  color: #999;
  float: left;
  /* max-width: 80%; */
  overflow: hidden;
}

.footer ul li {
  display: inline;
  padding: 0 1.5em 0 0;
}

.footer a {
  color: #333;
}


.def1 .r-option input[type=radio] {
  float: left;
  margin-top: 1px;
}

.def1 .r-option .radio-label {
  margin-left: 22px;
  display: block;
  line-height: 18px;
}

.def1 .hideable-box {
  margin-top: 10px;
  margin-left: 22px;
  line-height: 18px;
}

@media all and (max-width:650px) {
  .content {
    padding-left: 22px;
    padding-right: 22px;
  }

  #lang-chooser {
    display: none;
  }

  .footer ul {
    max-width: 100%;
  };
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
  display: block;
}

a {
  color: #15c;
  text-decoration: none;
}

a:active {
  color: #d14836;
}

a:hover {
  text-decoration: none;
  cursor: pointer;
}

h1,h2,h3,h4,h5,h6 {
  color: #222;
  margin: 0 0 .5em;
}
h4,h5,h6 {text-align:center;}

p {
  line-height: 1.5;
  margin: 0 0 1em;
  white-space:normal;
}

ol,ul {
  /* list-style: none; */
  line-height: 18px;
  margin: 0 0 1em;
}
li {
  margin: 0 0 .5em;
}
ul{padding-left:2em;}
#disclaimer {
  /* margin-left:-3em; */
  line-height:inherit;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

strong {
  color: #222;
}

button,input,select,textarea {
  font-family: inherit;
  font-size: inherit;
}
select {
  vertical-align:top;
  /* vertical-align:-webkit-baseline-middle; */
}
select[multiple] {min-width: 10em;}

button::-moz-focus-inner,input::-moz-focus-inner {
  border: 0;
}

input[type=email],input[type=number],input[type=password],input[type=tel],input[type=search],input[type=text],input[type=url]{
  display: inline-block;
  height:1.8em;
  /* height: 29px; */
  /* line-height: 29px; */
  width: 16em;
  /* margin: 0; */
  padding: 0 0.5em;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

input.wide-input[type=email],input.wide-input[type=number],input.wide-input[type=password],input.wide-input[type=tel],input.wide-input[type=text],input.wide-input[type=url] {
  width: 23em;
}

input[type=email]:hover,input[type=number]:hover,input[type=password]:hover,input[type=tel]:hover,input[type=text]:hover,input[type=url]:hover,textarea:hover {
  border: 1px solid #b9b9b9;
  border-top: 1px solid #a0a0a0;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus {
  outline: none;
  border: 1px solid #4d90fe;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}

input[type=email][disabled],input[type=number][disabled],input[type=password][disabled],input[type=tel][disabled],input[type=text][disabled],input[type=url][disabled],textarea[disabled] {
  border: 1px solid #e5e5e5;
  background: #f5f5f5;
}

input[type=email][disabled]:hover,input[type=number][disabled]:hover,input[type=password][disabled]:hover,input[type=tel][disabled]:hover,input[type=text][disabled]:hover,input[type=url][disabled]:hover,textarea[disabled]:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
[disabled]:not([type=text]) {
  opacity:0.5;
  transition: all 300ms linear;
}
input[type=text].invalid:not([disabled]), input[type=password].invalid:not([disabled]), select.invalid:not([disabled]), textarea.invalid:not([disabled]){border: 2px solid red;}
textarea {
  white-space: pre-line;
}

div.cust-file {
  margin-top: .3em;
  /*width:92%;
  width:calc(100% - 2.5em);*/
  position:relative;
  border: 1px solid rgba(121, 121, 121, 0.5);
  border-radius: .5em;
  font-weight:bold;
  background-image: -webkit-linear-gradient(top, #DDD, #AAA);
  background-image: -moz-linear-gradient(top, #DDD, #AAA);
  background-image: linear-gradient(to bottom, #DDD, #AAA);
  height: auto;
}
div.cust-file.no-file {
  background-color:white;
  background-image: -webkit-linear-gradient(top, #DDD, #FFF);
  background-image: -moz-linear-gradient(top, #DDD, #FFF);
  background-image: linear-gradient(to bottom, #DDD, #FFF);
  height: 5em;
  border: .25em dashed gray;
}
div.cust-file::before {
  content: attr(data-tip);
  position: absolute;
  top: 0.6em;
  left: 0.5em;
  color: inherit;
  white-space: normal;
}
.cust-file.no-file::before {
  color: blue;
  font-size: larger;
  width: 100%;
  text-align: center;
}
.cust-file.no-file:hover {
  box-shadow: 0 0 1em gold;
}
div.cust-file>[type=file] {
  position:relative;
  opacity:0;
  color:transparent;
  margin: 0;
  padding: .3em;
  width:99%;
  width:calc(100% - .3em);
  height:100%;
}
div.cust-file.no-file > [type=file] {
  cursor: pointer;
}
div.cust-file.no-file>img {
  display:none;
}
div.cust-file>img {
  cursor: pointer;
  vertical-align:initial;
  position:absolute;
  padding: .5em;
  right: 0;
  top: 0;
}
.size {
  position: absolute;
  right: 2.5em;
  top: .5em;
}
[data-wait] {
  opacity: .3;
}
progress{
  width:100%;
  margin: .5em 0;
}

:not(textarea)::-webkit-input-placeholder {
 color: #ddd;
 /*text-align: center;*/
 font-weight: bold;
}
:not(textarea):-moz-placeholder { /* older Firefox*/
 color: #ddd;
 /*text-align: center;*/
 font-weight: bold;
}
:not(textarea)::-moz-placeholder { /* Firefox 19+ */
 color: #ddd;
 /*text-align: center;*/
 font-weight: bold;
}
:not(textarea):-ms-input-placeholder {
 color: #ddd;
 /*text-align: center;*/
 font-weight: bold;
}

input:focus {
  /* box-shadow:0 0 .5em gray; */
  filter: drop-shadow(0 0 1em gray);
}

input[type=checkbox]:not(.sw-checkbox), input[type=radio] {
  /* width: 13px; */
  /* height: 13px; */
  margin: 0;
  cursor: pointer;
  position: relative;
}

input[type=checkbox]:active,input[type=radio]:active {
  border-color: #c6c6c6;
  background: #ebebeb;
}

input[type=checkbox]:hover {
  border-color: #c6c6c6;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
}

input[type=radio] {
  vertical-align:middle;
}

input[type=checkbox]:checked,input[type=radio]:checked {
  background: #fff;
}

input[type=radio]:checked::after {
  display: block;
  background: #666;
}

input[type=checkbox]:focus {
  outline: none;
  border-color: #4d90fe;
}

input[type=text].filter, input[type=search].filter{
  width:87px;
  height:20px;
  line-height:20px;
  /* background-color:#f1f1f1; */
  vertical-align:middle;
}
input.filter.highlight{
  background-color:#FFFFCC;
}
input.aleinput{
  position:absolute;
  width:240px;
  height:20px;
  line-height:20px;
  top:50%;
  left:10%;
  display:none;
}
.poptable.feedbackPop td:nth-of-type(1){
   width: 90px;
}
.poptable.feedbackPop td:nth-of-type(2){
   width: 210px;
}
.poptable.feedbackPop input[type=text]{
  width:100%;
}
.poptable.feedbackPop textarea{
  width:100%;
}
.popup textarea{
  resize:none;
}
.popup.shContact textarea{
  width:100%;
}
#tifPreview{
  max-height:125px;
}
/* #thumbnail{  width:200px;text-align:center;} */
.thumbnail{
  text-align:center;margin:10px;
}
#popcontrol>textarea{
  opacity: 1;
  width: 90%;
  height: initial;
  padding: 10px;
  /* margin: -10px 10px 10px; */
  background-color: white;
}
img{
  border-style:none;
  border:0;
  vertical-align:middle;
  cursor:pointer;
}
img.icon-help{
  width:16px;
  height:16px;
  border-radius:50%;
  padding: 0 3px;
}
img.icon-help:hover, span.icon-help:hover {
  background-color:yellow;
}
span.icon-help {
  width:12px;
  height:12px;
  font-weight:bold;
  text-align:center;
  border-radius:50%;
}
span.icon-help::before {
  color: rgb(0, 114, 255);
  content: '?';
  vertical-align: super;
}
a{
  text-decoration:none;
}
#date_filterdiv input[type=text].filter{
  /* width:70px; */
  width:7em;
}

.r-stick{
  position:fixed;
  width:auto;
  right:0;
  top:50%;
  overflow:hidden;
}
button.r-stick{
  margin:0;
  transform:translateX(50%) rotate(-90deg) translateY(-50%);
}
img.r-stick{
  top:calc(50% - 50px);
  right:2px;
}

.topmenu{
  margin-right:1em;
  padding:0 1em;
  border-radius:1em;
  float:right;
  position:relative;
}
img.topmenu{
  margin: 4px;
}
a.topmenu{
  line-height:30px;
}
.hbox p{
  display:block;
}
.hbox img{
}
.hbox label:not(.sw-label){
  display:inline-block;
  /* width:90px; */
}
.hbox table{
  display:inline-block;
  /* width:calc(100% - 20px); */
  margin-left:10px;
}
.hbox table td>label{
  margin-left:0;
  margin-right:10px;
}
.hbox table, .hbox th, .hbox td {
  padding: .1em .3em;
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
}
#a4a .hbox {
  border-left: 2px solid gray;
  border-right: 2px solid gray;

}
#a4a .hbox:last-child {
  border-bottom: 2px solid gray;

}
.secTi>img {
  max-height: 16px;
  vertical-align: middle !important;
  margin: .3em .5em;
}
table+.secTi{
  margin-top:1em;
}
table+.secTi+.hbox>table{
  margin:0;
  padding:0;
}
.secTi{
  line-height:20px;
  //background-color:#7f7f7f;
  //background-color:#E6E695;
  background-color:#D6EAFF;
  //color:white;
  border: 2px solid #9f9f9f;
  z-index:11;
  //text-align: center;
  font-size: 12px;
  cursor:pointer;
  font-weight:bold;
  clear:both;
}
.hw {
  /* max-height:600px; */
  max-height:auto;
  /* max-height:0; */
  /* overflow: hidden; */
  -ms-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}
.hw.collapsed{
  max-height:0;
  overflow: hidden;
  /* transition: all 200ms linear; */
}
.hw:not(.collapsed) {margin:8px 0;}
/* .popup>div.hbox.collapsed:last-child { margin-top: 6px;} */

tr.head {
  width:100%;
}

.privtable img {
  width:16px;height:16px;
  cursor:auto;
  margin:2px;
}
.privtable td img, .mainTable td img, img.notif, .icon {
  padding:3px;
  border-radius:6px;
}
.icon {margin-left: 3px;}
.mainTable td *+label {margin-left:2px;}
.mainTable td *+img, .mainTable td *+span>img{margin-left:3px;}
.mainTable tr{
  background-color: #fff;
}

.selected-row{
  background-color: #f1f1e9 !important;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
}
tr.hilit:not(:first-of-type){background-color: #FFFFCC !important;}
tr.hilit-p{background-color: #F1F1D6 !important;}
.lightgrey, .lightgrey + div{background-color: #f1f1f1;}
/* .selected-sec-head{ */
.acc-head-active{
  //background-color:#ffae19;
  //background-color:#E6E695;
    background-color:#D6EAFF;
}
.secTiCC{
  width:99%;
  line-height:20px;
  background-color:#7f7f7f;
  border: 2px solid #9f9f9f;
  z-index:11;
  text-align: center;
  font-size: 12px;
  cursor:pointer;
  font-weight:bold;
}
.sections p{
  margin: 0px 0px 3px 0px;
}
.sections .roundbutt{
  border-radius: 5px;
  border: 1px solid #8c8c8c;
  /* margin: 0px 5px 0px 0px; */
  cursor:pointer;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  min-width: 46px;
  width:65px;
  padding: 0 3px;
  color: #000;
  text-shadow: 0 1px rgba(0,0,0,0.1);
  vertical-align:middle;
}
.alert-text{
  color:red;
  font-weight:bold;
  padding:0 20px;
}
.empty-list{
  text-align: center;
  font-size: larger;
  margin: 1em;
}
.popup.resyncPop{
  height:180px;
}
.popup.resyncPop .popbody{
  margin:10px;
}
.popup #resyncPop {
  margin:10px;
}
.popup #resyncPop input[type="text"]{
  width:10em;
  margin-right:10px;
}
.contactListScoll{
  height:330px;
  overflow-y:scroll;
}

.groupfilterDiv{
  /* padding-top:3px; */
  /* padding-bottom:5px; */
  margin: .5em 5em .5em 1em;
}
.groupfilterDiv>label{
  display:inline-block;
  vertical-align:middle;
  padding:0 1.5em 0 0 !important;
}
.groupfilterDiv>input{
  vertical-align:middle;
}
input[type=checkbox]:not(.sw-checkbox){
  margin-right:5px;
  display:inline-block;
  vertical-align:middle;
}
.alphabetTitle{
  line-height:20px;
  background-color:#d9d9d9;
  font-weight:bold;
  padding-left:5px;
}
.cont_filter_btn{
  vertical-align:middle;
  height:20px;
  line-height:14px;
  margin-left:5px;
  margin-right:5px;
}
#setstate{
  margin-top:5px;
}
.bluebutt-inline{
  display:inline-block;
  /* padding:0px 5px 0px 5px; */
  padding:5px 10px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  /* line-height: 20px; */
  border: 1px solid #3079ed;
  border-radius:3px;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1);
  cursor:pointer;
}
.bluebutt-inline-wide{
  display:inline-block;
  padding:0px 5px 0px 5px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  border: 1px solid #3079ed;
  border-radius:3px;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1);
  cursor:pointer;
  min-width:50px;
}
.bluebutt-round{
  margin: 0px 3px;
  min-width: 46px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  height: 20px;
  width:65px;
  padding: 0px 3px;
  line-height: 20px;
  border: 1px solid #3079ed;
  border-radius:10px;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1);
  cursor:pointer;
}
#contactListTable span{
  line-height:14px;
  padding:5px;
}
.click-text{
  color:#4d90fe;
}
form.signup label,form.def1 label{
  display:block;
  margin-top: 1em;
  margin-bottom: .5em;
}
.problem{
  margin-left: .5em;
  display: block;
  margin-left:0;
  margin-bottom:.5em;
}
.popup form td {
  vertical-align: text-bottom;
}
form .required:after{
  content: " *";
}
form script, form noscript{
  display:block;
}
/*#del-aud{float:right;}*/
.popup.upload label {
  /* padding-left:0; padding-bottom:12px; */
  padding:6px 0;
}
/*.upload #upload_btn {float:right;}*/
.upload form{
  /*margin:10px;*/
  /*height:60px;*/
  display: inline-block;
  width:100%
}
.upload select{
  margin-left:10px;
  width:95%;
}
.upload table{
  width:100%;
  margin:10px auto;
  text-align:center;
}
.upload th{
  line-height:2;
}
.dragover{
  box-shadow: 0 0 1em gold;
  border-radius: 1em;
  background-color: rgba(255, 215, 0, 0.50);
}
.popup select {
  margin: .3em;
}
.audio-select { max-width:390px; }
.audio-select > optgroup {
  background-color: lightgray;
  color: black;
  font-size: 1.2em;
}
.audio-select > optgroup > * {
  background-color: #ffe;
  color: black;
}

.audio-select > optgroup.category {
  background-color: #B1CDF9;
  color: black;
}

audio,embed {width:100%;}
embed {height:45px;}
#audlis, #str-lis {
  width: 32em;
  margin: 5px 0;
}
.upload .popbody {width:400px;}
audio, .popup .moh-choice {max-width:420px;}
.popbody>#str-lis {margin: 10px;}
#lbl-aud {max-width:400px;overflow:hidden;}
#lbl-aud.stream-error:after {
  color: red;
  content: " Stream error";
}
.moh-choice {
  white-space:normal;
  border:1px solid black;
  border-radius:.5em;
  padding:10px;
  margin-top: 1em;
}
.moh-choice.selected {background-color:lightgoldenrodyellow;}
.caption {
  line-height:1.5;
  padding-left:1.5em;
  padding-right:1.5em;
}
span.error, p.error{color:red;font-weight:bold;}
.title-bar.error{background-color:darkred;}
#upload_process img{
  text-align:center;
}
select#emails-select option:first-of-type, select#sms-select option:first-of-type{color:gray;}
.notvisible{visibility:hidden;}

/*#a4a4a3 p {padding:8px;}*/

label.setuplabel{
  padding:5px;
  text-align:right;
  font-weight:bold;
}

.pos-rel{position:relative;}
.pos-abs{position:absolute;top:0;left:0}
.alignL{text-align:left;}
.s_clickable img{margin-right:3px;}
.w50, #popdiv .w50, #popdiv2 input.w50{ width:50px; }
.w60, #popdiv .w60, #popdiv2 .w60{ width:60px; }
.w80, #popdiv .w80, #popdiv2 input.w80{ width:80px; }
.w90, #popdiv .w90, #popdiv2 .w90{ width:90px; }
.w100, #popdiv .w100, #popdiv2 .w100{ width:100px; }
.w110, #popdiv .w110, #popdiv2 .w110{ width: 110px; }
.w130, #popdiv .w130, #popdiv2 .w130{ width: 130px; }
.w-auto {width:auto !important;}
.pad-lr-10{ padding:0px 10px }
.pad-l-30{ padding-left:30px; }
.pad-lr-30{ padding:0px 30px; }
.pad-b-10{ padding-bottom:10px}
.margin-r-5{ margin:0px 5px 0px 0px; }
.margin-t-5{ margin-top:5px; }
.margin-lr-5{ margin:0px 5px; }
.margin-tb-10{ margin:10px auto; }
.border-l{border-left:1px solid grey;}
.border-t{border-top:1px solid grey}
#popdiv.margin-lr-5 input{ margin:0px 5px; }
.bottom-sep{border-bottom:1px solid grey}
.div-container>div{margin-left:14px;}

img.notif{
  /* width:16px; */
  /* height:16px; */
  margin-left:5px;
  /* background-image: url("../img/notification-16.png"); */
  /* background-repeat: no-repeat round; */
  /* background-color: transparent; */
}

.newfeat {
  /* -moz-box-shadow:  inset 0 0 20px gold; */
  /* -webkit-box-shadow: inset 0 0 20px gold; */
  /* box-shadow:     inset 0 0 20px gold; */
  /* border-bottom: 2px solid gold; */
  /* -webkit-filter: drop-shadow(2px 2px 2px gold); */
      /* filter: drop-shadow(2px 2px 2px gold); */
}

.popup .narrow-label {
  margin-top: 5px;
}
.popup .narrow-label label {
  padding: 3px 4px;
}
.trf-block .sw {
  margin-left: 0;
  margin-right: 10px;
}
.sw.sw-mini {
  margin: 0.3em;
  width: 40px;
}
.sw.sw-mini .sw-label {
  border-width: 1px; border-radius: 16px;
}
.sw.sw-mini .sw-switch {
  border-width: 1px;
}
.sw.sw-mini .sw-inner:before, .sw.sw-mini .sw-inner:after {
  height: 13px; font-size: 11px; line-height: 14px;
}
.sw.sw-mini .sw-switch {
  right:25px; width:11px;
}
.sw.sw-mini .sw-inner:after {
  padding-right: 2px;
}

/* https://proto.io/freebies/onoff/ */
.sw {
  margin-left: 10px;
  margin-bottom: 5px;
  display: inline-block;

  position: relative; width: 56px;
  -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.sw:first-child {
  margin-left: 0;
  margin-right: 10px;
}
.sw-checkbox {
  display: none;
}
.sw-label {
  display: block; overflow: hidden; cursor: pointer;
  border: 2px solid #999999; border-radius: 20px;
}
.sw-inner {
  display: block; width: 200%; margin-left: -100%;
  -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.sw-inner:before, .sw-inner:after {
  display: block; float: left; width: 50%; height: 16px; padding: 0; line-height: 16px;
  font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.sw-inner:before {
  content: "ON";
  padding-left: 5px;
  background-color: #50C850; color: #FFFFFF;
  text-align: left;
}
.sw-inner:after {
  content: "OFF";
  padding-right: 5px;
  background-color: #D42828; color: #999999;
  text-align: right;
}
.sw-switch {
  display: block; width: 14px; margin: 1px;
  background: #FFFFFF;
  border: 2px solid #999999; border-radius: 20px;
  position: absolute; top: 0; bottom: 0; right: 36px;
  -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;
}
.sw-checkbox:checked + .sw-label .sw-inner {
  margin-left: 0;
}
.sw-checkbox:checked + .sw-label .sw-switch {
  right: 0px;
}
.not_clickable{
	pointer-events:none;
	cursor: default;
}
.mbx-select{
	width:85px;
}
.audio-select{
	width:230px;
	margin-top:2px;
}