* {
  outline: none;
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

/*montserrat font*/

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-ExtraLight.woff2') format('woff2'), url('../fonts/Montserrat-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Bold.woff2') format('woff2'), url('../fonts/Montserrat-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Black.woff2') format('woff2'), url('../fonts/Montserrat-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';                
  src: url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'), url('../fonts/Montserrat-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Medium.woff2') format('woff2'), url('../fonts/Montserrat-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Regular.woff2') format('woff2'), url('../fonts/Montserrat-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-SemiBold.woff2') format('woff2'), url('../fonts/Montserrat-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Thin.woff2') format('woff2'), url('../fonts/Montserrat-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Light.woff2') format('woff2'), url('../fonts/Montserrat-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

.page_faq {}

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

.icon-call-unblock:before {
  content: "\e901";
}

body {
  /*float: left;width: 100%;*/
  font-family: 'Montserrat';
  font-weight: normal;
  background: #f9f9f9;
  line-height: 1.3;
  height: 100%;
  display: flex;
  flex-direction: column;
}

html,
body {
  background: #f9f9f9 !important;
  font-family: 'Montserrat';
  font-size: 14px;
  font-weight: 500;
  height: 100%;
}

button,
input,
select {
  font-family: 'Montserrat';
}

ul {
  margin: 0px;
}

.center {
  text-align: center;
}

ol {
  padding: 10px;
  margin: 0;
}

caption {
  padding: 4px;
}

.gamma {
  margin-right: auto;
  margin-left: auto;
}

/* Common */

#content {
  margin-right: auto;
  margin-left: auto;
  max-width: 1600px;
  min-width: 960px;
  position: relative;
  zoom: 1;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.login {
  margin-left: auto;
  margin-right: auto;
}

.login>div {
  width: 360px !important;
}

.date td a {
  display: inline-block;
  padding: 3px 8px;
}

.date th,
.date td {
  text-align: center;
  padding: 3px;
}

#register {
  position: relative;
  z-index: 9;
}

/* Box */

.box {
  font-size: 12px;
  margin: 0 0 10px 0;
  position: relative;
  border: 1px solid;
}

.box h2,
.box p,
.box table {
  margin: 0;
}

.box h2 {
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  padding: 2px 10px;
  cursor: move;
}

.utils a {
  position: absolute;
  top: 5px;
  right: 10px;
  border: 1px solid;
  padding: 4px 8px;
}

.box p {
  padding: 10px;
}

/* Typography */

label,
#navigation,
.error,
.success,
input[type="submit"],
input[type="reset"] {}

h1,
h2,
h3,
h4,
h5,
h6 {
  border-bottom: 1px solid #dddddd;
  line-height: 1.6em;
}

a:hover {
  text-decoration: none;
}

a.edit,
a.delete {
  padding-left: 25px;
  background-repeat: no-repeat;
  background-position: left center;
}

a {
  text-decoration: none;
  color: #21507e;
}

/* Table styling */

table {}

th,
td {
  padding: 2px;
  text-align: left;
}

/* Header */

#header {
  margin-right: auto;
  margin-left: auto;
  width: auto;
}

#head {
  border: 0;
  margin: 10px auto 0 auto;
  padding: 5px 30px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

#head-inner {
  border: 0;
  margin: 0;
  padding: 0 30px 0 0;
}

#head-inner a,
#head a {
  color: #FFFFFF;
}

/* Nagivation */

#navigation {
  margin: 0 auto 0 auto;
  padding: 10px 30px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 26px;
}

#navigation>li {
  float: left;
  margin: 0;
  position: relative;
  list-style: none;
  padding: 0 0 10px;
  margin-right: 12px;
}

#navigation>li>a,
#navigation>li>span {
  display: inline-block;
}

#navigation>li>ul {
  background: transparent;
  display: none;
  left: 0;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 52px;
  width: 222px;
  z-index: 999;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
}

#navigation>li.right {
  float: right;
}

#navigation>li.right li a {
  width: 130px;
}

#navigation li li {
  background: #21507e;
  float: none;
  margin: 0;
  padding: 0;
}

#navigation li li:last-child,
#navigation li li:last-child:hover,
#navigation li li:last-child a:hover {
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -khtml-border-radius-bottomleft: 5px;
  -khtml-border-radius-bottomright: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

#navigation li li a {
  padding: 5px 10px;
  display: block;
  width: 100%;
}

.fpright {
  float: right;
  margin-right: 105px;
}

.clr-blue {
  color: #21507e !important;
}

/* Content */

#footer {
  margin: 30px auto 30px auto;
}

#foot {
  float: left;
  margin: 0;
  padding: 0 20px;
  width: 100%;
}

#foot ul li {
  display: inline-block;
  margin: 0;
  border-left: 1px solid #2e3136;
  padding: 0 12px;
  line-height: 14px;
}

#foot ul li:first-child {
  border-left: none;
}

#foot ul li a {
  color: #2e3136;
  font-weight: 500;
}

#foot ul li a:hover {
  text-decoration: underline;
}

.curved,
#navigation a,
#navigation span,
.error,
.success,
.box,
.utils a {
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}

/*.curved-alt, input, textarea, select, .box, .date td a, .utils a { -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-top-left-radius:5px; }*/

/* Forms */

label {
  display: block;
  position: relative;
  color: #000;
  font-weight: 500;
  margin-bottom: 12px !important;
}

small {
  font-size: 12px;
  color: #000 !important;
  font-weight: 500 !important;
}

input,
textarea,
select {
  background-color: #f6f6f6;
  border: 1px solid #ddd;
  border-radius: 3px;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  height: 45px;
  padding-left: 12px;
  padding-right: 12px;
  width: 100%;
  font-family: 'Montserrat' !important;
}

textarea {
  height: 80px;
  resize: none;
  padding: 15px;
}

input[type="checkbox"],
input[type="radio"] {
  height: auto;
  width: auto;
  margin-right: -2px;
  top: 1px;
  position: relative;
}

input[type="radio"] {
  margin-right: 5px;
}

input[type="file"] {
  padding-top: 10px;
}

select {
  padding-top: 3px;
  padding-bottom: 3px;
}

input[type="submit"],
input[type="reset"] {
  cursor: pointer;
  width: auto !important;
}

/* Error and Success messages */

.error,
.success {
  padding-bottom: 0;
  margin-bottom: 0;
  padding-left: 0;
}

.add_card label.error {
  position: absolute;
  bottom: -30px;
  font-size: 13px;
}

#registerForm label.error {
  display: inline !important;
  font-size: 11px;
}

/* Pagination */

#loginForm h5 {
  padding: 20px;
}

.pagination {
  text-align: right;
}

.pagination a,
.pagination span {
  background-color: #eeeeee;
  color: #666666;
  display: inline-block;
  margin: 0 2px;
  padding: 2px 6px;
}

/* Blocks */

.block {
  padding-bottom: 0;
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 35px;
}

.block .bendl {
  width: 5px;
  height: 5px;
  background: url(../images/bendl.gif) bottom left no-repeat;
  float: left;
  display: none;
}

.block .bendr {
  width: 5px;
  height: 5px;
  background: url(../images/bendr.gif) bottom left no-repeat;
  float: right;
  display: none;
}

/* Block head */

ul.heading {
  float: left;
  margin-top: 30px;
  width: 100%;
}

ul.heading li {
  float: left;
  margin-right: 3px !important;
}

ul.heading,
ul.heading li {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.heading li a {
  float: left;
}

.block .block_top {
  height: 1px;
  line-height: 1px;
  border-bottom: 1px solid #CCCCCC;
  overflow: hidden;
  display: none;
}

.block .block_head {
  background: #fff;
  padding: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 10px 10px 0 0;
  min-height: 59px;
  border: 1px solid #ddd;
  border-bottom: 0;
}

.block .block_head .btn-lightBlue:hover {
  border-color: #e7f0f8;
}

.block .block_head .bheadl {
  width: 20px;
  height: 54px;
  float: left;
  background: url(../images/bheadl.gif) top left no-repeat;
  display: none;
}

.block .block_head .bheadr {
  width: 20px;
  height: 54px;
  float: right;
  background: url(../images/bheadr.gif) top right no-repeat;
  display: none;
}

.block .block_head h2 {
  border: none;
  color: #21507E;
  float: left;
  font-size: 20px;
  line-height: 24px;
  margin: 0;
  text-transform: capitalize;
  font-weight: 600;
  padding-left: 10px;
}

.block .block_head ul {
  float: right;
  text-transform: uppercase;
  font-size: 11px;
  text-shadow: 1px 1px 0 #fff;
  display: inline-block;
}

.block .block_head ul li {
  display: inline;
  padding-left: 20px;
  background: url() 7px center no-repeat;
  display: inline-block;
}

.block .block_head ul li.nobg {
  background: none;
}

.block .block_head ul li.active a {
  color: #888;
}

.block .block_head form .text {
  width: 129px;
  height: 15px;
  padding: 5px 10px 5px 25px;
  border: 0;
  font-size: 11px;
  color: #999;
  margin: 0;
  background: url() left center no-repeat;
}

.block .block_head form .text:focus {
  color: #666;
  background: url() left center no-repeat;
}

.block .block_head select {
  text-transform: none;
}

/* Block content */

.block .block_content {
  background-color: #ffffff;
  border: 1px solid #e7e7e7;
  float: none;
  padding: 20px;
  width: 100%;
  border-radius: 0px 0 10px 10px;
  box-shadow: 0 5px 10px #a0a3bd1a;
}

.content-inner-cont {
  float: none;
  width: 100%;
  background: #fff none repeat scroll 0 0 !important;
  border: 1px solid #e7e7e7;
  padding: 20px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.block .content-inner-cont .block_content {
  background: #fff;
  padding: 18px;
  border: medium none;
}

.block .block_content h1,
.block .block_content h2 {
  color: #000;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 22px;
  text-transform: none;
  padding: 22px 30px;
}

.ml-10 {
  margin-left: 10px;
}

.no-record-text {
  color: #666666;
  float: left;
  font-size: 16px;
  padding: 70px 0;
  text-align: center;
  width: 100%;
  background: #fff;
  border: 1px solid #e7e7e7;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.block .block_content h3 {
  font-size: 14px;
  color: #666;
}

.block .block_content h4 {
  font-size: 13px;
  color: #666;
  margin-bottom: 5px;
  position: relative;
}

.block table.ctable {
  text-align: left;
  margin-bottom: 15px;
  border: 1px solid #efefef;
}

.block table.ctable tr td,
.block table.ctable tr th {
  padding: 5px;
  line-height: normal;
  text-align: left;
  vertical-align: top;
}

.block table.ctable tr th.headerSortUp {
  color: #FFF;
  background: #21507e url(../images/sortd.gif) 93% center no-repeat;
}

.block table.ctable tr th.headerSortDown {
  color: #FFF;
  background: #21507e url(../images/sorta.gif) 95% center no-repeat;
}

.block table.ctable tr td.delete {
  text-align: right;
  font-size: 11px;
}

.block table.ctable tr td.delete a {
  color: #666;
}

.block table.ctable tr td.delete a:hover {
  color: #dd0000;
}

.block table.ctable tr.keyrow {
  border-left: 1px solid #002B54;
  background: #F5F8FD !important;
}

.block .tableactions {
  overflow: hidden;
  padding-bottom: 20px;
  float: left;
}

.block .tableactions select {
  width: 100px;
  margin-right: 5px;
  vertical-align: middle;
  outline: none;
}

.block .pagination {
  font-size: 10px;
  padding-bottom: 15px;
  padding-top: 15px;
  border-top: 1px solid #eee;
}

.block .pagination a {
  background-color: #e7f0f8;
  border-radius: 0;
  border-right: 1px solid #dddddd;
  color: #21507e;
  float: left;
  font-size: 14px;
  margin: 0;
  padding: 12px 15px;
  text-align: center;
  font-weight: 600;
}

.block .pagination a.active {
  background: #21507e none repeat scroll 0 0;
  color: #ffffff;
}

.block .pagination.right {
  border: 1px solid #dddddd;
  float: left;
  padding: 0;
  width: auto;
  border-right: none;
  margin-top: 15px;
  border-radius: 5px;
  overflow: hidden;
}

.block .pagination a:hover {
  background: #21507e none repeat scroll 0 0;
  color: #ffffff;
}

.block .block_content ul {
  padding-left: 15px;
  padding-bottom: 15px;
}

.block .block_content ol {
  padding-left: 15px;
  padding-bottom: 15px;
  list-style-position: inside;
}

.block .block_content ul li {
  margin-bottom: 5px;
  padding-left: 15px;
  background: url() 0 5px no-repeat;
}

.block .block_content ol li {
  margin-bottom: 5px;
}

.block hr {
  height: 1px;
  border: 0;
  background: no-repeat;
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
}

.block .block_content .breadcrumb {
  color: #666;
  background: #f9f9f9;
  border-bottom: 1px solid #e6e6e6;
  padding: 9px 12px;
  line-height: normal;
  margin-bottom: 10px;
  font-size: 11px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

/**
* Buttons
*/

.button {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  -moz-box-sizing: border-box !important;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  line-height: 16px;
  outline: none !important;
  padding: 4px 10px;
  position: relative;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  line-height: 1.4;
}

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

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

.button-round {
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  -khtml-border-radius: 16px;
  border-radius: 16px;
  padding: 7px 0;
  width: 30px;
}

.button-red {
  background: #C44747 none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  font-size: 14px;
  padding: 11px 18px;
  text-transform: uppercase;
  border-bottom: 2px solid #3c6ba3;
}

.button-red:hover,
.button-red:focus,
.button-red.hover {
  background: #C44747 none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  border-bottom: 2px solid #3c6ba3;
}

.button-orange {
  background: #f78d1d;
  background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
  background: -moz-linear-gradient(top, #faa51a, #f47a20);
  -pie-background: linear-gradient(top, #faa51a, #f47a20);
  border: solid 1px #dd6611;
  color: #fef4e9;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

.button-orange:hover,
.button-orange:focus,
button-orange.hover {
  background: #f47c20;
  background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
  background: -moz-linear-gradient(top, #f88e11, #f06015);
  -pie-background: linear-gradient(top, #f88e11, #f06015);
  border: solid 1px #aa5511;
  color: #fef4e9;
}

.button-orange:active,
.button-orange.active,
.button-orange.current {
  background: #f47a20;
  background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
  background: -moz-linear-gradient(top, #f47a20, #faa51a);
  -pie-background: linear-gradient(top, #f47a20, #faa51a);
  border: solid 1px #aa5511;
  color: #fef4e9;
}

.button-red {
  background-color: #C44747;
  background: -moz-linear-gradient(top, #DD5F5F 10%, #A92C2C 90%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #DD5F5F), color-stop(0.9, #A92C2C));
  -pie-background: linear-gradient(top, #DD5F5F 10%, #A92C2C 90%);
  border: 1px solid #A92C2C;
  color: #fef4e9;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

.button-red:hover,
.button-red:focus,
button-red.hover {
  background-color: #C44747;
  background: -moz-linear-gradient(top, #DD4141 10%, #A92121 90%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #DD4141), color-stop(0.9, #A92121));
  -pie-background: linear-gradient(top, #DD4141 10%, #A92121 90%);
  border: 1px solid #711;
  color: #fef4e9;
}

.button-red:active,
.button-red.active,
.button-red.current {
  background-color: #C44747;
  background: -moz-linear-gradient(top, #A92C2C 10%, #DD5F5F 90%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #A92C2C), color-stop(0.9, #DD5F5F));
  -pie-background: linear-gradient(top, #A92C2C 10%, #DD5F5F 90%);
  border: 1px solid #711;
  color: #fef4e9;
}

.button-callrail {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #aaaadd;
  text-decoration: none;
  color: #0066ff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  -khtml-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

.button-callrail:hover,
.button-callrail:focus,
.button-callrail.hover,
.button-callrail:active,
.button-callrail.active,
.button-callrail.current {
  border: 1px solid #000099;
  color: #000;
}

.button-blue {
  background: #007ead;
  background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
  background: -moz-linear-gradient(top, #0095cc, #00678e);
  -pie-background: linear-gradient(top, #0095cc, #00678e);
  border: 1px solid #234;
  color: #fff;
}

.button-blue:hover,
.button-blue:focus,
.button-blue.hover {
  background: #0095cd;
  background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
  background: -moz-linear-gradient(top, #00adee, #0078a5);
  -pie-background: linear-gradient(top, #00adee, #0078a5);
  border: 1px solid #06415F;
  color: #fff;
}

.button-blue:active,
.button-blue.active,
.button-blue.current {
  background: #0095cd;
  background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
  background: -moz-linear-gradient(top, #00adee, #0078a5);
  -pie-background: linear-gradient(top, #00adee, #0078a5);
  border: 1px solid #06415F;
  color: #fff;
  /*margin-top:6px;*/
}

.button-blue.current {
  background: #0095cd;
  background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
  background: -moz-linear-gradient(top, #00adee, #00adee);
  -pie-background: linear-gradient(top, #00adee, #0078a5);
  border: 1px solid #06415F;
  color: #fff;
  margin-top: 6px;
}

.button-green {
  color: #fff;
  background: #8fc857;
  background: -webkit-gradient(linear, left top, left bottom, from(#8fc857), to(#5c9425));
  background: -moz-linear-gradient(top, #8fc857, #5c9425);
  -pie-background: linear-gradient(top, #8fc857, #5c9425);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  border: 1px solid #561;
}

.button-green:hover,
.button-green:focus,
.button-green.hover {
  border: 1px solid #556611;
  background: #8fbb44;
  background: -webkit-gradient(linear, left top, left bottom, from(#8fbb44), to(#5c8825));
  background: -moz-linear-gradient(top, #8fbb44, #5c8825);
  -pie-background: linear-gradient(top, #8fbb44, #5c8825);
  border: 1px solid #342;
}

.button-green:active,
.button-green.active,
.button-green.current {
  background: #8fbb44;
  background: -webkit-gradient(linear, left top, left bottom, from(#5c8825), to(#8fbb44));
  background: -moz-linear-gradient(top, #5c8825, #8fbb44);
  -pie-background: linear-gradient(top, #5c8825, #8fbb44);
  border: 1px solid #342;
}

/**
* Action Buttons
*/

#tooltip {
  position: absolute;
  display: none;
  border: 1px solid #333;
  padding: 2px;
  background-color: #fff;
  opacity: 0.80;
  z-index: 99;
  text-align: center;
  font-size: 9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 1px 1px 1px #aaa;
  -moz-box-shadow: 1px 1px 1px #aaa;
  -webkit-box-shadow: 1px 1px 1px #aaa;
}

#tooltip span {
  font-size: 12px;
}

.legend td {
  padding: 2px !important;
  vertical-align: top;
}

#account .rep label {
  display: inline-block;
  margin-bottom: 0;
}

div.field {
  margin: 20px 0;
  position: relative;
}

td.legendColorBox {
  padding-left: 10px !important;
}

.steps ul {
  list-style: none;
  float: left;
  margin: 0;
  padding: 0;
}

.steps ul li {
  float: left;
  position: relative;
  margin: 0px 2px;
  padding: 0 !important;
}

.steps ul li a {
  display: block;
  color: #777;
  outline: none;
  text-decoration: none;
  line-height: 30px;
  padding: 0px 15px;
  background: #f0f0f0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.steps ul li a:hover,
.steps ul li.selected a {
  background: #d8d8d8;
  color: #666;
  text-shadow: 1px 1px 1px #fff;
}

.steps ul li a.completed {
  border-bottom: 2px solid #999;
}

.addsteps .left {
  float: left;
}

#step2.addsteps .choose {
  float: left;
  margin: 0;
  padding: 0 10px 20px 0;
  width: 33%;
}

.choose br {
  line-height: 0;
}

#step2.addsteps .choose label {
  margin-bottom: 3px !important;
}

#step2.addsteps .choose span {
  font-size: 11px !important;
  display: block;
  margin-left: 24px;
  font-weight: 700;
}

#step2.addsteps .choose input[type="radio"],
#step2.addsteps .choose input[type="checkbox"] {
  float: left;
  width: 20px;
  margin: 2px 2px;
}

#step2 .phone {
  margin: 0 0 10px;
}

#step2 .phone span {
  float: right;
  margin-right: 70px;
}

.choosearea {
  margin: 0 auto;
}

#reporting-line {
  clear: both;
  display: inline-block;
  height: 220px;
  margin-top: 12px !important;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.block .block_content #reporting-line table {
  width: auto;
}

.buynumber {
  margin: 5px 0;
}

h2.plottitle {
  border: none !important;
  margin-bottom: 0 !important;
  float: left;
  font-weight: 500 !important;
  padding: 0 !important;
}

h2.plottitle span {
  font-size: 12px;
  line-height: 1.5em;
}

.plotform {
  float: right;
}

.filtered_callsBx {
  display: flex;
}

.filtered_callsBx a.button {
  margin-right: 50px;
  background: #fbaf5c;
  background: -moz-linear-gradient(top, #fbaf5c 0%, #f8871b 100%);
  background: -webkit-linear-gradient(top, #fbaf5c 0%, #f8871b 100%);
  background: linear-gradient(to bottom, #fbaf5c 0%, #f8871b 100%);
  border-radius: 50px;
  color: #0e0e0e;
  font-size: 14px;
  font-weight: 600;
  border: none;
  line-height: 29px;
}

.filtered_callsBx a.button:hover {
  background: #f8871b;
  background: -moz-linear-gradient(top, #f8871b 0%, #fbaf5c 100%);
  background: -webkit-linear-gradient(top, #f8871b 0%, #fbaf5c 100%);
  background: linear-gradient(to bottom, #f8871b 0%, #fbaf5c 100%);
}

.allnumbers {
  min-height: 270px;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 25px 0 0 0;
  margin-bottom: 20px;
}

.allnumbers .numbers-head {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 12px 20px;
  margin-bottom: 20px;
  margin-top: 10px;
}

.loading {
  background: url("../images/loader.gif") no-repeat scroll left top;
  padding: 0 25px;
}

.dwmy {
  clear: both;
  float: right;
}

.dwmy ul {
  list-style: none;
  margin: 0;
  padding: 0 !important;
}

.dwmy ul li {
  float: left;
  padding: 11px 10px;
  margin: 0 !important;
  cursor: pointer;
  -moz-box-sizing: border-box !important;
  cursor: pointer;
  display: inline-block;
  line-height: 16px;
  outline: none !important;
  padding: 8px 15px;
  position: relative;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  background: #f1f1f1;
  color: #333;
  text-shadow: 0 1px 0 #fff;
}

.dwmy ul li.active,
.dwmy ul li:hover {
  background: #e7f0f8;
  color: #000;
}

.dwmy ul li.day {
  border: 1px solid #cccccc;
  -webkit-border-top-left-radius: 50px;
  -webkit-border-bottom-left-radius: 50px;
  -moz-border-radius-topleft: 50px;
  -moz-border-radius-bottomleft: 50px;
  -khtml-border-radius-topleft: 50px;
  -khtml-border-radius-bottomleft: 50px;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}

.dwmy ul li.week {
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}

.dwmy ul li.month {
  border: 1px solid #bbb;
}

.dwmy ul li.year {
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  border-right: 1px solid #bbb;
  -webkit-border-top-right-radius: 50px;
  -webkit-border-bottom-right-radius: 50px;
  -moz-border-radius-topright: 50px;
  -moz-border-radius-bottomright: 50px;
  -khtml-border-radius-topright: 50px;
  -khtml-border-radius-bottomright: 50px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}

.dwmy ul li input[type="submit"] {
  background: none !important;
  border: 0;
  color: #000;
  font-weight: 600;
  padding: 0;
  margin: 0;
}

.check_source,
.check_tags {
  width: auto;
  float: left;
  margin-bottom: 10px;
}

.check_tags {
  margin-right: 20px;
}

.check_source input[type="checkbox"],
.check_tags input[type="checkbox"] {
  margin-right: 5px;
}

.stats {
  font-size: 16px;
}

.stats label {
  width: 150px;
  float: left;
  clear: both;
}

.stats p {
  border-bottom: 1px solid #EEE;
  margin: 0;
  padding: 10px 0;
}

.chart-trend {
  height: 220px;
  position: relative;
  clear: both;
}

#reporting-trend .tickLabel {
  font-size: 14px;
}

.add_to_blacklist {
  display: none;
}

.sNotify_message {
  background-color: white;
  position: fixed;
  display: none;
  right: 0px;
  bottom: 0px;
  text-align: justify;
  border: 1px solid #CCCCCC;
  z-index: 9999;
}

.sNotify_message .inner {
  padding: 20px;
  max-width: 1560px;
  min-width: 320px;
  margin: 0 auto;
}

.sNotify_close {
  display: block;
  padding: 3px;
  position: absolute;
  top: 0px;
  right: 0px;
  color: #000;
  width: 10px;
  height: 10px;
  cursor: pointer;
  text-align: center;
  line-height: 10px;
}

div.error_div {
  margin: 0;
  padding: 0;
}

div.error_div ul {
  padding-bottom: 0 !important;
  margin: 0 !important;
}

div.error_div ul li {
  padding: 0 !important;
  margin: 0 !important;
}

div.error_div ul li label {
  padding: 0 !important;
  margin: 0 !important;
}

.tooltip-widget.simple-tooltip {
  background: url("../images/tooltip-03.png") no-repeat scroll right center transparent;
  min-height: 20px;
  min-width: 240px;
  max-width: 420px;
}

.tooltip-widget.simple-tooltip.right {
  background: url("../images/tooltip-03-right.png") no-repeat scroll left center transparent;
  min-height: 20px;
  padding-left: 12px;
  min-width: 240px;
  max-width: 420px;
}

.tooltip-widget-top {
  background: #002B54;
  height: 14px;
  min-width: 240px;
  max-width: 420px;
}

.tooltip-widget-middle {
  background: #002B54;
  min-width: 240px;
  max-width: 420px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  padding: 10px 0;
}

.tooltip-widget-bottom {
  background: #002B54;
  height: 15px;
  min-width: 240px;
  max-width: 420px;
}

.tooltip-widget.simple-tooltip div.tip p {
  color: #FFFFFF;
  margin-bottom: 0;
  margin-top: 0;
  padding: 2px 10px 2px;
}

.delete_icon {
  float: left;
  width: 14px;
  height: 14px;
  margin: -4px 0 0 -9px;
  background: url(../images/close_icon.png) left top no-repeat
}

.doc_icon {
  float: left;
}

.upload {
  float: left;
}

.icons_ {
  float: left;
  margin: 0 0 5px 0
}

.clear {
  clear: both !important
}

.sep_last {
  background: none
}

.cust_tracking_form {
  float: left;
  width: 100%;
  padding: 10px 0
}

.cust_tracking_form .odd {
  background: none !important;
  border: 0 !important
}

.cust_tracking_form .even {
  background: none !important;
  border: 0 !important
}

.cust_tracking_form tr th,
.cust_tracking_form tr td {
  border: 0 !important;
  padding: 2px !important
}

.service_txtarea,
.cust_tracking_form .address_ {
  float: left;
  width: 100%;
  border: 1px solid #ddd;
  resize: none !important;
  height: 86px !important
}

.detail_txtarea {
  width: 100% !important
}

.cust_track_info_ tr td {
  padding: 0 2% 5px 2% !important
}

.cust_tracking_form .address_ {
  width: 226px !important;
  height: 30px !important
}

.cust_tracking_form table {
  margin: 0 !important
}

.width_230 {
  width: 230px !important
}

.zip_code_ {
  width: 77px !important;
  padding: 4px 2px !important;
  margin: 0 0 0 10px
}

/*start faq  (15-01-13)*/

.faqs {
  position: relative;
  padding: 0;
  margin: 0 0 0 0px;
  float: left;
  width: 100%
}

.faqs h3 {
  cursor: pointer;
  border: 0 !important;
  background: url(../images/arrow_right.png) 98.5% center no-repeat;
  padding: 0 0 0 13px;
  font-size: 16px !important;
  float: left;
  clear: both;
  display: block;
  max-width: 100%;
  width: auto
}

.faqs h3:hover {
  color: #035782;
  text-decoration: underline
}

.faqs h3.active {
  border-radius: 5px 5px 0 0 !important;
  color: #035782;
  background: url(../images/arrow_down.png) 98.5% center no-repeat;
  display: block
}

.faqs div {
  position: relative;
  width: 97%;
}

.faqs div p {
  padding: 0;
  margin-bottom: 15px;
  position: relative;
  line-height: 20px
}

.faq_block h1 {
  font-size: 16px !important;
  color: #035782 !important;
  border: 0 !important;
  margin: 10px 0 !important;
  font-weight: bold !important;
  float: left;
  clear: both;
  width: 100%
}

.faq_block .faq_ans {
  border-radius: 6px;
  box-shadow: 0 0 3px #a7a7a7;
  padding: 18px 20px;
  margin: -15px 0 20px 0;
  color: #666;
  float: left;
  width: 100%;
  clear: both;
  border-radius: 0 0 5px 5px;
  background: #fff;
}

.faq_block .faq_ans h1,
.faq_block .faq_ans h2 {
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.faq_block .faq_ans p {
  margin: 0;
  font-size: 14px !important;
  color: #000;
}

.screensteps-step h2,
.screensteps-title {
  padding: 0 !important;
}

.no-border {
  border-bottom: 0 !important
}

.instructions li {
  margin-left: 0;
}

.faq_block h1 {
  padding: 0 !important;
  margin: 15px 0 10px !important;
  font-size: 18px !important;
}

.dashed_border {
  float: left;
  width: 100%;
  border-bottom: 1px dashed #BAB9B9;
  height: 0;
}

/*close faq  (15-01-13)*/

.header-inner-mian ul#navigation li:last-child>ul.sub_menu_settings_ {
  max-height: 425px;
  overflow: hidden !important;
  overflow-y: auto !important;
  background: #e7f0f8;
  padding-top: 0 !important;
}

.header-inner-mian ul#navigation li:last-child>ul.sub_menu_settings_::before {
  display: none;
}

.header-inner-mian ul#navigation li:last-child>ul.sub_menu_settings_>li {
  margin: 0 !important;
}

.menu_setting {
  line-height: normal !important;
  padding: 10px 0 10px 30px !important
}

.sub_menu_settings_ {
  top: 27px !important;
  /**padding:10px 0 0 0 !important; border-bottom-left-radius: 5px;   border-bottom-right-radius: 5px;border-radius: 5px;**/
  padding-top: 12px !important;
  width: 200px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

.sub_menu_settings_:before {
  position: absolute;
  content: "";
  top: 5px;
  left: 20px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 7px solid #e7f0f8;
}

.sub_menu_settings_ li {
  background: #21507e !important;
}

.acc_menu a {
  width: 130px !important
}

.select_company form {
  margin: 0 !important;
  float: left !important
}

/* .select_company select {
  float: left;
  width: 200px;
  font-size: 12px;
  -webkit-box-shadow: 0px 0px 10px 0px #f00000;
  box-shadow: 0px 0px 10px 0px #f00000;
  border: 1px solid red
} */

.logo_ {
  float: left
}

.main_nav {
  float: left;
  margin: 0 0 10px;
  position: absolute;
  top: 0;
  left: 0;
}

.left_ {
  float: left !important
}

.right_ {
  float: right !important
}

/*start 12-02-13*/

.re_gen_select,
.re_gen_input,
.re_gen_bt {
  float: left;
  margin: 0 10px 0 0
}

.margin_0 {
  margin: 0 !important
}

.orange-button {
  background: #fa7204;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffa205), to(#fa7204));
  background: -moz-linear-gradient(top, #ffa205, #fa7204);
  -pie-background: linear-gradient(top, #ffa205, #fa7204);
  border: 1px solid #dc5e00;
  color: #fff;
}

.red-button {
  background: #fa7204;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffa205), to(#fa7204));
  background: -moz-linear-gradient(top, #ffa205, #fa7204);
  -pie-background: linear-gradient(top, #ffa205, #fa7204);
  border: 1px solid #dc5e00;
  color: #fff;
}

/*close 12-02-13*/

/*start 19-03-13*/

.add_link_ {
  float: left;
  margin: 6px 0 0;
  text-decoration: underline
}

.select_country_ {
  width: 160px
}

.width113 {
  width: 113px
}

.opt_hours {
  width: 73px !important
}

.red_common_bt {
  border: 1px solid #bb1511;
  background: url(../images/red_bt_bg.png) left top repeat-x #cb0909;
  padding: 0 !important;
  -webkit-border-radius: 5px;
  border-radius: 5px
}

.red_common_bt a:hover {
  background: url(../images/red_bt_bg_hover.png) left top repeat-x #cb0909 !important
}

/*close 19-03-13*/

/*start select box*/

/* Dropdown control */

.selectBox-dropdown {
  color: #777777;
  cursor: default;
  display: inline-block;
  float: left;
  font-size: 12px !important;
  min-width: 75px;
  outline: medium none;
  padding: 8px 5px 8px 12px;
  position: relative;
  text-align: left;
  text-decoration: none;
  vertical-align: middle;
  border-radius: 3px;
  border: 1px solid #dddddd;
}

.select_cmpny .selectBox-dropdown {
  border-radius: 5px 0 0 5px;
  border: 1px solid #fff;
  border-right: 0;
  width: 425px !important;
  padding: 9px 30px 9px 17px;
}

.select_cmpny .selectBox-dropdown:focus {
  outline: none;
}

.selectBox-dropdown .selectBox-label {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  float: left;
  line-height: 25px;
  color: #000;
  font-size: 15px;
  font-weight: 600;
}

.selectBox-dropdown .selectBox-arrow {
  position: absolute;
  top: 0;
  right: 8px;
  width: 14px;
  height: 19px;
  background: url(../images/select-arrow.png) center center no-repeat;
  border: none;
  cursor: pointer;
  margin-right: 5px;
  margin-top: 12px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 0 5px;
}

.selectBox-dropdown .selectBox-arrow:hover {}

/* Dropdown menu */

.selectBox-dropdown-menu {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 3px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
  color: #263238;
  font-size: 12px;
  max-height: 386px;
  min-height: 1em;
  overflow: auto;
  position: absolute;
  z-index: 99999;
}

.selectBox-dropdown-menu li a {
  color: #263238;
  font-size: 13px;
  padding: 9px 12px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/* Inline control */

.selectBox-inline {
  min-width: 150px;
  outline: none;
  border: solid 1px #BBB;
  background: #FFF;
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  overflow: auto;
}

.selectBox-inline:focus {
  border-color: #666;
}

/* Options */

.selectBox-options,
.selectBox-options LI,
.selectBox-options LI A {
  list-style: none;
  display: block;
  cursor: default;
  padding: 0;
  margin: 0;
  z-index: 100000;
}

.selectBox-options LI A {
  line-height: 1.5;
  padding: 0 .5em;
  white-space: nowrap;
  overflow: hidden;
  background: 6px center no-repeat;
}

.selectBox-options LI.selectBox-hover A {
  background-color: #ffffff;
  color: #666666;
}

.selectBox-options LI.selectBox-disabled A {
  color: #888;
  background-color: transparent;
}

.selectBox-options LI.selectBox-selected A {
  background-color: #00aeef;
  color: #ffffff;
}

.selectBox-options .selectBox-optgroup {
  color: #666;
  background: #EEE;
  line-height: 1.5;
  padding: 0 .3em;
  white-space: nowrap;
}

/* Disabled state */

.selectBox.selectBox-disabled {
  color: #888 !important;
}

.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
  opacity: .5;
  filter: alpha(opacity=50);
  border-color: #666;
}

.selectBox-inline.selectBox-disabled {
  color: #888 !important;
}

.selectBox-inline.selectBox-disabled .selectBox-options A {
  background-color: transparent !important;
}

/*close select box*/

.select_cmpny {
  background: #f5f5f5 none repeat scroll 0 0;
  border-radius: 5px 0 0 5px;
  float: right;
  position: relative;
  width: auto;
  margin-right: 45px;
}

.edit_img {
  float: right;
  margin: 5px 0 5px 10px
}

.thick_border_ td {
  border-bottom: 1px solid #ddd !important;
}

.selected_row td {
  background: none repeat scroll 0 0 #fff;
}

.selectBox-dropdown-menu li a:hover {
  background-color: #00aeef;
  color: #fff;
}

/* Drop Down */

.btn-top-div .btn-group {
  margin-top: 0;
}

.btn-top-div .dropdown-menu {
  border-color: #ddd;
}

.btn-group {
  display: inline-block;
  font-size: 0;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
  margin-top: -3px;
}

#navigation {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}

.btn-group>.btn,
.btn-group>.dropdown-menu,
.btn-group>.popover {
  font-size: 14px;
}

.btn-group>.btn {
  border-radius: 0;
  position: relative;
}

.btn-group .button-blue:active {
  margin-top: 0px;
}

.button .caret {
  margin-left: 0;
  margin-top: 6px;
}

.btn {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #F5F5F5;
  background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
  border-image: none;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  color: #333333;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
  padding: 7px 5px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
}

.caret {
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-top: 4px solid #fff;
  content: "";
  display: inline-block;
  height: 0;
  vertical-align: top;
  width: 0;
}

.btn .caret {
  border-top: 4px solid #fff;
}

.dropdown-menu {
  background-clip: padding-box;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  display: none;
  float: left;
  list-style: none outside none;
  margin: 2px 0 0;
  min-width: 160px;
  padding: 5px 0;
  position: absolute;
  top: 100%;
  z-index: 1000;
}

.dropdown-menu {
  margin: 0px !important;
  padding: 0 !important;
}

.dropdown-menu>li>a {
  clear: both;
  color: #333333;
  display: block;
  line-height: 20px;
  padding: 3px 20px;
  white-space: nowrap;
}

.dropdown-menu>li>a:hover {
  background: none repeat scroll 0 0 #21507e;
  color: #FFFFFF;
}

.dropdown-menu>li>a:hover {
  background: none repeat scroll 0 0 #21507e;
  color: #FFFFFF;
}

.dropdown-menu>li,
.table_edits .dropdown-menu>li {
  margin-left: 0px;
  padding-left: 0px !important;
}

.open>.dropdown-menu {
  display: block;
}

.table_edits {
  float: right;
  margin: 0;
}

.dropdown-menu>li>a {
  padding: 3px 36px 3px 32px;
}

.table_edits .dropdown-menu>li>a img {
  float: left;
  margin: 2px 5px 0 0;
}

.table_edits .dropdown-menu {
  top: 115%;
  /* right: -1px !important; */
  padding: 0 !important;
  border-color: #d8d8d8;
  text-align: left;
}

.block .block_content .table_edits .dropdown-menu li {
  margin: 0;
}

.table_edits .dropdown-menu li:first-child:hover {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.table_edits .dropdown-menu li:last-child:hover {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.table_edits .button {
  padding: 4px 5px;
}


.comp-toggle img,
.comp-dtoggle img,
.tog-div img {
  float: left;
  margin-left: 3px;
  margin-right: 12px !important;
  position: relative;
  top: 6px;
}

.comp-toggle,
.online-toggle,
.online-dtoggle {
  background-color: #fbfbfb;
}

.comp-toggle,
.comp-dtoggle,
.online-toggle,
.online-dtoggle {
  display: block;
  outline: none;
  font-size: 18px;
  padding: 12px;
  line-height: 42px;
  font-weight: 600;
}

.comp-toggle:focus,
.comp-dtoggle:focus,
.comp-toggle:active,
.comp-dtoggle:active,
.online-toggle:focus,
.online-toggle:active,
.online-dtoggle:focus,
.online-dtoggle:active {
  outline: none;
}

/* Drop Down */

/* Help Popup */

.custom_help,
.close_wrapper {
  position: fixed;
  right: -97%;
  background: #fff;
  max-width: 450px;
  height: 80%;
  border: 6px solid #e7f0f8;
  box-shadow: 0 0 5px #3f3f3f;
  border-radius: 8px 0 0 8px;
  border-right: none;
  top: 11%;
  padding: 10px;
  transition: all .3s ease 0s;
  z-index: 10000000;
  width: 96%;
}

.custom_help {
  overflow-y: auto;
}

.pop_pos {
  right: 0px;
}

.close_help {
  right: 29px;
  position: absolute;
  top: 15px;
  z-index: 1000000000;
}

.company_show {
  margin-top: 20px;
}

.company_show .field input[type="text"],
.company_show .field select {
  width: 100%;
}

/* Help Popup Ends  here */

/* Action button setting starts here 30-jan-2014 */

#insured_list .btn-group.table_edits>a.btn {
  background: #21507e none repeat scroll 0 0;
  border: none;
  border-radius: 50px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 7px 12px;
  text-shadow: none;
  text-transform: uppercase;
}

.min-height-container {
  min-height: 570px;
}

#insured_list .btn-group.table_edits>a.btn .caret {
  margin-left: 3px;
  vertical-align: middle;
}

.action_icon {
  float: left;
  margin: 2px 3px 0 0;
  position: relative;
  top: 2px;
}

/* notes section starts here */

/* Amitoj Changes 7-Feb-2014 */

#header {
  margin-bottom: 131px;
}

.header_fix_wrapper,
#header.company_header_wrapper .company_header_fix {
  position: fixed;
  width: 1162px;
  z-index: 100000;
  background: #fff;
}

.main_nav {
  margin-bottom: 0px;
}

#header.login_header {
  margin-bottom: 0px;
}

.block_content.chat-outer {
  padding: 0px;
  width: 99.9%;
  margin: 0px !important;
}

.chat-inner p {
  margin: 0px;
  padding-right: 130px;
  padding-left: 55px;
}

.chat-inner {
  padding: 15px 20px;
  border-bottom: 1px solid #eee;
  position: relative;
  min-height: 23px;
  padding-top: 26px;
}

.chat-inner small {
  position: absolute;
  right: 20px;
}

.chat-img-lft {
  float: left;
  text-align: center;
  position: absolute;
  left: 20px;
  top: 15px;
}

.chat-img-lft img {
  width: 40px;
}

/*******************new css start******************/

#header,
#login,
#footer {
  position: relative;
  z-index: 2;
}

.not-login-outer .login_header #head {
  background-color: rgba(0, 0, 0, 0);
}

.login_header {
  float: left;
  margin-bottom: 50px !important;
  margin-top: 40px !important;
  max-width: inherit !important;
  text-align: center;
  width: 100% !important;
}

.page-wrap {
  margin-bottom: 40px;
}

#wrapper {
  margin: auto;
  max-width: 100%;
  width: calc(100% - 60px);
}

#footer {
  background-color: transparent;
  float: left;
  text-align: center;
  width: 100%;
  padding-left: 100px;
  margin-top: auto !important;
  padding-bottom: 30px;
}

h2.login-heading {
  background: none !important;
  border: medium none;
  color: #fff;
  font-size: 24px;
  position: relative;
  padding: 0;
  font-weight: 500;
  margin: 0;
}

.login-left {
  background-color: #21507e;
  box-sizing: border-box;
  flex-basis: 46%;
  border-radius: 5px 0 0 5px;
  padding: 65px;
}

.login-left .box {
  border: none;
  margin: 0px;
  padding: 0px;
}

#loginForm {
  box-sizing: border-box;
  float: left;
  margin: 40px 0 0;
  width: 100%;
}

#loginForm p {
  padding: 0px;
  width: 100%;
  float: left;
  margin-bottom: 22px;
}

#loginForm p label {
  float: left;
  width: 100%;
  color: #81878d;
  font-size: 14px;
  margin-bottom: 6px;
}

#loginForm p input {
  float: left;
  width: 100%;
  color: #000;
  font-size: 14px;
  font-weight: normal;
  height: 53px;
  border-radius: 3px;
  border: none;
  box-sizing: border-box;
  padding-left: 42px;
  padding-right: 20px;
}

#loginForm p.submit {
  margin-bottom: 0px;
  margin-top: 22px;
}

.check-main {
  float: left;
  width: 100%;
  margin-top: 3px;
}

.check-outer {
  float: left;
  width: auto;
  position: relative;
}

.check-outer input[type="checkbox"] {
  left: 5px;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: scale(1.5, 1.5);
}

.check-outer input[type="radio"] {
  left: 5px;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: scale(1.5, 1.5);
}

.check-outer input[type="checkbox"]+span {
  background: rgba(0, 0, 0, 0) url("../images/check-off.png") no-repeat scroll 0 0;
  color: #30393a;
  font-size: 14px;
  padding: 6px 0 6px 31px;
  background-position: 0px 2px;
}

.check-outer input[type="checkbox"]:checked+span {
  background: rgba(0, 0, 0, 0) url("../images/check-on.png") no-repeat scroll 0 0;
  padding: 6px 0 6px 31px;
  background-position: 0px 2px;
}

.check-outer input[type="radio"]+span {
  background: rgba(0, 0, 0, 0) url("../images/check-off.png") no-repeat scroll 0 0;
  color: #30393a;
  font-size: 14px;
  padding: 6px 0 6px 31px;
  background-position: 0px 2px;
}

.check-outer input[type="radio"]:checked+span {
  background: rgba(0, 0, 0, 0) url("../images/check-on.png") no-repeat scroll 0 0;
  padding: 6px 0 6px 31px;
  background-position: 0px 2px;
}

.check-main a {
  font-size: 16px;
  margin: 0;
  color: #fff;
  font-weight: 400;
}

.check-main a:hover {
  text-decoration: underline;
}

.new-login-outer #loginForm p.submit button.button,
.btn-lightBlueNew {
  background: #48adfd !important;
  box-shadow: none;
  font-family: 'Montserrat';
}

#loginForm p.submit button.button,
.btn-lightBlueNew {
  background: #48adfd none repeat scroll 0 0 !important;
  border: medium none;
  border-radius: 3px;
  color: #ffffff;
  float: left;
  font-size: 18px;
  height: 56px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  box-shadow: 0 14px 15px -4px rgba(0, 0, 0, 0.20);
  text-shadow: none;
  font-weight: 600;
  letter-spacing: 1.5px;
}

#loginForm p.submit button.button:hover,
.btn-lightBlueNew:hover {
  background: #209bfd !important;
}

.login-bg::before {
  background: rgba(255, 255, 255, 0.1);
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  z-index: 1;
}

.login-right {
  flex-basis: 54%;
  display: inherit;
  align-items: center;
}

.logi-ryt-head {
  float: left;
  width: 100%;
  margin-bottom: 24px;
}

.logi-ryt-head h2 {
  background-image: none !important;
  border: medium none;
  color: #fff;
  font-size: 22px;
  padding: 0;
  position: relative;
  text-transform: uppercase;
}

.logi-ryt-head ul {
  background-image: none !important;
  border: medium none;
  color: #fff;
}

.logi-ryt-head h2::after {
  background: #8a877d none repeat scroll 0 0;
  bottom: -10px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 235px;
}

.logi-ryt-head h2::before {
  background: #ffffff none repeat scroll 0 0;
  bottom: -10px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 88px;
  z-index: 2;
}

.logi-ryt-head p {
  float: left;
  width: 100%;
  color: #fff;
  font-size: 13px;
  margin: 0px;
  line-height: 24px;
}

.sign-link {
  float: left;
  width: 100%;
  margin-top: 30px;
}

.sign-link1 {
  bottom: 19px;
  float: left;
  left: 0;
  position: absolute;
  width: 100%;
}

.sign-link p {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  font-family: 'open_sanssemibold';
}

.sign-link1 p {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #11266f;
}

.sign-link p a {
  color: #48adfd;
  position: relative;
}

.sign-link p a:hover {
  text-decoration: underline;
}

.sign-link p a::after {
  background: rgba(0, 0, 0, 0) url("../images/sign-arow.png") no-repeat scroll 0 0;
  content: "";
  height: 11px;
  position: absolute;
  right: -20px;
  top: 6px;
  width: 16px;
  animation-name: loginaro;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  -webkit-animation-name: loginaro;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: loginaro;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
}

@keyframes loginaro {
  0% {
    right: -22px;
  }

  50% {
    right: -30px;
  }

  100% {
    right: -22px;
  }
}

@-webkit-keyframes loginaro {
  0% {
    right: -22px;
  }

  50% {
    right: -30px;
  }

  100% {
    right: -22px;
  }
}

@-moz-keyframes loginaro {
  0% {
    right: -22px;
  }

  50% {
    right: -30px;
  }

  100% {
    right: -22px;
  }
}

#register {
  box-sizing: border-box;
  float: left;
  margin: 0 0 40px;
  width: 100%;
}

#registerForms p {
  padding: 0px;
  width: 100%;
  float: left;
  margin-bottom: 22px;
}

#registerForms p label {
  float: left;
  width: 100%;
  color: #81878d;
  font-size: 14px;
  margin-bottom: 6px;
}

#registerForms p input {
  float: left;
  width: 100%;
  color: #666;
  font-size: 14px;
  height: 53px;
  border-radius: 3px;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  padding-left: 12px;
}

#registerForms p.submit {
  margin-bottom: 0px;
  margin-top: 7px;
}

#registerForms p.submit button.button {
  background: #48adfd none repeat scroll 0 0 !important;
  border: medium none;
  border-radius: 5px;
  color: #ffffff;
  float: left;
  font-size: 16px;
  height: 56px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  box-shadow: 0 14px 15px -4px rgba(0, 0, 0, 0.20);
  text-shadow: none;
}

#registerForms p.submit button.button:hover {
  background: #209bfd !important;
}

#registerForms {
  box-sizing: border-box;
  float: left;
  margin: 40px 0 0;
  width: 100%;
}

#captcha {
  float: left;
  width: 100%;
  margin: 0px;
}

.sign-hed-sml .logi-ryt-head h2 {
  font-size: 18px;
}

.logi-ryt-head h2::before {
  width: 70px;
}

.logi-ryt-head h2::after {
  width: 160px;
}

.sign-hed-sml ul {
  margin: 0px;
  height: auto;
}

.sign-hed-sml ul li {
  margin: 0px;
  height: auto;
  list-style: none;
}

.sign-hed-sml ul li p i {
  margin-right: 8px;
  color: #868483;
}

.sign-hed-sml ul li p {
  line-height: 30px;
}

.login-right p {
  color: #d3dae2;
}

.sign-hed-sml {
  float: left;
  width: 48%;
}

.sign-hed-sml.right-sd {
  float: right;
  width: 46%;
}

#chooce-pay {
  position: relative;
  z-index: 2;
  margin-bottom: 70px;
}

#CCFORM div.field {
  float: left;
  margin: 15px 0 0;
  width: 100%;
}

.pay-vid-outer iframe {
  width: 100%;
}

.pay-vid-outer {
  border: 5px solid #eeeeee;
  float: left;
  width: 100%;
  box-shadow: 0 14px 15px -4px rgba(0, 0, 0, 0.2);
}

#CCFORM div.field p button {
  /*background: #48adfd none repeat scroll 0 0 !important;
  border: medium none;
  border-radius: 5px;
  box-shadow: 0 14px 15px -4px rgba(0, 0, 0, 0.2);
  color: #ffffff;
  float: left;
  font-size: 16px;
  height: 52px;
  text-align: center;
  text-shadow: none;
  text-transform: uppercase;
  width: 100%;
  margin: 0px;*/
}

#CCFORM div.field p button:hover {
  /* background: #209bfd none repeat scroll 0 0 !important;*/
}

#CCFORM div.field p {
  margin: 0px;
}

.form_inputRow input[type="text"].input-countryCode,
.input-countryCode {
  width: 72px !important;
}

ul.pay-list-ryt {
  float: left;
  height: auto;
  margin: 2px 0 0;
  width: 100%;
}

ul.pay-list-ryt li {
  display: inline-block;
  float: none;
  height: auto;
  list-style: outside none none;
  margin: 0;
  padding-right: 15px;
  width: 49%;
  vertical-align: top;
}

ul.pay-list-ryt li p {
  line-height: 30px;
}

#CCFORM .field.submit {
  margin-bottom: 30px !important;
}

.paypal-outer {
  float: left;
  width: 125px;
}

.paypal-iocn {
  float: right;
  margin-top: 31px;
  width: 57%;
}

.paypal-iocn img {
  position: relative;
  top: 7px;
  width: 100%;
}

#footer>#foot div {
  color: #666666;
  display: inline-block;
  float: none !important;
  font-size: 14px;
  margin: 5px 8px;
  width: auto !important;
}

#footer>#foot div a {
  color: #2e3136;
  font-weight: 500;
}

#footer>#foot div a:hover {
  text-decoration: underline;
}

#loginForm p.submit input.button {
  background: #48adfd none repeat scroll 0 0 !important;
  border: medium none;
  border-radius: 5px;
  box-shadow: 0 14px 15px -4px rgba(0, 0, 0, 0.2);
  color: #ffffff;
  font-size: 16px;
  height: 56px;
  text-align: center;
  text-shadow: none;
  text-transform: uppercase;
  width: 100%;
  float: right;
}

#loginForm p.submit input.button:hover {
  background: #209bfd none repeat scroll 0 0 !important;
}

#loginForm .submit.to-btns .button {
  font-size: 16px !important;
  height: 50px !important;
  width: 48% !important;
  font-weight: 600;
  letter-spacing: 1.5px;
  box-shadow: none;
  font-family: 'Montserrat';
}

#loginForm .submit.to-btns {
  margin-top: 5px !important;
  margin-bottom: 30px !important;
}

.cap-outer {
  float: left;
  margin-top: 15px;
  width: 100%;
}

#registerForms p label.error {
  color: #ff0000;
  font-size: 12px;
  margin: 0;
  padding: 0;
}

#loginForm p label.error {
  color: #ff0000;
  font-size: 12px;
  margin: 0;
  padding: 0;
}

#chooce-pay h2.login-heading {
  margin-bottom: 22px !important;
}

.send-pass-msg {
  float: left;
  position: relative;
  top: 26px;
  width: 100%;
}

.send-pass-msg p {
  background-color: #59bb5e;
  border-radius: 3px;
  color: #ffffff !important;
  float: left;
  margin: 0;
  padding: 10px 12px;
  width: 100%;
}

#cardpaysign {
  position: relative;
  z-index: 2;
}

#CCFORM .field label {
  color: #81878d;
  float: left;
  font-size: 14px;
  margin-bottom: 6px;
  width: 100%;
}

#CCFORM .field input {
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  box-sizing: border-box;
  color: #666666;
  float: left;
  font-size: 14px;
  height: 53px;
  padding-left: 12px;
  width: 100%;
}

#CCFORM .field.card-half-inp input {
  width: 47%;
}

#CCFORM .field.card-half-inp span {
  float: left;
  color: #81878d;
}

#CCFORM .field.card-half-inp span {
  color: #81878d;
  float: left;
  font-size: 20px;
  margin: 17px 2% 0;
}

#CCFORM .card-address-head {
  margin-bottom: 22px !important;
  margin-top: 25px !important;
}

#CCFORM .field.card-city-lft {
  width: 48%;
}

#CCFORM .field.card-state-ryt {
  width: 48%;
  float: right;
}

#CCFORM .field.submit.cards-sign-img {
  margin: 0px !important;
  text-align: center;
}

#CCFORM .field.submit.cards-sign-img img {
  max-width: 100%;
}

#cardpaysign {
  float: left;
  margin-bottom: 60px;
  width: 100%;
}

.header-outer-main {
  background-color: #21507e;
  float: left;
  width: 100%;
  padding: 0;
}

.header-inner-mian {
  float: left;
  width: 100%;
}

.header-inner-mian ul#navigation {
  padding: 0px !important;
  height: auto;
  float: right;
}

.header-inner-mian h1#head-inner {
  padding: 0px;
  margin: 0px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-inner-mian ul#navigation ul.sub_menu_settings_ li a {
  border-radius: 0;
}

.header-inner-mian ul#navigation li a {
  color: #000;
  font-size: 15px;
  font-weight: 600;
  padding: 6px 9px;
  border-radius: 5px;
  background-color: #fff;
}

#navigation>li:hover a.nav_sub_arrow {
  background-color: #fba648;
  color: #000;
}

.header-inner-mian ul#navigation li a:hover,
.header-inner-mian ul#navigation li a.active {
  background: #fba648;
  color: #000 !important;
}

.header-inner-mian ul#navigation li {
  padding: 0px;
  margin: 0px 4px;
  border-radius: 0 !important;
}

.header-inner-mian #head-inner {
  position: fixed;
  width: 100%;
  height: 76px;
  background: #21507e;
  z-index: 9999;
  top: 0;
}

.header-inner-mian #head-inner ul#navigation li li a {
  background-color: #e7f0f8;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  color: #444444;
  font-size: 13px;
  padding: 12px 14px;
  text-transform: none;
  width: 100% !important;
  transition: ease-in .2s;
}

.header-inner-mian #head-inner ul#navigation li li a:hover {
  background-color: #FBA648;
  color: #000 !important;
}

.select-edit {
  background: #fba648;
  border-radius: 0 5px 5px 0;
  height: 45px;
  right: -44px;
  position: absolute;
  top: 0;
  width: 45px;
  cursor: pointer;
  border: 1px solid #fba648;
  text-align: center;
  z-index: 99;
  transition: ease-in .2s;
}

.select-edit i {
  color: #000;
  line-height: 44px;
  font-size: 18px;
}

.select-edit:hover {
  background: #f58b27;
}

#change_company_form {
  position: relative;
  z-index: 9;
}

.main-nav-outer {
  width: 70px;
  position: fixed;
  top: 68px;
  height: 93vh;
  background: #f3f3f3;
  z-index: 9;
}

.main-nav-outer ul#navigation {
  background: #f5f5f5;
  padding: 0px;
  height: auto;
}

.main-nav-outer ul#navigation li {
  margin: 0px;
  padding: 0px;
  margin-right: 2px;
  border-radius: 0 !important;
}

.main-nav-outer ul#navigation li a {
  color: #fefeff;
  font-size: 14px;
  font-weight: 600;
  padding: 18px 7px;
  border-radius: 5px 5px 0 0;
}

.main-nav-outer ul#navigation li .sub-menu li {
  margin: 0;
}

.main-nav-outer ul#navigation li .sub-menu li a {
  background-color: #e7f0f8;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  color: #444444;
  font-size: 13px;
  padding: 12px 14px;
  border-radius: 0;
}

.main-nav-outer ul#navigation li .sub-menu li a:hover {
  background: #ffffff none repeat scroll 0 0;
  color: #666 !important;
}

.home-outer-div {
  float: left;
  width: 100%;
}

.home-mian-div {
  float: left;
  width: 100%;
}

.top_date {
  display: inline-block;
}

.heading-inp input {
  border: medium none;
  border-radius: 3px;
  color: #3b4b53;
  height: 30px;
  padding-left: 6px;
  width: 90px;
}

.heading-inp label {
  color: #ffffff;
  font-size: 13px;
  margin-right: 12px;
  width: auto !important;
}

.heading-inp span {
  color: #ffffff;
  font-size: 13px;
  padding: 0 4px !important;
}

.heading-inp select {
  border: medium none;
  border-radius: 3px;
  color: #3b4b53;
  height: 30px;
  width: 118px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url('../images/select-arrow.png')no-repeat #fff;
  background-position: 95% 18px;
  padding-left: 9px;
}

.tab-hed-icon img {
  float: left;
  margin-right: 8px;
  margin-top: 18px;
}

.block_head input {
  border: medium none;
  border-radius: 3px;
  color: #000;
  height: 30px;
  padding-left: 10px;
  width: 90px;
}

.block_head label {
  color: #ffffff;
  font-size: 13px;
  margin-right: 12px;
  width: auto !important;
}

.block_head span {
  color: #21507E;
  font-size: 29px;
  padding: 0 4px !important;
}

.block_head select {
  border-radius: 3px;
  color: #000;
  height: 34px;
  width: 118px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url('../images/select-arrow.png')no-repeat #fff;
  background-position: 92% 17px;
}

.block .block_content table {
  border: medium none;
  border-collapse: collapse;
  width: 100%;
  margin: 0;
  background-color: #ffffff;
  border-radius: 10px;
}

.block .block_content table thead tr th {
  color: #21507e;
  font-size: 14px;
  font-weight: 600;
  padding: 13px 12px;
  text-align: left;
  text-shadow: none !important;
  text-transform: uppercase;
  background-color: #e7f0f9;
}

.block .block_content table thead tr th:first-child {
  border-top-left-radius: 5px;
}

.block .block_content table thead tr th:last-child {
  border-top-right-radius: 5px;
}

.block .block_content table tbody tr {
  border-top: 1px solid #cecece;
}

.block .block_content table tbody tr:first-child {
  border-top: 0;
}

.form.plotform input {
  height: auto !important;
}

.top-logo-head {
  font-size: 21px;
  font-weight: 500;
  line-height: 21px;
  color: #fefeff;
  height: 23px;
  overflow: hidden;
  flex-grow: 1;
}

#navigation {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.block .block_content table tbody tr td {
  padding: 8px 12px;
  text-align: left;
  vertical-align: middle;
  color: #000;
  font-weight: 500;
}

.block .block_content table tbody tr td a {
  color: #21507e;
  font-weight: 500;
}

.block_content.light_gray_table.invoice-mini-table th,
.block_content.light_gray_table.invoice-mini-table td,
.block_content.light_gray_table.invoice-mini-table .button,
.block_content.light_gray_table.invoice-mini-table td select {
  font-size: 12px;
}

.remove_blkList {
  display: flex;
  align-items: center;
  justify-content: center;
}

.remove_blkList .icon {
  font-size: 22px;
  margin-right: 8px;
}

.block .block_content table tbody tr td select {
  /*background: #fff;
border-radius: 5px;
color: #333;
font-size: 12px;
height: 34px;
width: 118px;
border: 1px solid #dddddd;*/
}

.block .block_content table tbody tr td ul.dropdown-menu li a {
  color: #21507e;
  text-align: left;
  padding-bottom: 10px;
  padding-left: 37px;
  padding-top: 10px;
}

#pager {
  float: left;
  margin-bottom: 0px;
  margin-top: 15px;
  width: 100%;
}

.block_content center {
  color: #444444;
  font-size: 14px;
  padding: 90px 0;
  background-color: #f2f2f2;
}

#filter_dates label {
  width: auto !important;
}

#filter_dates input {
  height: 34px;
  width: 126px !important;
  position: relative;
  padding-left: 12px;
  margin-left: 5px;
  border-radius: 50px;
  background: #f4f2f3;
  border: 1px solid #ddd;
}

#filter .action input {
  height: 34px;
  width: 126px !important;
  border-radius: 50px;
  border: 1px solid #ddd;
}

#filter .action span.accept {
  background: rgba(0, 0, 0, 0) url("../images/update-icon.png") no-repeat scroll 0 0;
  padding: 0 9px !important;
  position: relative;
  top: 2px;
}

#filter .action {
  display: inline-block;
  margin-left: 5px;
}

#filter select {
  border-radius: 50px;
  width: 126px !important;
  height: 34px;
  width: 100% !important;
  position: relative;
  background: #f4f2f3 url("../images/select-arrow-new.png") no-repeat scroll 91% 14px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding-right: 15px;
  padding-left: 15px;
  border: none;
  border: 1px solid #ddd;
}

#filter .action.filter-btn {
  width: auto;
  margin-right: 0;
}

#filter_tags {
  display: inline-block;
  margin-left: 5px;
}

.tog-div+div,
.outer-bor-head #block10,
.div-accrodionBlock {
  background-color: #fff;
  padding: 22px;
  border: 1px solid #ddd;
  border-top: 0;
}

.div-accrodionBlock {
  margin-bottom: 12px;
}

.tog-div+div table {
  background-color: #fff;
  border: 1px solid #e7e7e7 !important;
  font-size: 13px;
}

.tog-div {
  display: inline-block;
  width: 100%;
  background-color: #ffffff;
}

.accordion-outer .tog-div {
  margin-top: 8px;
}

.tog-div h4,
.div-accordionHead h4 {
  display: inline-block;
  font-size: 15px !important;
  margin: 0 !important;
  width: 100%;
  background-color: #fff;
  margin-top: 7px;
  border: 1px solid #ddd;
}

.block.accordion .block_content {
  box-shadow: none;
}

.block.accordion .block_content table thead tr th {
  background: #465666 none repeat scroll 0 0;
  padding: 14px 7px;
}

.block.accordion .block_content table tbody tr td {
  padding: 12px 7px;
}

.block_content.tab_content {
  padding: 20px;
}

label b {
  color: #000000;
  display: inline-block;
  font-size: 14px;
  margin-bottom: 3px;
}

.main_nav nav ul#navigation li a.active,
.main_nav nav ul#navigation li a:hover,
.acitve_droplink {
  background-color: #e7f0f8 !important;
  color: #21507e !important;
  font-weight: 600;
}

.main_nav nav ul#navigation li a.active {
  font-weight: 600;
}

.main_nav nav ul#navigation li ul.sub-menu {
  padding-top: 0px;
  background-color: #fff;
  top: 56px;
}

.main_nav nav ul#navigation li ul.sub-menu li a {
  color: #263238 !important;
  text-decoration: none !important;
  transition: ease-in .2s;
}

.main_nav nav ul#navigation li ul.sub-menu li a:hover {
  background-color: #21507e;
  color: #fff !important;
}

ul#navigation li ul.sub-menu li a {
  color: #263238 !important;
  text-decoration: none !important;
}

#filter {
  float: right;
}

#filter .sel-icon1 {
  background: #ffffff url("../images/icon2.png") no-repeat scroll 0 0;
  height: 20px;
  left: 11px;
  position: absolute;
  top: 15px;
  width: 20px;
  z-index: 9;
  display: none;
}

#filter .sel-icon2 {
  background: #ffffff url("../images/icon3.png") no-repeat scroll 0 0;
  height: 20px;
  left: 11px;
  position: absolute;
  top: 15px;
  width: 20px;
  z-index: 9;
  display: none;
}

#filter .action #search {
  padding-left: 12px;
  padding-right: 15px;
  border: 1px solid #ddd;
  border-radius: 50px;
  background: #f4f2f3;
}

.page-btm-margin {
  float: left;
  margin-bottom: 30px;
  width: 100%;
}

select option {
  background-color: #ffffff;
  color: #263238;
}

.btn-top-main,
.btn-res-aro,
.btn-top-div {
  background: transparent;
  padding: 0;
  border-bottom: 0;
  margin-bottom: 10px;
  float: left;
  width: 100%;
}

.lead-fix-sec label {
  float: left;
  width: auto;
  margin-top: 9px;
}

.lead-fix-sec input {
  height: 35px;
  margin: 0 12px;
  width: 50px;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}

.block .content-inner-cont .block_content.tab_content {
  padding: 0px;
}

.txt-led-filter #filter_dates {
  width: 45.4% !important;
}

.txt-led-filter #filter_tags {
  width: 34.5%;
}

.uni-all-filter {
  width: 68% !important;
}

.uni-all-filter #filter_dates {
  width: 45.4% !important;
}

.uni-all-filter #filter_tags {
  width: 34.5%;
}

.width-auto-form form {
  width: auto !important;
}

.kcalled {
  width: 45%;
  margin-bottom: 15px;
}

.kcalled .filter {
  margin: 0px;
  width: 100%;
}

.kcalled .filter .filter_dates {
  width: 40%;
  float: left;
}

.kcalled .filter .filter_dates #start_date1 {
  float: left;
  width: 48% !important;
  background: #ffffff url("../images/icon1.png") no-repeat scroll 11px 11px;
  padding-left: 33px;
}

.kcalled .filter .filter_dates #end_date1 {
  float: right;
  width: 48% !important;
  background: #ffffff url("../images/icon1.png") no-repeat scroll 11px 11px;
  padding-left: 33px;
}

.kcalled .filter .filter_tags {
  width: 31%;
  float: right;
}

.kcalled .filter input {
  border: 1px solid #cfd8dc;
  height: 40px;
}

.kcalled .filter .filter_dates.kcall-width {
  width: 25%;
  margin-right: 11px;
}

.kcalled .filter .filter_tags select {
  border: 1px solid #cfd8dc;
  height: 40px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: #ffffff url("../images/select-arrow.png") no-repeat scroll 92% 17px;
}

.kall .filter {
  margin: 0px;
  width: 100%;
}

.kall {
  float: right;
  padding: 0;
  width: 45%;
  margin-bottom: 15px;
}

.kall .filter .filter_dates {
  float: left;
  width: 42%;
}

.kall .filter .filter_dates #start_date2 {
  float: left;
  width: 48% !important;
  background: #ffffff url("../images/icon1.png") no-repeat scroll 11px 11px;
  padding-left: 33px;
}

.kall .filter .filter_dates #end_date2 {
  float: right;
  width: 48% !important;
  background: #ffffff url("../images/icon1.png") no-repeat scroll 11px 11px;
  padding-left: 33px;
}

.kall .filter input {
  border: 1px solid #cfd8dc;
  height: 40px;
}

.kall .filter select {
  border: 1px solid #cfd8dc;
  height: 40px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: #ffffff url("../images/select-arrow.png") no-repeat scroll 92% 17px;
  width: 100%;
}

.kall .filter .filter_tags {
  float: left;
  margin-left: 10px;
  width: 39%;
}

.kall .filter .action {
  float: right;
}

.filter-outside {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  margin-top: 30px;
  padding: 20px;
  width: 100% !important;
}

.filter-outside #filter_dates {
  float: left;
  width: 58.9% !important;
}

.filter-outside #filter_tags {
  width: 30.5%;
}

.filter-outside .action {
  width: auto !important;
}

.block .block_content .kcalled h3 {
  color: #263238;
  font-size: 18px;
  margin-bottom: 10px;
  text-transform: none;
  margin-bottom: 20px;
  padding-bottom: 7px;
}

.block .block_content .kall h3 {
  color: #263238;
  font-size: 18px;
  margin-bottom: 10px;
  text-transform: none;
  margin-bottom: 20px;
  padding-bottom: 7px;
}

.block_content.tab_content.padding-prop {
  padding: 20px;
}

.filter-outside.dash-four-filter #filter_dates {
  float: left;
  width: 49% !important;
}

.filter-outside.dash-four-filter #filter_tags {
  width: 18.5%;
}

.filter-outside input {
  width: 47% !important;
}

.filter-outside.dash-four-filter #filter_dates input {
  width: 47% !important;
}

.block .block_content h3 {
  border: medium none;
  color: #21507e;
  float: left;
  font-size: 18px;
  line-height: 32px;
  width: 100%;
  font-weight: 600;
}

span.blueAlert {
  border: medium none !important;
}

.block .block_content table tbody tr td #selected_option:hover {
  text-decoration: underline;
}

.invo-list-pagi .pagination.right {
  margin-bottom: 20px;
  margin-top: 0;
}

.tab-main-outer {
  background-color: #ffffff;
  float: left;
  padding-top: 30px;
  width: 100%;
}

.tab-main-outer ul.tabs {
  float: left;
  width: 100%;
  padding: 0;
}

.tab-main-outer ul.tabs li {
  padding: 0px;
  margin: 0px;
}

.create-in-top-main .block_content {
  padding: 0;
}

.block .accordion-outer,
.block_content.light_gray_table table {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  float: left;
  width: 100%;
}

.acc-btm-main {
  color: #333333;
  float: left;
  font-size: 12px;
  line-height: 19px;
  padding: 20px 10px;
  width: 100%;
}

.form-set-inside h4 {
  margin: 0 !important;
}

.comp-dtoggle {
  background-color: #fbfbfb;
  color: #21507e !important;
}

.block .block_content.form-set-inside table tbody tr td select {
  background-position: 95% 21px;
  width: 100% !important;
}

.no-padding {
  padding: 0px !important;
}

.block.outer-bor-head .block_head {
  border: none;
  border-bottom: 1px solid #dddddd;
}

.block.outer-bor-head {
  border: 1px solid #dddddd;
}

.outer-bor-head #block10 {
  background-color: #ffffff;
  padding: 15px;
}

.dropdown-menu.dropdown-setting-custom>li>a {
  padding: 12px 15px 12px 15px;
}

.btn-top-div .dropdown-menu li i {
  color: #21507e;
  margin-right: 2px;
}

.btn-top-div .dropdown-menu li:hover i {
  color: #fff;
}

.add-com-res h2 {
  padding-bottom: 6px;
}

#company_detail_show {
  display: inline-block;
}

.select-arrow {
  background: #f6f6f6 url("../images/select-arrow.png") no-repeat scroll center center !important;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-position: 97% center !important;
  padding-right: 20px;
  background-color: #fff;
}

.block .block_content ul.tab-main-ul {
  /*float: left; width: 100%; padding: 0px; border-bottom: 2px solid #00aeef;*/
  float: left;
  width: 100%;
  padding: 0px;
  border-bottom: 1px solid #ddd;
  /* background: #e7f0f8; */
  padding: 20px 30px 0 30px;
}

.block .block_content ul.tab-main-ul li {
  margin: 0;
  margin-right: 7px;
}

.block .block_content ul.tab-main-ul li a {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #dedede;
  border-radius: 0;
  color: #21507e;
  font-size: 15px;
  padding: 9px 30px;
  text-shadow: none;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-weight: 600;
  border-bottom: none;
}

.block .block_content ul.tab-main-ul li.selected a,
.block .block_content ul.tab-main-ul li a.selected,
.block .block_content ul.tab-main-ul li:hover a {
  background-color: #21507e;
  border-color: #aabcce;
  color: #fff;
}


.block .block_content.stp-outer h2 {
  margin-bottom: 22px;
  margin-top: 22px;
  padding-bottom: 10px;
}

.tog-div h4 a.comp-dtoggle {
  color: #4e81bc;
}

.tog-div h4 a.comp-toggle {
  color: #21507e;
}

.form-set-inside h4 {
  background-color: #f6f6f6;
  margin-bottom: 12px !important;
}

.form-set-inside table {
  width: auto !important;
}

.form-set-inside table tr {
  border: none !important;
}

.block .block_content.form-set-inside h3 {
  line-height: 50px;
  font-size: 16px !important;
}

.block .block_content span#body_parent table#body_tbl tbody tr td {
  padding: 0px;
}

.text-heading-inner {
  margin-bottom: 18px !important;
  padding-bottom: 6px;
}

.add-eml-temp-top input {
  width: 100%;
}

.add-eml-temp-top select {
  width: 100%;
}

.add-eml-temp-top #body_parent {
  float: left;
  width: 100% !important;
}

.add-eml-temp-top #body_parent table {
  border-right: 1px solid #dddddd;
  width: 100% !important;
}

.res-auto {
  float: left;
  overflow: auto;
  width: 100%;
}

.input-width input {
  width: 100% !important;
}

.input-width select {
  width: 100% !important;
}

.edit-i6 {
  margin-top: 15px;
}

.no-margin {
  margin: 0px !important;
}

.content-padding {
  padding: 20px;
}

button.blue_button img {
  display: none;
}

#recording-message-notification p.sucess {
  background: #fff;
  margin-top: 20px;
}

.contry_wrapper .country-group {
  width: 48.5%;
  float: left;
}

.contry_wrapper .country-group .country {
  width: 100%;
}

#message a {
  color: #21507e;
}

.btn-top-main.btn-top-main.new_user,
.btn-top-main #message {
  margin: auto;
  margin-bottom: 10px;
  max-width: 100%;
  width: 1350px;
  float: none;
  border: none;
  padding: 0;
}

p.error,
p.success {
  margin-bottom: 10px !important;
}

.error {
  margin-top: 2px;
}

.btn-top-main #message {
  margin-top: 10px;
}

.success,
p.success {
  color: #155724 !important;
  background-color: #d4edda !important;
  border-color: #9ccca7 !important;
 
}

.success a,
p.success a,
.skip-info {
  text-decoration: underline;
  color: #276335;
}

.skip-info {
  text-decoration: none;
  float: right;
  cursor: pointer;

}

.success a:hover,
p.success:hover {
  text-decoration: none;
}

.success a b,
p.success a b {
  color: #276335;
}

#message .error,
#message p.error {
  margin-bottom: 10px !important;
}

@media screen and (max-width: 1400px) {
  .stat_container .stat_right {
    margin-right: 0px !important;
  }

  .stat_container .stat_left {
    margin-right: 10px;
  }

  .btn-top-main.btn-top-main.new_user,
  .btn-top-main #message {
    width: 95%;
  }
}

.btn-top-main.new_user,
#wrapper .btn-top-main.new_user {
  padding: 20px;
  margin-top: 0;
  padding-bottom: 10px;
  border: none;
  border-radius: 5px;
  float: left;
  width: 100% !important;
  margin-left: 0 !important;
}

.btn-top-main.new_user #message,
#wrapper .btn-top-main.new_user #message {
  margin-top: 10px;
}

.btn-top-main.new_user div#message p.error,
.btn-top-main.new_user div#message p.success {
  margin-bottom: 0 !important;
}

.btn-top-main.new_user button img {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  left: -2px;
}

.btn-top-main.new_user button span {
  position: relative;
  top: 1px;
  margin-left: 6px;
}

.edt-nmb-rot-top {
  margin-top: 20px;
}

.edt-nmb-rot-top input[type="radio"] {
  margin-left: 12px;
  margin-right: 6px;
  position: relative;
  top: 2px;
}

.edt-nmb-btm {
  margin-bottom: 20px;
}

.edt-nmb-btm input[type=radio] {
  margin-left: 12px;
  margin-right: 6px;
  position: relative;
  top: 2px;
}

.table-auto table {
  width: auto !important;
}

.table-auto table tr td select {
  height: 48px !important;
}

.table-auto table tr {
  border: none !important;
}

.table-auto .blue_button {
  display: inline-block;
  margin-top: 10px;
}

.input-width input {
  margin-top: 5px;
}

.blue_button.add-no-btn {
  display: inline-block;
  margin-left: 12px;
  margin-top: 5px;
}

.selt-ryt-btn {
  display: block;
  padding-right: 25px;
  position: relative;
}

.edit-i6 {
  bottom: 19px;
  position: absolute;
  right: 0;
}

.table-lft-padding table tr td {
  padding-left: 0px !important;
}

.inv-outer-main .field.ivrdiv {
  margin: 0;
  margin-bottom: 10px;
}

.inv-outer-main table#ivr_table tr td {
  padding-left: 0px !important;
}

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

.callexculde,
.emailexculde {
  outline: none;
  font-size: 16px;
  padding: 18px 10px;
  line-height: initial;
  font-weight: 600;
  background-color: #fbfbfb;
  color: #21507e;
  border: 1px solid #ddd;
  display: block;
}

.callexculde.show,
.emailexculde.show_email {
  background-color: #fbfbfb;
  color: #21507e;
}

.block .block_head form.uni-form-width {
  width: 70%;
}

.height-0px {
  height: 0px;
}

.no-border-all {
  border: 0px !important;
}

.pull-left {
  float: left;
}

span.pull-left {
  margin: 17px 0;
  padding: 0 12px 0 0;
}

.block .block_content.line-height h3 {
  line-height: inherit;
  margin-bottom: 15px;
  margin-top: 0px;
}

.block .block_head .form-width-auto form {
  width: auto;
}

.acc-btm-mar {
  float: left;
  width: 100%;
}

.accordion-outer .block_content {
  border: none;
  padding: 0px;
}

.tabs.ex-btn-top {
  margin-top: 16px !important;
}

.select-inp-width select {
  width: 100% !important;
}

.select-inp-width textarea {
  width: 100% !important;
}

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

.port-user-btn a {
  margin-left: 25px;
}

.block table.ctable tr td,
.block table.middle.ctable tr th {
  vertical-align: middle;
}

.video-res iframe {
  width: 100% !important;
}

.block .block_content .faqs h3 {
  /*font-size: 15px !important;
line-height: 22px;
margin-bottom: 10px;
*/
  padding: 8px 8px 8px 16px !important;
  border-radius: 6px;
  box-shadow: 0 0 3px #a7a7a7;
  margin-bottom: 15px;
}

.block_head.faq-select select {
  height: 39px;
}

.block_head.faq-select input {
  height: 39px;
  border: 1px solid #ddd;
}

.faq-top-ryt-btn {
  display: inline;
}

.faq-inr-hed-sel {
  display: inline;
}

.input-width-full input[type=text] {
  width: 100% !important;
}

.input-width-full input[type=password] {
  width: 100% !important;
}

.input-width-full input[type=file] {
  width: 100% !important;
}

.input-width-full select {
  width: 100% !important;
}

.input-width-full textarea {
  width: 100% !important;
}

.sel-pay-radio #CCFORM .field input {
  height: auto;
}

.sel-pay-radio #CCFORM .field label {
  clear: none;
  float: left;
  margin: 0 0 0 9px;
  width: auto;
}

.select-opt-btn {
  box-shadow: none !important;
  font-size: 14px !important;
  height: auto !important;
  padding: 13px 20px !important;
  width: auto !important;
}

.sortable.ctable tr th {
  padding: 20px 12px !important;
}

.sortable.ctable tr td {
  padding: 16px 10px !important;
}

.block .block_content table tbody tr.color-fff td a {
  color: #fff;
}

.big-table-outer {
  float: left;
  width: 100%;
  overflow: auto;
}

.big-table-inner {
  float: left;
  width: auto;
}

.filter-plan #filter {
  width: 50%;
}

.filter-plan #filter_dates {
  width: 36.4% !important;
}

.filter-plan #filter_tags {
  width: 18.5%;
}

.filter-plan #filter .action {
  width: 25%;
}

.filter-plan #filter .action.filter-btn {
  width: auto;
}

.filter-plan #filter_dates input {
  width: 46% !important;
}

.table-res-outer.filter-plan #filter {
  width: 55%;
}

.full-width {
  width: 100% !important;
}

.user-num-btns {
  float: right;
  margin-top: 8px;
}

.user-num-btns input {
  background: #21507e none repeat scroll 0 0;
  color: #ffffff;
  font-size: 14px;
  padding: 11px 18px;
  text-transform: uppercase;
  width: auto;
  height: auto;
  border-bottom: 2px solid #3c6ba3;
}

.block_head.usr-num-fil #filter select {
  width: 19% !important;
}

.block_head.usr-num-fil #filter {
  width: 48% !important;
}

.block_head.usr-num-fil #filter input[type="text"] {
  border: 1px solid #cfd8dc;
  height: 40px;
  width: 17%;
}

.block_head.usr-num-fil #filter input[type="checkbox"] {
  height: auto;
  margin: 0 7px;
  position: relative;
  top: 2px;
  width: auto;
}

.user-num-filter {
  margin-left: 7%;
}

.border-none-btm {
  border-bottom: medium none !important;
}

.add-cupn-top input[type=checkbox] {
  width: auto;
}

#navigation>li ul.lfet-sub-menu {
  left: inherit;
  right: 0px;
}

#navigation>li>ul.lfet-sub-menu {
  /*display: none !important;*/
}

.header-inner-mian ul#navigation li:last-child ul.sub_menu_settings_:before {
  right: 20px;
  left: inherit;
  display: none;
}

.chk-mar {
  margin: 0 7px;
  position: relative;
  top: 2px;
}

.field.submit.numsearch button {
  margin-right: 4px;
}

table#elm1_tbl tr td {
  padding: 0 !important;
}

div#fancybox-wrap {
  width: 800px !important;
}

div#fancybox-content {
  width: 100% !important;
  height: 427px !important;
}

.right-info #info p b {
  display: inline-block;
  padding-right: 13px;
  text-align: right;
  width: 102px;
}

.faqs iframe {
  width: 100% !important;
}

.block .block_head ul.call-dtl-ul li {
  padding: 0px;
  margin: 0px;
  float: left;
}

.block .block_head ul.call-dtl-ul li form {
  padding: 0px;
}

.inner-tog .tog-div {
  margin-top: 5px;
}

.block .block_content table.no-tb-padding thead tr th {
  padding: 8px 5px !important;
}

.block .block_content table.no-tb-padding tbody tr td {
  padding: 8px 5px !important;
}

.cret-invo-filt #filter {
  width: 75%;
}

.block .block_head ul.call-rp-tab-ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
  padding: 0px;
  margin: 0px;
}

.block .block_head ul.call-rp-tab-ul li form {
  width: auto;
  padding: 0px;
}

.edt-grp-btns-top {
  float: left;
  width: 100%;
  margin-top: 25px;
}

.edt-grp-btns-top button {
  margin: 2px 0px;
}

.fliter-width-main #filter {
  width: 61%;
}

.block .block_content table .all-port-first {
  width: 150px;
  word-break: break-all;
}

.block .block_content table .all-port-first2 {
  width: 150px;
  word-break: break-all;
}

.block .block_content table.no-tb-padding.tb-midle tbody tr td {
  vertical-align: top;
}

.res-full-tb {
  width: 45% !important;
}

.res-full-tb tbody tr {
  border: none !important;
}

.res-full-tb tr td {
  padding-left: 0px !important;
}

.optrow-outer .optrow {
  margin-bottom: 10px;
}

table.res-full-tb-btm select {
  width: 100% !important;
}

.res-full-tb-btm {
  width: 45% !important;
}

.cal-rep-tag-wdt .check_tags {
  width: auto;
  float: left;
  min-height: inherit;
  margin-right: 15px;
}

.cal-rep-tag-wdt .check_tags input[type=checkbox] {
  position: relative;
  top: 2px;
}

.tb-no-border tbody tr {
  border: none !important;
}

.tabs.expend-outer-btn li {
  margin: 0 !important;
  padding: 0 !important;
  border-left: 1px solid #ddd !important;
  padding: 20 20px !important;
}

.tabs.expend-outer-btn li:first-child {
  border-left: none !important;
}

.tabs.expend-outer-btn li:last-child {
  padding-right: 10px !important;
}

.tabs.expend-outer-btn li a {
  text-shadow: none;
  color: #000;
  text-transform: capitalize;
  font-size: 15px;
  padding: 20px 0;
  font-weight: 600;
}

.new-email-outer-main .res-full-tb-btm {
  width: 100% !important;
  border: none !important;
}

.new-email-outer-main .res-full-tb-btm tr {
  border: none !important;
}

.new-email-outer-main .res-full-tb-btm tr td {
  padding-left: 0px !important;
}

.new-email-outer-main .res-full-tb-btm input {
  width: 100% !important;
}

.new-email-outer-main input[type=checkbox] {
  margin-right: 4px !important;
}

.new-email-outer-main .optrow {
  margin-bottom: 15px;
}

.new-email-outer-main .filed.sms-frm {
  margin-bottom: 15px;
}

.new-email-outer-main .filed.sms-frm select {
  margin-top: 5px;
}

.new-email-outer-main .optrow input[type="checkbox"] {
  margin-right: 0px !important;
}

.tb-left-right-padding tr td {
  padding: 0px 12px !important;
}

.margin-top-bottom {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.sp1-mar-top {
  margin-top: 12px;
  width: 493px !important;
}

.sp1-mar-top input {
  width: 100% !important;
}

.table-padding-left tr td {
  padding-left: 0px !important;
}

.btn-margin-left .blue_button.add-no-btn {
  margin-left: 0px;
}

.btn-margin-left {
  margin-bottom: 20px;
  display: inline-block;
  margin-top: 8px;
}

.tb-left-right-padding.table-margin-bottom tr td {
  padding-bottom: 8px !important;
}

.voicemail_setting {
  float: left;
  width: 100%;
  margin-top: 20px;
}

.voicemail_setting div.field {
  margin: 0px;
}

.voicemail_setting h3 {
  line-height: 19px !important;
  margin-top: 22px !important;
}

.tab-hed-icon img.phone-home-icon,
.tab-hed-icon img.mail-icon-head {
  margin-top: 0;
  margin-right: 12px;
}

.mail-icon-head {
  position: relative;
  top: 1px;
}

.table-mail-setig input[type="checkbox"] {
  margin-right: 5px;
  position: relative;
  top: 1px;
}

.table-mail-setig table.no-border-all {
  border: none !important;
}

#block7 .opreating .optrow {
  margin-bottom: 12px;
}

.block .block_content .table-mail-setig table.no-border-all tbody tr {
  border: none !important;
}

.block .block_content .table-mail-setig table.no-border-all tbody tr td {
  padding-left: 0px !important;
}

.block .block_content .table-mail-setig table.no-border-all tbody tr td select {
  width: 100% !important;
  height: 50px;
}

.block .block_content .table-mail-setig table.no-border-all tbody tr td input {
  width: 100% !important;
  height: 50px;
}

#insured_list tr td select {
  width: 100% !important;
  background-image: none;
}

.dash-list-outer {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.dash-list-outer ul {
  float: left;
  width: 100%;
  list-style: none;
  padding: 0px !important;
  margin: 0px !important;
}

.dash-list-outer ul li {
  background-color: #f5f5f5 !important;
  border-radius: 10px;
  float: left;
  list-style: outside none none;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  margin-right: 3%;
  margin-top: 0 !important;
  overflow: hidden;
  padding: 0 !important;
  width: 31.3%;
  border: 1px solid #dddddd;
}

.dash-list-outer ul li:last-child {
  margin-right: 0px;
}

.dash-list-left {
  background-color: #21507e;
  float: left;
  padding: 3px 20px;
  width: 100px;
  position: relative;
  height: 100px;
  margin-right: 15px;
}

.dash-list-left img {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 57%;
}

.dash-list-right h4 {
  border: medium none;
  font-size: 17px !important;
  color: #000 !important;
  margin: 0 !important;
}

.dash-list-right {
  padding-top: 14px;
}

.filter-plan .fliter-all-width #filter {
  width: 57%;
}

.filter-plan .fliter-all-width #filter_dates {
  width: 28.4% !important;
}

.filter-plan .fliter-all-width #filter_tags {
  width: 13.5%;
}

.filter-plan .fliter-all-width #filter .action {
  width: 23%;
}

.filter-plan .fliter-all-width #filter .action.filter-btn {
  width: auto;
}

.dash-list-right h2 {
  border: medium none;
  font-size: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #444 !important;
}

.video-div {
  border: 5px solid #ffffff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
  float: left;
  margin-bottom: 25px;
  position: relative;
  width: 100%;
}

.banr-vid-img {
  background: rgba(0, 0, 0, 0) url("../images/video.jpg") no-repeat scroll center center / cover;
  float: left;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

video.responsive-video {
  width: 100%;
  float: left;
}

.btn-to-main.new_user {
  padding: 15px 20px;
  border: 1px solid #afc1d1;
  margin-top: 20px;
  border-radius: 5px;
}


.play-btn {
  bottom: 0;
  cursor: pointer;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
}

.code-pay-main {
  float: left;
  width: 100%;
}

.code-pay-main label {
  width: auto !important;
  margin-top: 22px !important;
  margin-right: 20px !important;
}

.logi-ryt-head p i {
  margin-right: 5px;
}

.code-pay-main .dsc-p {
  float: left;
  width: 100%;
}

.code-pay-main .dsc-p b {
  float: left;
  width: 100%;
  font-size: 16px;
  color: #555;
  margin-bottom: 0px;
  margin-top: 5px;
}

.code-pay-main .dsc-p b label {
  color: #444 !important;
  margin-top: 0px !important;
}

.block_content.tab_content.radio-btn-mar input[type="radio"] {
  margin: 0 8px;
  position: relative;
  top: 2px;
}

.port-selt select {
  height: 50px !important;
  width: 100% !important;
}

.port-more-btn {
  float: left;
  margin-top: 10px;
  font-size: 14px;
}

.block .block_content table.port-selt tr td {
  padding: 12px 0px;
  padding-right: 25px;
}

.port-selt tr td label {
  font-size: 14px;
  margin-bottom: 6px;
}

.port-selt input {
  width: 100% !important;
}

.block .block_head.Editinvo-head form {
  margin: 0px !important;
}

.block .block_head.Editinvo-head form #filter_dates {
  width: 70% !important;
  text-align: right;
}

.block .block_head.Editinvo-head form #filter_dates label {
  display: inline-block;
  float: none;
  vertical-align: middle;
  color: #444;
}

.block .block_head.Editinvo-head form #filter_dates span {
  display: inline-block;
  float: none;
  vertical-align: middle;
  color: #444;
}

.block .block_head.Editinvo-head form #filter_dates input {
  width: 95px !important;
  display: inline-block;
  float: none;
  margin-right: 0px !important;
}

.block_head.Editinvo-head {
  margin-bottom: 30px;
  border-bottom: 1px solid #ccc;
}

.generate_button {
  position: static !important;
  float: right;
  padding: 11px 14px;
}

.login-cid-body .login-bg::before {
  display: none;
}

.login-cid-body #login {
  text-align: center;
}

.login-cid-body .login-left {
  text-align: left;
  display: inline-block;
  float: none;
}

.company_header_wrapper {
  float: left;
  width: 100% !important;
}

.company-header-inner {
  float: left;
  width: 100%;
  background: #002060;
}

.company-header-inner #head-inner {
  margin: 0;
}

.nav-comp-outer {
  background: #21507e none repeat scroll 0 0;
  float: left;
  width: 100%;
}

.company-header-inner #head-inner ul li a {
  border-radius: 0;
  color: #ffffff;
  font-size: 14px;
  padding: 24px 11px;
  text-transform: uppercase;
}

.company-header-inner #head-inner ul {
  height: auto;
  padding: 0px !important;
}

.company-header-inner #head-inner ul li {
  padding-bottom: 0px;
  margin: 0px !important;
}

.company-header-inner #head-inner ul li ul.sub-menu li a {
  color: #ffffff !important;
  padding: 15px;
  width: 100% !important;
}

.company-header-inner #head-inner ul li ul.sub-menu li a:hover {
  color: #333 !important;
}

.company-header-inner #head-inner ul li ul.sub-menu {
  top: 65px !important;
  background: rgba(0, 0, 0, 0) url("../images/sub-arrow.png") no-repeat scroll left 20px top;
}

.company-header-inner #head-inner {
  height: auto;
  padding: 0;
}

.nav-comp-outer ul li a {
  color: #ffffff;
  font-size: 14px;
  padding: 23px 14px;
  border-radius: 0px !important;
}

.nav-comp-outer ul {
  height: auto !important;
  padding: 0px !important;
}

.nav-comp-outer ul li {
  padding-bottom: 0px !important;
  margin: 0px !important;
}

.com-logo-top {
  display: inline-block;
  margin-top: 12px;
}

.rdo_options {
  display: flex;
  align-items: center;
}

.blocklist_option {
  margin-bottom: 15px;
}

._options {
  margin-right: 15px;
  display: flex;
  align-items: center;
}

._options label {
  margin: 0 0 0 5px;
}

.tag_check .chk-mar {
  margin: 0;
}

.tag_check>label {
  font-weight: 600;
}

.tag_check .chk-mar {
  margin: 0;
  top: 0;
}

/****************new login page*****************/

.new-login-bg::after {
  display: none;
}

.new-login-inner h2.login-heading {
  display: none;
}

.new-login-logo #head a {
  font-size: 50px;
  color: #012570;
  text-transform: capitalize;
}

.new-login-inner #loginForm {
  margin-top: 0px;
}

.new-login-inner #loginForm p label {
  margin: 0px;
}

.new-login-inner #loginForm p label span {
  display: none;
}

.new-login-inner #loginForm p {
  position: relative;
}

.new-login-outer #loginForm p i,
.login-wrapper.forgot-wrapper #loginForm p i,
.login-wrapper.unknownemail-wrapper #loginForm p i {
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 24px;
  color: #000;
}

.new-login-inner #loginForm p {
  margin-bottom: 15px;
}

.new-login-outer #loginForm p.submit {
  margin-bottom: 0px;
  margin-bottom: 30px;
  margin-top: 30px;
}

.new-login-inner .check-main {
  margin-top: 0px;
  margin-bottom: 2px;
}

label.ivr-hour {
  font-size: 16px;
  margin: 10px 0px 10px 0px;
}

.closed-hour-div {
  margin-top: 15px;
}

.ivr-operating-check {
  margin-bottom: 15px;
}

.field.rep.audioivr input {
  width: auto !important;
  float: none !important;
  display: inline-block;
  margin-right: 2px !important;
}

.field.rep.audioivr p {
  width: auto;
  float: none;
  display: inline-block;
  margin-right: 15px;
}

.audio-record {
  display: inline-flex;
}

.text-space span {
  margin-right: 100px;
}

.sms-body {
  margin-bottom: 8px;
  font-size: 16px;
}

/****************new login page*****************/

.rember {
  float: left;
  width: auto;
}

.rember input {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
}

.rember label {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
}

.new-login-outer #loginForm label {
  color: #fff;
}

.forgt {
  float: right;
  width: auto;
}

.tbl-res-outer {
  float: left;
  width: 100%;
  overflow: auto;
}

.edit-nym-outer-tab {
  display: inline-block;
}

.edit-nym-outer-tab ul {
  display: inline-block;
}

.edit-nym-outer-tab ul li {
  display: inline-block;
  margin: 0px;
}

.edit-nym-outer-tab ul li a,
.btn-top-main button.button.blue_button.left,
.block_head .blue_button {
  display: inline-block;
  background: #21507e;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 8px 12px;
  border: 1px solid #21507e;
  border-radius: 50px;
  margin-right: 5px;
  text-transform: capitalize;
  text-shadow: none;
  transition: ease-in .2s;
}

.btn-top-main button.button.blue_button.left.tu-btn {
  margin-right: 0;
}

.edit-nym-outer-tab ul li a:hover,
.btn-top-main button.button.blue_button.left:hover,
.edit-nym-outer-tab ul li.active a:hover,
.btn-top-main .right_btn_head button.button.blue_button.left:hover {
  background: #cce2f65e !important;
  border-color: #21507e2e !important;
  color: #21507e !important;
}

.edit-nym-outer-tab ul li.active a {
  background: #cce2f65e !important;
  border-color: #21507e2e !important;
  color: #21507e !important;
}

.field.leftadd-com input {
  width: 100% !important;
}

.field.rightadd-com input {
  width: 100% !important;
}

.button.blue_button:hover span.blueAlert,
.edit-nym-outer-tab ul li a.crrunt span.blueAlert,
.btn-top-main button.button.blue_button.left.current span.blueAlert,
.block_head .blue_button.current span.blueAlert {
  background-color: #fff;
  color: #21507e;
}

.leftadd-com {
  width: 48%;
  display: inline-block;
  margin-right: 3% !important;
}

.rightadd-com {
  width: 48%;
  display: inline-block;
}

.leftadd-com input {
  width: 100% !important;
}

.rightadd-com input {
  width: 100% !important;
}

.pb-180 {
  padding-bottom: 180px;
}

.audio-record .fa {
  font-size: 18px;
  margin-right: 5px;
}

.show_total_rows {
  width: auto;
  margin-top: 15px;
  margin-right: 0;
}

.show_total_rows select {
  width: auto !important;
  padding: 0 0 0 6px;
  height: 34px;
  border-radius: 5px;
  margin-left: 10px;
  display: inline-block;
}

.tu-btn {
  float: right;
}

/*Add card css */

.filedchekbox input[type="checkbox"] {
  width: auto;
  vertical-align: middle;
  margin-left: 5px;
}

.table-res-outer.big-data {
  overflow: auto;
}

/*
* @birendar added css
*/

.dont_password {
  font-size: 16px;
  margin: 0 0 15px 0;
  color: #fff;
  float: left;
  font-weight: 400;
  width: 100%;
}

.dont_password p {
  margin: 0px !important;
  text-align: right;
  color: #30393a !important;
}

.block .block_content table tbody tr td ul.dropdown-menu.bg-none li a:hover {
  background-image: none !important;
}

.email-temp-common-inline {
  margin-top: 25px !important;
  float: left;
  width: 100%;
}

.email-temp-common-inline div.info1 {
  padding: 15px;
}

.email-temp-common-inline select.edit-email-template {
  width: 100% !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.editemailtemplage {
  cursor: pointer;
}

.email-temp-common-inline table.mceLayout {
  width: 100% !important;
}

.mceStatusbar.mceFirst.mceLast span {
  display: none !important;
}

.pd-20 {
  padding: 20px !important;
}

.dailer_header .heading {
  color: #000;
  text-shadow: none;
  font-size: 15px;
  margin-bottom: 10px;
  display: inline-block;
}

#fancybox-content {
  border: none !important;
}

.skip-popup a:first-child {
  padding-top: 0;
  border-top: 0;
}

.skip-popup a:last-child {
  padding-bottom: 0;
}

.skip-popup a {
  display: block;
  text-decoration: none;
  color: #333 !important;
  padding: 8px 15px;
  border-top: 1px solid #ddd;
}

.skip-popup a:hover {
  color: #21507e !important;
}

.skip-popup {
  position: absolute;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 5px;
  padding: 10px 0;
  right: 0px;
  bottom: calc(100% + 6px);
}

.skip-popup:after,
.skip-popup:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.skip-popup:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ffffff;
  border-width: 11px;
  margin-left: 30px;
}

.skip-popup:before {
  border-color: rgba(221, 221, 221, 0);
  border-top-color: #dddddd;
  border-width: 12px;
  margin-left: 30px;
}

.login-wrapper #login {
  display: flex;
  align-items: stretch;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0px 100px #bbccdd;
  border: 1px solid #fff;
}

.logo-login {
  text-align: center;
  margin-bottom: 60px;
}

.login-left .box,
.login-left .box>.utils a {
  background: transparent;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: black;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}

#loginForm p .show-hide-icon {
  position: absolute;
  right: 30px;
  top: 20px;
  cursor: pointer;
}

.login-right.video-bg {
  background-image: url(/images/login-video-bg.png);
  padding: 50px;
  width: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.login-right .video-section {
  width: 100%;
  text-align: left;
}

.login-right .video-section h1,
.login-right .video-section p {
  color: #21507e;
  border: none;
}

.login-right .video-section h1 {
  font-size: 27px;
  font-weight: 700;
  margin-bottom: 12px;
}

.login-right .video-section p {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 35px;
}

.video-bx {
  position: relative;
}

.video-frame {
  width: 100%;
  height: 354px;
}

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

::placeholder {
  color: #000;
}

.forgot-wrapper #loginForm small {
  color: #fff !important;
  font-size: 16px;
}

.unknownemail-wrapper #loginForm .para,
.new-login-outer #loginForm p small {
  color: #fff !important;
  font-size: 16px;
}

.forgot-wrapper #loginForm,
.unknownemail-wrapper #loginForm {
  margin-top: 6px;
}

.forgot-wrapper .login-left,
.unknownemail-wrapper .login-left {
  padding: 65px 50px;
}

.forgot-wrapper #loginForm .submit.to-btns .button {
  width: 56% !important;
  padding: 0 18px;
}

.unknownemail-wrapper #loginForm .submit.to-btns .button {
  width: 100% !important;
  padding: 0 10px;
}

.forgot-wrapper #loginForm .submit.to-btns .button.send-btn,
.unknownemail-wrapper #loginForm .submit.to-btns .button.send-btn {
  width: 41.5% !important;
}

.forgot-wrapper .login-right.video-bg,
.unknownemail-wrapper .login-right.video-bg {
  padding-top: 35px;
  padding-bottom: 35px;
}

.forgot-wrapper h2.login-heading,
.unknownemail-wrapper h2.login-heading {
  margin: 0 0 8px 0;
}

.new-login-outer #loginForm p label,
.login-wrapper.forgot-wrapper #loginForm p label,
.login-wrapper.unknownemail-wrapper #loginForm p label {
  margin: 0px;
}

.unknownemail-wrapper #loginForm p input {
  padding-left: 52px;
}

.mt-15 {
  margin-top: 15px;
}

#loginForm p label.error {
  margin-top: 5px !important;
  color: #fff !important;
  background: transparent !important;
  border: none;
  margin-bottom: 0 !important;
}

.setpass-wrapper .new-login-outer h2.login-heading {
  display: block;
}

.dont_password p a {
  color: #fff !important;
}

.dont_password p a:hover {
  text-decoration: underline;
}

a:focus {
  outline: none;
}

.login-wrapper .send-pass-msg {
  position: static;
}

.login-wrapper p.error,
.login-wrapper p.success,
.error,
p.error {
  font-size: 14px;
  background: #f8d7da !important;
  border: 1px solid #f5c6cb;
  color: #721c24 !important;
  margin-bottom: 0 !important;
  border-radius: 0;
  padding: 7px 12px;
  width: auto;
  float: left;
  width: 100%;
  margin: 0 0% 3% !important;
  border-radius: 3px;
  font-weight: 500!important;
}

.new-login-outer #loginForm {
  margin-top: 0px;
}

.cap-outer #capid>div {
  margin: auto;
}

.footer-links a {
  font-size: 14px;
  font-weight: 500;
  margin-top: 80px;
  float: left;
  width: 100%;
  padding: 0 20px;
  color: #000;
}

.show_pass {
  position: relative;
}

.show_pass img {
  position: absolute;
  right: 10px;
  top: 14px;
  cursor: pointer;
}

.new-login-outer #loginForm p label span {
  display: none;
}

.new-login-outer #loginForm p {
  position: relative;
}

#filter .action.filter-btn .button-gray,
.create-in-top-main .generate_button {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fbaf5c+0,f8871b+100 */
  background: #fbaf5c;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fbaf5c 0%, #f8871b 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fbaf5c 0%, #f8871b 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fbaf5c 0%, #f8871b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbaf5c', endColorstr='#f8871b', GradientType=0);
  /* IE6-9 */
  border: none;
  border-radius: 50px;
  height: 34px;
  padding: 0 14px;
  color: #0e0e0e;
  font-size: 14px;
  font-weight: 600;
  text-transform: none;
  width: 100px;
  box-sizing: border-box;
}

.create-in-top-main .generate_button {
  width: auto;
}

.btn-orange {
  background: #fbaf5c;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fbaf5c 0%, #f8871b 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fbaf5c 0%, #f8871b 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fbaf5c 0%, #f8871b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbaf5c', endColorstr='#f8871b', GradientType=0);
  /* IE6-9 */
  border: none;
  border-radius: 50px;
  height: 34px;
  padding: 0 14px;
  color: #0e0e0e;
  font-size: 14px;
  font-weight: 600;
  text-transform: none;
  box-sizing: border-box;
  transition: ease-in .2s;
}

#filter .action.filter-btn .button-gray:hover,
.create-in-top-main .generate_button:hover,
.btn-orange:hover {
  background: #f8871b;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f8871b 0%, #fbaf5c 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f8871b 0%, #fbaf5c 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f8871b 0%, #fbaf5c 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8871b', endColorstr='#fbaf5c', GradientType=0);
  /* IE6-9 */
  border: none;
  border-radius: 50px;
  height: 34px;
  padding: 0 14px;
  color: #0e0e0e;
  font-size: 14px;
  font-weight: 600;
  text-transform: none;
  box-sizing: border-box;
}

.phn-icon {
  font-size: 20px !important;
  position: relative;
  top: 2px;
}

.pt-20 {
  padding-top: 20px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pt-none {
  padding-top: 0 !important;
}

.pd-none,
.block .block_content.pd-none,
.pd-tdl tr td.pd-none {
  padding: 0 !important;
}

.pr-none {
  padding-right: 0 !important;
}

.block .block_content table thead tr th.header {
  position: relative;
}

.table_colSettings {
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  vertical-align: middle;
  display: flex;
  align-items: center;
}

.table_colSettings .fa {
  color: #fff;
  font-size: 25px;
  margin: 0 5px 0 0;
}

.table-colSettinghead {
  background: #e7f0f9;
  position: relative;
  border-top-right-radius: 5px;
}

.block table.ctable tr th.table-colSettinghead.headerSortUp {
  background: #21507e;
}

.table_colSettings_dropdown {
  background-color: #FFFFFF;
  border-radius: 5px;
  box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
  display: none;
  float: left;
  min-width: 142px;
  position: absolute;
  top: 90%;
  z-index: 999;
  right: 0;
  padding: 15px 15px 20px;
  padding-bottom: 0 !important;
  box-shadow: 0px 5px 7px rgb(0 0 0 / 27%);
}

.block .block_content .table_colSettings_dropdown li {
  display: block;
  margin: 0 0 16px 0;
  padding: 0;
}

.block .block_content .table_colSettings_dropdown li:last-child {
  margin: 0;
}

.block .block_content .table_colSettings_dropdown li label input[type="checkbox"] {
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.block .block_content .table_colSettings_dropdown li label {
  cursor: pointer;
  color: #000;
  font-weight: 500;
}

.block .block_content table tbody tr.even,
tr.even {
  background: #fafbfd;
}

.icon-wraps {
  background: #21507e;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  line-height: 19px;
  color: #fff;
  text-align: center;
  display: inline-block;
  display: inline-block;
  top: 4px;
  margin-right: 4px;
}

.icon-wraps .fa {
  color: #fff;
  font-size: 12px;
  line-height: 20px;
}


.block .block_content table tbody tr td .table_edits .dropdown-menu>li:hover .fa
{
    color: #21507e;
}


.block .block_content table tbody tr td .table_edits .dropdown-menu>li {
  padding-left: 12px !important;
  padding-right: 15px;
  padding-bottom: 5px;
}

.block .block_content table tbody tr td .table_edits .dropdown-menu>li:first-child {
  padding-top: 5px;
}

.block .block_content table tbody tr td .table_edits .dropdown-menu>li:hover {
  background: #21507e;
  color: #fff;
}

.block .block_content table tbody tr td .table_edits .dropdown-menu>li:hover .icon-wraps {
  background: #fff;
  color: #21507e;
}

.block .block_content table tbody tr td .table_edits .dropdown-menu>li:hover a {
  color: #fff !important;
}

.block .block_content table tbody tr td .table_edits .dropdown-menu>li>a {
  display: inline-block;
  padding: 8px 0;
  width: calc(100% - 14px);
}

.tb-responsive,
.tb-wrap {
  overflow-x: inherit !important;
}

.tb-responsive,
.tb-wrap {
  overflow-x: auto;
}

.block_head.tab-hed-icon.filter-head .btn-orange {
  margin-left: 5px;
}

.mt-none,
.accordion-outer .tog-div.mt-none {
  margin-top: 0;
}

.block .block_content .tog-div+div table thead tr th,
.block_content.light_gray_table table thead tr th,
.light_gray_table table th,
table.light_gray_table th,
.block .block_content table.light_gray_table thead tr th {
  background-color: #e7f0f8;
  color: #21507e;
  border-bottom: 1px solid #ddd;
}

table .select-arrow {
  background-position: 96% center !important;
}

.brd-table {
  border: 1px solid #ddd !important;
}

.brd-topNone {
  border-top: none !important;
}

.brd-botNone {
  border-bottom: none !important;
}

.brd-none,
.tog-div+div table.brd-none {
  border: none !important;
}

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

.input-sml {
  width: 50px !important;
  height: 36px;
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
}

.ui-datepicker.ui-datepicker-multi {
  z-index: 9 !important;
}

.line-height36 {
  line-height: 36px;
}

.block .block_content .tog-div+div table thead tr th:last-child {
  padding-right: 20px;
}

.block .block_content .tog-div+div table tbody tr:last-child td {
  padding-bottom: 12px !important;
}

.block .block_content .tog-div+div table tbody tr:last-child td.pb-none {
  padding-bottom: 0 !important;
}

.fs-20,
.fa.fs-20 {
  font-size: 20px;
}

.btn-top-main.widget-btns button.button.blue_button.left {
  font-size: 16px;
  padding: 8px 11px;
  border-color: #ccc !important;
  color: #000 !important;
  background-color: #fff !important;
}

.btn-top-main.widget-btns button.button.blue_button.left:hover {
  background-color: #EEA04B !important;
  border-color: #EEA04B !important;
  color: #000 !important;
}

.btn-top-main.widget-btns button.button.blue_button.left span.blueAlert,
.btn-top-main.widget-btns button.button.blue_button.left:hover span.blueAlert {
  background: #fff !important;
  color: #000 !important;
  font-weight: bold !important;
}

.rl {
  position: relative;
}

.btn-help,
a.btn-help,
ul.tabs li a.btn-help {
  width: 36px;
  height: 36px;
  border-radius: 3px;
  background: #e7f0f8;
  font-size: 28px;
  display: block;
  color: #21507e;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-top-main .btn-help,
.btn-res-aro .btn-help,
.btn-top-div .btn-help {
  width: 41px;
  height: 41px;
  border: 1px solid #aabcce;
  background: #fff;
}

.brd-radiusNone {
  border-radius: 0;
}

.brd-radiusBottomLR {
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.radio-colThree.brd-top {
  border-top: 1px solid #ddd;
  border-bottom: 0;
}

.form_inputRow {
  display: flex;
  flex-wrap: wrap;
  padding: 0 30px;
  box-sizing: border-box;
  margin-bottom: 20px;
}

.form_inputRow input[type="text"] {
  width: 100% !important;
}

.column-100,
.block .block_content table.column-100 {
  flex: 0 0 auto;
  width: 100%;
}

.column-50,
.block .block_content table.column-50 {
  flex: 0 0 auto;
  width: 46%;
  margin-right: 20px !important;
}

.column-60,
.block .block_content table.column-60 {
  flex: 0 0 auto;
  width: 56%;
  margin-right: 20px;
}

.column-70,
.block .block_content table.column-70 {
  flex: 0 0 auto;
  width: 70%;
  margin-right: 20px;
}
.column-80 {
    width: 70% !important;
    float: left !important;
    margin-right: 40px !important;
}


.column-40,
.block .block_content table.column-40 {
  flex: 0 0 auto;
  width: 36%;
  margin-right: 20px;
}

.column-30,
.block .block_content table.column-30 {
  flex: 0 0 auto;
  width: 26%;
  margin-right: 20px;
}

.column-20,
.block .block_content table.column-20 {
  flex: 0 0 auto;
  width: 16%;
  margin-right: 20px;
}

.generate_ai_agent .column-20{
 flex: 0 0 auto;
  width: 20%;
  margin-right: 20px;

}

.edit_email_right {
  margin-top: 80px;
  margin-left: 60px
}

#voiceringtone audio#voice_Message_Audiosource {
  height: 45px;
}

.btn-darkBlue,
.btn-lightBlue,
.btn-white {
  background: #e7f0f8;
  border: 1px solid #aabcce;
  border-radius: 50px;
  font-size: 15px;
  font-weight: 600;
  height: 36px;
  padding: 0 15px;
  line-height: 36px;
  text-transform: capitalize;
  text-shadow: none;
}

.button.btn-lightBlue a {
  color: #fff;
}

.btn-xsml {
  padding: 0 6px;
  height: 29px;
  line-height: 28px;
  margin-left: 5px;
}

.btn-lightBlue,
.btn-white {
  color: #21507e;
}

.block_head .blue_button,
.block_head .btn-lightBlue {
  border-color: #21517f;
  color: #21507e !important;
  height: 45px;
}

.block_head .btn-lightBlue.btn-sml {
  height: 35px;
  line-height: 35px;
  font-size: 12px !important;
  color: #fff !important;
}

.block_head .btn-lightBlue.btn-sml:hover {
  color: #21507e !important;
}

.block_head .blue_button:hover {
  background-color: transparent;
  color: #fff !important;
  border-color: #e7f0f8;
}

.btn-lightBlue {
  transition: ease-in .2s;
}

.btn-lightBlue:hover {
  background-color: #21507e;
  color: #fff !important;
}

.btn-darkBlue,
.btn-lightBlue,
.btn-lightBlue.cancel-btn:hover {
  background: #21507e;
  border-color: #21507e;
  color: #fff !important;
  text-decoration: none !important;
  border-color: #21507e;
}

.btn-lightBlue.cancel-btn {
  color: #21507e !important;
  border-color: #aabcce !important;
}

.btn-lightBlue.cancel-btn:hover {
  border-color: #21507e !important;
}

.btn-darkBlue:hover,
.btn-lightBlue:hover {
  background: #cce2f65e !important;
  border-color: #21507e2e !important;
  color: #21507e !important;
}


.button.btn-darkBlue.action_icn {
  width: 35px;
  color: #fff;
  padding: 0 !important;
  height: 35px;
  line-height: 35px;
  border-radius: 50%;
  font-size: 14px;
}

.btn-white {
  background: #fff;
}

.country-labelRow,
.address-cityRow {
  display: flex;
}

.address-cityRow {
  justify-content: space-between;
}

.w-30 {
  width: 30%;
}

.w-43-5 {
  width: 43.5%;
}

.w-48 {
  width: 48%;
}

.w-67 {
  width: 67%;
}

.block .block_content.fl,
.fl {
  float: left;
}

.fr {
  float: right;
}

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

.dsp-block {
  display: block !important;
}

.country-labelRow span {
  margin-right: 20px;
}

.country-labelRow .select-arrow {
  background-position: 89% center;
}

div.field.submit {
  margin: 30px 0 0 0;
  border-top: 1px solid #ddd;
  padding: 30px;
}

.mb-none {
  margin-bottom: 0 !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mt-7 {
  margin-top: 7px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.ml-12 {
  margin-left: 12px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.ml-5 {
  margin-left: 5px;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mr-none {
  margin-right: 0 !important;
}

.ml-none {
  margin-left: 0 !important;
}

.mt-none {
  margin-top: 0 !important;
}

.mr-2 {
  margin-right: 2px !important;
}

.mr-3 {
  margin-right: 3px !important;
}

.mr-8 {
  margin-right: 8px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mr-56 {
  margin-right: 56px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-5 {
  margin-top: 5px;
}

.fl-none {
  float: none;
}

.fw-semi {
  font-weight: 600;
}

.plr-none {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.plr-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.pl-none {
  padding-left: 0 !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pd-20 {
  padding: 20px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pb-none {
  padding-bottom: 0px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.btn-group.table_edits>a.btn[data-toggle="dropdown"] {
  min-width: 95px;
}

.w-96 {
  width: 96%;
}

.w-94 {
  width: 94.5%;
}

.right-none {
  right: 0 !important;
}

.separator {
  background: #ddd;
  height: 3px;
  width: 100%;
  margin: 20px 0;
  float: left;
}

.sticky-bx {
  position: sticky !important;
  bottom: 0px !important;
  background: #fff;
  padding-top: 5px !important;
}

div.field.submit.outer-submitAction {
  border: none;
  padding: 0;
  margin-top: 20px;
}

.block .block_content h1.sub-heading,
.block .block_content h2.sub-heading {
  padding: 0;
  border: none;
  font-size: 18px;
}

h2.content-subHeading {
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  padding-left: 10px !important;
}

.lable-inputInline label,
#account .rep.lable-inputInline label {
  display: inline-block;
  float: none;
  margin: 0px 3px 0 2px;
  width: auto;
}

.upload .fa {
  font-size: 24px;
}

div.field.mtb-none,
.mtb-none {
  margin-top: 0;
  margin-bottom: 0;
}

.fl-none {
  float: none;
}

.edit-bx {
  background: #fba648;
  border-radius: 0 5px 5px 0;
  height: 45px;
  padding: 14px 10px;
  border: 1px solid #fba648;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  position: absolute;
  right: -32px;
  bottom: 0;
  transition: ease-in .2s;
  color: #000;
  font-size: 16px;
}

.edit-bx:hover {
  background: #f58b27;
}

#account .rep.lable-inputInline input[type="checkbox"] {
  margin: 1px 0 10px;
}

.lable-inputInline .separator {
  margin: 20px 0;
}

.block .block_content table.light-blueTbhead thead tr th {
  background-color: #e7f0f8;
  color: #21507e;
}

.block .block_content table.light-blueTbhead thead {
  border: 1px solid #ddd;
}

.stp-outer {
  border: 1px solid #ddd;
  border-radius: 10px;
}

.addsteps {
  float: left;
  width: 100%;
  ;
}

.addsteps h2,
.block .block_content .addsteps h2 {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.right-info {
  background: #e7f0f8;
  border-radius: 5px;
  margin-top: 25px;
}

.right-info h2,
.block .block_content .right-info h2 {
  color: #21507e;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 6px;
  text-transform: none;
  padding: 12px 20px;
}

.info-para {
  padding: 10px 20px 10px 20px;
}

.info-para p {
  font-weight: 500;
  margin-bottom: 10px;
}

.info-para h4 {
  border: none;
  color: #000 !important;
}

.right-info h2 .fa {
  font-size: 30px;
}

.block .block_content h3 {
  margin-bottom: 5px;
}

.flex-grow {
  flex-grow: 1;
}

.pos-relative {
  position: relative;
}

.form-dataToken .right-info {
  padding: 20px 20px 0;
  margin-top: 10px;
}

.radio-colThree {
  border-bottom: 1px solid #ddd;
  float: left;
  width: 100%;
}

.radio-colThree span input[type="radio"] {
  top: 3px;
}

.top-3 {
  top: 3px !important;
}

.top-2 {
  top: 2px !important;
}

.sml-highlight,
.block_head span.no-highlight.sml-highlight {
  font-size: 12px !important;
  padding: 2px 10px !important;
}

.block_head h2 span.no-highlight {
  border-radius: 50px !important;
  border: 1px solid #aabcce;
  font-size: 15px !important;
  padding: 2px 9px !important;
  margin-left: 10px;
}

.block_head span.no-highlight {
  background: #fff;
  color: #21507e !important;
  font-size: 18px;
  font-weight: 600;
  border-radius: 5px;
  padding: 7px 10px !important;
  display: inline-block;

}

.radio-colThree span {
  border-left: 1px solid #ddd;
  float: left;
  padding: 18px 50px 18px 50px;
}

.radio-colThree span:first-child {
  border: none;
  padding-left: 0;
}

.block .block_content table.country-labelTable tr td {
  padding: 0 !important;
}

.block .block_content table.country-labelTable {
  border: none !important;
  display: flex;
}

table.country-labelTable tr:last-child td,
.block .block_content .tog-div+div table.country-labelTable tbody tr:last-child td {
  padding: 0 !important;
  border: none !important;
}

table.country-labelTable tr:last-child td select {
  background: rgba(0, 0, 0, 0) url(../images/select-arrow.png) no-repeat scroll center center;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-position: 92% center;
  padding-right: 20px;
  width: 145px;
  margin-right: 20px;
}

.rdo_options label {
  margin: 0 !important;
}

.rdo_options input {
  margin-right: 5px;
}

.select-label {
  width: 165px;
  margin-right: 0 !important;
}

table.country-labelTable tr:last-child td input.newc {
  width: 105px;
  margin-right: 20px;
}

.input-label {
  width: 125px;
  margin-right: 0 !important;
}

table.country-labelTable tr:last-child td input.unnumber,
table.country-labelTable tr:last-child td input.unnumber {
  width: 260px;
}

.block .block_content table.country-labelTable tbody tr {
  border: none;
}

.right-btn {
  width: auto;
  margin-left: 32px;
}

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

#daily_call_report_status {
  margin-right: 2px;
}

.w-auto,
#filter .action.filter-btn .button-gray.w-auto {
  width: auto !important;
}

.operating-list {
  background: #f6f6f6;
  padding: 15px 20px;
  border-radius: 5px;
  border: 1px solid #efefef;
  height: 76px;
  line-height: 47px;
}

.operating-list select {
  background-color: #ffffff;
  margin-right: 12px;
  min-width: 123px;
  width: auto;
  background-position: 92% center;
}

.operating-list .day-title {
  margin-right: 12px;
  width: 32px;
  display: inline-block;
}

.operating-list .closed-cb {
  float: right;
}

.operating-list .closed {
  margin-right: 2px;
}

.info-para h3 {
  font-size: 15px !important;
  margin-bottom: 0 !important;
  color: #000 !important;
}

.contain-input {
  width: 30px;
  text-align: center;
  font-weight: bold;
  margin-right: 10px;
}

.contain-input-seprator {
  font-size: 35px;
  margin: 0 6px 0 0;
  position: relative;
  top: 5px;
  font-weight: normal;
  line-height: 5px;
}

.flex-bx {
  display: flex;
  align-items: center;
}

.form-inputBtn i {
  position: absolute;
  z-index: 9;
  display: f;
  color: #21507e;
  font-size: 17px;
  left: 15px;
  text-shadow: none !important;
}

.form-inputBtn:hover i {
  color: #fff;
}

.form-inputBtn form {
  position: relative;
  align-items: center;
  display: flex;
}

.form-inputBtn form input[type="submit"] {
  padding-left: 35px;
}

strong {
  font-weight: 600;
}

.call_info,
.call_info2,
.call_meta {
  float: left;
  margin-right: 3%;
  font-size: 14px;
  line-height: 24px;
  word-break: break-word;
}

.call_info {
  width: 97%;
}

.call_info strong,
.call_info2 strong,
.call_info a,
.call_info2 a {
  font-weight: 600;
}

.call_info2 {
  position: absolute;
  right: 25px;
  width: auto;
  text-align: right;
  margin-right: 0;
  background: #f9f9f9;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 15px 15px;
}

.call_meta {
  width: 100%;
}

.call_meta h2 {
  padding: 0 !important;
  border: none;
  font-size: 14px !important;
  margin: 0 !important;
}

b {
  font-weight: 600;
}

.plain-heading {
  border: none;
  padding: 0 !important;
  margin: 0 0 10px 0 !important;
  font-size: 14px !important;
  float: left;
}

.accord-bx-block {
  padding: 20px;
  border: 1px solid rgb(221, 221, 221);
  margin-top: -8px;
  margin-bottom: 7px;
}

.accord-bx h2 {
  padding: 0 !important;
  margin: 0 0 7px 0 !important;
  border: none;
}

.accord-bx h2 img {
  float: left;
  margin-left: 3px;
  margin-right: 12px !important;
  position: relative;
  top: -6px;
}

.btn-sml {
  font-size: 14px !important;
  font-weight: 600;
  height: 38px;
  padding: 0 12px !important;
  line-height: 38px;
}

.btn-extraSml {
  font-size: 14px;
  font-weight: 600;
  padding: 8px 10px;
  height: 32px;
}

.ptb-none {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.td-pdNone table tbody tr td {
  padding: 0 !important;
}

.edit-round-robinPage .div-accordionHead {
  margin-top: 7px;
}

.tb-countryLable tr td {
  padding-left: 0 !important;
  padding-right: 20px !important;
  padding-bottom: 0 !important;
}

.edit-numbersPage .div-accrodionBlock {
  margin-bottom: 7px !important;
  margin-top: -7px;
}

.edit-numbersPage #block2.div-accrodionBlock,
.edit-numbersPage #block4.div-accrodionBlock,
.edit-numbersPage #block5.div-accrodionBlock {
  float: left;
  width: 100%;
}

.edit-numbersPage .comp-toggle a span {
  font-size: 15px;
}

audio {
  height: 45px;
}

.squre-bg,
.numbers-bottomInfo b {
  background: #21507e;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 3px;
  margin-left: 10px;
}

.numbers-bottomInfo b {
  margin-left: 0;
  float: left;
  margin-right: 10px;
  background: #e7f0f8;
  border: 1px solid #d3dce5;
  color: #21507e;
}

.numbers-bottomInfo p {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  font-size: 14px;
}

.filter-allCol #filter .search-action {
  display: inline-block;
}

.edit-nym-outer-tab ul li a.crrunt,
.btn-top-main button.button.blue_button.left.current,
.block_head .blue_button.current {
  background: #21507e;
  border-color: #21507e;
  color: #fff;
}

.hstry-info ul.tabs {
  list-style-type: none;
}

.hstry-info ul.tabs li {
  padding: 10px 20px;
  background-color: #f5f5f5;
  margin: 0;
}

.hstry-info ul.tabs li a span {
  margin-left: 10px;
}

.hstry-info ul.tabs li a {
  display: flex;
  align-items: center;
}

.custom_help.pop_pos {
  padding: 0;
}

.custom_help.pop_pos .grid_16 {
  margin: 0 !important;
}

.custom_help.pop_pos .right-info {
  padding: 15px;
  margin: 0;
  background-color: #fff;
}

.custom_help.pop_pos .right-info h2 {
  padding: 0 0 15px;
}

.input-ml30 {
  margin-left: 30px !important;
}

.table_colSettings_click.btn-sml {
  font-size: 14px !important;
  font-weight: 600;
  height: 34px;
  padding: 0px 14px !important;
  line-height: 32px;
  border: none;
  border: 1px solid #21507e;
}

.table_colSettings_click.btn-sml:hover {
  background: #e7f0f8;
  border-color: #21507e70 !important;
  color: #21507e !important;
}

.edit-numberPage .email-temp-common-inline {
  float: none;
}

.defaultSkin table.mceLayout {
  width: 100% !important;
}

#fancybox-close {
  right: 20px !important;
}

.port-requestSubmit {
  background: #fff;
  padding: 20px 20px 0px;
  margin-bottom: 0;
  border-radius: 0;
  border: 1px solid #e7e7e7;
  border-bottom: 0;
  float: left;
  width: 100%;
  color: #000;
}

.port-requestSubmit p {
  margin-bottom: 15px;
  line-height: 1.5;
}

.port-requestSubmit a {
  color: #21507e;
  font-weight: 600;
}

.port-requestSubmit a:hover {
  text-decoration: underline;
}

.ua-input {
  padding-left: 40px;
  position: relative;
}

.ua-input span {
  position: absolute;
  left: 0;
  top: 14px;
}

.dailer_header a {
  color: #fff;
}

.dailer_header .clock {
  position: absolute;
  right: 50px;
  width: auto;
  margin-bottom: 0;
  top: 23px;
}

.dailer_header .clock .history-label {
  font-size: 15px;
  font-weight: 500;
}

.astric-icon {
  line-height: 80px;
}

select.error,
input.error {
  background: #fff !important;
  border-color: #721c24 !important;
}

label.error {
  background: #fff !important;
  border: 0;
  padding-left: 0 !important;
}

/************Hacks*************/
@-moz-document url-prefix() {

  .edit-numbersPage .div-accrodionBlock {
    display: flex;
    flex-direction: column;
  }

  .edit-numbersPage .sticky-bx,
  .edit-companyPage .sticky-bx {
    display: flex;
    flex-direction: inherit;
  }

}

.edit-numbersPage .audio_div .btn-lightBlue,
.edit-companyPage .audio_div .btn-lightBlue {
  margin-top: 10px;
}

.table_colSettings_click {
  border: 1px solid #e7f0f8 !important;
}

.table_colSettings_click:hover {
  background: #21507e;
  border: 1px solid #e7f0f8;
  color: #fff;
}

.cleardiv {
  clear: both;
}

.new-login-outer.new-login-inner.white-label-login {
  max-width: 767px;
  width: 94%;
}

.login-cid-body .white-label-login .logo-login {
  margin-bottom: 30px;
}

.login-cid-body .white-label-login .logo-login #head {
  padding-left: 0;
  margin-top: 0;
}

.login-cid-body .white-label-login .login-left {
  flex-basis: 100%;
  border-radius: 5px;
  padding: 20px 40px;
}

.block .block_head.filter-head.limited-title h2 {
  width: 370px;
  height: 25px;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding-left: 5px;
}

.container_16 {
  margin: auto;
  max-width: 100%;
  width: calc(100% - 60px);
}

span.filter_span {
  font-size: 18px;
  text-transform: capitalize;
  line-height: 34px;
}

.lbl_resizeC {
  width: 145px;
  display: inline-block;
  margin-right: 16px !important;
}

.lbl_resizeCmpny {
  width: 70px;
  display: inline-block;
  margin-right: 16px !important;
}

.lbl_resizeMsg {
  width: 270px;
  display: inline-block;
  margin-right: 16px !important;
}

.lbl_enableVoice {
  display: flex;
  align-items: baseline;
  line-height: 22px;
  margin-top: 10px;
  margin-bottom: 10px
}



/************responsive start*************/


@media screen and (max-width: 1439px) and (min-width: 1025px) {
  .email_templateResize .right-btn {
    padding: 0px 10px;
    margin: 0px 0 0 18px !important;
    font-size: 13px;
  }
}

@media screen and (max-width: 1400px) {

  .uni-all-filter {
    width: 69% !important;
  }

  .uni-all-filter #filter_dates {
    width: 45.4% !important;
  }

  .block .block_head .uni-all-filter form {
    width: 75%;
  }

  .uni-all-filter #filter_tags {
    width: 30.5%;
  }

  .btn-top-main button,
  .edit-nym-outer-tab ul li {
    margin: 5px 0;
  }



  .btn-top-div .button {
    margin-right: 12px !important;
    margin-bottom: 5px !important;
    width: auto;
  }

  .kall .filter .filter_tags {
    width: 37%;
  }

  .filter-outside #filter_dates {
    width: 59% !important;
  }

  .filter-outside #filter_tags {
    width: 28%;
  }

  .filter-outside .action {
    float: right !important;
  }

  .filter-outside.dash-four-filter #filter_dates {
    width: 45% !important;
  }

  .block .block_head .port-user-btn h2 {
    font-size: 14px !important;
  }

  .block .block_head .port-user-btn h2 img {
    width: 11px;
  }

  .block_head.usr-num-fil #filter {
    width: 54% !important;
  }

  .user-num-filter {
    margin-left: 1%;
  }

  .tb-responsive,
  .tb-wrap {
    overflow: auto;
    clear: both;
  }
}

@media screen and (max-width: 1382px) {
  .block .block_head.filter-head.limited-title h2 {
    width: 305px;
  }
}

div#fancybox-wrap.tutorials_h4Videos div#fancybox-content {
  height: 804px !important;
}

div#fancybox-wrap.tutorials_h4Videos {
  width: 1400px !important;
  height: 848px !important;
  left: 15% !important;
}

@media screen and (max-width: 1440px) and (min-width: 1380px) {
  div#fancybox-wrap.tutorials_h4Videos {
    height: 843px !important;
    left: 1.5% !important;
  }

  .vertical_sidebarMenu {
    height: 92% !important;
  }
}

@media screen and (max-width: 1366px) {
  .vertical_sidebarMenu ul li a {
    padding: 16px 5px 16px 5px !important;
  }

  .col_resizeW {
    width: 90%;
    margin-right: 0 !important;
  }

  .vertical_sidebarMenu {
    height: 90% !important;
  }

  .vertical_sidebarMenu ul li a .icon_wrap {
    margin-right: 4px !important;
  }

  .vertical_sidebarMenu ul li a .sidebar_Title {
    font-size: 13px !important;
  }

  div#fancybox-wrap.tutorials_h4Videos {
    width: 1100px !important;
    height: 566px !important;
    left: 9% !important;
  }

  div#fancybox-wrap.tutorials_h4Videos div#fancybox-content {
    height: 622px !important;
  }

  #loginForm .submit.to-btns .button {
    letter-spacing: 0px;
    padding: 0 10px !important;
    font-size: 14px !important;
  }

}

@media screen and (max-width: 1340px) {
  .audio_div .mob-col-audio {
    width: 100%;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 1320px) {
  .block .block_head.filter-head.limited-title h2 {
    width: 275px;
  }

}

@media screen and (max-width: 1280px) {
  
  .hamburger-menu {
    margin-right: 20px;
  }

  .select_company {
    margin-right: 0 !important;
  }

  .block .block_content table tbody tr td.mob-country-width {
    width: 170px !important;
    padding: 0 !important;
    padding-right: 10px !important;
  }

  .block .block_content table tbody tr td.mob-country-code-width {
    width: 80px !important;
    padding: 0 !important;
    padding-right: 10px !important;
  }

  .block .block_content table tbody tr td.mob-number-width {
    padding: 0 !important;
    padding-right: 0 !important;
    width: 190px;
  }

  div#fancybox-wrap.tutorials_h4Videos {
    width: 946px !important;
    height: 586px !important;
  }

  div#fancybox-wrap.tutorials_h4Videos div#fancybox-content {
    height: 530px !important;
  }

  .radio-colThree span {
    padding: 18px 25px 18px 25px;
  }

  .block .block_head.filter-head.limited-title h2 {
    width: 228px;
  }
}

@media screen and (max-width: 1260px) {
  .block .block_head.filter-head.limited-title h2 {
    width: 640px;
  }

  .unique-callerPage.filter-fourCol #filter {
    width: 640px;
  }

  .unique-callerPage.filter-fourCol #filter .action.filter-btn .button-gray {
    width: auto !important;
    padding: 0 10px !important;
  }

  .filter-fourCol #filter .top_date {
    margin-bottom: 0;
  }

  .filter-fourCol #filter {
    width: auto;
  }

  #filter .action.filter-btn .button-gray {
    width: 82px !important;
    padding: 0 8px !important;
  }

  #filter select {
    width: 126px !important;
  }

  .top_date {
    margin-bottom: 10px;
  }

  #filter {
    width: 522px;
    text-align: right;
  }

  .tb-responsive td select,
  .tb-wrap select {
    width: auto;
  }

  th,
  td {
    padding: 2px;
    text-align: left;
    white-space: nowrap;
  }

  #insured_list tr td select {
    width: 120px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1250px) {
  .app_btnGroup img {
    width: 180px !important;
  }

  .download_body h6 {
    font-size: 30px !important;
    margin-bottom: 30px !important;
  }
}

@media screen and (max-width: 1200px) {

.column-70._but_comp_info{width: 100%!important;margin-bottom: 10px;text-align: left !important;}
.column-50.voicePromptDiv.comp_info_base {    width: 70% !important;}

  div#fancybox-wrap.tutorials_h4Videos {
    left: 10% !important;
  }

  .login_header {
    padding: 0 15px;
    min-width: inherit !important;
  }

  #loginForm .submit.to-btns .button {
    margin: 5px 0;
    width: 100% !important;
  }

  #CCFORM .field.card-half-inp span {
    margin: 17px 1% 0;
  }

  .kall .filter .filter_tags {
    width: 34%;
  }

  ul.heading li {
    margin-bottom: 3px !important;
    margin-top: 3px !important;
  }

  .height-0px {
    height: auto;
  }

  .table-res-outer.filter-plan #filter .action {
    width: 21%;
  }

  .user-num-btns {
    margin-bottom: 8px;
    text-align: right;
    width: 100%;
  }
}

@media screen and (max-width: 1134px) {
  .block .block_head.filter-head.limited-title h2 {
    width: 580px;
  }
}

@media screen and (max-width: 1099px) {
  .unique-callerPage.filter-fourCol .csvpdf_btn.flex-bx {
    float: right;
  }

  .unique-callerPage.filter-fourCol .form-uniqueCaller {
    float: left;
  }

  .unique-callerPage.filter-fourCol #filter {
    width: 100%;
    margin-top: 12px;
    display: inline-block;
  }

  .unique-callerPage.filter-fourCol {
    display: flow-root;
  }

  .login-wrapper #login {
    flex-direction: column;
  }

  .login-left {
    border-radius: 5px 5px 0 0;
    padding: 25px;
  }

  .login_header {
    margin-top: -10px !important;
  }

  .login-right .video-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .login-right.video-bg {
    padding: 0 25px;
  }

  .login-wrapper {
    margin-bottom: 30px;
  }

  .forgot-wrapper .login-left,
  .unknownemail-wrapper .login-left {
    padding: 25px;
  }

  .forgot-wrapper .login-right.video-bg,
  .unknownemail-wrapper .login-right.video-bg {
    padding-top: 0;
    padding-bottom: 0;
  }

  .forgot-wrapper #loginForm .submit.to-btns .button.send-btn,
  .unknownemail-wrapper #loginForm .submit.to-btns .button.send-btn,
  .forgot-wrapper #loginForm .submit.to-btns .button {
    width: 100% !important;
  }

  .logo-login {
    margin-bottom: 30px;
  }

  .main-nav-outer ul#navigation li a {
    padding: 15px 11px;
    font-size: 14px;
    font-weight: 500;
  }

  .header-inner-mian ul#navigation li a {
    padding: 10px 8px;
  }

}

@media screen and (max-width: 1080px) {
  .contain-input {
    margin-bottom: 10px;
  }

  .btn_margin .button {
    margin: 0px 8px 10px 0px !important;
  }

  td .delete_number_without_id {
    position: relative;
    top: -13px;
    height: 32px;
    padding: 8px 10px !important;
    margin-bottom: 20px;
  }

  td .msgdel {
    position: relative;
    top: -13px;
    margin-bottom: 20px;
  }

  .line-height36 {
    line-height: 22px;
  }

  .add-recordingSection.flex-bx label {
    margin-bottom: 12px !important;
  }

  .flex-bxWrap {
    flex-wrap: wrap !important;
  }

  .edit-companyPage .pos-relative.column-100 select {
    background-position: 97% center !important;
  }

  .edit-companyPage .column-50 {
    width: 100%;
    margin-right: 0 !important;
  }

  .country-labelRow,
  .address-cityRow {
    flex-wrap: wrap;
    display: flex;
    margin-top: 20px;
  }

  .country-labelRow span {
    margin-right: 0;
    width: 100%;
    margin-bottom: 20px;
  }

  .country-labelRow span:last-child {
    margin-bottom: 0;
  }

  .country-labelRow,
  .address-cityRow {
    flex-wrap: wrap;
    display: flex;
  }

  .add-recordingSection.flex-bx {
    display: inline-block;
  }

  .add-recordingSection input[type="file"] {
    margin-top: 12px;
  }

  table.three-colTb,
  table.three-colTb input {
    width: 100% !important;
  }

  table.three-colTb tr td:first-child {
    margin-top: 0;
  }

  table.three-colTb tr td {
    width: 100%;
    display: table;
    margin-top: 20px;
  }

  .pos-relative .select-arrow {
    padding-right: 70px;
  }

  .mob-rightcolBtn {
    width: auto !important;
    margin-left: 0;
    margin-top: 10px;
  }

  .mob-top {
    margin-top: 20px !important;
  }

  .mob-bottom {
    margin-bottom: 20px !important;
  }

  .mob-w100 {
    width: 100% !important;
  }

  .mob-wAuto {
    width: 100% !important;
  }

  .msgdel .btn-extraSml {
    font-size: 14px !important;
    font-weight: 600;
    padding: 8px 10px !important;
    height: 32px;
  }

  .column-50 .mt-none {
    margin-top: 20px !important;
  }

  .radio-colThree {
    padding: 15px 0;
  }

  .radio-colThree span {
    padding: 0;
    width: 100%;
    border: none;
    margin-top: 15px;
  }

  .radio-colThree span:first-child {
    padding-top: 0;
  }

  .edit-numberPage .column-50,
  .edit-numberPage .block .block_content table.column-50 {
    width: 100%;
    margin-right: 0px !important;
  }

  .pos-relative.w-94 {
    width: 100%;
  }

  .pos-relative.w-94 select,
  .pos-relative.column-100 select,
  .pos-relative.column-50 select {
    background-position: 92% center !important;
  }

  .pos-relative.w-94 .edit-bx,
  .pos-relative.column-100 .edit-bx,
  .pos-relative.column-50 .edit-bx {
    right: 0;
  }

  .tb-countryLable table td:last-child {
    padding-right: 0 !important;
  }

  .btn-darkBlue,
  .btn-lightBlue,
  .btn-white {
    font-size: 14px !important;
    font-weight: 600;
    height: 38px;
    padding: 0 12px !important;
    line-height: 38px;
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 1073px) {
  .block .block_head.filter-head.limited-title h2 {
    width: 520px;
  }

  div#fancybox-wrap.tutorials_h4Videos {
    left: 3% !important;
  }
}

@media screen and (max-width: 1024px) {

  /* div#fancybox-wrap.tutorials_h4Videos {left: 0 !important;width: 100% !important;} */
  /* div#fancybox-wrap.tutorials_h4Videos div#fancybox-content {height: 505px !important;} */
  #footer {
    padding-left: 0;
  }

  .container_16 {
    width: calc(100% - 0px);
  }

  .btn-top-main {
    padding-top: 30px;
  }

  .stat_container .stat_right {
    margin-right: 0px !important;
  }

  .stat_container .stat_lbl {
    font-size: 16px;
    font-weight: 500;
  }

  .dashboard_recentsBox {
    width: 48% !important;
  }

  .stat_graph img {
    width: 100%;
  }

  #wrapper {
    width: calc(100% - 0px);
  }

  .vertical_sidebarMenu {
    display: none;
    width: 280px !important;
  }

  .active-second ul#navigation,
  .vertical_sidebarMenu.active-second {
    display: block !important;
  }

  .active-second ul#navigation {
    margin-top: 0 !important;
  }

  .vertical_sidebarMenu.active-second ul li a .label_section {
    display: flex !important;
    opacity: 1;
  }

  .vertical_sidebarMenu {
    top: 117px !important;
    left: 0;
  }

  .right_containerContent {
    padding-top: 138px !important;
  }

  .main_nav {
    position: fixed;
    top: 76px;
    left: 0;
    z-index: 9999;
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
    background: #fff;
    width: 100%;
  }

  .slideMenuBox {
    display: none;
  }

  .menu-link-second {
    font-size: 21px;
  }

  .row_flex,
  .dashboard_graph {
    margin-top: 20px !important;
  }

  .dashboard_graphBox {
    margin-left: 20px !important;
  }

  .right_containerContent {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .sub_menu_settings_:before {
    position: absolute;
  }

  span.select_company {
    float: right;
    margin-right: 55px;
    margin-bottom: 0;
  }

  .top-logo-head {
    float: left;
  }

  span.menu_cont_ nav.clearfix {
    width: 100%;
  }

  .header-inner-mian ul#navigation li a {
    border-radius: 0px;
  }

  .header-inner-mian #head-inner ul#navigation li li a:hover {
    background-color: #23588c;
  }

  #navigation>li>ul {
    position: relative;
    width: 100%;
    float: left;
  }

  .sub_menu_settings_:before {
    top: 47px;
  }

  .sub_menu_settings_ {
    padding: 7px 0 0 !important;
  }

  .main-nav-outer ul#navigation li a {
    border-radius: 0;
  }

  .hamburger-menu {
    /* margin-right: 0 !important;
    position: absolute;
    top: 0;
    left: 0; */
    display: none;
    height: 76px;
  }

  .header-outer-main {
    padding: 0;
    position: relative;
    z-index: 99999;
  }

  .call_info2.info_map {
    position: static;
  }

  nav {
    height: auto;
    position: relative;
  }

  #head,
  #head-inner {
    display: block;
  }

  .top-logo-head {
    float: left;
    margin: 10px 0;
  }

  span.menu_cont_ {
    float: left;
    width: 100%;
  }

  span.menu_cont_ nav.clearfix {
    float: left;
    width: 100%;
  }

  span.select_company {
    float: left;
    margin-bottom: 0;
    margin-right: 0 !important;
    margin-top: 16px;
    margin-left: 0;
    position: relative;
    left: 10px;
  }

  #head-inner {
    display: table;
    vertical-align: middle;
    margin: 0;
    width: 100%;
    padding: 0 15px 0 10px;
  }

  nav a {
    text-align: left;
    width: 100%;
  }

  nav ul li a {
    padding: 10px 0px;
  }

  nav {
    border-bottom: 0;
  }

  nav ul#navigation {
    width: 100%;
    display: none;
    height: auto;
    margin-top: 10px;
  }

  nav li {
    width: 100%;
    float: left;
    position: relative;
  }

  nav ul {
    display: none;
    height: auto;
  }

  nav a#pull {
    display: block;
    background-color: #3393E5;
    width: 35px;
    height: 29px;
    position: absolute;
    padding: 10px 0px;
    text-decoration: none;
    color: #FFFFFF;
    float: right;
    background: url(../images/navi.png) no-repeat top left;
    margin-top: 0px;
    top: -38px;
    right: 0;
  }

  nav a#pull:after {
    content: "";
    /* background: url(../nav-icon.png) no-repeat; */
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 10px;
  }

  .header-inner-mian ul#navigation li a {
    padding: 14px 11px;
    border-radius: 0;
  }

  #navigation>li>ul::after {
    display: none;
  }

  .sub_menu_settings_ {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: none !important;
    padding: 18px 0 0 !important;
    width: 100% !important;
    top: -10px !important;
  }

  .sub_menu_settings_:before {
    top: 11px;
  }

  #pull-menu {
    display: block;
    float: left;
    height: 45px;
    padding: 8px 0;
    position: relative;
    top: 7px;
    width: 40px;
  }

  a#pull-menu {
    background: rgba(0, 0, 0, 0) url("../images/navi.png") no-repeat scroll left top;
  }

  #navigation>li>ul {
    box-shadow: none;
  }

  .table-res-outer {
    float: left;
    overflow: auto;
    width: 100%;
  }

  .main_nav nav ul#navigation li ul.sub-menu li a:hover {
    background-color: #eeeeee;
    color: #263238 !important;
  }

  .filter-outside #filter_dates {
    width: 59% !important;
  }

  .filter-outside #filter_tags {
    width: 28%;
  }

  .filter-outside #filter_dates {
    width: 56% !important;
  }

  .filter-outside #filter_tags {
    width: 26%;
  }

  .filter-outside.dash-four-filter #filter_tags {
    width: 16.5%;
  }

  .faq-top-ryt-btn {
    display: inline-block;
    margin-top: 3px;
    text-align: left;
    width: 100%;
  }

  .faq-inr-hed-sel {
    display: inline-block;
    margin-top: 3px;
    width: 100%;
    text-align: left;
  }

  .faq-top-ryt-btn {
    display: inline-block;
    margin-top: 2px;
    text-align: left;
    width: 100%;
  }

  .faq-top-ryt-btn button {
    display: inline-block;
    float: none !important;
  }

  .faq-top-ryt-btn span {
    display: inline-block;
    float: none !important;
  }

  .block_head.faq-select select {
    margin-bottom: 5px;
  }

  .header-inner-mian {
    text-align: center;
  }

  .call-dth-outer-main .call_info {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 20px;
  }

  .call-dth-outer-main .call_info2 {
    width: 100%;
    margin-bottom: 20px;
  }

  .call-dth-outer-main .call_meta {
    width: 100%;
  }

  .pull-com {
    display: block;
    position: absolute;
    right: 15px;
    top: 18px;
    z-index: 99;
  }

  .company-header-inner {
    position: relative;
    height: 68px;
  }

  .company-header-inner #head-inner ul {
    background: #20a8d8 !important;
    position: absolute;
    right: 15px;
    top: 100%;
    width: 200px;
    display: none;
  }

  .company-header-inner #head-inner ul li {
    width: 100% !important;
  }

  .company-header-inner #head-inner ul li a {
    width: 100% !important;
  }
}

@media screen and (max-width: 1010px) {
  .block .block_head.filter-head.limited-title h2 {
    width: 400px;
  }
}

@media screen and (max-width: 970px) {

  .comp-toggle span+span,
  .comp-dtoggle span+span,
  .online-toggle span+span,
  .online-dtoggle span+span {
    width: 100%;
    margin-top: 10px;
    color: #156dc3;
    margin-left: 0 !important;
  }

  .comp-toggle,
  .comp-dtoggle,
  .online-toggle,
  .online-dtoggle {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  .comp-toggle span,
  .comp-dtoggle span,
  .online-toggle span,
  .online-dtoggle span {
    float: left;
    width: 77%;
    line-height: 22px;
    font-size: 15px;
  }

  .comp-toggle img,
  .comp-dtoggle img,
  .online-toggle img,
  .online-dtoggle img {
    width: 30px;
    height: 30px;
    top: 0;
    right: 0;
  }

  .invoice-page.filter-fourCol #filter {
    width: 100%;
  }

  .block .block_head.invoice-page.filter-fourCol h2 span {
    margin-top: 5px;
  }

  .div-accordionHead {
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 900px) {
  span.filter_span {
    float: left;
    width: 8%;
    text-align: left;
  }

  .edit-numberPage .tabs.expend-outer-btn li {
    padding: 10px !important;
  }

  .edit-numberPage .block_head span.no-highlight {
    margin-top: 10px;
  }

  .edit-numberPage .tabs.expend-outer-btn li:last-child {
    padding-right: 20px !important;
  }

  .edit-numberPage .block .block_head ul {
    border: 1px solid #4d7398 !important;
    margin-bottom: 12px;
    border-radius: 5px;
    margin-left: 10px;
  }

  .edit-numberPage .block .block_head h2 {
    padding-top: 10px;
    margin-bottom: 10px;
  }

  .edit-numberPage .block .block_head {
    flex-direction: inherit;
    flex-wrap: wrap;
  }

  .filter-oneCol #filter .action.filter-btn {
    width: auto !important;
    float: left;
  }

  .block_head.tab-hed-icon.filter-head.filter-oneCol .btn-orange {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 5px 5px 0;
    width: 30px;
  }

  .filter-oneCol #filter {
    position: relative;
  }

  .filter-oneCol #filter .action {
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0;
  }

  .days-inputSearch.filter-twoCol #filter .action.filter-btn {
    width: 100%;
    margin-left: 0;
  }

  .days-inputSearch.filter-twoCol .btn-orange {
    position: absolute;
    right: 0;
    border-radius: 0 5px 5px 0;
    bottom: 56%;
  }

  .days-inputSearch.filter-twoCol #filter {
    position: relative;
  }

  .days-inputSearch.filter-twoCol #filter .action {
    width: 49%;
    margin-right: 0;
  }

  .days-inputSearch.filter-twoCol #filter_tags {
    width: 49%;
    float: left;
  }

  .dashboard-calllogPage.filter-fourCol #filter .action.filter-btn {
    width: 100%;
    margin-left: 0;
  }

  .unique-callerPage.filter-fourCol .form-uniqueCaller {
    width: 100%;
  }

  .unique-callerPage.filter-fourCol #filter .action.filter-btn .button-gray {
    float: left;
  }

  .unique-callerPage.filter-fourCol #filter {
    position: relative;
  }

  .unique-callerPage.filter-fourCol .csvpdf_btn.flex-bx {
    position: absolute;
    right: -10px;
    bottom: 10px;
  }

  .invoice-page.filter-fourCol #filter .action.filter-btn .button-gray {
    width: 100% !important;
  }

  .create-in-top-main .invoice-page.filter-fourCol #filter_tags {
    width: 49%;
  }

  .block .block_head.invoice-page.filter-fourCol h2,
  .block .block_head.invoice-page.filter-fourCol h2 span {
    margin-top: 0;
  }

  .filter-fourCol #filter .action.filter-btn {
    width: 49%;
  }

  .filter-fourCol #filter #filter_tags {
    float: left;
    margin-left: 0;
  }

  .filter-fourCol #filter .top_date {
    margin-bottom: 10px;
  }

  .filter-fourCol #filter_dates input#start_date {
    float: left;
  }

  .filter-fourCol #filter_dates input#end_date {
    float: right;
  }

  .filter-fourCol #filter {
    width: 100%;
  }

  .block_head.tab-hed-icon.filter-head.filter-allCol .btn-orange {
    margin-left: 0px !important;
    width: 34px;
  }

  .filter-allCol #filter .action.filter-btn {
    flex-grow: 1;
    margin-left: 10px;
  }

  .filter-allCol #filter .search-action {
    float: right;
    width: 49%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .filter-allCol #filter .action {
    width: 49%;
    float: left;
    margin-left: 0;
  }

  .filter-allCol #filter_tags.select-dateRange,
  .filter-allCol #filter_tags.select-tags,
  .filter-fourCol.dashboard-calllogPage #filter_tags.select-dateRange,
  .filter-fourCol.dashboard-calllogPage #filter_tags.select-tags {
    float: left;
    margin-left: 0;
  }

  .filter-allCol #filter_dates input#start_date {
    float: left;
  }

  .filter-allCol #filter_dates input#end_date,
  .filter-allCol #filter_tags.select-tags {
    float: right;
  }

  .filter-fourCol.dashboard-calllogPage #filter_dates input#end_date,
  .filter-fourCol.dashboard-calllogPage #filter_tags.select-tags {
    float: right !important;
  }

  .days-inputSearch #filter .action {
    width: 48.7%;
    margin-right: 8px;
  }

  .days-inputSearch #filter .action.filter-btn {
    width: 43.5%;
    margin-right: 0;
  }

  .days-inputSearch #filter_tags {
    width: 99%;
  }

  .block .block_head {
    flex-direction: column;
  }

  #filter {
    width: 100%;
    margin-top: 15px;
  }

  .block .block_head.filter-head.limited-title h2 {
    width: 100%;
    margin-top: 5px;
  }

  #filter_dates input {
    width: 49% !important;
  }

  #filter_tags {
    margin-bottom: 10px;
    width: 49%;
  }

  #filter .action.filter-btn .button-gray {
    width: 100% !important;
  }

  .top_date,
  .login-left {
    width: 100% !important;
  }

  #filter .action input {
    width: 99.8% !important;
  }

  #filter select {
    width: 100% !important;
    background-position: 97% 14px;
  }

  .login-right {
    float: right;
    width: 100%;
  }

  #filter .action.filter-btn {
    width: 43.3%;
  }

  .block_head.tab-hed-icon.filter-head .btn-orange {
    margin-left: -2px !important;
    width: 4.3%;
    padding: 0;
  }

  #filter .action {
    width: 50%;
  }

  #filter_dates input {
    margin-left: 0;
  }

  .login-bg::before {
    display: none;
  }

  #chooce-pay .login-right {
    margin-top: 50px;
  }

  #CCFORM .field.card-half-inp span {
    margin: 17px 2% 0;
  }

  #cardpaysign .login-right {
    margin-top: 50px;
  }

  .res-input-main-outer .grid_8 {
    width: 100%;
  }

  .filter-outside.dash-four-filter #filter_dates {
    width: 44% !important;
  }

  .create-in-top-main #filter_tags {
    width: 24.5%;
  }

  .container_12 .grid_6,
  .container_16 .grid_8 {
    width: 100%;
    margin: 0 0 20px;
  }

  .block .block_head.filter-head div#filter .tabs {
    float: left;
  }
}

@media screen and (max-width: 840px) {
  div#fancybox-wrap {
    width: 500px !important;
  }
}

@media screen and (max-width: 810px) {

  .country select,
  .margin_left input[type="text"] {
    padding: 8px 3px !important;
    font-size: 12px;
  }

}


@media screen and (max-width: 768px) {

  .vertical_sidebarMenu {
    height: 80% !important;
  }

  .dashboard_recentsBody {
    height: 384px !important;
  }

  .btn-top-main {
    padding-top: 0;
  }

  .right_containerContent {
    padding-top: 138px !important;
  }

  .download_body {
    margin-top: 25px !important;
    padding-bottom: 50px;
  }

  .dashboard_graph {
    margin-top: 0px !important;
  }

  .download_app {
    height: auto !important;
    margin-top: 0;
  }

  .dashboard_graph,
  .row_flex,
  .download_app {
    display: inline-block !important;
    width: 100% !important;
    margin-left: 0 !important;
  }

  .dashboard_graphBox,
  .dashboard_recentsBox {
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 0;
  }

  span.select_company {
    float: left;
  }

  .top-logo-head {
    display: none;
  }

  .row_flex .dashboard_recentsBox.ml_none,
  .dashboard_graphBox.calls_graphBx,
  .dashboard_graphBox.sms_graphBx {
    margin-bottom: 20px;
  }

  #wrapper {
    width: calc(100% - 0px);
  }

  #footer {
    padding-left: 0;
    padding-bottom: 20px;
  }

  .page-btm-margin {
    margin-bottom: 10px;
  }

  .select_company form {
    width: 100%;
    padding-right: 45px;
  }

  nav a#pull {
    right: -45px;
  }

  .select-edit {
    right: 0;
  }

  .select_cmpny {
    width: 100%;
    margin-right: 0;
    border-radius: 5px;
  }

  #head-inner {
    padding: 0 60px 0 20px;
  }

  span.select_company {
    position: relative;
    left: 0;
    width: 100%;
  }

  .select_cmpny .selectBox-dropdown {
    width: 100% !important;
    min-width: 100% !important;
  }

  .main-nav-outer ul#navigation li {
    margin-bottom: 2px;
  }

  .edit_email_right {
    margin-left: 0;
    margin-top: 20px;
  }

  .mob-column-50 {
    width: 50%;
  }

  .block .block_content h2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .state-tabl-main.tb-countryLable {
    margin-top: 20px !important;
  }

  .tb-countryLable table tr td:last-child {
    margin-bottom: 0;
  }

  .tb-countryLable table tr td {
    display: table;
    margin-bottom: 20px;
  }

  .tb-countryLable table,
  .tb-countryLable table tr td {
    width: 100% !important;
  }

  .invoice-page.filter-fourCol #filter .top_date {
    margin-bottom: 0;
  }

  .column-50 {
    width: 100%;
    margin-right: 0 !important;
  }

  .info-mob-responsive {
    width: 100% !important;
    padding: 0 20px;
    margin: 0;
  }

  .filter-outside #filter_dates {
    width: 100% !important;
  }

  .filter-outside #filter_tags {
    width: 100%;
  }

  .filter-outside .action {
    width: 100% !important;
    margin-top: 10px;
  }

  .block .block_head form.uni-form-width #filter_dates input {
    width: 48% !important;
  }

  .filter-outside .action button {
    width: 100%;
  }

  .filter-outside.dash-four-filter #filter_dates {
    width: 100% !important;
  }

  .filter-outside.dash-four-filter #filter_dates input {
    width: 100% !important;
  }

  .filter-outside.dash-four-filter #filter_tags {
    margin: 0 !important;
    width: 100%;
  }

  .filter-outside.dash-four-filter #filter_tags #daterange {
    margin-bottom: 10px;
  }

  .create-in-top-main #filter {
    width: 100%;
  }

  .create-in-top-main #filter form {
    width: 100%;
  }

  .create-in-top-main #filter_dates {
    width: 100% !important;
  }

  .create-in-top-main #filter_dates input {
    width: 100% !important;
    margin: 0px;
    margin-bottom: 10px;
  }

  .create-in-top-main #filter_tags {
    margin-bottom: 10px;
    width: 100%;
  }

  .create-in-top-main #filter .action.filter-btn button {
    width: 100%;
  }

  .create-in-top-main .generate_button {
    width: 100%;
  }

  .column-60,
  .block .block_content table.column-60,
  .column-40,
  .block .block_content table.column-40 {
    width: 100%;
    margin-right: 0px;
  }

  .overflow_auto {
    overflow: auto;
  }
}

@media screen and (max-width: 759px) {
  .block .block_content ul.tab-main-ul {
    overflow: hidden;
    white-space: nowrap;
  }

  .block .block_content ul.tab-main-ul:hover {
    overflow-x: auto;
  }

  .steps ul li {
    float: none;
    display: inline-block;
  }

  #filter_dates input {
    width: 48.9% !important;
  }

  #filter_tags {
    width: 48.9%;
  }

  #filter .action.filter-btn {
    width: 43%;
  }

  .filtered_callsBx {
    display: inline-block;
  }

  .filtered_callsBx a.button {
    margin-right: 0;
    margin-top: 5px;
    padding: 8px 12px;
  }
}

@media screen and (max-width: 690px) {

  .vertical_sidebarMenu {
    height: 90% !important;
  }

  .app_btnGroup img {
    width: 130px !important;
  }

  .download_body h6 {
    font-size: 24px !important;
    margin-bottom: 30px !important;
  }

  .sp1-mar-top input {
    width: auto !important;
  }

  .days-inputSearch.filter-twoCol #filter .action.filter-btn {
    width: auto !important;
    margin-left: 0;
    float: left;
    margin-top: 10px;
  }

  .days-inputSearch.filter-twoCol .btn-orange {
    bottom: 41%;
    width: 30px !important;
  }

  .unique-callerPage.filter-fourCol .action.filter-btn,
  .dashboard-calllogPage.filter-fourCol #filter .action.filter-btn {
    float: left;
  }

  .unique-callerPage.filter-fourCol .csvpdf_btn.flex-bx {
    bottom: 0px;
  }

  .unique-callerPage.filter-fourCol #filter .action.filter-btn {
    width: auto !important;
    float: left;
  }

  .invoice-page.filter-fourCol #filter .action.filter-btn {
    float: left;
  }

  .filter-fourCol #filter .action.filter-btn .button-gray {
    width: auto !important;
    float: left;
  }

  .filter-fourCol #filter .action.filter-btn {
    width: auto !important;
  }

  .filter-allCol #filter .action.filter-btn {
    flex-grow: 0;
    margin-left: 0;
  }

  .filter-allCol #filter .action.filter-btn .button-gray,
  .filter-allCol #filter .action.filter-btn {
    width: auto !important;
  }

  .block_head.tab-hed-icon.filter-head.filter-allCol .btn-orange {
    margin-left: 0px !important;
    position: absolute;
    right: 0;
    bottom: 128%;
    border-radius: 0 5px 5px 0;
  }

  .filter-allCol #filter .search-action {
    position: relative;
    width: 100%;
  }

  .content-inner-cont .plotform,
  #filter_dates input,
  #filter_tags,
  #filter .action {
    width: 100% !important;
    margin-left: 0;
  }

  .block_head.tab-hed-icon.filter-head .btn-orange {
    margin-left: 4px !important;
    width: 12.3%;
  }

  #filter .action.filter-btn {
    width: 86% !important;
  }

  #filter_dates input#start_date,
  #filter_dates input#start {
    margin-bottom: 10px;
  }

  #filter .action #search {
    margin-bottom: 10px;
    padding-right: 48px;
  }

  .content-inner-cont .dwmy {
    float: left;
    width: 100%;
    margin-top: 20px;
  }

  .content-inner-cont .dwmy ul li {
    width: 25%;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }

  .dwmy ul li input[type="submit"] {
    font-size: 12px;
  }

  #foot ul li {
    border-left: 1px solid #8c939e;
    padding: 0 5px;
    line-height: 10px;
    font-size: 10px;
    font-size: 13px;
    margin-bottom: 12px;
  }

  .block_head.tab-hed-icon.filter-head .btn-orange {
    margin-left: 0px !important;
  }
}

@media screen and (max-width: 665px) {
  .caller_textMsg table tbody tr td {
    width: 100%;
    display: block;
    margin-bottom: 15px;
  }

  .caller_textMsg table tbody tr td:last-child {
    margin-bottom: 0;
  }

  .caller_textMsg table tbody tr td .select-arrow,
  .caller_textMsg table tbody tr td .noSubmit {
    width: 100%;
  }

  .caller_textMsg table tbody tr td .lbl_resizeMsg,
  .caller_textMsg table tbody tr td .lbl_resizeC {
    width: auto;
    margin-right: 0 !important;
  }


  .col-68 {
    width: 96%;
  }

  .audio_div .button {
    margin-top: 10px;
  }

  .tu-wrap {
    display: block;
  }

  .tu-btn {
    float: left;
  }
}

@media screen and (max-width: 600px) {

  /* div#fancybox-wrap.tutorials_h4Videos div#fancybox-content {height: 255px !important;} */

  .edit_infobarSection {
    display: inline-block;
    padding-bottom: 10px;
    padding-left: 10px;
    background: #e7f0f8;
    width: 100%;
    position: inherit !important;
    right: 0 !important;
    top: 0 !important;
  }

  .check-main.rember {
    width: 170px;
  }

  #step2.addsteps .choose {
    padding: 0 10px 20px 10px;
    width: 50%;
  }

  .pos-relative.w-94 select,
  .pos-relative.column-100 select,
  .pos-relative.column-50 select {
    background-position: 90% center !important;
  }

  .operating-list {
    height: auto;
    line-height: inherit;
  }

  .operating-list .day-title {
    width: 100%;
  }

  .operating-list select {
    min-width: 100%;
    width: 100%;
    margin-top: 12px;
  }

  .operating-list .closed-cb {
    float: left;
    width: 100%;
    margin-top: 12px;
  }

  .optrow-outer .optrow {
    float: left;
    padding-bottom: 0;
  }
}

@media screen and (max-width: 550px) {

  .stat_container {
    display: inline-block !important;
  }

  .stat_container .stat_left {
    margin-bottom: 15px;
  }

  .mob-label {
    width: 100% !important;
  }

  .logo-login img {
    width: 100%;
  }

  .block .block_content ul.tab-main-ul {
    padding: 20px 15px 0 8px;
  }

  label {
    width: 87%;
  }

  .btn-darkBlue,
  .btn-lightBlue,
  .btn-white {
    padding: 12px 12px !important;
    line-height: 22px;
    float: none;
    white-space: normal;
    height: auto;
  }

  .cboxElement {
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 10px;
  }

  ul.pay-list-ryt li {
    width: 100%;
    padding-right: 0px;
  }

  #company_detail_show {
    margin-top: 5px;
  }


  .top-logo-head {
    width: 100%;
    text-align: left;
  }

  span.select_company {
    float: left;
    margin-right: 0;
  }

  .top-logo-head {
    margin: 0px 0 10px;
  }

  div#fancybox-wrap {
    width: 430px !important;
  }

  h2.pop_ttl {
    font-size: 15px !important;
  }
}

@media screen and (max-width: 480px) {

  .contain-bx input,
  .contain-bx textarea,
  .contain-bx select {
    width: 30px !important;
  }

  .check_tags label {
    width: auto;
  }

  ._checks input[type="checkbox"],
  ._checks input[type="radio"] {
    width: auto !important;
    float: left;
  }

  ._checks label {
    width: 82% !important;
    margin-left: 5px !important;
  }

  .check_tags input[type="checkbox"],
  .check_tags input[type="radio"],
  .rember input {
    width: auto !important;
  }

  audio {
    width: 100%;
  }

  #voiceringtone,
  #voiceringtone audio#voice_Message_Audiosource {
    width: 100%;
  }

  div#fancybox-wrap {
    width: 300px !important;
  }

  .pos-relative.w-94 select,
  .pos-relative.column-100 select,
  .pos-relative.column-50 select {
    background-position: 86% center !important;
  }

  .login-left {
    padding: 17px 25px 30px;
  }

  h2.login-heading {
    font-size: 22px;
  }

  h2.login-heading::after {
    width: 190px;
  }

  h2.login-heading::before {
    width: 78px;
  }

  .login_header img {
    width: 75%;
  }

  .sign-hed-sml {
    width: 100%;
  }

  .sign-hed-sml.right-sd {
    width: 100%;
  }

  .paypal-iocn {
    text-align: left;
    width: 100%;
  }

  .paypal-iocn img {
    top: 0px;
  }

  #CCFORM .field.card-half-inp span {
    visibility: hidden;
    margin: 0 2%;
  }

  #CCFORM .field.card-half-inp input {
    width: 100%;
  }

  #CCFORM .field.card-city-lft {
    width: 100%;
  }

  #CCFORM .field.card-state-ryt {
    width: 100%;
  }

  .select_company {
    float: left;
  }

  input,
  select,
  textarea {
    width: 100% !important;
  }

  .res-input-main-outer .grid_8 {
    margin: 0px;
  }

  input[type="radio"] {
    width: auto !important;
  }

  input[type="checkbox"] {
    width: auto !important;
  }

  ul.heading li {
    width: 100%;
  }

  ul.heading li a {
    width: 100%;
  }

  .btn-top-main .btn-group {
    width: 100%;
  }

  .btn-top-main .btn-group a {
    width: 100%;
    margin-top: 4px;
  }

  .btn-top-main a {
    width: 100%;
  }

  .inp input {
    width: 100% !important;
  }

  .res-mar-top {
    margin-top: 10px;
  }

  .block .block_content ul.tab-main-ul li a {
    padding: 5px 15px;
  }

  .numsearch button {
    margin-bottom: 5px;
    width: 100%;
  }

  .buynumber {
    margin: 0;
  }

  .block_head.faq-select input {
    margin-bottom: 4px;
  }

  .inp-rad-snd input[type="radio"] {
    margin: 0 7px;
    position: relative;
    top: 2px;
  }

  .inp-rad-snd input[type="checkbox"] {
    margin: 0 7px;
    position: relative;
    top: 2px;
  }

  table#elm1_tbl {
    width: 100% !important;
  }

  .edt-grp-btns-top button {
    width: 100%;
  }

  .btn-res-aro button {
    width: 100%;
  }

  .btn-res-aro a {
    width: 100%;
  }

  .btn-top-div button {
    width: 100%;
  }

  .btn-top-div a {
    width: 100%;
  }
}

@media screen and (max-width: 414px) {
  #step2.addsteps .choose {
    padding: 10px;
    width: 100%;
  }

  .pos-relative.w-94 select,
  .pos-relative.column-100 select,
  .pos-relative.column-50 select {
    background-position: 82% center !important;
  }
}

@media screen and (max-width: 398px) {
  .vertical_sidebarMenu {
    height: 84% !important;
  }

  .mob-top-sml {
    margin-top: 10px !important;
  }
}

@media screen and (max-width: 360px) {
  div#fancybox-wrap {
    width: 275px !important;
  }

  .pos-relative.w-94 select,
  .pos-relative.column-100 select,
  .pos-relative.column-50 select {
    background-position: 78% center !important;
  }
}

.popup .block .block_head h2 {
  padding-left: 0;
}

.popup .block .block_head h2 span {
  font-size: 18px;
  padding: 0 !important;
}

.active_tblRow td {
  background-color: #d8ecff;
}

.area_codeWarning {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
  position: relative;
  padding: 0.75rem 1.25rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  margin-top: 0;
  float: left;
  width: 100%;
}

nav[role=navigation].active,
nav[role=navigation].active-second {
  max-height: 100%;
  overflow: auto !important;
}

.active-second ul#navigation {
  display: block !important;
}

.btn-top-main #wrapper {
  width: 100%;
}

.btn-top-main button.button.blue_button.left,
.edit-nym-outer-tab ul li a {
  background: #21507e;
}

.vertical_sidebarMenu {
  overflow: auto;
  height: 93% !important;
}

.fs20 {
  font-size: 20px !important;
}

.plan-desTitle {
  font-size: 16px;
  font-weight: bold;
  background: #e7f0f8;
  float: left;
  padding: 10px 14px;
  border: 1px solid #ddd;
  border-radius: 3px;
}

#reporting-line canvas {
  /* width: 100% */
  height: 100%;
}

#reporting-line .tickLabels {
  font-size: 12px !important;
  font-weight: 500;
  color: #2e3136 !important;
}

#reporting-line .tickLabel.tickLabelCustomClassYaxis {
  left: 0 !important;
}

.login-wrapper .container_12,
.login-wrapper .container_16 {
  margin: 0 auto;
  max-width: 100%;
  width: 1350px;
}

.company_header_wrapper .header-inner-mian #head-inner,
.company_header_wrapper .header-inner-mian .menu_cont_ {
  margin-top: 0;
}

.company_header_wrapper .header-inner-mian #head-inner {
  z-index: 99999;
}

.btn-top-main.new_user {
  padding: 0 !important;
  margin-left: 30px !important;
  width: 96% !important;
}

#message {
  padding-left: 30px;
  padding-right: 30px;
}

body.not-login-outer {
  width: 94%;
  margin: 0 auto;
}

body.not-login-outer .login_header {
  margin-top: 0px !important;
}

.login-wrapper .new-login-inner.white-label-login {
  width: 890px;
}

.exampleMessage {
  padding: 4px 18px;
  display: inline-block;
  font-size: 13px;
}

.font-large30 {
  font-size: 115%;
}

label.font-large30 b {
  font-size: 18px !important;
}

.left-labelMain {
  margin-right: 30px;
}

.top-voicemailTranscribe {
  position: absolute;
  top: 0;
  right: 20px;
}

.steps-countList b {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  float: left;
  background-color: #21507e;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  border: 1px solid #21507e;
  margin-right: 14px;
  margin-left: -4px;
  margin-top: 5px;
}

.col-68 {
  width: 68%;
}

.setps-countMargin {
  margin-left: 35px !important;
}

.min-w180col {
  min-width: auto !important;
  width: 180px !important;
}

.col-posWidget {
  position: relative;
  top: -10px;
}

@media screen and (max-width: 1268px) {
  .col-leftPane {
    margin-left: 65px;
    margin-top: 20px;
  }

  .col-leftPane .column-50 {
    width: 100%;
  }

  .column-50.col-leftPanel {
    padding: 20px 20px 0 20px;
  }
}

@media screen and (max-width: 860px) {
  .min-w180col {
    min-width: auto !important;
    width: 100% !important;
  }

  .setps-countMargin {
    margin-left: 0 !important;
  }

  .col-posWidget {
    top: 5px;
  }

  .left-labelMain {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 690px) {
  div#fancybox-wrap.tutorials_h4Videos {
    left: 0 !important;
    height: 306px !important;
    width: 100% !important;
  }

  div#fancybox-wrap.tutorials_h4Videos div#fancybox-content {
    height: 354px !important;
  }

  .steps-countList {
    float: left;
    width: 100%;
    margin-bottom: 8px;
  }
}

#addmoremsg a:hover,
.btn-lightBlue:hover a {
  color: #fff;
}

/* .dashboard_recentsBox .sortable.ctable tr td {
    white-space: break-spaces;
    word-break: break-all;
  } */


.apollo-field-switcher label {
  display: block;
  float: left;
  cursor: pointer;
  position: relative;
  width: 89px;
  height: 22px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  margin-bottom: 0 !important;
}

.apollo-field-switcher label input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.apollo-field-switcher input[type=radio],
.apollo-field-switcher input[type=checkbox] {
  border: 1px solid #b4b9be;
  background: #fff;
  color: #555;
  clear: none;
  cursor: pointer;
  display: inline-block;
  line-height: 0;
  height: 16px;
  margin: -4px 4px 0 0;
  outline: 0;
  padding: 0 !important;
  text-align: center;
  vertical-align: middle;
  width: 16px;
  min-width: 16px;
  -webkit-appearance: none;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  -webkit-transition: .05s border-color ease-in-out;
  transition: .05s border-color ease-in-out;
}

.apollo-field-switcher input[type=radio],
.apollo-field-switcher input[type=checkbox] {
  border: 1px solid #b4b9be;
  background: #fff;
  color: #555;
  clear: none;
  cursor: pointer;
  display: inline-block;
  line-height: 0;
  height: 16px;
  margin: -4px 4px 0 0;
  outline: 0;
  padding: 0 !important;
  text-align: center;
  vertical-align: middle;
  width: 16px;
  min-width: 16px;
  -webkit-appearance: none;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  -webkit-transition: .05s border-color ease-in-out;
  transition: .05s border-color ease-in-out;
}

.apollo-field-switcher label em {
  position: relative;
  display: block;
  height: inherit;
  font-size: 10px;
  line-height: 23px;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  color: #fff;
  background-color: #21507e;
  -moz-transition: background 0.15s ease-out;
  -o-transition: background 0.15s ease-out;
  -webkit-transition: background 0.15s ease-out;
  transition: background 0.15s ease-out;
}

.apollo-field-switcher label em:before {
  content: attr(data-off);
  right: 8px;
}

.apollo-field-switcher label em:before,
.apollo-field-switcher label em:after {
  position: absolute;
  -moz-transition: opacity 0.15s ease-out;
  -o-transition: opacity 0.15s ease-out;
  -webkit-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
}

.apollo-field-switcher label em:after {
  content: attr(data-on);
  left: 8px;
  opacity: 0;
}

.apollo-field-switcher label em:before,
.apollo-field-switcher label em:after {
  position: absolute;
  -moz-transition: opacity 0.15s ease-out;
  -o-transition: opacity 0.15s ease-out;
  -webkit-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
}

.apollo-field-switcher label span {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 14px;
  height: 14px;
  background-color: #fff;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  -webkit-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}

.apollo-field-switcher label input:checked~em:before {
  opacity: 0;
}

.apollo-field-switcher label em:before {
  content: attr(data-off);
  right: 8px;
}

.apollo-field-switcher label em:before,
.apollo-field-switcher label em:after {
  position: absolute;
  -moz-transition: opacity 0.15s ease-out;
  -o-transition: opacity 0.15s ease-out;
  -webkit-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
}

.apollo-field-switcher label input:checked~em:after {
  opacity: 1;
}

.apollo-field-switcher label em:after {
  content: attr(data-on);
  left: 12px;
  opacity: 0;
}

.apollo-field-switcher label input:checked~em {
  background: #fba648;
  color: #000;
  font-weight: 700;
}

.apollo-field-switcher label input:checked~span {
  left: 71px;
}

.apollo-field-switcher label em:before,
.apollo-field-switcher label em:after {
  position: absolute;
  -moz-transition: opacity 0.15s ease-out;
  -o-transition: opacity 0.15s ease-out;
  -webkit-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
}

.apollo-field-switcher input[type=checkbox]:checked:before {
  content: "\f147";
  margin: -3px 0 0 -4px;
  color: #1e8cbe;
}

.apollo-field-switcher input[type=radio]:checked:before,
.apollo-field-switcher input[type=checkbox]:checked:before {
  float: left;
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  font: 400 21px/1 dashicons;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.drop_dspAction {
  display: none;
}

a.changeSlideMenu {
  cursor: pointer;
  background: #ff606e;
  height: 23px;
  width: 23px;
  font-size: 10px;
  border-radius: 50px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
}

a.changeSlideMenu .fa {
  position: relative;
  left: 1px;
}

a.changeSlideMenu:hover {
  background: #2e3136;
}

.main_nav #navigation>li>ul {
  z-index: inherit;
}

.main_nav.sidBarOpned a.changeSlideMenu .fa {
  position: relative;
  left: -1px;
}

.main_nav.sidBarOpned a.changeSlideMenu .fa {
  transform: rotate(180deg);
}

.lockPanelWrapper {
  align-items: center;
  justify-content: end;
  display: none;
}

.sidBarOpned .lockPanelWrapper {
  display: block;
  padding: 10px 0 10px 6px !important;
  border-bottom: 1px solid #dee8f1;
  float: left;
  width: 100%;
}

.sidBarOpned .lockPanelwrapper input[type="checkbox"] {
  top: 0;
  margin-right: 5px;
}

.sidBarOpned .label_section,
.sidBarOpned .drop_dspAction {
  opacity: 1 !important;
}

.sidBarOpned .drop_dspAction {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.lineHeight_fa .fa {
  line-height: 1;
}

.delBtn_pos {
  position: relative;
  top: 6px;
}

.dashboard_recentsBox.roboCallsbx .sortable.ctable tr th:first-child,
.dashboard_recentsBox.roboCallsbx .sortable.ctable tr td:first-child {
  padding-left: 25px !important;
}

.dashboard_recentsBox.roboCallsbx .sortable.ctable tr td {
  padding: 11px 10px !important;
}

.roboCallsbx button {
  font-size: 14px;
  font-weight: 600;
  height: 30px;
  padding: 0 14px;
  line-height: 29px;
}

.blue_ornage {
  background: #fba648 !important;
  color: #000 !important;
  border-color: #fba648 !important;
}

.blue_ornage {
  background: #f58b27 !important;
}

.dashboard_recentsBox.roboCallsbx .blue_ornage {
  padding: 0 9px !important;
}

a.closeSideMenuBox {
  cursor: pointer;
  background: #21507e;
  height: 24px;
  width: 24px;
  font-size: 15px;
  border-radius: 50px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  float: right;
  margin-right: 10px;
  animation: fadeInAnimation ease 0.6s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

a.closeSideMenuBox {
  background: #21507e;
  border-color: #21507e;
  color: #fff;
  text-decoration: none;
}

@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}


.comp_NameNumber .form_inputRow input[type="text"],
.comp_NameNumber textarea,
.comp_NameNumber .select-arrow {
  background-color: #f6f6f6 !important;
}

.comp_NameNumber input.compaignNameInput {
  font-size: 16px;
  font-weight: 500;
}

.dashboard_recentsBox .sortable.ctable tr td,
.dashboard_recentsBox .sortable.ctable tr th {
  white-space: nowrap;
  word-break: break-all;
}

.dashboard_recentsBox.recentSMSBlock .sortable.ctable tr td {
  white-space: inherit;
  word-break: break-word;
}

#loginForm p input,
#loginForm input {
  background: #fff !important;
}


.div-accordionHead h4 {
  position: relative;
}

.edit_infobarSection {
  position: absolute;
  right: 15px;
  top: 16px;
}

.edit_infobarSection a {
  width: 34px;
  height: 34px;
  display: inline-block;
  background: #21507e;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 20px;
  margin-left: 6px;
}

.edit_infobarSection a.infobarinfo_ico {
  font-size: 18px;
}

.edit_infobarSection a.infobarvideo_ico {
  background: red;
}

.edit_infobarSection a i {
  line-height: 35px;
}

.block .block_content #product_description_parent table {
  width: auto;
}

.block .block_content #welcome_page_parent table {
  width: auto;
}

.block .block_content .tog-div+div #welcome_page_parent table tbody tr:last-child td {
  padding-bottom: 1px !important;
  padding-top: 1px;
}

.apollo-field-switcher label {
  width: 125px !important;
}

.apollo-field-switcher label input:checked~span {
  left: 105px !important;
}

.light_gray_table .table-colSettinghead {
  background: #e7f0f8;
  border: 1px solid #e7f0f8 !important;
}

.light_gray_table .table_colSettings_click:hover {
  background: #e7f0f8;
  border: 1px solid #21507e !important;
  color: #21507e !important;
}

.fs-36,
.fa.fs-36 {
  font-size: 36px;
}

span.required-field {
  color: #ff3d3d;
  margin-left: 3px;
}

.resolution_filterWrap input#search {
  width: 285px;
}

.block .pagination {
  margin-right: 10px;
  margin-top: 10px !important;
}

#step2.addsteps .choose label {
  float: left;
}

#step2.addsteps .choose span {
  float: left;
  width: 100%;
}

#step2.addsteps .choose span.choose_spanIcon {
  width: auto;
  margin-left: 8px;
  margin-top: 1px;
}

.select_wCol select {
  width: 210px;
}

.select_wCol input {
  width: 110px;
  text-align: left;
  padding-left: 12px !important;
}


@media screen and (max-width: 800px) {
  .new-login-outer.new-login-inner.white-label-login {
    width: 100%;
  }

  .login-cid-body .white-label-login .login-left {
    padding: 20px;
  }

  .login-cid-body .white-label-login .logo-login {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 690px) {
  .flex-bx.select_wCol {
    display: block;
  }

  .select_wCol select,
  .select_wCol input {
    width: 100% !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
  }

  .select_wCol select {
    margin-bottom: 15px;
  }
}

@media (max-width: 1366px) and (max-height: 768px) {
  .resolution_filterWrap input#search {
    width: 235px;
  }
}

@media (max-width: 1280px) and (max-height: 960px) {
  ._reports_dateRange .column-30 {
    width: 24%;
    margin-right: 5px;
    font-size: 13px;
    font-weight: 600;
  }

  ._reports_dateRange select {
    width: 43% !important;
  }

  .block .block_head.resolution_filterWrap {
    flex-direction: unset;
  }

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

  .resolution_filterWrap input#search {
    width: 205px;
  }

  .vertical_sidebarMenu {
    height: 87% !important;
  }

  .download_body h6 {
    font-size: 20px !important;
    margin-bottom: 20px !important;
  }

  .app_btnGroup img {
    width: 110px !important;
    margin: 5px !important;
  }

  .download_body {
    margin-top: 5px !important;
  }

  .top-voicemailTranscribe {
    right: 0;
  }

  .vertical_sidebarMenu {
    height: 91% !important;
  }

  .column-50.operating-list {
    width: 52%;
  }

  #text_alert_message_content .column-50.col-leftPanel,
  .block_VoiceEmailData .column-50.col-leftPanel {
    width: 90%;
    margin-top: 20px;
    margin-left: 35px;
  }

  .block_VoiceEmailData .column-50.col-leftPanel {
    margin-left: 0;
    width: 56%;
  }

  .block_VoiceEmailData #voicemailTextMessage .column-50.col-leftPanel {
    margin-left: 35px;
    margin-top: 25px !important;
  }

  .block_VoiceEmailData .column-50.col-rightPanel input.noSubmit {
    width: 100%;
  }

  #text_alert_message_content .column-50.col-rightPanel {
    width: 75%;
  }

  .block_VoiceEmailData .column-50.col-rightPanel {
    width: 60%;
  }

  .caller-number .caller-numberTxt {
    white-space: nowrap;
  }

  /* th.tag select {width: 140px;} */
  .top-info-left,
  .top-info-right {
    width: 100% !important;
    text-align: left !important;
  }

  .email_templateResize.col-leftPanel {
    margin-top: 20px;
  }

}

@media (max-width: 1280px) and (max-height: 800px) {
  .vertical_sidebarMenu {
    height: 89% !important;
  }
}

@media (max-width: 1152px) and (max-height: 864px) {
  .resolution_filterWrap input#search {
    width: 135px;
  }

  .resolution_filterWrap #filter {
    width: auto;
  }

  .country-labelRow.labelRow_resizeW span {
    font-size: 12px;
    background: #fff;
    width: 23px;
    border-radius: 50%;
    text-align: center;
    padding: 3px;
    cursor: pointer;
  }

}

.aichacontainter {
    display: inline-block;
    position: relative;
}
.aichatCountCompanyWise {
  background: rgb(255, 255, 255);
  /*margin-top: 10px; */
  border-radius: 5px;
  position: absolute !important;
  
  width: 170px;
  border: 1px solid #ddd;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 4px;
  z-index: 9;
  margin-top: 0px;
  padding-bottom:0px;
}


.aichatCountCompanyWise ul {
   display: block;
}

.aichatCountCompanyWise ul li {
    margin: 0;
    list-style: none;
    padding: 10px; 
}

.aichatCountCompanyWise ul li:hover {
 
  background-color: #e7f0f8;
}

a.aiChatSelect {
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
}



.aichatbutton span.blueAlert {
  background: #e7f0f8 !important;
  color: #fff;
  font-weight: bold;
}

.highlightTodayDate{
  color:#f8871b;
  font-weight: bold;
}

.error.not-close > span,
.success.not-close > span {
  border: 1px solid #9ccca7;
  position: absolute;
  display: inline-block;
  top: -5px;
  right: -5px;
  transform: translate(5px, -10%);
  font-size: 12px;
  background: #fff;
  width: 23px;
  border-radius: 50%;
  text-align: center;
  padding: 3px;
  cursor: pointer;
}

.error.not-close > span{

  border: 1px solid #721c24 !important;
}


.btn-top-main button.button.blue_button.left.widget-notification-orange-btn {
  background-color: #EEA04B !important;
  border-color: #EEA04B !important;
  color: #000 !important;
}

.widget-notification-orange-btn span.blueAlert{
  background: #fff !important;
  color: #000 !important;
  font-weight: bold !important;
}


.btn-top-main button.button.blue_button.left.widget-notification-orange-btn.current, 
.btn-top-main button.button.blue_button.current.left {  

  background-color: #ffdebb !important;
  border-color: #EEA04B !important;
  color: #000 !important;
}


#navigation span.blueAlert {
  border-radius: 11px;
  margin-left: auto;
}

.btn-white { color: #21507e!important;}
.btn-lightBlue.cancel-btn:hover {
    border-color: #21507e !important;
    color: #21507e !important;
}


.block_head .blue_button, 
.block_head ul.tabs .blue_button,
.button.disabled.btn-lightBlue {
color: #fff!important;
    height: auto;
}
.block_head .blue_button:hover,
.block_head ul.tabs .blue_button:hover  {
    background: #cce2f65e !important;
    border-color: #21507e2e !important;
    color: #21507e !important;
}

/* Updated CSS */
#filter form,
#filter form .top_date,
#filter form #filter_tags,
#filter form .action,
.filter-allCol #filter form .search-action {
	display: flex;
	align-items: baseline;
}

.stp-outer._tab_counter {
  border: none;
}
._tab_counter .form_inputRow {
  padding: 0 20px;
}
._tab_counter .tab-main-ul {
  border-bottom: 0 !important;
}
._tab_counter li a {
  display: flex !important;
  align-items: center;
  padding: 10px 20px 10px 12px !important;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}
 ._tab_counter li.selected ._tab_counts, 
 ._tab_counter li:hover ._tab_counts {
  background-color: #fff;
  border-color: #21507E;
  color: #21507E;
}
._tab_counter ._tab_counts {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #21507E;
  color: #fff;
  border: 2px solid #21507E;
  margin-right: 8px;
  font-weight: 700;
}

@media screen and (max-width: 1260px) {
	#filter form,
	#filter form .top_date,
	#filter form #filter_tags,
	#filter form .action,
	.filter-allCol #filter form .search-action {
		display: inline-block;
	}
}

@media screen and (max-width: 900px) {
	#filter form,
	#filter form .top_date,
	#filter form #filter_tags,
	#filter form .action,
	.filter-allCol #filter form .search-action {
		display: flex;
		align-items: baseline;
	}
}

@media screen and (max-width: 768px) {
	#filter form,
	#filter form .top_date,
	#filter form #filter_tags,
	#filter form .action,
	.filter-allCol #filter form .search-action {
		display: inline-block;
	}
	#filter form #filter_tags input {
		width: 48.9% !important;
	}
}


.text_and {
    width: 60px;
    padding: 40px 20px 0;
}
._append_replace_excluse
 {
    display: inline-flex
;
    justify-content: space-between;
    text-align: left;
    margin-left: 0px;
    width: 170px !important;
    margin-right: 40px !important;
    margin-top: 46px;
    margin-left: 0px;
}





@media screen and (max-width: 1381px) {
.menu_cont_ #navigation>li>a
{
	font-size: 12px;
	padding: 5px 7px;
}
    #menu ul.menu_setting li {
        padding-left: 8px;
    }

._voide_agent_select, ._voide_agent_select_infor {
		min-width: 335px !important;
		width: 335px !important;
	}
.ai_answer_response {
         width: 90% !important;
        min-width: 90px !important;
}

.caller_chat_question{
    width: 290px !important;
    min-width: 290px !important;

}
._ai_prompt{
    min-width:100%!important;
	 width:100%!important;

}

._trans_call {
width: 85% !important;
}

._append_replace_excluse{
    display: inline-flex;
    justify-content: space-between;
    text-align: left;
    margin-left: 0px;
    width:190px !important;
    margin-right:5px !important;
    margin-top: 46px;
    margin-left:10px;

	
}


.column-20.mt-20.ml-10._but_block_div {
    width: 30% !important;
}
}
@media screen and (max-width: 1330px) {
.block .block_content .steps ul li{margin-right: 0px !important;}
}


@media screen and (max-height:640px) {
  div.main_nav.sidBarOpned {top:65px !important;}
  .header_fix_wrapper span.select_company .inputbox.custom-class1{height: 28px; border: none;margin-right: 20px;width: 210px !important;font-size: 14px;}
}

.column-100.generate_ai_agent {float: left;}
.appointment_transfer_call {display: flex;}
.male_female_blcok{ margin-top: 10px; float: left;}
._flex_inline {display: inline-flex;}
.tb-res #prompt-content-wrapper { text-align: center;}
.porting-tb-hd p.success {    text-align: left;    font-weight: bold;}