/*!
 * Start Bootstrap - SB Admin 2 Bootstrap Admin Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

@font-face {
  font-family: "Calibri";
  src: url('../fonts/calibri.eot');
  src: url('../fonts/calibri.eot?#iefix') format('embedded-opentype'),
    url('../fonts/calibri.svg#Calibri') format('svg'),
    url('../fonts/calibri.woff') format('woff'),
    url('../fonts/calibri.ttf') format('truetype');
}

html, body{ height:100%;}
body {width:100%; font-family:calibri; height:100% }

.navbar{ background:url(../images/headerbg.gif) repeat-x; height:50px; border-radius:0px; border:0px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);}
.navbar-brand{ padding:10px; padding-top:12px;}
#wrapper {width: 100%;}

#page-wrapper {
  padding: 0 15px;
  min-height: 568px;
  background-color: #fff;
  display: inline-block;
  font-family: calibri !important;
  margin-left: 215px;
  margin-top: 100px;
  padding: 10px;
  width: calc(100% - 215px);
  padding-top:0px!important
}



.navbar-top-links li {
  display: inline-block;
}

.navbar-top-links li:last-child {
  margin-right: 15px;
}

.navbar-top-links li a {
  padding: 15px;
  min-height: 50px;
}

.navbar-top-links .dropdown-menu li {
  display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
  margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
  padding: 3px 20px;
  min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
  white-space: normal;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
  width: 310px;
  min-width: 0;
}

.navbar-top-links .dropdown-messages {
  margin-left: 5px;
}

.navbar-top-links .dropdown-tasks {
  margin-left: -59px;
}

.navbar-top-links .dropdown-alerts {
  margin-left: -123px;
}

.navbar-top-links .dropdown-user {
  right: 0;
  left: auto;
}

.sidebar .sidebar-nav.navbar-collapse {
  padding-right: 0;
  padding-left: 0;
}

.sidebar .sidebar-search {
  padding: 15px;
}

.sidebar ul li {
  border-bottom: 1px solid #e7e7e7;
}

.sidebar ul li a.active {
  background-color: #eee;
}

.sidebar .arrow {
  float: right;
}

.sidebar .fa.arrow:before {
  content: "\f104";
}

.sidebar .active>a>.fa.arrow:before {
  content: "\f107";
}

.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
  border-bottom: 0!important;
}

.sidebar .nav-second-level li a {
  padding-left: 37px;
}

.sidebar .nav-third-level li a {
  padding-left: 52px;
}

@media(min-width:768px) {
  .sidebar {
    z-index: 1;
    position: absolute;
    width: 250px;
    margin-top: 51px;
  }

  .navbar-top-links .dropdown-messages,
  .navbar-top-links .dropdown-tasks,
  .navbar-top-links .dropdown-alerts {
    margin-left: auto;
  }
}

.btn-outline {
  color: inherit;
  background-color: transparent;
  transition: all .5s ;
}

.btn-primary.btn-outline {
  color: #428bca;
}

.btn-success.btn-outline {
  color: #5cb85c;
}

.btn-info.btn-outline {
  color: #5bc0de;
}

.btn-warning.btn-outline {
  color: #f0ad4e;
}

.btn-danger.btn-outline {
  color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
  color: #fff;
}

.chat {
  margin: 0;
  padding: 0;
  list-style: none;
}

.chat li {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #999;
}

.chat li.left .chat-body {
  margin-left: 60px;
}

.chat li.right .chat-body {
  margin-right: 60px;
}

.chat li .chat-body p {
  margin: 0;
}

.panel .slidedown .glyphicon,
.chat .glyphicon {
  margin-right: 5px;
}

.chat-panel .panel-body {
  height: 350px;
  overflow-y: scroll;
}

.login-panel {
  margin-top: 25%;
}

.flot-chart {
  display: block;
  height: 400px;
}

.flot-chart-content {
  width: 100%;
  height: 100%;
}

table.dataTable { font-family:calibri!important}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  text-align:left!important; background:#004369!important
}

table.dataTable thead .sorting_asc:after {
  content: "\f0de";
  float: right;
  font-family: fontawesome; margin-right:50px
}

table.dataTable thead .sorting_desc:after {
  content: "\f0dd";
  float: right;
  font-family: fontawesome; margin-right:50px
}

table.dataTable thead .sorting:after {
  content: "\f0dc";
  float: right;
  font-family: fontawesome;
  color: #fff; margin-right:50px
}
table.dataTable thead .sorting_desc, table.dataTable thead .sorting{ background:#004369!important }
table.dataTable tbody tr td{text-align:left!Important; border-bottom:1px solid #d4dee8!important; color:#222; font-size:13px; }
table.dataTable tbody tr:hover{ background:#fff}

.dataTables_processing{ display:none}

.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.428571429;
}

.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  border-radius: 25px;
  font-size: 18px;
  line-height: 1.33;
}

.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
}

.show-grid [class^=col-] {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #ddd;
  background-color: #eee!important;
}

.show-grid {
  margin: 15px 0;
}

.huge {
  font-size: 40px;
}

.panel-green {
  border-color: #5cb85c;
}

.panel-green .panel-heading {
  border-color: #5cb85c;
  color: #fff;
  background-color: #5cb85c;
}

.panel-green a {
  color: #5cb85c;
}

.panel-green a:hover {
  color: #3d8b3d;
}

.panel-red {
  border-color: #d9534f;
}

.panel-red .panel-heading {
  border-color: #d9534f;
  color: #fff;
  background-color: #d9534f;
}

.panel-red a {
  color: #d9534f;
}

.panel-red a:hover {
  color: #b52b27;
}

.panel-yellow {
  border-color: #f0ad4e;
}

.panel-yellow .panel-heading {
  border-color: #f0ad4e;
  color: #fff;
  background-color: #f0ad4e;
}

.panel-yellow a {
  color: #f0ad4e;
}

.panel-yellow a:hover {
  color: #df8a13;
}

.panel-title { position:relative; padding-left:20px}
.panel-title span{ border-radius:100%; background:#fff; width:75px; height:75px; border:solid 5px #dddddd; line-height:0px; text-align:center; padding:18px 15px;top:-40px!important;position:absolute; left:40%;}
span.icon-envelope{ background:url(../images/emailiocn.png) no-repeat; display:inline-block; width:16px; height:11px;}
span.icon-key{ background:url(../images/passwordicon.png) no-repeat; display:inline-block; width:16px; height:14px;}
span.icon-fname{ background:url(../images/fname.png) no-repeat; display:inline-block; width:16px; height:16px;}
span.icon-lname{ background:url(../images/lname.png) no-repeat; display:inline-block; width:16px; height:16px;}
span.icon-mobile{ background:url(../images/mobile.png) no-repeat; display:inline-block; width:16px; height:20px;}
.input-group-addon{ background:#fbfbfb; border-color:#cccccc}
.input-group-mg{ width:100%;}
.form-control{ box-shadow:none; border-color:#cccccc}
.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn{ font-size:15px}
.checkbox span{ float:right;}
.panel-body {padding:20px 20px;}
.login-panel{ margin-top:25%}
a.joinnow{border:solid 1px #c7c7c7; padding:8px 30px; margin-top:10px; background:#f8f8f8 url(../images/greybg.png) bottom repeat-x; display:inline-block; border-radius:5px; text-decoration:none; color:#333; font-size:14px; font-weight:500}
a.joinnow img{border:solid 0px #c7c7c7; vertical-align:middle; margin-right:5px}
.powered{ text-align:center; clear:both; font-size:13px; color:#818181; margin:15px 0px 20px; float: left; width:100%}

.navbar-top-links li.dropdown a.dropdown-toggle{ color:#fff}
.navbar-top-links > li > a:hover, .navbar-top-links > li > a:focus{ background:#666!important}
.navbar-top-links > li > a:hover,
.navbar-top-links > li > a:focus {
  text-decoration: none;
  background-color: #666!important;
}
.sidebar-header { background:#fff;height: 100px;padding: 20px;position: relative;}
.sidebar-header img{border-radius: 50em;float: left;margin: 0 10px 0 0;width: 60px;}
.sidebar-header h2{color:#333;font-size:15px;font-weight: 600;margin-top: 12px;}
.sidebar-header h2, .sidebar .sidebar-header h3 {line-height:0px;}
.sidebar-header h3 {font-size: 12px;}


.query-pagelist {padding-top: 20px!important; }
.query-pagelist .page-header{border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                             color: #1c84c6;
                             font-family: calibri;
                             font-size: 18px;
                             margin: 5px 0 10px;
                             padding: 0 0 10px}
.query-pagelist .panel-heading span{ float:right; color:#444}
.query-pagelist .panel-heading span a{ display:inline-block; background:#fff url(../images/searchicon.png) no-repeat 8px 7px; border-radius:3px; font-size:12px; color:#333; text-decoration:none; padding:4px 10px 4px 22px; margin-top:-4px; text-transform:uppercase;}
.query-pagelist .page-header span{color:#666; font-size:20px}
.query-pagelist .page-header img{ float:right; width:28px; margin-top:0px; margin-right:5px;}
.query-pagelist .dataTables_length, .query-pagelist .dataTables_filter{ display:none}
.query-pagelist .panel{ border:0px; box-shadow:none}
.query-pagelist .panel-body{padding:0px 0px}

.query-pagelist .panel-default > .panel-heading {background-color: #428bca;border-color: #ddd;color: #fff;}
.query-pagelist .panel-heading {border-top-left-radius: 3px;border-top-right-radius: 3px;padding: 10px 15px;}

.query-pagelist th{ color:#fff;background:#004369 ; text-transform:uppercase; font-size:12px; text-align:center}
.query-pagelist td{text-align:center}
.action a{ padding:2px 5px 3px; border-radius:100%;text-decoration:none; border:solid 1px #b5b5b5; text-align:center; margin:0 2px; line-height:normal; background:#fff;}
.action a:hover{border:solid 1px #00a0f0;}
.action a:last-child:hover{border:solid 1px #80b000;}
.action img{width:14px; height:14px}
.action{text-align:center}
.status img{ margin-left:5px; width:12px; height:12px; float:right; margin-top:7px;opacity:.5}
.status img:hover{opacity:.95}
.blue{border-bottom:solid 2px #3ca0f0!important;}
tr:hover .blue{ color:#3ca0f0}
.green{border-bottom:solid 2px #65ba3f!important;}
tr:hover .green{ color:#65ba3f}
.orange{border-bottom:solid 2px #ffcc00!important;}
tr:hover .orange{ color:#ffcc00}
.red{border-bottom:solid 2px #ff3600!important;}
tr:hover .red{ color:#ff3600}

#side-menu .active > a {font-weight:bold; color:#2a6496}
.sidebar ul li a.active{background:#fefefe;border-top:solid 0px #eee; color:#777;}
ul.nav-second-level li a.active{background:#fefefe url(../images/rightarrowa.png) no-repeat 35px center;border-top:solid 0px #eee; color:#444;}
ul.nav-second-level li a{background:#fefefe url(../images/rightarrow.png) no-repeat 35px center;padding-left:45px!important}
ul.nav-second-level li a:hover{background:#fefefe url(../images/rightarrow.png) no-repeat 35px center;}
.fa-query{background:url(../images/query.png) no-repeat!important;width:16px; height:16px;top:3px;position:relative}
.fa-userq{background:url(../images/user.png) no-repeat!important;width:16px; height:16px;top:3px;position:relative}
.fa-settings{background:url(../images/settings.png) no-repeat!important;width:16px;height:16px;top:3px;position:relative}
.fa-tickets{background:url(../images/tickets.png) no-repeat!important;width:16px;height:16px;top:3px;position:relative}
ul.infopop{ list-style:none; margin:0px; padding:0px;}
ul.infopop ul{left:20px; top:5px}
ul.infopop ul li{ padding:5px 10px; text-align:center; border-bottom:solid 1px #ebebeb;font-weight:bold; font-size:13px; line-height:normal}
ul.infopop ul li span{ display:block;font-weight:normal}
ul.infopop ul li:last-child{border-bottom:solid 0px #ccc;}

.innercontent{background:#fff; margin:0px 0px 15px; padding:0px 5px;box-sizing:border-box; clear:both}
.searchcontent{ border:solid 1px;position:fixed;right:0px; width:200px; top:180px; height:auto !important; background:#f9f9f9; padding:10px;box-sizing:border-box;border: 1px solid #dddddd;margin-bottom: 15px;border-radius: 4px;}
.searchcontent h3{ margin:0px; padding:0px; padding-bottom:15px; font-size:18px; color:#000}
.searchcontent h3 a{ float:right; margin-right:20px;}
.searchcontent label{ font-size:12px;}
.searchcontent input{ width:68%!important;border-radius:5px 0px 0px 5px!important;font-size:12px;}
.searchcontent input.date-picker{ width:68%!important;border-radius:5px 0px 0px 5px!important;}
.searchcontent select{ width:98%!important; border-radius:5px!important;font-size:12px;}
.searchcontent button.btn{ width:44%!important; border-radius:3px!important; margin:0 1px; display:inline-block;font-size:12px;}
.searchcontent .form-group{margin-bottom: 8px;}

.submit{ background:#428bca; color:#fff; border:solid 1px #428bca; padding:6px 25px}
.sarv_hiddenContent {display:none;height:100%;z-index:9999;}
.searchcontent .input-group-addon{background-color:#eee;padding:9px 12px;vertical-align: middle;float:left;width:auto}
.instructions ul{margin:5px 0px; padding:10px 0px; background:#fff}
.instructions ul li{margin:0px 0px; padding:0px 15px; line-height:normla; font-size:13px; list-style:inside}

ul.infopop.bigpopup ul{left:auto;right:0px;top:auto}
ul.infopop.bigpopup ul > span{padding:5px 10px;display:block;border-bottom:solid 1px #eee}

@media(max-width:768px)
{
  .navbar-header:after{ clear:none!important}
  .navbar-top-links{ text-align:right}
  .navbarsecond{ left:0px!important; background:#1D1D1D; width:100%; border:0px;}
}

@media(max-width:480px)
{
  .fullwidth{ width:100%}
  .navbar-header:after{ clear:none!important}
  .navbar-top-links{ text-align:right}
  .navbarsecond{ left:0px!important; background:#1D1D1D; width:100%; border:0px;}
  .navbarsecond ul li li:hover a{ background:#58b1ea!important; color:#fff!important}
  .navbarsecond ul li li:hover li a{ background:#333!important; color:#ccc!important}
  .navbarsecond ul li li li:hover a{ background:#333!important; color:#fff!important}
  .sravmta-serach-sectn .input-group{ width:100%!important;}
  .sravmta-serach-sectn .input-group .form-control{ width:81%!important}
}

.navbar-collapse.navbarsecond ul li a{ color:#eee}
.navbar-collapse.navbarsecond ul li a:hover{ color:#fff}
.navbar-collapse.navbarsecond ul li li a{ color:#333}
.navbar-collapse.navbarsecond ul li li:hover a{ color:#fff}
.navbar-collapse.navbarsecond ul li li:hover li a{ color:#333}
.navbar-collapse.navbarsecond ul li li li:hover a{ color:#fff}


.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0px;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-menu li > a:hover {
  background-color: #2391ed;
  background-image: none;
  color: #FFF;
}

th.subheading{text-transform:uppercase;background:#efefef!important; margin:0px!important;color:#000000; border:solid 1px #dddddd!important }
th.subheading-service{text-transform:uppercase;background:#f9f9f9!important; margin:0px!important;color:#666!important; border:solid 1px #dddddd!important }
#dataTables-example input[type="checkbox"]{ margin:0px; vertical-align:middle}

.compose{ margin:10px 0px 10px;}
.compose .heading{text-transform:uppercase;color:#fff; padding:8px 0px; text-align:center; background:url(../images/thead-bg.png) repeat-x; font-size:14px; border-radius:2px 2px 0px 0px; font-weight:bold}
.radiolinline{ text-align:center; padding:5px 0px 10px; background:#fdfdfd; display:table; width:100%; height:45px; vertical-align:middle}
.radiolinline label{ margin:0px 10px}
.compose .box{ padding:15px; background:#eee; min-height:350px; overflow:hidden}
.compose .box textarea, .compose .box select{ border-color:#eeeeee;outline: none;box-shadow:none !important;}
.compose .box .tab-pane{ margin-top:0px; background:#fff!important; padding:10px; border:solid 1px #dddddd; border-top:0px;}
.radiolinline.col2{ text-align:left; padding-left:10px}
.radiolinline.col2 select{ width:25%;display:inline-block;}
.radiolinline .col-md-5 {text-align:left!important;}
.radiolinline .col-md-5 label {padding:0px; margin:0px; margin-bottom:5px; font-size:13px;}
.compose .heading.noalign{ text-align:left; padding-left:10px;padding-right:10px}
.compose .heading span{ float:right}
.boxfull{}
.boxfull .circle-container {background:rgba(241,241,241,.4); margin:20px 10px 20px 0px; width:100%; padding:20px; border-radius:5px; border:solid 1px #ccc;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
.circlestat.circliful{ margin:0 auto;}



@media(max-width:768px)
{
  .radiolinline.col2 select{ width:90%;display:block; margin:5px 0px}
  .alignc{ text-align:center; margin:5px 0px}
  .pagination{margin:10px 0px!important;}
}


/*Tiles*/
.fd-tile {
  background-color: #fff;
  color: #555;
  margin-bottom: 15px;
}
.fd-tile .row {
  margin: 0;
}
.fd-tile.weather {
  text-align: center;
  padding-top: 20px;
}
.weather h2 {
  margin-top: 10px;
  margin-bottom: 0;
  color: #fff;
  font-weight: 500;
}
.weather h1 {
  font-size: 50px;
  margin-top: 0;
  margin-bottom: 10px;
  color: #fff;
  font-weight: 600;
}
.fd-tile.weather .days {
  background: rgba(255, 255, 255, 0.1);
}
.fd-tile.weather .day {
  padding: 5px;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.fd-tile.weather .day h6 {
  color: #fff;
  font-weight: 400;
}
.fd-tile.tile-green {
  background-color: #19b698;
  color: #fff;
}
.fd-tile.tile-lemon {
  background-color: #2cc36b;
  color: #fff;
}
.fd-tile.tile-red {
  background-color: #ea6153;
  color: #fff;
}
.fd-tile.tile-blue {
  background-color: #4aa3df;
  color: #fff;
}
.fd-tile.tile-orange {
  background-color: #f16e3f;
  color: #fff;
}
.fd-tile.tile-prusia {
  background-color: #3d566d;
  color: #fff;
}
.fd-tile.tile-concrete {
  background-color: #a3b1b2;
  color: #fff;
}
.fd-tile.tile-purple {
  background-color: #7761a7;
  color: #fff;
}
/*clean tiles*/
.fd-tile.clean .icon i {
  color: #e5e5e5;
}
.fd-tile.clean {
  background-color: #fff;
  color: #888;
}
.fd-tile.clean.tile-green .details {
  background-color: #19b698;
}
.fd-tile.clean.tile-lemon .details {
  background-color: #2cc36b;
}
.fd-tile.clean.tile-red .details {
  background-color: #ea6153;
}
.fd-tile.clean.tile-blue .details {
  background-color: #4aa3df;
}
.fd-tile.clean.tile-orange .details {
  background-color: #f16e3f;
}
.fd-tile.clean.tile-prusia .details {
  background-color: #3d566d;
}
.fd-tile.clean.tile-concrete .details {
  background-color: #a3b1b2;
}
.fd-tile.clean.tile-purple .details {
  background-color: #7761a7;
}
.fd-tile .header {
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}
.fd-tile .header .ico {
  background: rgba(255, 255, 255, 0.1);
  display: inline-block;
  padding: 11px 18px;
  font-size: 20px;
  text-align: center;
  vertical-align: center;
}
.fd-tile .header .title {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  padding: 5px;
  position: absolute;
  text-transform: uppercase;
  top: 7px;
}
.fd-tile .content {
  padding: 10px;
}
.fd-tile.header .content {
  padding: 10px 20px;
  background: transparent;
  padding-right: 10px;
  display: inline-block;
  position: relative;
  z-index: 3;
}
.fd-tile.detail .icon {
  display: block;
  float: right;
  height: 80px;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-top: 10px;
  position: absolute;
  right: 10px;
  top: 0;
  width: 80px;
}
.fd-tile.header .icon img {
  opacity: 0.8;
  display: block;
  float: right;
  height: 80px;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-top: 10px;
  position: absolute;
  right: 10px;
  top: 50px;
  width: 80px;
}
.fd-tile.header {
  position: relative;
  overflow: hidden;
}
.fd-tile.detail {
  position: relative;
  overflow: hidden;
}
.fd-tile.detail .content {
  background: transparent;
  padding: 10px 10px 13px;
  display: inline-block;
  position: relative;
  z-index: 3;
}
.fd-tile.detail .icon {
  display: block;
  float: right;
  height: 80px;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-top: 10px;
  width: 80px;
}
.fd-tile.detail .icon i {
  color: rgba(0, 0, 0, 0.05);
  font-size: 100px;
  line-height: 65px;
}
.fd-tile.detail .details {
  clear: both;
  display: block;
  padding: 5px 10px;
  color: #fff;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0.1);
}
.fd-tile.detail .details i {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.4);
}
.fd-tile .content p {
  margin-bottom: 0;
  font-weight: 4  00;
  font-size: 14px;
}
.fd-tile .content h1 {
  margin: 0 0 0;
  font-weight: 300;
  font-size:30px;
}

.circle-container {float: left;}
.circle-container h3 {display: block;text-align: center;font-size:16px;color: #363636; margin:0px; padding:0px;}
.circliful {position: relative;}
.circle-text, .circle-info, .circle-text-half, .circle-info-half {width: 100%;position: absolute;text-align: center;display: inline-block;}
.circle-info, .circle-info-half {color: #999;}
.allredius{ border-radius:3px!important;}
.dropdown-menu.action { right:0px; left:auto}
.dropdown-menu.action li a{ border:0px!important; background:none!important; color:#333; text-align:left; position:relative; padding-left:35px!important}
.dropdown-menu.action li a:hover{color:#428bca;}
.dropdown-menu.action li a:before{background:url(../images/smallicons.png) no-repeat!important;width:16px;height:16px;content:"";position:absolute;left:10px; top:6px;}
.dropdown-menu.action li a.list:before{background-position:0px 0px;}
.dropdown-menu.action li a.refine:before{background-position:-16px 0px!important;}
.dropdown-menu.action li a.voicefile:before{background-position:-32px 0px!important;}
.dropdown-menu.action li a.report:before{background-position:-48px 0px!important;}
.dropdown-menu.action li a.delete:before{background-position:-64px 0px!important;}
.dropdown-menu.action li a.invoice:before{background-position:-80px 0px!important;}
.dropdown-menu.action li a.schedule:before{background-position:-96px 0px!important;}
.dropdown-menu.action li a.bulk:before{background-position:-112px 0px!important;}
.dropdown-menu.action li a.changes:before{background-position:-128px 0px!important;}
.dropdown-menu.action li a.password:before{background-position:-144px 0px!important;}
.dropdown-menu.action li a.logout:before{background-position:0px -16px!important;}
.dropdown-menu.action li a.mobile:before{background-position:-16px -16px!important;}
.dropdown-menu.action li a.emailid:before{background-position:-32px -16px!important;}
.dropdown-menu.action li a.edituser:before{background-position:-48px -16px!important;}
.dropdown-menu.action li a.deleteuser:before{background-position:-64px -16px!important;}
.dropdown-menu.action li a.uphierachy:before{background-position:-80px -16px!important;}
.dropdown-menu.action li a.downhierachy:before{background-position:-96px -16px!important;}
.dropdown-menu.action li a.whitelist:before{background-position:-112px -16px!important;}
.dropdown-menu.action li a.permission:before{background-position:-128px -16px!important;}
.dropdown-menu.action li a.manual:before{background-position:-144px -16px!important;}
.dropdown-menu.action li a.logs:before{background-position:0px -32px!important;}


.pagination{margin: 0 0 10px; vertical-align:middle}
.btnactive, .btndeactive , .btnnormal{opacity: 0.65; font-size: 12px;line-height: 1.5;padding: 1px 5px; border: solid 1px #dedede; border-radius:0px 3px 3px 0px; background:#fff; color:#7a7a7a; display:inline-block;cursor: default; margin-left:-1px; width:30px}
.btnactive{opacity:1;border: solid 1px #70a0c9; border-radius:3px 0px 0px 3px;background:#84b4dd;color:#fff;}
.btndeactive{opacity: 1;border: solid 1px #d47b7b; border-radius:0px 3px 3px 0px;background:#e88f8f;color:#fff6f6;}
.btnnormal.nr{ border-radius:3px 0px 0px 3px!important}
.fl a{ background:#f9f9f9!important; color:#999!important}
.fl a:hover{ background:#f9f9f9!important; color:#428bca!important}
.fl.active a{ background:#428bca!important; color:#fff!important}
.multiplelists{ height:200px; overflow:scroll;overflow-x:hidden;}
.alignl{ text-align:left!important; font-size:15px!important; padding-left:20px!important; letter-spacing:.5px; color:#333!important; vertical-align:middle!important}
.valn{ vertical-align:middle!important}
/*.subheading-service .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active{ background-color:#5cb85c!important; border:solid 1px #369f36!important;}
.subheading-service .inactive:hover, .inactive:focus, .inactive:active, .inactive.active{ background-color:#d9534f!important; border:solid 1px #c33c38!important;}*/
th.subheading-service{text-transform:uppercase;background-color:rgba(250,250,250,0.3)!important; margin:0px!important;color:#666!important; border:solid 1px #dddddd!important }
th.subheading-service:hover{background-color:rgba(256,256,256,1)!important; margin:0px!important;color:#333!important;}
th.subheading-service:hover + th.subheading-service {background-color:rgba(256,256,256,1)!important; margin:0px!important;color:#333!important;}
th.email{border-left:solid  4px #83b648!important;background-image:url(../images/email_icon.png)!important; background-repeat:no-repeat!important; background-position:98% center!important}
th.bulksms{ border-left:solid 4px #d04a6b!important;background-image:url(../images/sms-icon.png)!important; background-repeat:no-repeat!important; background-position:98% center!important}
th.vobr{ border-left:solid  4px #fdb62c!important;background-image:url(../images/voice-icon.png)!important; background-repeat:no-repeat!important; background-position:98% center!important}
th.ivr{ border-left:solid 4px #5855aa!important;background-image:url(../images/ivr-icon.png)!important; background-repeat:no-repeat!important; background-position:98% center!important}
th.tollf{ border-left:solid  4px #34c2d8!important;background-image:url(../images/toll-icon.png)!important; background-repeat:no-repeat!important; background-position:98% center!important}
th.mcall{ border-left:solid 4px #e7704b!important;background-image:url(../images/miss-icon.png)!important; background-repeat:no-repeat!important; background-position:98% center!important}
th.ch{ border-left:solid  4px #00a0f0!important;background-image:url(../images/cloud-icon.png)!important; background-repeat:no-repeat!important; background-position:98% center!important}
th.bulkapp{ border-left:solid 4px #2b682b!important;background-image:url(../images/bulk-icon.png)!important; background-repeat:no-repeat!important; background-position:98% center!important}
th.gps{ border-left:solid  4px #f2cb17!important;background-image:url(../images/gps-icon.png)!important; background-repeat:no-repeat!important; background-position:98% center!important}
th.ddserver{ border-left:solid 4px #00a0f0!important;background-image:url(../images/dedicated-icon.png)!important; background-repeat:no-repeat!important; background-position:98% center!important}
.subheading-service a:hover{ color:#fff!important; background:#5fabed!important; border-color:#2772b3!important}

tr th.subheading-service + th.subheading-service + th.subheading-service{ background:#fff!important; letter-spacing:.5px!important;}


/*-----------------------CSS USED FOR NOTIFICATION POPUP AT HEADER ON 13 JANUARY 2015----------------------------*/
.notifications .dropdown-menu li {padding:0px!important; margin:0px; position:relative}
.notifications .dropdown-menu li a{padding: 8px 20px!important;}
.notifications .dropdown-menu li:hover span { color:#fff}
.notifications .dropdown-menu li a div{ width:200px;}
.notifications .dropdown-menu li a div span{bottom: 5px;position: absolute;right: 10px;}
.notificationinfo{background-color:#23c959; color:#fff; line-height:12px; position:absolute; left:10px; top:8px; padding:2px 5px;}
.searchcontent{ top:220px;}
.highlightbutton{ background-color:#4bfa84!important}
.resetfiler{ display:inline; color:#fff; text-align:center; margin-left:35%; background:#115b9b; padding:5px 10px; top:-5px; position:relative; border-radius:0px 0px 5px 5px}
.resetfiler a{color:#fff;}
.resetfiler a img{ vertical-align:middle; margin-right:0px; margin-top:-4px}

/*-----------------------CSS USED FOR TICKETS PAGES ON 21 JANUARY 2015----------------------------*/
.tickets{ background:#fff!important; overflow:hidden; border-bottom:solid 1px #ddd; box-shadow: 0 0 3px #e9f5ff; margin:20px 0}
.tickets .col-md-3, .tickets .col-md-9{ background:#fff!important; margin-right:-1px;margin-bottom: -99999px;padding-bottom: 99999px;}
.tickets .col-md-3{ background:#fcfcfc!important; padding-left:20px; padding-top:20px}
.replybutton{ float:right}
p.posted{ color:#cacaca; font-size:13px}
p.ip{ border-top:dotted 1px #222; padding-top:5px; display:inline-block}
.replybox{ padding:15px; border:solid 1px #dddddd; border-top:0px!important;}
.replybox textarea{ background:rgba(249,249,249,0.2)}
.ticketdetailscontainer {background:#6fafff;border-radius:4px;font-size:15px;font-weight: bold;margin:0px 0 20px;padding:0px;text-align:center; float:left; width:100%; color:#fff; text-transform:uppercase; letter-spacing:.5px; box-shadow: 0 0 3px #bbb;}
.ticketdetailscontainer .lb{ border-right:solid 1px #0097d6; padding:5px 0px 10px}
.lastchild{ border:0px!important;}
.ticketdetailscontainer .internalpadding{padding:5px 22px;}
.ticketdetailscontainer .detail{background:#ffffff;border-radius:6px;font-weight: normal;margin: 5px 0 0;padding: 5px;text-align: center; color:#006995; text-transform:none}
.ticketdetailscontainer .detail span{color: #779500; font-weight:bold}
.headingrow { margin-top:0px; overflow:hidden;}
.headingrow .col-md-12{background:#fff url(../images/question-icon.png) no-repeat 0px 1px!important;margin-right:-1px; font-size:17px; font-weight:normal; letter-spacing:.2px; color:#333!important; border:0px; border-bottom:solid 1px #ddd; padding:0px; padding-bottom:10px; padding-top:3px}
.questionhead{ padding-left:30px!important;}
@media (min-width: 950px){.ticketdetailscontainer > div{ width:20%}}

/*-----------------------CSS USED FOR SEACHBOX ON 21 JANUARY 2015----------------------------*/
.searchbox{overflow:scroll;position:absolute;top:130px;left:250px;background:#fff;padding:0px 10px;width:600px; height:400px;overflow-x:hidden;display:block; border: 15px solid #fff; border-width: 30px 15px 30px 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.5)!important;}
#searchinput{ background-repeat:no-repeat!important; background-position: 95% 8px;}
#searchresultsbox .closebtn { float:right; margin-top:0px; position:relative; z-index:9999}
#searchresultsbox { display:none}
.error-number {color: #22262e;font-size: 120px;font-weight: 600;line-height: 150px;text-align: center;}
.error-description {color: #22262e;font-size: 32px;font-weight: 300; text-align:center; margin:0px 0px 30px}
.error-description-mini {color: #22262e;font-size:18px;font-weight: 300;text-align: center; margin:5px 0}

/*-----------------------CSS USED FOR HELPDESK PAGES ON 23 JANUARY 2015----------------------------*/
.helpdesk{background:#fff!important; overflow:hidden; border:solid 1px transparent; border-bottom:solid 1px #ddd;  border-top:solid 1px #eee; box-shadow:0 0 5px #e9f5ff;margin:5px 0 20px;}
.helpdesk .col-md-3, .helpdesk .col-md-9{ background:#fbfdff!important;margin-bottom: -99999px;padding-bottom: 99999px; border:0px}
.helpdesk .col-md-9{ padding-top:15px; padding-left:22px; position: inherit!important}
.helpdesk:hover{ background:#fff!important;border:solid 1px #ddd;}
.helpdesk .col-md-9:hover{ background:#fff!important;}
.helpdesk .col-md-9 p{color:#666; font-family:arial; font-size:14px; line-height:20px}
.helpdesk .col-md-3{ background:#f0f8ff!important; padding-left:20px; padding-top:20px;  position:relative}
.helpdesk h2{ margin:5px 0px 8px; font-size:16px; font-family:arial; line-height:20px; font-weight:bold}
.helpdesk h2:before{ width:24px; height:24px; content:url(../images/help-icon.png); left:-12px; position:absolute; z-index:9999; top:20px}
.helpdesk-parent{ position:relative; margin-left:8px;}
.tags{ margin-bottom:10px;}
.tags a{ background:#f7f7f7!important; border:solid 1px #e5e5e5; margin:0 2px 5px 0}
.tags a:hover{ background:#fff!important; color:#428bca; border-color:#428bca}
.userimg{width:50px; float:left; border:solid 0px;}
.userimg img{ padding:5px; background:#fff; border:solid 1px #ddd;}
.userinfo{float:right; width:calc(100% - 50px); border:solid 0px; margin-bottom:10px; margin-top:4px;}
.userinfo .actionsbtn{ position:absolute; top:22px; right:-1px; padding:0px 5px 2px; border:solid 1px #dddddd; background:#f8fcff; border-radius:5px 0px 0px 5px}
.userinfo .actionsbtn:hover{background:#fff; transition:all .3s}
.userinfo .actionsbtn .infopop{}
.userinfo .actionsbtn .infopop li{ margin:3px 0px!important}
.userinfo .actionsbtn .dropdown img{ width:14px; height:14px;}
.userinfo .actionsbtn .dropdown ul.dropdown-menu{ left:-180px; top:-8px; z-index:9999!important}
.createdate{ clear:both; margin-bottom:10px; font-size:12px; color:#ccc}
.nomargin{ margin-top:0px; float:left; padding-bottom:5px; border-bottom:solid 1px #ddd; width:90%}
form.questions .form-group{ margin:20px 0px!important; clear:both; display:inline-block; width:100%}
.suggestedquestions h2{font-size:16px; font-weight:bold; margin:0px 0px 10px 10px; color:#333;}
.suggestedquestions .boxcontent{height:200px;overflow-x: hidden;overflow-y: scroll; padding:10px}
.helpdesk.nobg{border:solid 1px #ddd!important; margin-bottom:0px;}
.helpdesk.nobg .col-md-9{background:none!important}
.allanser{clear:both; padding:10px 20px; border-top:solid 1px #ddd; position:relative; z-index:9999; background:#eee; font-size:16px; margin-left:8px; border:solid 1px #ddd; margin-top:-2px}
.questionsinside{ border:solid 1px #ddd; padding:20px; margin-left:8px; background:rgba(248,248,248,.3); border-top:0px;}
ul.attachments{ margin:0px; padding:0px; list-style:inside; margin-bottom:15px}
ul.attachments li{ margin:0px; list-style:none; background: url(../images/attach-icon.png) no-repeat 0px 4px; padding-left:16px; margin:5px 0px; border-bottom:solid 1px #eee; padding-bottom:4px}
ul.attachments li a{ font-size:13px;}
ul.attachments li img{ float:right; width:12px; height:12px; margin-top:5px; right:0px; top:0px; opacity:1}
.helpdesk h2.noicon:before{content:""!important;}
.helpdesk h2 span{width:24px; height:24px;left:-12px; position:absolute; z-index:9999; top:20px; background:#5f8bca; border-radius:100%; color:#fff; text-align:center; font-size:16px; padding-top:3px}
.edit{ margin:10px 0px; margin-left:8px; clear:both}
.edit button{ margin-top:8px}
.edit.first{ margin:10px 0px 15px 0px!important;clear:both; width:95%}
span.field{ margin-left:5px;}
span.field input{ margin-right:3px!important;}
.attachements{margin-bottom:10px; padding:10px; border:solid 1px #c6e5ff; background:rgba(255,255,255,.4)}
.attachements h3{ color:#333; margin:0px; padding:0px; font-size:15px; color:#333}
.attachements .fileupload{ padding:7px 10px; border:solid 1px #e9e9e9; margin:8px 0px}
.attachements .fileupload input[type=file]{ font-size:11px}
.attachements .fileupload span{ float:right; display:inline-block; margin-top:-22px; opacity:.5}
.attachements .fileupload:hover{border:solid 1px #c6e5ff; background:#fff}
.attachements .fileupload:hover span{opacity:1}
.attachements a img{ vertical-align:middle!important; margin-top:0px; position:relative; z-index:9000; right:-5px; top:-18px; width:14px;  opacity:0 ;transition: all .5s;}
.attachements .fileupload:hover a img{ opacity:1}
.attachements a.addmore img{ vertical-align:middle!important; margin-top:0px; position:relative; z-index:9999; right:0px; top:-1px; width:auto; opacity:1}

/*-----------------------CSS USED FOR TREE VIEW MENU ON 27 JANUARY 2015----------------------------*/
.treeview, .treeview ul {padding: 0;margin: 0;list-style: none;}
.treeview ul {background-color: white;margin-top: 4px;}
.treeview .hitarea {background:url(../images/treeview-default.gif) -64px -23px no-repeat;height:16px;width:16px;margin-left:-16px;float:left;cursor: pointer;}
.treeview li {margin: 0;padding: 3px 0pt 3px 16px;}
.treeview a.selected {background-color: #eee;}
#treecontrol { margin: 1em 0; display: none; }
.treeview .hover {cursor: pointer; color:#428bca}
.treeview li { background: url(../images/treeview-default-line.gif) 0 0 no-repeat;}
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
.treeview .expandable-hitarea { background-position: -80px -1px; }
.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../images/treeview-default.gif); }
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }
.filetree li { padding: 3px 0 10px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 20px; display: block; font-size:13px; margin-left:3px;}
.filetree span.folder { background: url(../images/folder.png) 0 0 no-repeat;font-size:14px;}
.filetree li.expandable span.folder { background: url(../images/folder-closed.png) 0 0 no-repeat; }
.filetree span.file { background: url(../images/file.png) 0 0 no-repeat;}
.filetree span.file a { color:#777}

/*-----------------------CSS USED FOR BAR VIEW MENU ON 29 JANUARY 2015----------------------------*/
.barmenuwrap{ border:solid 0px; margin-bottom:30px;}
.barmenuwrap > div{ border:solid 0px; margin-bottom:30px; padding:0px; height:450px; overflow:scroll;}
.scrolldiv{ overflow:scroll!important; overflow-y:hidden!important;white-space: nowrap; padding:0px!important; border:solid 0px #e5e5e5!important; background:#f5f5f5; border-radius:0px 3px 0px 0px;}
.barmenuwrap .leftnav{ background:#1c2b36; overflow-x:hidden; border-radius:3px;box-shadow: -2px 1px 3px 0px rgba(0,0,0,0.30);}
.barmenuwrap .leftnav .heading{ text-transform:uppercase; color:#ccc; font-size:15px;padding:10px 10px 10px 15px; background:#14344d; font-weight:bold; border-bottom:solid 1px #283640;}
.barmenuwrap .leftnav ul{ margin:0px; padding:0px; list-style:none}
.barmenuwrap .leftnav ul li a{text-transform:uppercase; color:#8e959b; font-size:13px; padding:10px 10px 10px 35px; border-bottom:solid 1px #283640; line-height:normal; width:100%; display:inline-block; text-decoration:none; background:#1c2b36;position:relative;transition: all .3s; background:url(../images/folder-w.png) no-repeat 15px center}
.barmenuwrap .leftnav ul li a:after{ content:"\f101"; color:#aaa; position:absolute;font-family: FontAwesome; right:14px}
.barmenuwrap .leftnav ul li a:hover{color:#fff;background:#18252f url(../images/folder-w.png) no-repeat 15px center}
.barmenuwrap .leftnav ul li a:hover:after{ color:#428bca;}
.barmenuwrap .leftnav ul li a.selected{color:#fff;background:#428bca url(../images/folder-w-o.png) no-repeat 15px center}
.barmenuwrap .leftnav ul li a.selected:after{ color:#fff;}
.barmenuwrap .leftnav ul li span{text-transform:uppercase; color:#8e959b; font-size:13px; padding:10px 10px 10px 15px; border-bottom:solid 1px #283640; line-height:normal; width:100%; display:inline-block; text-decoration:none; background:#1c2b36;position:relative;transition: all .5s; background:none}
.barmenuwrap .leftnav ul li span input{ margin-right:7px; font-weight:normal; vertical-align:middle; margin-top:-2px}
.barmenuwrap .leftnav ul li span label{font-weight:normal; margin-bottom:0px}
.barmenuwrap .leftnav ul li a.file{background:url(../images/file-w.png) no-repeat 15px center}
.barmenuwrap .leftnav ul li a.file:hover{background:#18252f url(../images/file-w.png) no-repeat 15px center}
.barmenuwrap .leftnav ul li a.file.selected{background:#18252f url(../images/file-w-o.png) no-repeat 15px center}
.barmenuwrap .leftnav ul li a.file:after{ content:""!important;}
.columss{ width:30%; padding:0px; border-right:solid 0px;display:inline-block; height:250px; vertical-align:top; overflow:scroll;overflow-x:hidden}
.columss:last-child{ border:0px;}
.columss .wrapheight{background:#ddd; display:table; height:100%; width:100%}
.columss ul{ margin:0px; padding:10px; list-style:none;}
.columss ul li a{text-transform:uppercase; color:#8e959b; font-size:13px; padding:10px 10px 10px 35px; border-bottom:solid 1px #ddd; line-height:normal; width:100%; display:inline-block; text-decoration:none; background:#fff;position:relative;transition: all .5s; background:#fff url(../images/folder-w.png) no-repeat 15px center}
.columss ul li a:after{ content:"\f101"; color:#555; position:absolute;font-family: FontAwesome; right:10px}
.columss ul li a:hover{color:#333;background:#eee url(../images/folder-w.png) no-repeat 15px center}
.columss ul li a:hover:after{ color:#428bca;}
.columss ul li a.selected{color:#fff;background:#428bca url(../images/folder-w-o.png) no-repeat 15px center}
.columss ul li a.selected:after{ color:#fff;}
.columss ul li span{text-transform:uppercase; color:#8e959b; font-size:13px; padding:10px 10px 10px 15px; border-bottom:solid 1px #ddd; line-height:normal; width:100%; display:inline-block; text-decoration:none; background:#fff;position:relative;transition: all .5s;}
.columss ul li span input{ margin-right:7px; font-weight:normal; vertical-align:middle; margin-top:-2px}
.columss ul li span label{font-weight:normal; margin-bottom:0px}
.columss ul li a.file{background:#f5f5f5 url(../images/file-w.png) no-repeat 15px center; color:#000}
.columss ul li a.file:hover{color:#fff;background:#6bb0ec  url(../images/file-w-o.png) no-repeat 15px center}
.columss ul li a.file.selected{background:#eee url(../images/file-w-o.png) no-repeat 15px center; color:#333}
.columss ul li a.file:after{ content:""!important;}
.slimScrollBar{ height:100px!important}
.columss ul li a.file.deleted{background:#fff url(../images/file-w-d.png) no-repeat 15px center; cursor: not-allowed;color:#ccc!important;}
@media (max-width: 1024px){.barmenuwrap > div{width:100%;clear:both;height:250px}.barmenuwrap > div.scrolldiv{height:400px}.columss{width:40%;}}
@media (max-width: 500px){.columss{ width:50%;}}
@media (max-width: 990px){
  .no-left-padding{ padding-left:0px!important; padding-right:0px!important;}
  .no-right-padding{ padding-right:0px!important; padding-left:0px!important}
}
@media (max-width: 350px){.columss{ width:75%;}}
#frameModal .iframeopen{ padding:0px!important}

/*-----------------------CSS USED FOR CUSTOM POPUP ON 2 FEBRURY 2015----------------------------*/
#my_iframe_div{bottom: 0;left: 0;outline: 0 none;position: fixed;right: 0;top: 0;z-index:9999;display: none;overflow-x:hidden;overflow-y:auto;}
#my_iframe_header{box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);background-clip: padding-box;background-color: #fff;border: 1px solid rgba(0, 0, 0, 0.2);
                  border-radius: 6px;margin:30px auto 0px !important;outline: 0 none;position: relative;width: 1000px; height:550px}
#my_iframe_header #my_iframe_title{ padding:10px 20px; font-size:18px; color:#000000; border-bottom:solid 1px #ccc; background:#f9f9f9; border-radius:6px 6px 0px 0px; font-weight:500; letter-spacing:.5px}
#my_iframe_header #my_iframe_close{ float:right; text-decoration:none; padding:10px 20px; margin-top:-40px }
#my_iframe_div #iframe_content{ overflow:hidden;border-radius:0px 0px 6px 6px; height:92.5%}
.bodyprop {background-color:#000;bottom: 0;left: 0;position: fixed;right: 0;top: 0;z-index: 1040;opacity: 0.65;}

/*-----------------------CSS USED FOR Sidebar Vertical Menu ON 17 FEBRURY 2015----------------------------*/
.navbar-brand{padding-top:12px;}
.secondlevelmenu{ left:250px; top:0px; width:250px}
.secondlevelmenu li:last-child{ border-bottom:0px;}
.sidebar .nav > li.open > a { background:#fff!important}
.sidebar .nav > li.open > a .fa.arrow:before {content: "\f105"!important; color:#000}

.sidebar .nav-second-level li.active a{ background:#fff url("../images/rightarrow-dwn.png") no-repeat scroll 30px center; }
.sidebar .nav-third-level li a {background:#fff url("../images/rightarrow.png") no-repeat scroll 65px center!important; padding-left:80px!important}


.mega-content {padding:0px 0px 0px; width:680px}
.mega-content .row{ margin:0px!important;}
.mega-content li h2{ margin:5px 0px; padding:0px; font-size:15px; font-weight:bold}
.mega-content li h2:after{ content:"\f107";font-family: fontawesome; margin-left:5px; font-size:11px; position:relative; top:1px}
.mega-content li a{ margin:2px 0px 2px 5px!important; display:inline-block; color:#555!important}
.mega-content li a:hover{ text-decoration:underline; background:none; color:#2391ed!important}
.mega-content .row{ clear:both; margin-top:0px}
.list-unstyled, .list-unstyled {min-width: 170px; border-right:solid 1px #ddd; border-bottom:solid 0px #ddd}
.list-unstyled:last-child {border-right:solid 0px #ccc;}
.list-unstyled{padding:20px 30px!important; background:#fff}
.list-unstyled:nth-child(even){background:rgba(239,239,239,.5)}
.navbarsecond .dropdown-menu.megamenu{ padding:0px!important; background:#fff}
@media (max-width: 767px){.secondlevelmenu{ left:0px; top:100%; width:100%}}

.fa-article{background:url(../images/article.png) no-repeat!important;width:16px; height:16px;top:3px;position:relative}
.fa-alerts{background:url(../images/alerts.png) no-repeat!important;width:16px; height:16px;top:3px;position:relative}
.fa-setting{background:url(../images/setting.png) no-repeat!important;width:16px; height:16px;top:3px;position:relative}
.fa-groups{background:url(../images/groups.png) no-repeat!important;width:16px; height:16px;top:3px;position:relative}
.fa-admin{background:url(../images/admin.png) no-repeat!important;width:16px; height:16px;top:3px;position:relative}
.fa-manager{background:url(../images/manager.png) no-repeat!important;width:16px; height:16px;top:3px;position:relative}
.fa-template{background:url(../images/template.png) no-repeat!important;width:16px; height:16px;top:3px;position:relative}
.fa-orgni{background:url(../images/organization.png) no-repeat!important;width:16px; height:16px;top:3px;position:relative}
.fa-server{background:url(../images/server.png) no-repeat!important;width:16px; height:16px;top:3px;position:relative}
.fa-abuse{background:url(../images/abuse.png) no-repeat!important;width:16px; height:16px;top:3px;position:relative}
.fa-email{background:url(../images/email.png) no-repeat!important;width:16px; height:16px;top:3px;position:relative}
.hoverimg{ display:inline}

@media (min-width: 768px)
{
  .min-sidebar{position:relative;z-index:9999;right:-5px;bottom:10px;opacity:.5;transition: all .5s;}
  .min-sidebar img{ width:36px;height:18px;margin:0px;border-radius:0em;float:right;}
  .min-sidebar:hover{opacity:1}
  .max-sidebar{position:relative;z-index:9999;right:-5px;bottom:-7px;opacity:.5;transition: all .5s;}
  .max-sidebar img{ width:36px;height:18px;margin:0px;border-radius:0em;float:right; margin-right:3px}
  .max-sidebar:hover{opacity:1;}
  ul#side-menuu.nav.minimizemenus > li > a{padding:4px 22px 4px !important;transition: all .5s;opacity:.5}
  ul#side-menuu.nav.minimizemenus > li > a span.text{display:none}
  ul#side-menuu.nav.minimizemenus > li:hover > a{opacity:1}
  ul#side-menuu.nav.minimizemenus li a span.arrow{ display:none!important}
  ul#side-menuu.nav.minimizemenus li.sidebar-search{ display:none!important}
  ul#side-menuu.nav.minimizemenus li .sidebar-header{height:86px;padding: 10px 13px 0;transition: all .5s;}
  ul#side-menuu.nav.minimizemenus li .sidebar-header img{ width:40px}
  ul#side-menuu.nav.minimizemenus li .sidebar-header h2{ display:none!important}
  ul#side-menuu.nav.minimizemenus li .sidebar-header h3{ display:none!important}
  ul.nav.minimizemenus li .fa-fw{width:20px!important;height:20px!important;top:3px!important; line-height:normal!important}
  ul.nav.minimizemenus li .fa-article{background:url(../images/article-big.png) no-repeat!important;}
  ul.nav.minimizemenus li .fa-alerts{background:url(../images/alerts-big.png) no-repeat!important;}
  ul.nav.minimizemenus li .fa-setting{background:url(../images/setting-big.png) no-repeat!important;}
  ul.nav.minimizemenus li .fa-groups{background:url(../images/groups-big.png) no-repeat!important;}
  ul.nav.minimizemenus li .fa-admin{background:url(../images/admin-big.png) no-repeat!important;}
  ul.nav.minimizemenus li .fa-manager{background:url(../images/manager-big.png) no-repeat!important;}
  ul.nav.minimizemenus li .fa-template{background:url(../images/template-big.png) no-repeat!important;}
  ul.nav.minimizemenus li .fa-orgni{background:url(../images/organization-big.png) no-repeat!important;}
  ul.nav.minimizemenus li .fa-server{background:url(../images/server-big.png) no-repeat!important;}
  ul.nav.minimizemenus li .fa-abuse{background:url(../images/abuse-big.png) no-repeat!important;}
  ul.nav.minimizemenus li .fa-email{background:url(../images/email-big.png) no-repeat!important;}
  ul.nav.minimizemenus li .fa-users{background:url(../images/users-big.png) no-repeat!important;}
  ul.nav.minimizemenus li .fa-ticket{background:url(../images/ticket-big.png) no-repeat!important;}
  ul.nav.minimizemenus li .fa-userq{background:url(../images/manager-big.png) no-repeat!important;}
  ul.nav.minimizemenus li .fa-dashboard{background:url(../images/dashboard-big.png) no-repeat!important;}
  ul.nav.minimizemenus li .fa-dashboard:before{ display:none}

  .link-label{background:#428bca;border-radius:5px;color:#fff;display:inline-block;font-weight:normal;left:70px;opacity: 0!important;padding:10px;position: absolute;top:10px;transform: translate(-5px, 0px);visibility:hidden;white-space:nowrap;border:solid 1px #428bca;box-shadow:0 2px 4px rgba(0, 0, 0,0.3); font-size:14px}
  .link-label span{ font-size:13px; clear:both; display:block}
  .link-label:after {border-color:rgba(43, 51, 59, 0) #428bca rgba(43, 51, 59, 0) rgba(43, 51, 59, 0);border-style:solid;border-width: 10px;content:"";
                     height:0;margin-top:-10px;position: absolute;right:100%;top:30%;width:0;}
  ul.nav.minimizemenus li .hoverimg:hover .link-label{opacity:1!important;transform:translate(0px, 0px);transition-duration:0.15s;visibility:visible;}
  ul.nav.minimizemenus li.dashboard:hover .link-label{opacity:1!important;transform:translate(0px, 0px);transition-duration:0.15s;visibility:visible;}
  ul.nav.minimizemenus li.dashboard .link-label{top:0px;}
  ul.nav.minimizemenus li.dashboard .link-label:after{top:50%;}
  h2.submenuh{ margin:0px;padding:5px 20px;font-size:14px; color: #fff; background:#0b62ad; display: none; font-weight:bold}
  ul.nav.minimizemenus h2.submenuh{display:block}
  ul.secondlevelmenu li:first-child{display:none!important}
  ul.nav.minimizemenus ul.secondlevelmenu li:first-child{display:block!important}
}

@media (max-width: 767px)
{
  .sidebar-reduce{ width:100%!important}
  .maincontent-expand{margin-left:0px!important}
  .min-sidebar{ display:none}
  .max-sidebar{ display:none}
  .link-label{ display:none}
  h2.submenuh{display: none}
  ul.secondlevelmenu li:first-child{display:none!important}
}

.companybox{ border:solid 1px #ccc; background:#fff; border-radius:3px; box-shadow: 0px 2px 8px #ccc; margin:10px 0px}
.companybox h2{border-radius:3px 3px 0px 0px; margin:0px; background:#fff url(../images/company.png) no-repeat 10px center; color:#6c6c6c; padding:10px 10px 10px 40px; font-size:16px; text-transform:uppercase; font-weight:bold;}
.companybox .box{background:#00b9e9; padding:0px;box-sizing: border-box}
.companybox .box ul{margin:0px; padding:0px;}
.companybox .box ul li{list-style:none; color:#fff;font-size:15px; padding:5px 15px 0px 15px;margin:-1px 0px 0px -1px!important;width:calc(50% + 1px); display:inline-block; border:solid 1px #009bc3; box-sizing:border-box; position:relative; border-bottom:0px}
.companybox .box ul li .bar{ height:5px; background:#009bc3; width:calc(100% + 30px); margin-left:-15px; display:inline-block; float:left}
.companybox .box ul li .bar span.pro-bar{ height:5px; background:#00ff90; width:calc(30% + 30px); float:left}

.companybox .box ul li:after{ content:""; width:24px; height:24px; position:absolute; background:url(../images/click-icon.png); top:10px; right:10px}
.companybox .box ul li:nth-child(2):after{background:url(../images/chat-icon.png);}
.companybox .box ul li:nth-child(3):after{background:url(../images/call-icon.png);}
.companybox .box ul li:last-child:after{background:url(../images/favorite-icon.png);}
.companybox .box ul li > span{font-weight:bold; font-size:18px;text-align:center;color:#fff; clear:both; display:block; text-align:left; padding-bottom:5px}

.borderlabel { margin-top:15px;}
.borderlabel label { border:solid 1px #ddd; margin:0px 3px 10px!important;padding:5px 10px 10px 30px; width:auto; border-radius:5px;}

.companystats{border-bottom:solid 7px #0096c7;border-top:solid 7px #0096c7; background:#00a6d1; border-radius:1px; box-shadow: 0px 0px 8px #555;margin:40px 0px 80px!important; padding:10px 10px 2px; transition: all .3s ease-in-out;}
.companystats:hover{border-bottom:solid 7px #0085b1;border-top:solid 7px #0085b1; background:#009ec7;}
.companystats .comp-logo{ width:85px; height:85px; text-align:center; background:#fff; line-height:78px; border:solid 3px #00a6d1; border-radius:100%; box-shadow: 0px 0px 8px #555; margin:-54px auto 0;}
.companystats .comp-logo img{ width:65px; height:33px;}
.companystats .stats-box h2{ margin:15px 0 15px!important; padding:0px!important; text-align:center; font-size:14px; color:#fff; text-transform:uppercase; letter-spacing:.1px; position:relative}
.companystats .stats-box h2 span{ position:absolute;top:-5px;right:-3px;background:rgba(0,133,177,.7);padding:5px 8px;border-radius:15px;font-size:12px;}
.companystats .stats-box h2 img{ vertical-align:bottom; margin-right:2px;width:16px; position:relative; top:-3px}
.companystats ul{ margin:0px; padding:0px; list-style:none; margin-left:-10px; width:calc(100% + 20px )}
.companystats ul li{padding:6px 15px 7px;border-top:solid 1px rgba(3,83,109,.18);text-transform:uppercase;color:#def1fc;font-size:13px; font-weight:bold}
.companystats ul li img{ vertical-align:middle; margin-right:4px; width:13px}
.companystats ul li span{ float:right; color:#fff;}
.companystats .tools{ float:right; margin-top:-5px}
.companystats .tools a{ opacity:.5; margin:0 1px;transition: all .5s ease-in-out;}
.companystats .tools a:hover{ opacity:1}
.companystats .tools a img{ width:10px}




.dahbord-block-row{background:#fff; display:inline-block; width:100%;  border: 1px solid #e7eaec !important;  display: inline-block; margin-bottom: 15px;  padding: 10px;}
.invoices-data {
  margin: 10px 0 50px;
  padding: 0px 0 10px;
  text-align: center;
}

@media (max-width: 1575px){
  .invoices-data{ text-align:left!important}
}

.invoices-data h2 {
  color: #000;
  display: table;
  margin: -20px 0px 30px;
  padding: 6px 15px;
  text-align: left;
  width: auto; font-size:16px; color:#fff; width:150px; border-radius:5px 0px 0px 0px; background:#6f889c url(../images/darkstrip.png) no-repeat right;
}
.invoices-data .graphrow {
  border-right: 1px solid #e5e5e5;
  display: inline-block;
  margin: 0 4px;
  padding-left: 10px;
  width: 13%;
}
.invoices-data .graphrow.lastchild {
  border-right: 0 solid #e5e5e5;
  color: #000 !important;
}

.invoices-data.services {
  margin-bottom: 0px;
  padding-bottom:20px;
}

.invoices-data.services .graphrow {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #bbb;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
  margin: 10px 21px;
  padding: 10px 10px 5px;
  text-align: center;
  vertical-align: top;
  width:auto;
  min-width:14%;
}

.invoices-data.services .graphrow .icon-span{  font-size:25px; color:#fff;  text-align:center; padding-top:10px; }
.invoices-data.services .graphrow:nth-child(1) .icon-span{ color:#63ce6e}
.invoices-data.services .graphrow:nth-child(2) .icon-span{ color:#00bffe   }
.invoices-data.services .graphrow:nth-child(3) .icon-span{ color:#a479e2  }
.invoices-data.services .graphrow:nth-child(4) .icon-span{ color:#ff4d4d  }
.invoices-data.services .graphrow:nth-child(5) .icon-span{ color:#ffbc61  }

.invoices-data.services .graphrow h3{ font-size:26px; margin:10px 0px 0px; padding:0px; color:#666; font-weight:bold}
.invoices-data.services .graphrow h4{ color:#9b9b9b; margin-bottom:20px; font-size:13px!important; text-transform:uppercase; letter-spacing:0.5px;}

.invoices-data.services .graphrow:hover {
  border: 1px solid #666666;
  color: #0058a4;
}
.invoices-data.services .graphrow .textheading {
  color: #666;
  font-size: 13px;
  left: 0;
  letter-spacing: 0.1px;
  position: relative;
  text-transform: uppercase;
}
.invoices-data.services .graphrow .dataconent {
  font-size: 30px;
  margin-top: 10px;
}
.invoices-data.services .graphrow .dataconent span {
  clear: both;
  color: #888;
  display: block;
  font-size: 14px;
}
.invoices-data.services .graphrow:hover .dataconent span {
  color: #222;
}
.invoices-data.services .graphrow:hover .dataconent {
}
.invoices-data.services .graphrow:nth-child(1) {
  border-top: 5px solid #63ce6e !important;
}
.invoices-data.services .graphrow:hover:nth-child(1) {
  -moz-border-bottom-colors: none !important;
  -moz-border-left-colors: none !important;
  -moz-border-right-colors: none !important;
  -moz-border-top-colors: none !important;
  border-color: #63ce6e !important;
  border-image: none !important;
  border-style: solid !important;
  border-width: 5px 1px 1px !important;
  color: #3366CC !important;
}
.invoices-data.services .graphrow:nth-child(2) {
  border-top: 5px solid #00bffe !important;
}
.invoices-data.services .graphrow:hover:nth-child(2) {
  -moz-border-bottom-colors: none !important;
  -moz-border-left-colors: none !important;
  -moz-border-right-colors: none !important;
  -moz-border-top-colors: none !important;
  border-color: #00bffe !important;
  border-image: none !important;
  border-style: solid !important;
  border-width: 5px 1px 1px !important;
  color: #00bffe !important;
}
.invoices-data.services .graphrow:nth-child(3) {
  border-top: 5px solid #a479e2 !important;
}
.invoices-data.services .graphrow:hover:nth-child(3) {
  -moz-border-bottom-colors: none !important;
  -moz-border-left-colors: none !important;
  -moz-border-right-colors: none !important;
  -moz-border-top-colors: none !important;
  border-color: #a479e2 !important;
  border-image: none !important;
  border-style: solid !important;
  border-width: 5px 1px 1px !important;
  color: #a479e2 !important;
}
.invoices-data.services .graphrow:nth-child(4) {
  border-top: 5px solid #ff4d4d !important;
}
.invoices-data.services .graphrow:hover:nth-child(4) {
  -moz-border-bottom-colors: none !important;
  -moz-border-left-colors: none !important;
  -moz-border-right-colors: none !important;
  -moz-border-top-colors: none !important;
  border-color: #ff4d4d !important;
  border-image: none !important;
  border-style: solid !important;
  border-width: 5px 1px 1px !important;
  color: #ff4d4d !important;
}
.invoices-data.services .graphrow:nth-child(5) {
  border-top: 5px solid #ffbc61 !important;
}
.invoices-data.services .graphrow:hover:nth-child(5) {
  -moz-border-bottom-colors: none !important;
  -moz-border-left-colors: none !important;
  -moz-border-right-colors: none !important;
  -moz-border-top-colors: none !important;
  border-color: #ffbc61 !important;
  border-image: none !important;
  border-style: solid !important;
  border-width: 5px 1px 1px !important;
  color: #ffbc61 !important;
}

.invoices-data.services .graphrow-all:nth-child(1) { border-color: #63ce6e !important;border-style: solid !important;  border-width: 5px 1px 1px !important;}
.invoices-data.services .graphrow-all:nth-child(2) { border-color: #00bffe !important;border-style: solid !important;  border-width: 5px 1px 1px !important;}
.invoices-data.services .graphrow-all:nth-child(3) { border-color: #a479e2 !important;border-style: solid !important;  border-width: 5px 1px 1px !important;}
.invoices-data.services .graphrow-all:nth-child(4) { border-color: #ff4d4d !important;border-style: solid !important;  border-width: 5px 1px 1px !important;}
.invoices-data.services .graphrow-all:nth-child(5) { border-color: #ffbc61 !important;border-style: solid !important;  border-width: 5px 1px 1px !important;}


.progressstats { font-size: 15px;position: relative;}
.progressbar.progress { background: #e3e7ea url(../images/baroverlay.png) repeat scroll 0 0;  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3) inset;    height: 40px;}
.progressbar {  margin-top: 10px; margin-bottom:30px!important}
.progressbar .progress-bar { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3) inset;  font-size: 18px; font-weight: bold; line-height: 40px;}
element.style {  width: 25%;}
.progressstats:first-child .progress-bar { background: #92c030 none repeat scroll 0 0;}
.progressstats:first-child .progress-bar-scnd{background: #5bc0de!important;}
.progressstats .green { color: #92c030; font-size: 18px; border-bottom:none!important}
.progressstats .blue { color: #5bc0de; font-size: 18px; border-bottom:none!important}

.dahbord-block-row .table-responsive  th{ background:url(../images/th-bgg.png) repeat;}
.dahbord-block-row .table-responsive  th:first-child{ text-align:left!important; padding-left:20px;}
.dahbord-block-row .table-responsive  td:first-child{ text-align:left!important; padding-left:20px;}
.dahbord-block-row .table-responsive  th:last-child{ text-align:left!important; }
.dahbord-block-row .table-responsive  td:last-child{ text-align:left!important; color:#337ab7; }
.dahbord-block-row .table-responsive  td:last-child i{ vertical-align:sub; margin-right:5px;}
.dahbord-block-row .table-responsive  td:last-child i.green-text{ color:#009933!important;}
.dahbord-block-row .table-responsive  td:last-child i.blue-text{ color:#0099FF!important}
.dahbord-block-row .table-responsive  td:last-child i.red-text{ color:#990033!important}

.no-left-padding{ padding-left:0px!important}
.no-right-padding{ padding-right:0px!important}

.dahbord-block-row .searchcontent .input-group-addon{ padding:9px 12px 8px!important}
.dahbord-block-row .searchcontent label{ font-size:14px; font-weight:normal; color:#666666}


.sarvmta-sectin .innercontent{ border-radius:0px; border:none!important;}
.sarvmta-sectin .dahbord-block-row{ padding:0px 14px!important;}
.sravmta-serach-sectn{ background:#fff!important; border-radius:0px; border:none; box-shadow:0px 0px 2px 0px rgba(50, 50, 50, 0.10);}

.table-striped{ background:#f5f5f5; font-family:Arial;}
.table-striped .subject{text-align:left!important; padding-left:20px!important; width:200px; color:#428bca}
.table-striped .textt{width:400px;}
.table-striped .email{color:#555; width:150px;}
.table-striped .status{text-align:right; width:80px;}
.table-striped .status span {padding:2px 5px; font-size:12px; display:inline-block; width:54px;}
.table-striped .attetch{text-align:right!important;  width:94px;}
.table-striped .date{text-align:right; width:70px;}

.table td {border-top: 1px solid #e8edf1; vertical-align: top; padding: 7px 12px!important; color: #555;  font-size: 13px;}

.table td .muted { color: #777;}
.clickable { cursor: pointer;}
.table-fixed-layout { table-layout: fixed;}
.table-fixed-layout td { width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.table>tbody>tr>td, .table>tfoot>tr>td {border-top:0px;}
.table-striped tbody>tr>td { border-bottom: solid 1px #e5e5e5;}


@media (min-width:1040px) and (max-width:1280px){
  .table-striped .subject{ width:20%;}
  .table-striped .textt{ width:53%;}
  .table-striped .email{ width:20%;}
  .table-striped .status{ width:10%;}
  .table-striped .attetch{ width:5%;}
  .table-striped .date{ width:12%;}
}



.chat-list-box{background:#fff ; box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); height:100%;  padding: 20px 0;  position: fixed;  width: 260px; right:0px; z-index:1;top:51px;}
.chat-list-box h1{ margin:0px; font-size:18px; color:#000; text-transform:capitalize; padding:10px 0px 10px 20px; border-bottom:#2196f3  solid 2px; }
.chat-list-box h1 span{ font-size:15px; vertical-align:middle}
.chat-list-box .chat-search{padding: 20px 20px 15px;}
.chat-list-box .chat-search input{background-image: url(../images/search-2.png); background-position: left center; background-repeat: no-repeat;  padding-left: 30px; font-size: 14px; height: 35px; line-height: 1.42857; width:100%; border-bottom:#e0e0e0 solid 1px; border-top:none; border-left:none; border-right:none;}
.chat-user-listing{ list-style:none; margin:0px; padding:0px;}
.chat-user-listing li { float:left; width:100%; padding:15px 0px; border-bottom:#e5e5e5 solid 1px; display:inline-block; cursor:pointer; margin:0px;}
.chat-user-listing li.active{ background:#ecf9ff;}
.chat-user-listing li:hover{ background:#ecf9ff;}
.chat-user-listing li .user-pic{ width:70px; float:left}
.chat-user-listing li .user-pic img{ width:35px; height:35px; border-radius:50%; margin-top:2px;}
.chat-user-listing li .user-dtl{ width:150px; float:left; padding-top:2px;}
.chat-user-listing li .user-dtl h2{font-size:14px; margin:0px; padding:0px; color:#000; text-transform:capitalize}
.chat-user-listing li .user-dtl span{ display:block; color:#999; font-size:13px; margin-top:3px; }
.chat-user-listing li .status{ width:20px; float:right; margin-top:12px;}
.chat-user-listing li .status span{ width:10px; height:10px; border:solid 2px #fff; border-radius:50%; display:inline-block}
.chat-user-listing li .status span.online{background: #1ec01e none repeat scroll 0 0;  box-shadow: 0 0 0 1px #1ec01e;}
.chat-user-listing li .status span.offline{background: #ffa500 none repeat scroll 0 0; box-shadow: 0 0 0 1px #ffa500;}

.chat-panel-search-bar{position:static; width:100%; padding:0px; background:none; box-shadow:none; border:0px; margin-bottom:20px;}
.chat-panel-search-bar input[type="text"]{background-image: url(../images/search-2.png); background-position: 10px center; background-repeat: no-repeat; border: solid 1px #f2f2f2; border-radius: 5px!important; color: rgba(51, 51, 51, 0.69); font-size: 18px;  height: 35px; padding: 0 10px 0 40px; width:500px!important; box-shadow: 0 0 2px 0 rgba(50, 50, 50, 0.1)}

.chat-bx-areaa{margin-right:260px!important; margin-top:51px!important; padding-bottom:5px!important; position:fixed!important; height:100%}

.chat-box-section .heading{background:#0793d2; margin-right:-20px!important; margin-left:-20px!important; box-shadow:0 2px 5px #bbb; border-radius:3px 3px 0px 0px}
.chat-box-section .heading .profile{ width:50px; float:left;}
.chat-box-section .heading .profile img{ width:50px; height:50px;  border-radius:50%; padding:8px;}
.chat-box-section .heading .name-detail{ width:155px; float:left;}
.chat-box-section .heading .name-detail h2{font-size:15px; margin:8px 0px 5px; padding:0px; color:#fff; text-transform:capitalize}
.chat-box-section .heading .name-detail span{ display:block; width:10px; height:10px; border:solid 2px #fff; border-radius:50%; position:relative;}
.chat-box-section .heading .name-detail span.online{background: #1ec01e none repeat scroll 0 0;  box-shadow: 0 0 0 1px #1ec01e;}
.chat-box-section .heading .name-detail span.online:after{ position:absolute; content:"Online"; left:15px; top:-6px; font-size:13px; color:#f2f2f2}
.chat-box-section .heading .name-detail span.offline{background: #ffa500 none repeat scroll 0 0;  box-shadow: 0 0 0 1px #ffa500;}
.chat-box-section .heading .name-detail span.offline:after{ position:absolute; content:"offline"; left:15px; top:-6px; font-size:13px; color:#f2f2f2}
.chat-box-section .heading .right-side-icon{ float:right; width:110px; text-align:right; padding-right:10px; padding-top:18px;}
.chat-box-section .heading .right-side-icon a{ color:#fff; font-size:15px; margin-left:15px; text-decoration:none}

.chat-box-section .messages-list{ margin:0px; padding:5px 0px 20px; background:#fff; list-style:none; height:auto; margin-top:5px;}
.chat-box-section .messages-list .message{ width:100%; float:none; padding:10px 15px; }
.chat-box-section .messages-list .message .message-info .bullet, .chat-box-section .messages-list .message .message-info .contact-name, .chat-box-section .messages-list .message .message-info .message-time {display: inline-block;}
.chat-box-section .messages-list .message .message-info { height: 18px;}
.chat-box-section .messages-list .message .message-info .bullet {background-color: #7fe397; border-radius: 50%; height: 6px; margin-right: 6px;  width: 6px; margin-top:7px;}
.chat-box-section .messages-list .message .message-info .contact-name {font-weight: bold; margin-right: 10px; font-size:13px;}
.chat-box-section .messages-list .message .message-body {background-color: #7fe397; border-radius: 3px; color: #fff; margin-right: 10%; margin-top: 10px; padding: 10px; position: relative;}
.chat-box-section .messages-list .message .message-body::before {border-bottom: 7px solid #7fe397; border-style: solid;border-width: 7px; content: ""; display: block; height: 0;  left: 10px;  position: absolute;  top: -13px;  width: 0; color:#fff}
.chat-box-section .messages-list .message .message-body p{padding:0px 100px 20px 0px; margin:0px; font-size:12px; font-family: Arial; color:#444; position:relative;  height:auto;
                                                          white-space:pre-wrap;  width:auto}
.chat-box-section .messages-list .message .message-body p span{color: #666; font-size: 0.8em; position:absolute; right:5px; top:2px;}
.chat-box-section .messages-list .message .message-body p:after{ position:absolute; content:"..."; font-size:22px; bottom:3px; left:0px; text-align:center; color:#428bca;}
.chat-box-section .messages-list .message .message-body p:last-child{ padding-bottom:0px; margin-bottom:0px;}
.chat-box-section .messages-list .message .message-body p:last-child::after{ content:"";}

.chat-box-section .messages-list .message.reply .message-info .bullet {background-color:#7fd6e3; margin-top: 8px;}
.chat-box-section .messages-list .message.reply .message-info .bullet, .chat-box-section .messages-list .message.reply .message-info .contact-name, .chat-box-section .messages-list .message.reply .message-info .message-time
{float: right; margin-left: 10px; margin-right: 0;}

.chat-box-section .messages-list .message.reply .message-body::before { border-bottom-color:#7fd6e3; left: auto; right: 10px; color:#fff}
.chat-box-section .messages-list .message.reply .message-body {background-color: #7fd6e3; margin-left: 10%; margin-right: 0;}

.messagetype-box{ background:#e7e7e7; margin:0px -20px!important; padding:10px;}
.messagetype-box textarea{ resize:none; height:70px;}
.messagetype-box .send-btn{ padding:25px 25px!important; line-height: 1.3!important; background:#8b8b8b!important; color:#fff!important; text-transform:uppercase!important; letter-spacing:.5px!important}


#chat-list-scroll{height:600px; overflow:auto}
#chat-section-scroll{overflow:scroll; height:calc(100vh - 270px);}

@media (max-width:1040px){
  .chat-panel-search-bar input[type="text"]{ width:100%!important;}
  .chat-box-section .heading .right-side-icon{ width:85px;}
  .chat-box-section .heading .right-side-icon a{ font-size:12px; margin-left:10px;}
  .chat-box-section .messages-list .message .message-body{ margin-right:0px;}
  .chat-box-section .messages-list .message.reply .message-body{ margin-left:0px;}
}

@media (min-width:320px) and (max-width:840px){
  .chat-bx-areaa{ margin-right:200px!important;}
  .chat-list-box{ width:200px;}
  .chat-user-listing li .user-pic{ width:50px;}
  .chat-user-listing li .user-dtl{ width:120px;}
  .chat-box-section .heading .name-detail{ width:140px;}
}

@media (max-width:510px){
  .chat-list-box{ position:relative; width:90%; margin:10px 15px;}
  .chat-bx-areaa{ margin-right:0px!important}
  #chat-list-scroll{ height:180px;}
  #chat-section-scroll{ height:250px;}
  .messagetype-box textarea{ height:41px;}
  .messagetype-box .send-btn{ padding:11px 25px!important;}
  .chat-panel-search-bar{ display:none}
}

.status .tooltip .tooltip-inner{ background:#fff; border:solid 1px #d9534f; color:#000; padding:5px; min-width:300px!important; white-space:normal; word-wrap: break-word !important; }
.status .tooltip .tooltip-arrow{ border-top-color: #d9534f !important;}


.sarv-tbll{ border-left:solid 1px #ddd; border-right:solid 1px #ddd; margin-bottom:0px!important}
.innercontent .panel-group .panel + .panel{ margin-top:0px!important}
.smpp_tabsle tr td{ padding:5px 0px; border-bottom: solid 1px #ddd;}
.sarv-tbll .tgl-dwnn i{ padding-left:10px; vertical-align:middle}
.smpp_tabsle tr:hover{ background:#f8f8f8}
.panel-collapse.collapse.in {background: #eee none repeat scroll 0 0;}
.sarv-tbll .dlt-roww{ background:#f2dede!important}



/*Pricing tab start  */

.priceplans .col{border:solid 1px #e0e1e1;width:250px;padding:0px;display:inline-block;box-sizing:border-box;margin:0px -3px 0px 0px; vertical-align:top; position:relative}
.priceplans .col .planname{ font-size:18px; text-align:center;color:#9fa0a1; font-weight:bold; letter-spacing:.5px; padding:10px; background:#f2f6fa}
.priceplans .col .planname img{ opacity:.5}
.priceplans .col .pricebox{border-top:solid 4px #226dab;padding:40px 10px;background:#fff;font-size:32px;color:#164179;font-weight:bold;letter-spacing:.5px; position:relative}
.priceplans .col .pricebox span{ font-size:17px; font-weight:normal}
.priceplans .col .pricebox a{ clear:both; display:inline-block; background:#338ed8; border-radius:3px; text-align:center; padding:10px 30px; font-size:17px; color:#fff; margin-top:15px; letter-spacing:1px}
.priceplans .col.popular {}
.priceplans .col.popular .planname{color:#353433; background:#fff}
.priceplans .col.popular .pricebox{background:#f2f6fa;color:#164179;}
.priceplans .col.popular .pricebox a{background:#e77528;color:#fff;}
.priceplans .col.popular .planname img{ opacity:1}
.priceplans .col.popular .pricebox:after {border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px dashed;top:0px;color: #226dab;content: "";display: inline-block;height: 0;left: 45%;position: absolute;vertical-align: middle;width: 0;}

.priceplans .features{ border-top:solid 1px #e0e1e1; padding:20px 0px 20px; background:#fff; font-size:16px; position:relative; color:#154079; letter-spacing:.5px;}
.priceplans .features a{ clear:both; display:inline-block; background:#338ed8; border-radius:3px; text-align:center; padding:10px 30px; font-size:17px; color:#fff; letter-spacing:1px}
.priceplans .features.popular{background:#f2f6fa!important}
.priceplans .features.popular a{background:#e77528;color:#fff;}
.priceplans .features .plus-symble{ position:absolute; top:-10px; left:0px; right:0px; margin:0 auto; content:"";}

.priceplans .col1{ width:350px; border:solid 0px #000; float:left; margin-bottom:70px;display:none}
.priceplans .col1 .pricebox{ background:#428bca; padding:25px 20px; box-sizing:border-box;}
.priceplans .col1 .pricebox h3{ text-transform:none; letter-spacing:0px; font-size:28px; font-weight:bold; padding:0; margin-bottom:10px; color:#FFFFFF; text-align:center}
.priceplans .col1 .pricebox h3 span{}
.priceplans .col1 .pricebox h2{ font-size:80px; font-weight:bold; color:#fff; margin-bottom:5px; margin-top:0px; padding-top:0; text-align:center}
.priceplans .col1 .pricebox h2 span{ display:block; font-size:18px; font-style:italic; line-height:normal; margin-top:-20px;}
.priceplans .col1 .pricebox h2 font{font-size:24px; vertical-align:top; margin-top:18px; display:inline-block}
.priceplans .col1 .contact{ background:#454545; padding:21px; box-sizing:border-box; color:#fff; font-size:20px}
.priceplans .col1 .contact a{color:#fff; text-decoration:underline; clear:both; background:#ff7d1e; padding:8px 10px; border-radius:5px; display:block; margin:10px 40px 0; text-decoration:none;}
.priceplans .colful{ width:700px; border:solid 0px #000;margin-bottom:40px}
.priceplans .colful .heading{background:#2a6496; padding:10px 20px; box-sizing:border-box; color:#fff; margin:0px; font-size:30px; text-align:center}
.priceplans .plans{border:solid 1px #ddd; border-top:0px; padding-bottom:0px; float:left; width:100%}
.priceplans .plans ul{ margin:0px; padding:0px; width:100%; float:left; border:solid 0px; border-bottom:solid 5px #454545}
.priceplans .plans ul li{ margin:0px; padding:0px; list-style:none; display:inline-block; width:50%; height:auto; border:0px; float:left}
.priceplans .plans ul li a{width:100%; height:auto; border:0px; font-size:17px; font-weight:bold; color:#555; letter-spacing:.5px; display:inline-block; padding:12px 24px;border-right: solid 0px #ddd; margin:0px 0px;border-bottom: solid 1px #ddd;background:#eee; float:left; text-decoration: none;}
.priceplans .plans ul li a.active{color:#2a6496 ;border-right: solid 0px #ddd;border-bottom: solid 1px #2a6496 ;background:#fff}
.priceplans .plans ul li a span{ display:block; font-size:14px; font-weight:normal; letter-spacing:0px; line-height:normal}
.priceplans .plans ul li a:hover{ text-decoration:none}
.priceplans .plans ul li:last-child a{border-bottom:0px}
.priceplans .plans ul li:nth-child(odd) a{border-right: solid 1px #ddd; }
.priceplans .colful .contant{margin-top:0px;float:right; width:100%; border:solid 1px #ddd;}
.priceplans .colful .costs{background:#515151;padding:15px 40px 21px;box-sizing:border-box;clear:both;text-align:left;color:#ddd;font-size:24px}
.priceplans .colful .costs .price{ float:right; font-weight:bold; color:#fff; font-size:28px; width:auto; border:solid 0px}
.priceplans .colful .signup{background:#428bca ; color:#fff;padding:22px 40px;box-sizing:border-box;clear:both;text-align:left;font-size:18px; letter-spacing:.5px}
.priceplans .colful .signup input[type="submit"]{background:#fff; float:right; padding:8px 15px 3px; border-radius:3px; text-decoration:none; color:#2a6496 ; font-size:18px; text-transform:uppercase; font-weight:bold; letter-spacing:.2px; margin-top:-5px; border:none;}
.currency{ background:#333;border:0;border-radius:3px;color: #fff;font-size: 12px;margin-top: -5px;padding: 5px;vertical-align: middle;}
.currency option:not(:checked){color:#fff}
h2.example{ margin:0px; padding:10px 0px; border-right:solid 0px #ddd; font-size:18px; border-bottom:solid 0px #ddd; background:#717171; color:#fff; width:100%; float:left; text-align:center;}
.estimate{ float:left; background:#aaa; padding:20px 20px 14px; font-size:19px;color:#fff; width:100%; box-sizing:border-box; text-align:center}
.estimate input{border-radius:3px; padding:10px 10px; border:0px; vertical-align:middle; margin-top:-5px; font-size:16px; color:#555; width:180px; margin-left:20px}
table.beforeta{ padding:0px; border:solid 0px #ccc; border-collapse:collapse; margin:15px 30px 15px; width:calc(100% - 60px)}
table.beforeta td{ padding:10px; border-bottom:solid 1px #ddd; border-collapse:collapse; font-size:17px; color:#666; text-align:left;}
table.beforeta td font{ color:#2a6496 }
table.beforeta tr:last-child td{ border:0px; color:#666}

.priceplans {border: 0 solid #000;margin: 80px auto 80px 300px;clear:both;float:left}
/*pricing tab end*/
.sarv-tbll{ border-left:solid 1px #ddd; border-right:solid 1px #ddd; margin-bottom:0px!important}
.sarv-tbll tr td i{ font-size:14px; vertical-align:middle}
.sarv-tbll tr td{ font-size:15px; background:#f2f2f2}
.sarv-tbll tr td span.label { vertical-align:middle; padding:3px 5px; font-size:12px; width:70px; display:inline-block}
.innercontent .panel-group .panel + .panel{ margin-top:0px!important}
.smpp_tabsle tr td{ padding:5px 0px; border-bottom: solid 1px #ddd; font-size:13px!important; background:#fff}
.sarv-tbll .tgl-dwnn i{ padding-left:10px; vertical-align:middle;}

@media (max-width:1300px){
  .permtbl{ overflow:auto}
  .shmbhu-tblb{ width:1200px;}
}

.checkbox label .toggle,.checkbox-inline .toggle{margin-left:-20px;margin-right:5px}
.toggle{position:relative;overflow:hidden}
.toggle input[type=checkbox]{display:none}
.toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none}
.toggle.off .toggle-group{left:-100%}
.toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0}
.toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0}
.toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px}
.toggle.btn{min-width:59px;min-height:34px}
.toggle-on.btn{padding-right:24px}
.toggle-off.btn{padding-left:24px}
.toggle.btn-lg{min-width:79px;min-height:45px}
.toggle-on.btn-lg{padding-right:31px}
.toggle-off.btn-lg{padding-left:31px}
.toggle-handle.btn-lg{width:40px}
.toggle.btn-sm{min-width:50px;min-height:30px}
.toggle-on.btn-sm{padding-right:20px}
.toggle-off.btn-sm{padding-left:20px}
.toggle.btn-xs{min-width:35px;min-height:22px}
.toggle-on.btn-xs{padding-right:12px}
.toggle-off.btn-xs{padding-left:12px}

.sarv-datatables{ padding-bottom:20px;}
.sarv-datatables table thead{ background:rgba(0, 0, 0, 0) url("../images/thead-bg.png") repeat-x scroll 0 0;}
.sarv-datatables .dataTables_length, .sarv-datatables .dataTables_filter{ display:block!important}
.sarv-datatables .dataTables_length select{ margin-right:5px;}
.sarv-datatables .dataTables_filter input{ margin-left:5px;}

.sarv-datatables table td .btn{ width:60px!important; display:inline-block}

.smpp-add-setting-page .nav-tabs li a:focus{border-color:none!important}
.smpp-add-setting-page .nav-tabs li.active a{background:#f2f2f2;     }
.smpp-add-setting-page .nav-tabs li a:hover{background:#f2f2f2; color:#555     }
.smpp-add-setting-page .nav-tabs li .dropdown-menu{border:solid 1px #ccc; border-top:none; padding:0px 0px 2px;}
.smpp-add-setting-page .nav-tabs li .dropdown-menu li{ margin-top:0px; margin-bottom:0px;}
.smpp-add-setting-page .nav-tabs li .dropdown-menu li a{ border-top:solid 1px #ccc;}

.smpp-add-setting-page .nav-tabs li.open > a, .smpp-add-setting-page .nav-tabs li.open > a:hover{border:none}
.settingstbl tr th{text-transform: none;}

.loading_dot {padding-right: 12px;background: url(../images/loading_dot.gif) right 20px no-repeat;padding-top: 10px;}

.erroe-higlight{ overflow-x:auto; background:#eee; padding:15px; border-radius:5px; margin-bottom:10px; white-space: nowrap;}
.erroe-higlight2{ overflow-x:auto; background:#f7fdff; padding:15px; border-radius:5px; margin-bottom:10px; white-space: nowrap;}

.sarv-bx{border:solid 1px #ccc; padding:0px 5px 2px; display:inline-block; border-radius:5px; background:#f2f2f2; color:#000; margin-bottom:3px; width: 132px;}
.sarv-bx span{ padding-right:10px; vertical-align:middle}
.sarv-bx label{ vertical-align:sub; cursor:pointer; color:#666; font-size:16px; padding-bottom:0px!important; margin-bottom:0px!important}
.sarv-bx label:hover{ color:#333}

.viewip-popover{padding:3px 5px!important}
.popover{ max-width:550px!important;}
.popover-content{ word-wrap:break-word!important;overflow-y:auto; overflow-x:hidden}
.chosen{min-width: 200px !important}

.dns_drpot-dropdwn{ width:350px!important; padding:0px;}
.dns_drpot-dropdwn table tbody{border:none!important}
.dns_drpot-dropdwn table{ width:100%;   overflow-wrap: break-word; word-wrap: break-word; table-layout:fixed}
.dns_drpot-dropdwn table tr td{ text-align:left}
.dns_drpot-dropdwn table tr td.tbl-dhngg{background:#f2f2f2; text-align:center}
.dns_drpot-dropdwn table tr td.ip-address{overflow-wrap: break-word; word-wrap: break-word; width:200px;}
.colr-red{ color:#CC3300; font-size:16px;vertical-align:middle}
.colr-green{ color:#009933;  font-size:19px; vertical-align:middle}


.dns_drpot-dropdwn::after,
.dns_drpot-dropdwn::before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  bottom: 100%;
  left: 163px;
}

.dns_drpot-dropdwn::after {
  border-bottom: 10px solid #f2f2f2;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  z-index: 1;
  margin-top: 1px;
}

.dns_drpot-dropdwn::before {
  border-bottom: 13px solid #ccc;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  margin-top: -3px;
  margin-left: -3px;
  z-index: -100;}

.reloadStat{ text-decoration:none; outline:none}
.noeffect-btn{ padding:0px!important}
.noeffect-btn:hover, .noeffect-btn:active, .noeffect-btn:focus, .noeffect-btn.active{ box-shadow:none!important; background:none!important}
.reloadStat:hover, .reloadStat:active, .reloadStat.active, .reloadStat:focus{text-decoration:none; outline:none}
.dns-extrareprt-popp{width:35px; display:inline-block; right:0px!important;}
.dns-extrareprt-popp .dropdown-menu{width:350px!important; padding:0px; right:0px!important; left:auto; top:32px;}

.dns-extrareprt-popp .dropdown-menu::after,
.dns-extrareprt-popp .dropdown-menu::before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  bottom: 100%;
  right: 5px;
}

.dns-extrareprt-popp .dropdown-menu::after {
  border-bottom: 11px solid #f2f2f2;
  border-left: 10px solid transparent;
  border-right: 14px solid transparent;
  z-index: 1;
  margin-top: 1px;
}

.dns-extrareprt-popp .dropdown-menu::before {
  border-bottom: 13px solid #ccc;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  margin-top: -3px;
  margin-left: -3px;
  z-index: -100;}


.field_transferd{ padding-bottom:20px;}
.field_transferd .columss{ width:100%!important;  position:relative;}
.field_transferd .wrapheight ul li a{ background-image:none!important; padding:10px!important; color:#333333!important; transition:none!important; text-transform:none!important;word-break: break-all;}
.field_transferd .wrapheight ul li a:hover{ background:#439be8!important; color:#fff!important;}
.field_transferd .wrapheight ul li a:hover::after{ color:#fff!important;}
.field_transferd .wrapheight.rihgt-side ul li a:after{ content:"\f100"; color:#555; position:absolute;font-family: FontAwesome; left:10px;}
.field_transferd .wrapheight.rihgt-side ul li a{ background:#e4f2fe!important; padding-left:30px!important;}
.field_transferd .wrapheight.rihgt-side ul li a:hover, .field_transferd .wrapheight.rihgt-side ul li a:hover::after{ color:#333!important;}
.field_transferd .wrapheight.rihgt-side ul li a:hover{ background:#cfe9ff!important}
.field_transferd .wrapheight.rihgt-side ul li a.redbg{ background:#fee4ea!important;}
.field_transferd .wrapheight.rihgt-side ul li a.redbg:hover{ background:#ffcfe0!important;}

.field_transferd_bar{ margin-bottom:20px; margin-top:10px;}
.field-trnsfer-box{ width: 29%; position:relative; float:left; margin-right:10px; border:solid 10px #ddd;}
.search-bxxx input[type="text"]{ border-radius:0px!important; border-color:#999; background: url(../images/search-2.png) no-repeat right #fff;  width:100%;}
.search-bxxx{ border-bottom:solid 10px #ddd}
span.ipcount-span{ display:inline-block; background:#fff; vertical-align:middle; padding:0px 5px; border-radius:20px; border:solid 1px #3C7DB3; min-width:31px; text-align:center; margin-left:10px; font-size:10px;  position: absolute;
                   right: -27px; top:-6px}

#webhook-form .form-group label{ text-align: left!important; font-weight:normal!important;}
#webhook-form .form-group label input[type="checkbox"]{vertical-align:sub; margin-right:10px;}


.sarv-webhook-dcrptn ul{ margin:0px; padding:0px; list-style:none}
.sarv-webhook-dcrptn ul li{ margin-bottom:20px; border:solid 1px #ccc; border-radius:5px;}
.sarv-webhook-dcrptn ul li:last-child{ margin-bottom:0px!important}
.sarv-webhook-dcrptn ul li .heading{ background:#f2f2f2; padding:5px 0px; border-radius:5px 5px 0px 0px; display:inline-block; width:100%; border-bottom:solid 1px #ccc;}
.sarv-webhook-dcrptn ul li .heading .col-lg-10{ padding:0px;}
.sarv-webhook-dcrptn ul li .heading .col-lg-10 .trigger-detail{ margin-top:10px;}
.sarv-webhook-dcrptn ul li .heading .col-lg-10 .trigger-detail span{ display:inline-block; margin-left:5px; background:#fff; border:solid 1px #ddd; padding:0px 5px; border-radius:4px;}
.sarv-webhook-dcrptn ul li .heading .dropdown-menu{ right:0px!important; left:auto}
.sarv-webhook-dcrptn ul li .heading .dropdown-menu li{ border:none; padding:0px!important; margin-bottom:0px;}
.sarv-webhook-dcrptn ul li .descrotpn-sectn{ width:100%; display:inline-block;}

.sarv-webhook-dcrptn ul li.infromation-msg{ padding:10px; font-size:18px; background:#eafcfe}
.sarv-webhook-dcrptn ul li.infromation-msg i{ vertical-align:middle}

#userModalIp .modal-dialog{width: 705px;}


.input-leabl{ display:block; padding-bottom:5px}
.drpdwnss:after{ position:absolute; top:-20px; content:"Domain Name";}



/*css for send mail table */

.send-mail-table-sarv{ margin-top:15px; background:#f4f4f4}
.send-mail-table-sarve table{ margin-bottom:0px; text-align:left!important}
.send-mail-table-sarv table tr th{ padding:8px 5px!important; background:#ddd;  text-align:left!important}
.send-mail-table-sarv table tr th:first-child{ padding-left:10px!important;}
.send-mail-table-sarv table tr td{border-bottom:#d4dee8 solid 1px; color:#222; font-size:13px; padding:5px 0px!important; line-height:none; vertical-align:middle; text-align:left}
.send-mail-table-sarv table tr td a{ color:#222; vertical-align:middle; padding-left:5px;}
.send-mail-table-sarv table tr td.p-date{ font-size:12px; color:#222!important}
.send-mail-table-sarv table tr td.p-date small{color:#999; font-size:10px; padding:0px; margin:0px; display:block;}
.send-mail-table-sarv table tr td span.code_s{padding:0px 10px; font-size:12px; border-radius:20px; vertical-align:initial; min-width:80px; border:solid 1px #aaa}
.send-mail-table-sarv table tr td span.type-soft{padding:0px 10px; font-size:12px; border-radius:20px; vertical-align:initial; min-width:80px; background:#d9534f; color:#fff}
.send-mail-table-sarv table tr td span.type-hard{padding:0px 10px; font-size:12px; border-radius:20px; vertical-align:initial; min-width:80px; background:#5cb85c; color:#fff}

.send-mail-table-sarv table tr td span.publish{padding:0px 10px; font-size:12px; border-radius:20px; vertical-align:initial; min-width:80px; background:#d9534f; color:#fff}
.send-mail-table-sarv table tr td span.unpublish{padding:0px 10px; font-size:12px; border-radius:20px; vertical-align:initial; min-width:80px; background:#5cb85c; color:#fff}

/*css for send mail table */


/*******************************************************css for new theme intigeration*****************************************************/

/*css for header*/
a:hover, a:focus{text-decoration:none}
.sarv-headerr{ background:#337ab7;padding-top:9px; padding-bottom:9px; box-shadow: 0px 10px 5px -7px rgba(0,0,0,0.40); z-index:999; width:100%; position:fixed }
.sarv-headerr .logo{ float:left; width:100px!important;  text-align:left}

.sarv-headerr .search-bar{ padding-top:4px;}
.sarv-headerr .search-bar input[type="text"]{ background:#fff; padding:5px; width:80%; border:1px solid #d4dee8;}
.sarv-headerr .search-bar input[type="submit"]{ background:#4683ea url(../images/search-iconn.png) no-repeat center; border:solid 1px #4683ea; padding:5px; width:50px;}

.sarv-headerr .menu-link {  padding-left:15px; line-height:normal; padding-top:0px;}
.sarv-headerr .menu-link ul{ list-style:none; margin:0px; padding:0px;}
.sarv-headerr .menu-link ul li { float:left;}
.sarv-headerr .menu-link ul li a{ color:#fff; padding:2px 8px; font-size:14px; border:solid 1px transparent; font-family:Calibri; display:inline-block; border-radius:20px; transition:all 0.2s ease-out 0s}
.sarv-headerr .menu-link ul li a:first-child{ margin-left:0px;}
.sarv-headerr .menu-link ul li a:hover, .sarv-headerr .menu-link ul li a:focus, .sarv-headerr .menu-link ul li a.active{ border:solid 1px #fff; text-decoration:none}
.sarv-headerr .menu-link ul li .dropdown-menu { padding-top:10px; padding-bottom:10px; background:#337ab7 ; top:34px; left:-40px; border-radius:0px 0px 4px 4px}
.sarv-headerr .menu-link ul li .dropdown-menu li{ display:block; width:100%;}
.sarv-headerr .menu-link ul li .dropdown-menu li a{ display:block; width:100%; margin:0px!important; color:#fff; border-radius:0px; border:none;}
.sarv-headerr .menu-link ul li .dropdown-menu li a:hover, .sarv-headerr .menu-link ul li .dropdown-menu li a:focus{ background:none; border:0px!important}

.sarv-headerr .right-top-menu{text-align:right; padding-top:0px; width:auto; display:inline-block!important; position:absolute; top:10px; right:15px!important;}
.sarv-headerr .right-top-menu a{ color:#337ab7; padding:2px 10px; font-size:14px; border:solid 1px #fff; border-radius:4px; display:inline-block; background:#fff}
.sarv-headerr .right-top-menu a i{ vertical-align:inherit; margin-right:5px;}
.sarv-headerr .right-top-menu .dropdown{ display:inline-block}
.sarv-headerr .right-top-menu .dropdown .dropdown-menu{ right:0!important; background:#337ab7  ; left:auto; border-radius:0px 0px 4px 4px; min-width:170px!important; top:35px!important}

.sarv-headerr .right-top-menu .dropdown .dropdown-menu li a{ color:#fff; border:none; border-bottom:1px solid rgba(0, 0, 0, 0.15); border-radius:0px; display:block; background:none;}
.sarv-headerr .right-top-menu .dropdown .dropdown-menu li a:hover{ background:none;}
.sarv-headerr .right-top-menu .dropdown .dropdown-menu li:last-child a{ border-bottom:none;}
.sarv-headerr .right-top-menu .dropdown .dropdown-menu li a i{ padding-right:10px;}


.hedr-fixed-submenu{ width:calc(100% - 210px); position:fixed; top:46px; background:#f7f5ee;  border-bottom: 1px solid #e5eff9; box-shadow: 0 7px 5px -7px rgba(0, 0, 0, 0.4); z-index:555; padding-left:15px; margin-left:-10px;}
.hedr-fixed-submenu .extra-btn{ width:100%; float:left; display:inline-block;  padding:5px 0px;}
.hedr-fixed-submenu .extra-btn .btn{ font-size:12px;}
.hedr-fixed-submenu .extra-btn ul.btn-sectionn{ list-style:none; margin:0px; padding:0px; display:inline-block; vertical-align:text-top}
.hedr-fixed-submenu .extra-btn ul.btn-sectionn li{ float: left; display:inline-block; padding-right:15px;}
.hedr-fixed-submenu .extra-btn .dropdown-menu li, .hedr-fixed-submenu .extra-btn .dropdown-menu li a{ display:block; width:100%; padding-right:0px!important; font-size:12px!important;}

.hedr-fixed-submenu .extra-btn .search-popup-btn{width:300px; display:inline-block; float:right; vertical-align:middle; text-align:right}
.hedr-fixed-submenu .extra-btn .search-popup-btn .btn{ font-size:14px; text-transform:uppercase; padding:4px 10px;  outline:none}

.left-side-menu{  background: #f7f5ee;  border-right: 1px solid #d4dee8;  float: left;  height: 100%;  padding: 0;  position: fixed;  width: 215px; top:47px}
.left-side-menu .search-bx{ width:100%; padding:6px 10px; float:left; border-bottom:1px solid #d4dee8; margin-bottom:15px;}
.left-side-menu .search-bx .btn{ padding:7px 12px;}
.left-side-menu .search-bx .form-control{ height:30px;}
.left-side-menu ul{ list-style:none; margin:0px; padding:10px 0px 0px;}
.left-side-menu ul li{ display:block;}
.left-side-menu ul li a{ display:block; padding:6px 5px 6px 30px; font-size:14px; color:#222; font-family:calibri!important}
.left-side-menu ul li.active a{ color:#dd4b39}
.content-panel-section{ width:calc(100% - 215px); padding:10px; display:inline-block; margin-left:215px; margin-top:94px; font-family:calibri!important;}
.content-panel-section h2{ margin:5px 0px 10px; padding:0px 0px 10px; font-size:18px; color:#444; border-bottom:1px solid rgba(0, 0, 0, 0.1); font-family:calibri}
.content-panel-section h2 .btn{ vertical-align:middle; padding:0px 10px; background:#efe8be}
.content-panel-section .breadcrumb{ margin-bottom:10px!important; padding:5px 10px;}
.content-panel-section .breadcrumb li{ line-height:normal}
.content-panel-section .breadcrumb li a{ font-size:12px;  }
.content-panel-section .breadcrumb li.active a{ font-size:12px;}

.content-panel-section .main-tab-btn_s li a span{ vertical-align:middle; padding:0px 5px; font-weight:normal}
.content-panel-section .main-tab-btn_s li.active a{ background:#f2f2f2!important;}
.content-panel-section .tab-content{ border:solid 1px #ddd; border-top:none; padding:5px; background:#f2f2f2; width:100%; display:inline-block}
.content-panel-section .tab-content .panel-box{ background:#fff; width:100%; padding:10px; border:1px solid #e7eaec !important; margin-bottom:15px; display:inline-block}
.content-panel-section .tab-content .panel-box:last-child{ margin-bottom:0px;}
.content-panel-section .tab-content .panel-box .inner-navbtnS{border:none}
.content-panel-section .tab-content .panel-box .inner-navbtnS li a{ padding:4px 10px; margin-right:10px; border:solid 1px #ddd; border-radius:0px; font-size:12px; border:solid 1px #337ab7 }
.content-panel-section .tab-content .panel-box .inner-navbtnS li.active a{ background:#337ab7 ; color:#fff;}
.content-panel-section .tab-content .panel-box .inner-tabS{ background:none!important; padding:10px 0px 0px; border:none}
.content-panel-section .tab-content .panel-box .inner-tabS .chart-section h2{ border-bottom:none; font-size:16px; text-transform:uppercase; margin:0px; padding:10px; color:#f2f2f2}
.content-panel-section .tab-content .panel-box h3{ border-bottom: 1px solid rgba(0, 0, 0, 0.1);  color: #444;  font-size: 16px;  margin: 0px 0px 10px;  padding: 0px 0px 10px;
                                                   text-transform: uppercase;}
.content-panel-section .tab-content .panel-box h3 .btn{ vertical-align:middle; padding:0px 5px; margin-left:10px;}
.content-panel-section .tab-content .panel-box h3.jyada-space{font-size:18px!important; margin-left:15px!important; margin-right:10px!important;}
.ibox-content{background-color:#ffffff; border-bottom:#e7eaec solid 1px; color:#676a6c; padding:15px 20px 20px;}
.ibox-content:last-child{border-bottom:none}
.stats-label{ font-size:14px;}
.stats-label a{ color:#676a6c; text-decoration:underline}
.ibox-content h4{ margin-top:5px; font-size:16px; margin-bottom:0px; padding:0px; font-weight:600}

.bx-report-cntent{ border:1px solid rgba(221, 221, 221, 0.7); box-shadow:0 1px 1px -1px rgba(0, 0, 0, 0.2); color:#777; font-size:13px; background:#fff; margin-right:10px; margin-bottom:5px; padding:5px 15px;}
.bx-report-cntent span{ font-size:19px; font-weight:bold; color:#2a6496; margin-right:10px;}

.panel-email-listing-bx{ width:100%; }
.panel-email-listing-bx .table-responsive{ margin-top:15px; background:#f4f4f4}
.panel-email-listing-bx .table-responsive table{ margin-bottom:0px;}
.panel-email-listing-bx .table-responsive table tr th{ padding:8px 5px!important; background:#ddd;}
.panel-email-listing-bx .table-responsive table tr th:first-child{ padding-left:10px!important;}
.panel-email-listing-bx .table-responsive table tr td{border-bottom:#d4dee8; color:#222; font-size:13px; padding:5px; line-height:none; vertical-align:middle}
.panel-email-listing-bx .table-responsive table tr td a{ color:#222; vertical-align:middle; padding-left:5px;}
.panel-email-listing-bx .table-responsive table tr td.p-date{ font-size:12px;}
.panel-email-listing-bx .table-responsive table tr td.p-date small{color:#999; font-size:10px; padding:0px; margin:0px; display:block; padding-left:10px;}
.panel-email-listing-bx .table-responsive table tr td span.gray-lable{ display:inline-block; padding:0px 5px; background:#777777; font-size:12px; vertical-align:middle; border-radius:2px; color:#fff;}
.panel-email-listing-bx .table-responsive table tr td span.label{ padding:2px 10px; font-size:12px; border-radius:20px; vertical-align:initial; }
.panel-email-listing-bx .table-responsive table tr td span.code_s{padding:0px 10px; font-size:12px; border-radius:20px; vertical-align:initial; min-width:80px; border:solid 1px #aaa}
.panel-email-listing-bx .table-responsive table tr td span.type-soft{padding:0px 10px; font-size:12px; border-radius:20px; vertical-align:initial; min-width:80px; background:#d9534f; color:#fff}
.panel-email-listing-bx .table-responsive table tr td span.type-hard{padding:0px 10px; font-size:12px; border-radius:20px; vertical-align:initial; min-width:80px; background:#5cb85c; color:#fff}

.panel-email-listing-bx .table-responsive table tr td span.publish{padding:0px 10px; font-size:12px; border-radius:20px; vertical-align:initial; min-width:80px; background:#d9534f; color:#fff}

.panel-email-listing-bx .table-responsive table tr td span.unpublish{padding:0px 10px; font-size:12px; border-radius:20px; vertical-align:initial; min-width:80px; background:#5cb85c; color:#fff}


.tbl-footer{ margin-top:15px;}
.tbl-footer ul.pagination{ margin:0px;}
.page-selection-bx{ width:200px; float:right}
.panel-alert-s{ margin-bottom:10px!important; padding:10px!important; margin-top:5px;}

/***************css for list campaign page*********************/
.capmpaign-report-hdng{border-bottom:1px solid rgba(0, 0, 0, 0.1); padding:0px; padding-bottom:5px; margin-bottom:10px;}
.capmpaign-report-hdng h2{ border-bottom:none; margin-bottom:0px;}
.capmpaign-report-hdng h2 span{ vertical-align:inherit; background:#1ab394; color:#fff; border-radius:10px; padding:2px 10px; margin-left:5px; font-size:14px; display:inline-block; min-width:40px;}
.list-campaign-section{ width:100%; background:#f2f2f2;  margin-top:10px; clear:both; border:solid 1px #ddd; padding:5px;}
.list-campaign-section ul{ list-style:none; margin:0px; padding:0px;}
.list-campaign-section ul li{ float:none; display:inline-block; width:100%; padding:0px 0px 5px; border-bottom:solid 1px #ddd; background:#fff}
.list-campaign-section ul li:hover{ background:#eefdfe}
.list-campaign-section ul li:first-child{ padding-top:0px!important;}
.campaign-image-sectin{ width:170px; float:left}
.campaign-image-sectin .campign-img{ width:100%; height:125px; overflow:hidden;  border:solid 5px #fff;}
.campaign-image-sectin .campign-img	img{ width:100%; border:solid 1px #ddd}
.campaign-image-sectin .campgin-send-date{ width:94%; margin-top:5px; background:#f2f2f2; padding:1px 10px; font-size:12px; margin:0 auto; border:solid 1px #ddd}

.campaign-details{ width:calc(100% - 185px); float:right; }
.campaign-details h1{ margin:0px; padding:5px 0px 0px; font-size:18px;   margin-bottom:10px; color:#222}
.campaign-details h1 a{color:#222;}
.campaign-details h1 font{ margin-right:5px; color:#444 }
.campaign-details h1 span{ float:right; font-size:12px; color:#666; padding-right:10px; padding-top:5px;}
.campaign-details h1 span i { margin-right:5px;}
.number-subscriber{ width:200px; font-size:14px; color:#676a6c; display:inline-block;}
.number-subscriber span{ font-size:18px; font-weight:bold; color:#1B8A00; margin-right:5px; line-height:normal}
.number-contct-list{ display:inline-block; padding-left:5px; font-size:14px; color:#676a6c; text-align:center}
.number-contct-list span{ font-size:18px; font-weight:bold; color:#C58F07; margin-right:5px; line-height:normal}

.campaign-details .link-btn-sectn{ margin-top:10px;}
.campaign-details .link-btn-sectn .btn{ padding:1px 5px 1px 10px; margin-right:15px; text-align:center}
.campaign-details .link-btn-sectn .btn i{ margin-right:5px;}
.campaign-details .link-btn-sectn .btn-default{ background:#eee; color:#666; margin-right:0px; border-radius:0px!important; padding:1px 10px;}
.no-margin{ margin:0px!important;}
.campaign-status{ font-size:14px; color:#676a6c; margin-bottom:0px;}
.campaign-status tr td{  border-top:none!important}
.campaign-status tr td span{ margin-right:5px; font-weight:bold; font-size:18px; line-height:normal; vertical-align:bottom}


.form-sectionarea .extra-nots-section{ margin-top:15px; padding:15px; border:1px solid #e7eaec; background:#f2f2f2}
.form-sectionarea .extra-nots-section h2{ font-size:18px; margin:0px 0px 10px; padding:0px 0px 10px; }
.form-sectionarea label{ font-weight:normal}
.form-sectionarea .error-msgg{ margin-bottom:0px; margin-top:10px; padding:5px 10px;}
.form-sectionarea .extra-nots-section ul{ list-style:none; margin:0px; padding:0px;}
.form-sectionarea .extra-nots-section ul li{ display:block; padding-bottom:10px; padding-left:10px; font-size:13px; position:relative; color:#444}
.form-sectionarea .extra-nots-section ul li:after{ position:absolute; content:""; width:5px; height:5px; border-radius:100%; left:0px; top:7px; background:#666}
.form-sectionarea .extra-nots-section ul li a{display:block; color:#444; text-decoration:none}


.no-margin-left{ margin-left:0px!important}
.no-margin-right{ margin-right:0px!important}

.contact-list-tbl{ width:100%;}
.contact-list-tbl thead tr td{ background:#004369 ; font-weight:bold; color:#fff}
.contact-list-tbl thead tr{box-shadow:0px 1px 1px #aaa}
.contact-list-tbl tr td{ padding:10px 5px; color:#222; font-size:13px; border-bottom:1px solid #d4dee8; text-align:left!important}
.contact-list-tbl tr:last-child td{ border-bottom:none}
.contact-list-tbl tr td.list-name a{ display:inline-block;  color:#222; text-decoration:underline}
.contact-list-tbl tr td.action-btn .dropdown-menu{ left:auto; right:0px!important; font-size:13px;}
.contact-list-tbl tr td.action-btn .dropdown-menu li { background:none; display:block; padding:0px;}
.contact-list-tbl tr td.action-btn .dropdown-menu li a{ padding:5px 15px;}
.contact-list-tbl tbody tr, .contact-list-tbl tbody tr .action-btn .btn{ transition: all ease-in 0.1s}
.contact-list-tbl tbody tr:hover{ background:#fff;}
.contact-list-tbl tbody tr:hover .action-btn .btn{ background:#fff!important; border-color:#ccc; color:#333}

.error-msg-top{ margin-bottom:10px; clear:both; padding:5px 10px; border-radius:0px;}
.error-msg-top .close, .error-msg-top .close{ right:0px; top:0px;}



.respo-tbl{ overflow-x:visible;}
.blue-header-tbl{ width:100%; margin-bottom:0px;}
.blue-header-tbl thead tr th{ background:#004369 ; font-weight:bold; color:#fff; border-bottom:none;}
.blue-header-tbl thead tr td{ background:#004369 ; font-weight:bold; color:#fff}
.blue-header-tbl tr td{ padding:10px 5px; color:#222; font-size:13px; border-bottom:1px solid #d4dee8; text-align:left!important}
.blue-header-tbl tr:last-child td{ border-bottom:none}
.blue-header-tbl tr td.list-name a{ display:inline-block;  color:#222; text-decoration:underline}
.blue-header-tbl tr td.action-btn .dropdown-menu{ left:auto; right:0px!important; font-size:13px;}
.blue-header-tbl tr td.action-btn .dropdown-menu li { background:none; display:block; padding:0px;}
.blue-header-tbl tr td.action-btn .dropdown-menu li a{ padding:5px 15px;}
.blue-header-tbl tbody tr, .contact-list-tbl tbody tr .action-btn .btn{ transition: all ease-in 0.1s}
.blue-header-tbl tbody tr:hover{ background:#fff;}
.blue-header-tbl tbody tr:hover .action-btn .btn{ background:#fff!important; border-color:#ccc; color:#333}

span.border-rd-red{ display:inline-block; vertical-align:middle; padding:0px 10px; border-radius:20px; border:solid 1px #C05052; min-width:50px; text-align:center; }
span.border-rd-blue{ display:inline-block; vertical-align:middle; padding:0px 10px; border-radius:20px; border:solid 1px #3C7DB3; min-width:50px; text-align:center}
span.border-rd-green{ display:inline-block; vertical-align:middle; padding:0px 10px; border-radius:20px; border:solid 1px #5fa75f; min-width:50px; text-align:center}

span.border-rd-red-fill{ display:inline-block; vertical-align:middle; padding:0px 10px; border-radius:20px;  min-width:50px; text-align:center; background:#C05052; color:#fff; cursor:pointer; line-height:normal}
span.border-rd-blue-fill{ display:inline-block; vertical-align:middle; padding:0px 10px; border-radius:20px;  min-width:50px; text-align:center; background:#3C7DB3; color:#fff; cursor:pointer; line-height:normal}
span.border-rd-green-fill{ display:inline-block; vertical-align:middle; padding:0px 10px; border-radius:20px;  min-width:50px; text-align:center; background:#5fa75f; color:#fff; cursor:pointer; line-height:normal}


a.border-rd-red-fill{ display:inline-block; vertical-align:middle; padding:2px 10px; border-radius:20px;  min-width:50px; text-align:center; background:#C05052; color:#fff!important; cursor:pointer; line-height:normal; text-decoration:none!important; font-size:12px; font-family:calibri}
a.border-rd-blue-fill{ display:inline-block; vertical-align:middle; padding:2px 10px; border-radius:20px;  min-width:50px; text-align:center; background:#3C7DB3; color:#fff!important; cursor:pointer; line-height:normal; text-decoration:none!important; font-size:12px; font-family:calibri}
a.border-rd-green-fill{ display:inline-block; vertical-align:middle; padding:2px 10px; border-radius:20px;  min-width:50px; text-align:center; background:#5fa75f; color:#fff!important; cursor:pointer; line-height:normal; text-decoration:none!important; font-size:12px; font-family:calibri}
a.border-rd-gray-fill{ display:inline-block; vertical-align:middle; padding:2px 10px; border-radius:20px;  min-width:50px; text-align:center; background:#666; color:#fff!important; cursor:pointer; line-height:normal; text-decoration:none!important; font-size:12px; font-family:calibri}


.no-submenu-page{ margin-top:47px!important}

.tble-tootip i{ font-size:16px; margin-right:3px; vertical-align:text-top; font-weight:normal; color:#1ab394 }
.tble-tootip.open .dropdown-toggle{box-shadow:none}
.tble-tootip .dropdown-menu{ padding:5px 10px; font-size:12px;}
.tble-tootip .dropdown-menu .tooltip-heading{ border-bottom:solid 1px #eee; padding-bottom:3px!important; margin-bottom:3px;}



/*****css for search popup box*****/
.serach-popup-bx .modal-content{ background:#f9f9f9; border-top:#eea236  solid 7px ; border-radius:2px; font-family:calibri!important}
.serach-popup-bx .modal-content .modal-title{ text-transform:uppercase; color:#333}
.serach-popup-bx .modal-content .modal-title i{ margin-right:5px; color:#aaa}
/*.serach-popup-bx .modal-header .close{ margin-top:-28px; background:#eea236; margin-right:-24px; font-size:24px; opacity:1; color:#fff; width:30px; height:30px; border-radius:50px; } */
.serach-popup-bx .modal-body{ padding-bottom:15px; display:inline-block}
.serach-popup-bx .modal-body ul{ list-style:none; margin:0px 0px 0px -20px; padding:0px; width:100%}
.serach-popup-bx .modal-body ul li{ display:inline-block; width:45%; float:left; margin-bottom:10px; margin-left:28px;}
.serach-popup-bx .modal-body ul li .form-control{border-radius:0px; box-shadow:none; background:#f0f0f0}
.serach-popup-bx .modal-body ul li label{ font-weight:normal}
.serach-popup-bx .modal-body .srch-btn-sect .btn{ padding:6px 20px;}
.serach-popup-bx .modal-body .sarv-admin-dtepicker{ width:100%; margin-left:0px;}
.serach-popup-bx .modal-body .sarv-admin-dtepicker .input-group .form-control{ width:100%; border-color:#ccc}

.check-box-filter-ul{ list-style:none; margin:0px; padding:0px;}
.check-box-filter-ul li{ display:inline-block; width:28%!important; font-size:12px;}
.check-box-filter-ul li input[type="checkbox"]{ margin-right:5px; vertical-align:sub}
.check-box-filter-ul li span{ float:right; background:#999; min-width:40px;}
/*****css for search popup box*****/



/*****css for creat email campaign pages******/
.email-campaign-section{ padding:0px 5px!important}
.email-campaign-section h1.page-header{border-bottom: 1px solid rgba(0, 0, 0, 0.1);  color: #444;  font-family: calibri;  font-size: 18px;  margin: 5px 0 10px;   padding: 0 0 10px;}
.email-campaign-section h1.page-header span{ color:#1c84c6}
.creat-capmaing-header{ padding:0px 0px 10px;}
.creat-capmaing-header .col-sm-4 a{ margin-right:7px;}
.campaing-step-endicater{ list-style:none; margin:0px; padding:0px; float:right}
.campaing-step-endicater li{ float:left; padding:0px 10px; line-height:26px;}
.campaing-step-endicater li a{ color:#4a4a4a; text-decoration:none}
.campaing-step-endicater li a span{background: rgba(0, 0, 0, 0) url(../images/bg_pgrs_status.png) no-repeat scroll 0 -54px;  color: #fff;  display: block;  float: left; font-size: 15px;font-weight: 700; height: 27px;  line-height: 28px; margin-right: 6px; min-height: 27px; min-width: 27px; text-align: center; width: 27px;}

.campaing-step-endicater li.active span{ background:rgba(0, 0, 0, 0) url(../images/bg_pgrs_status.png) no-repeat scroll 0 -27px}
.campaing-step-endicater li.done span{ background:rgba(0, 0, 0, 0) url(../images/bg_pgrs_status.png) no-repeat scroll 0 0; text-indent:-9999px}

.campangn-step-secn h3{ margin:0px; padding:0px; font-size:18px!important; padding-bottom:15px;}
.campangn-step-secn .campnan-namea{ width:100%; padding:10px; background:#f9fdff ; margin-bottom:25px; border-radius:5px; border:solid 1px #e1eff6;}
.campangn-step-secn .capmaign-type-sec{ width:100%; padding:10px; background:#f2f2f2 ; margin-bottom:25px; border-radius:5px; border:solid 1px #ccc;}
.campangn-step-secn .ligh-bg{width:100%; padding:10px; background:#fdfff3 ; margin-bottom:10px; border-radius:5px; border:solid 1px #dcefa8;}
.campangn-step-secn .ligh-gray-bg{width:100%; padding:10px; background:#f9f8f4  ; margin-bottom:10px; border-radius:5px; border:solid 1px #e8e7e2;}
.campangn-step-secn .capmaign-type-sec table td{ text-align:left!important}
.campangn-step-secn .capmaign-type-sec table .dtlss{ font-size:12px;}

.campangn-step-secn .select-list-sectn{ width:100%; padding:10px; background:#f2f2f2 ; margin-bottom:25px; border-radius:5px; border:solid 1px #ccc;}
.campangn-step-secn .select-list-sectn ul{ list-style:none; margin:0px; padding:0px;}
.campangn-step-secn .select-list-sectn ul li{ float:none; display:block; margin-bottom:10px;}
.campangn-step-secn .select-list-sectn ul li:last-child{ margin-bottom:0px;}
.campangn-step-secn .select-list-sectn ul li label input{ margin-right:10px;}
.campangn-step-secn .select-list-sectn ul li label{ font-weight:normal}
.campangn-step-secn .select-list-sectn ul li label span{ color:#666}
.campangn-step-secn .select-list-sectn .alert-warning{ margin-bottom:0px; margin-top:20px; color:#333}
.campangn-step-secn .select-list-sectn .alert-warning a{ text-decoration:underline; color:#333}

.segmentt-box{display:none; padding:15px; width:700px; background:#fff; margin-top:20px; border:solid 1px #ccc; padding-bottom:15px;}
.segmentt-box .add-group{ width:100%; margin-top:15px; border:#dce5ea  solid 1px; display:inline-block; padding-bottom:15px;}
.segmentt-box .add-group .head{ padding:5px; background:#dce5ea; display:inline-block; width:100%; margin-bottom:15px; }
.segmentt-box .add-group select, .segmentt-box .add-group input{ padding:5px; border:solid 1px #ccc!important; width:100%; margin-bottom:15px;}
.segmentt-box .add-group .dlt-btn{ padding-top:5px; font-size:18px;}
.segmentt-box .add-group-btnn{ margin-top:15px; margin-left:0px;}
.segmentt-box .add-group-btnn{ background:#46b8da; border:#1d9cc2 solid 1px; color:#fff!important; padding:5px 10px; text-decoration:none!important; width: auto; display: inline-block; cursor: pointer}

.campangn-step-secn .template-gallery{width:100%; background:#f2f2f2 ; margin-bottom:25px; border-radius:5px; border:solid 1px #ccc;}
.campangn-step-secn .template-gallery .head-bar{ width:100%;  padding:10px; border-bottom:solid 1px #e7e7e7;}
.campangn-step-secn .template-gallery .head-bar span{ margin-left:15px;}
.campangn-step-secn .template-gallery .head-bar span input{ border:1px solid #c3c3c3; box-shadow:0 1px 3px rgba(0, 0, 0, 0.1) inset}
.campangn-step-secn .template-gallery .head-bar span i{ margin-right:5px;}

.campangn-step-secn .template-gallery  .glry-sectn{ width:100%; display:inline-block}
.campangn-step-secn .template-gallery  .glry-sectn .menu-section{ width:175px; height:600px; background:#f6f6f6 ; float:left; padding:10px;}
.campangn-step-secn .template-gallery  .glry-sectn .menu-section h3{ font-size:16px; margin:0px; padding:0px; border-bottom:dotted 1px #ccc; padding-bottom:10px;}
.campangn-step-secn .template-gallery  .glry-sectn .menu-section ul{ margin:0px; padding:0px; list-style:none; border-bottom:none!important}
.campangn-step-secn .template-gallery  .glry-sectn .menu-section ul li{ float:none; display:block; padding:5px 0px 5px 15px;}
.campangn-step-secn .template-gallery  .glry-sectn .menu-section ul li a{ color:#999; text-decoration:underline; padding:0px!important; line-height:normal!important; border-radius:0px!Important; display:inline-block; border:none}
.campangn-step-secn .template-gallery  .glry-sectn .menu-section ul li a:hover{ color:#333; background:none; border:none!Important}
.campangn-step-secn .template-gallery  .glry-sectn .menu-section ul li.active { background:none!important; color:#333!important}
.campangn-step-secn .template-gallery  .glry-sectn .menu-section ul li.active a{ background:none!important; color:#333!important}
.campangn-step-secn .template-gallery  .glry-sectn .menu-section ul li a.blue-link{ color:#428bca; text-decoration:none!important}
.campangn-step-secn .template-gallery  .glry-sectn .menu-section ul li.active a.blue-link{ color:#428bca!important; text-decoration:none!important}
.campangn-step-secn .template-gallery  .glry-sectn .menu-section ul li span{ color:#999; padding-left:10px;}

.temlpt-area{ background:#fff; height:600px; overflow-y: scroll; padding:10px;}
.temlpt-area ul{ list-style:none; margin:0px; padding:0px;}
.temlpt-area ul li{ margin:5px; float:left; width:210px; padding:5px 5px 2px; border:solid 1px #d6d6d6}
.temlpt-area ul li a{ color:#333!important}
.temlpt-area ul li:hover{border-color:#333;}
.temlpt-area ul li img{ width:200px; height:250px; border:none}
.temlpt-area ul li .col-xs-9, .temlpt-area ul li .col-xs-3{ padding:0px!important}
.temlpt-area ul li .dtl{ background:#edece7; padding:5px; width:100%; display:inline-block; border-top:solid 2px #fff; }

.reply-to-email-bx{ display:none; float:right}
.subjct-nd-msg input[type="text"]{ width:98%!important; display:inline-block}
.subjct-nd-msg span{width:2%; float:right; padding-top:10px; text-align:right; display:inline-block}
.campangn-step-secn .summryandoptn{ width:100%; padding:10px; background:#f0faff ; margin-bottom:15px; border-radius:5px; border:solid 1px #e1eff6;}
.campangn-step-secn .summryandoptn.dark{ background:#d9edf7!important; border:#bce8f1 solid 1px!important; margin-bottom:50px; color:#000}
.campangn-step-secn .summryandoptn p{ margin-bottom:0px; display:inline-block;}
.campangn-step-secn .summryandoptn p span{ font-weight:bold; display:inline-block; float:none}
.campangn-step-secn .summryandoptn span{ float:right; display:inline-block}
.campangn-step-secn .summryandoptn span a{ margin-left:10px; color:#333}
.campangn-step-secn .summryandoptn span a i{ vertical-align:middle; padding-right:2px;}

.campangn-step-secn .send-tst-mail-row{width:100%; padding:10px; background:#f2f2f2 ; margin-bottom:25px; border-radius:5px; border:solid 1px #ccc;}
.campangn-step-secn .send-tst-mail-row input[type="text"]{ width:300px!important; display:inline-block; float:left; margin-right:20px;}

.campangn-step-secn .comaign-success-msg-box h3{ color:#333; margin:0px; padding:0px; padding-bottom:20px; font-size:22px!important; font-weight:bold}
.campangn-step-secn .comaign-success-msg-box h3 i{ vertical-align:middle; padding-right:5px;}
.campangn-step-secn .comaign-success-msg-box p{ font-size:16px; padding-bottom:10px; color:#333; padding-left:35px;}

.campangn-step-secn .pages-link-btn{ padding:0px!important; margin-bottom:25px; margin-top:10px;}
.campangn-step-secn .pages-link-btn a{ margin-right:10px;}

.campangn-step-secn .upload-templt-sectn{ margin-bottom:20px;}
.campangn-step-secn .upload-templt-sectn .row{ margin-bottom:20px;}
.campangn-step-secn .upload-templt-sectn .row:last-child{ margin-bottom:0px}
.browse-btn{background: transparent none repeat scroll 0 0;  cursor: inherit;  display: block;  min-height: 100%;  min-width: 100%;  opacity: 0;  position: absolute; right: 0; text-align: right;  top: 0;}
.campangn-step-secn .upload-templt-sectn .row .btn i{ margin-right:8px;}
.campangn-step-secn .upload-templt-sectn .loading-image{ margin-left:10px; display:inline-block}
.campangn-step-secn .upload-templt-sectn .row .btn { position:relative}

.campangn-step-secn .upload-templt-sectn .loading-image{ margin-left:10px; display:inline-block; float:none; width:auto; padding:0px;}
.campangn-step-secn .upload-templt-sectn .loading-image .alert{padding:5px; margin:0px;}
.campangn-step-secn .add_int_cond_sk{clear: both;margin-left: 15px;padding: 0;width: auto;}

.mid_cond{float: left; width: 100%;}
.mid_cond select{border: 1px solid rgb(204, 204, 204) ! important; height: 30px; margin-top: 15px; width: 10%;}


.tabbing-section-mta-setting{ background:#f2f2f2; border:solid 1px #ddd; border-top:none!important; padding:5px;}
.no-padding{ padding:0px!important}
.box-heading{  border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: #444; font-size: 16px; margin: 0 0 10px;  padding: 0 0 10px;}

.inner-box-table{ margin-bottom:0px!important;}
.inner-box-table tr th{ background:#ddd; color:#222; text-align:left!important}
.inner-box-table tr td{ background:#f2f2f2; color:#222; vertical-align:middle!important; text-align:left}
.inner-box-table tr td .label-success{ margin-bottom:0px; line-height:none; font-size:12px; font-weight:normal; padding:3px 5px;}

a.border-rd-blue{vertical-align:middle; padding:0px 10px; border-radius:20px; border:solid 1px #3C7DB3; min-width:50px; text-align:center}
.border-rd-blue-fill-hide{ vertical-align:middle; padding:0px 10px; border-radius:20px;  min-width:50px; text-align:center; background:#3C7DB3; color:#fff; cursor:pointer; line-height:normal}

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

.light-them-form .checkbox{ display:inline-block}
.light-them-form .from-elemtn-heading{ vertical-align:top; margin-top:7px; font-size:16px; font-weight:normal;}
.light-them-form .form-control{border-radius:0px}
.light-them-form .help-block1{ font-size:12px; padding-left:3px;}


.checkbox label:after, .radio label:after { content: '';  display: table;  clear: both;}
.checkbox .cr, .radio .cr { position: relative; display: inline-block; border: 1px solid #a9a9a9;  width:25px; height:25px; float: left; margin-right: .5em;}
.radio .cr { border-radius: 50%;}
.checkbox .cr .cr-icon, .radio .cr .cr-icon { position: absolute;  font-size:13px;  line-height: 0; top: 50%;  left: 20%; color:#337ab7 }
.checkbox label input[type="checkbox"], .radio label input[type="radio"] {  display: none;}
.checkbox label input[type="checkbox"] + .cr > .cr-icon, .radio label input[type="radio"] + .cr > .cr-icon {  transform: scale(3) rotateZ(-20deg);  opacity: 0;  transition: all .3s ease-in;
}
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon, .radio label input[type="radio"]:checked + .cr > .cr-icon { transform: scale(1) rotateZ(0deg); opacity: 1;}
.checkbox label input[type="checkbox"]:disabled + .cr, .radio label input[type="radio"]:disabled + .cr {  opacity: .5;}

.mta-alert{ padding:7px 15px!important; border-radius:0px!important; clear:both; margin-bottom:10px; text-align:left!important}

.well, .well-lg{border-radius:0px!important; background:#f2f2f2; border:solid 1px #ddd}
/****************new addded css for user activity dashbord page on 31-1-2016***********/
.content-gray-bg-bx{width:100%;  background:#f2f2f2; border:solid 1px #ddd; display: inline-block; padding-bottom:15px; padding:5px;}
.content-gray-bg-bx .white-bg-bx{ width:100%; display:inline-block; padding:5px; margin-bottom:5px; background:#fff; border:solid 1px #e7eaec }
.user-graph-detail{ list-style:none; margin:10px 0px 0px; padding:0px;}
.user-graph-detail li{ display:inline-block; font-size:16px;   color:#37363e;  width:16%; float:left; text-align:center; border-right:solid 1px #ddd }
.user-graph-detail li:last-child{border-right:0px;}
.user-graph-detail li span{ display:block; vertical-align:middle; font-weight:bold;   font-size:20px; text-align:center;  color:#337ab7  }
.user-graph-detail li.highlight-dilver{ border-bottom:none; color:#333}
.user-graph-detail li.highlight-dilver span{ background:#337ab7; color:#fff; text-align:center}

.user-activity-table .table{ margin:20px 0px 0px; border:solid 1px #ddd!important; font-family:calibri; background:#fff;clear:both;}
.user-activity-table .table thead tr{box-shadow:0 1px 5px #999}
.user-activity-table .table tr th{ text-align:left}
.user-activity-table .table tr td{ font-size:13px; vertical-align:middle; position:relative; border-bottom:solid 1px #ddd; padding:7px 12px;}
.user-activity-table .table tr td a{ color:#444 }
.user-activity-table .table tr td a:hover{ text-decoration:underline;}
.user-activity-table .table tr td.date-show-row{ background:#eee!important; }
.user-activity-table .table tr td.date-show-row h3{ margin:0px; padding:0px; font-size:18px; text-align:center; font-weight:bold; color:#666}
.user-activity-table .table tbody tr:hover{ background:#f2f2f2}
.user-activity-table .table tr td span.border-rd-blue{ font-size:11px; padding:0px 5px}
.user-activity-table .table tr td span.border-rd-blue a:hover{ text-decoration:none}
.user-activity-table .table tr td a.border-rd-red-fill, .user-activity-table .table tr td a.border-rd-gray-fill{ min-width:65px;}

font.dte-dteail-srv{ display:inline-block; font-size:11px; color:#666; padding-left:5px;}
.exportresult-tdroprwn{ margin-bottom:5px;}
.exportresult-tdroprwn .btn-group .btn{ background:#efe8be!important}
.exportresult-tdroprwn ul{ left:auto; right:0px!important}

.tooltip-detail-bx-blue{ background:rgba(51, 122, 183, .95) ; z-index:222!important; padding:10px; color:#fff; top:30px;   width:auto; min-width:200px;  font-size:12px; left:auto; right:0px; }
.tooltip-detail-bx-blue p{ margin-bottom:0px;}
.tooltip-detail-bx-blue ul{ list-style:none; margin:0px; padding:0px;}
.tooltip-detail-bx-blue ul li{ display:block; padding-bottom:5px; margin-bottom:5px; border-bottom:solid 1px #f2f2f2; }
.tooltip-detail-bx-blue ul li:last-child{border-bottom:0px;}
.tooltip-detail-bx-blue ul li a{word-wrap:break-word; color:#9db7dd!important}
.tooltip-detail-bx-blue ul li:hover a{ color:#fff!important;}

.activity-search-bx_s{padding:20px 0px 10px}
.activity-search-bx_s .form-control{border-radius:0px!important;}
.activity-search-bx_s .input-group-btn .btn{background:#337ab7 !important; color:#fff; border-color:#337ab7 !important; border-radius:0px!important;}
.activity-search-bx_s .label-row{display:block; font-weight:normal; margin-top:-20px; margin-bottom:0px; color:#666 }
.activity-search-bx_s .date-picker-box_sarv{width:150px; display:inline-block; float:left; margin-right:20px;}
.activity-search-bx_s  .input-group-addon:not(:first-child):not(:last-child), .activity-search-bx_s  .input-group-btn:not(:first-child):not(:last-child), .activity-search-bx_s  .input-group .form-control:not(:first-child):not(:last-child){ border-radius:0px;}
.activity-search-bx_s .date-picker-box_sarv .input-group-addon{background:#337ab7 !important; color:#fff; border-color:#337ab7 !important; border-radius:0px;}


/*new addded css for user activity dashbord page on 31-1-2016*/

.sarv-nesltr-searching-option {
  border: 1px solid #f2f2f2;
  border-radius: 0 0 10px 10px;
  box-shadow: -1px 4px 3px -3px #dddddd;
  clear: both;
  margin-bottom: 5px;
  position: absolute;
  top: 100%;
  transition: all 0.1s linear 0s;
  width: 100%!important;
  z-index: 555;background:#fff;

}

.sarv-nesltr-searching-option ul {
  background: #fff none repeat scroll 0 0;
  border-radius: 0 0 10px 10px;
  list-style: outside none none;
  margin: 0!important;
  padding: 0!important;
  width: 100%!important;
}

.sarv-nesltr-searching-option ul li {
  border-bottom: 1px dotted #ddd;
  display: block;
  float: none;
  padding: 5px 5px 5px 20px;
  text-align: left;
  width: 100%!important; margin:0!important;
}

.sarv-nesltr-searching-option ul li:hover, .sarv-nesltr-searching-option ul li.active {
  background: #f9f9f9 none repeat scroll 0 0;
}


.text-red-sarv{ color:#ef4836!important ; cursor:pointer}
.text-green-sarv{ color:#26a65b !important ; cursor:pointer}
.text-orange-sarv{ color:#33577b !important ; cursor:pointer}
.text-blue-sarv{ color:#337ab7 !important ; cursor:pointer}
.text-yellow-sarv{ color:#f0ad4e !important ; cursor:pointer}
.text-blue-grrn-sarv{ color:#22becc !important; cursor:pointer }

/*---------------------------CSS USED FOR HOME DASHBOARD ON DATE 13th FEB, 2016 BY PEEYUSH----------------------------*/
.mta-dashborad-section{width:calc(100% - 20px)!important; margin:45px 10px 20px!important}
.todays-post-section{ background:#f2f2f2; padding:10px; margin:15px 0px;}
.todays-post-section h2{ border-bottom:solid 1px rgba(0, 0, 0 ,0.10); font-size:16px; text-transform:uppercase; margin:0px 10px; padding:10px 0px; color:#444}
.todays-post-section h2 i{ float:right; color:#417ba9 }
h2.dark{ font-weight:bold; color:#555!important}
.balance{font-size:24px; letter-spacing:.5px; color:#337ab7; font-weight:bold; line-height:normal;padding:20px 10px}
.balance span{ font-size:16px; letter-spacing:0px; color:#666; font-weight:normal; margin-top:3px; display:block; line-height:none}
.link{margin-top:0px}
.link button{padding-left:30px;padding-right:30px}
.subscribe{font-size:21px; letter-spacing:.5px; color:#666; font-weight:normal; line-height:normal;padding:20px 10px}
.subscribe strong{color:#337ab7;}
.subscribe button{ clear:both; margin-top:20px; display:block;padding:10px 30px}
.statsinfo{ padding:15px 20px}
.statsinfo .information{margin-bottom:12px; border-bottom:solid 1px #ddd; font-size:18px; padding-bottom:12px;}
.statsinfo .information span{ font-weight:bold; font-size:20px; float:right; color:#337ab7; letter-spacing:.5px}
.statsinfo .information > i{font-size:13px; margin-right:5px; color:#777}
.statsinfo .information span i{ margin-left:10px; font-size:11px}
.statsinfo .information span i.green{ color:#499c49; border-bottom:0!important}
.statsinfo .information span i.red{ color:#dd534f; border-bottom:0!important}
.infotext:first-child{ margin-top:30px}
.infotext:last-child{ border-bottom:0}
.infotext{margin:10px 10px 18px; border-bottom:solid 1px #ddd; padding-bottom:20px;; font-size:14px; color:#555; text-transform:uppercase}
.infotext span{float:right; font-weight:bold; font-size:15px; letter-spacing:.5px; vertical-align:middle; margin-top:-3px;border:solid 1px #499c49; padding:2px 12px; border-radius:40px  }
.infotext span.send{ color:#499c49;border-color:#499c49;}
.infotext span.bounce{ color:#dd534f;border-color:#dd534f;}
.infotext span.click{ color:#337ab7;border-color:#337ab7;}
.infotext span.open{ color:#f8b229;border-color:#f8b229;}
.bgrow{ background:#fff; padding:8px 20px 15px; margin:20px 10px 0px;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd}
.bgrow .iconbg{border-radius:100%; text-align:center; vertical-align:middle; background:#499c49; width:45px; height:45px; margin-top:8px;}
.bgrow .iconbg.blue{background:#337ab7;}
.bgrow .iconbg.purple{background:#a479e2;}
.bgrow .iconbg.red{background:#dd534f;}
.bgrow .iconbg i{ color:#fff; font-size:18px; font-weight:bold; line-height:45px}
.bgrow .textshow {color:#444; font-size:22px; letter-spacing:.3px; font-weight:bold; line-height:none; padding-top:5px}
.bgrow .textshow span{ display:block; text-transform:uppercase; color:#777; font-size:13px;font-weight:normal; line-height:14px}

.bgrowother{ background:#499c49; padding:8px 20px 15px; margin:20px 10px 0px;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd; box-shadow:0 1px 2px rgba(0, 0, 0, 0.15), 0 -1px 0 rgba(0, 0, 0, 0.02); border-radius:1px}
.bgrowother .iconbg{border-radius:100%; text-align:center; vertical-align:middle;background:rgba(0, 0, 0, 0.035); width:45px; height:45px; margin-top:8px;}
.bgrowother .iconbg i{ color:#fff; font-size:15px; font-weight:bold; line-height:45px}
.bgrowother .textshow {color:#fff; font-size:22px; letter-spacing:.3px; font-weight:bold; line-height:none; padding-top:5px}
.bgrowother .textshow span{ display:block; text-transform:uppercase; color:#fff; font-size:13px;font-weight:normal; line-height:14px; opacity:.6}
.bgrowother.blue{background:#337ab7;}
.bgrowother.purple{background:#a479e2;}
.bgrowother.red{background:#dd534f;}
.information .progress-bar {color:#444}
.progree i{ font-size:13px; color:#777; margin-right:5px}
.information .progress{ margin-bottom:0!important; margin-top:7px}
.information.last{ border-bottom:0; padding-bottom:0px; margin-top:-5px; margin-bottom:0}
.information .progressbar.progress{ height:21px}
.information .progressbar .progress-bar{ line-height:21px; font-size:16px;text-indent:4px;}
.progress-bar-scnd {background:#5bc0de!important;}
span.proginfo{float:right; font-size:16px!important; font-weight:bold!important; color:#449d44!important; padding-top:3px; letter-spacing:0px!important}
span.proginfo.bluec{color:#5bc0de!important;}


/*css for interaction rate  page*/
.intercation-page-hedng-srv{margin:0px 0px 10px; padding:0px 0px 5px; font-size:16px; border-bottom:solid 2px #1bbc9b}
.intercation-page-hedng-srv font{ color:#2fa17e; font-size:25px; position:relative;}
.intercation-page-hedng-srv span{color:#666; font-size:14px; vertical-align:calc();}
.intercation-page-hedng-srv .intercation-value-intpg{   font-size:25px; font-weight:bold; color:#fff; background:#1bbc9b;   border-radius:50%; width:70px; height:70px; line-height:70px; text-align:center; position:absolute; top:-3px; right:10px;}
.intercation-page-hedng-srv .intercation-value-intpg i{ font-size:16px; vertical-align:calc();}
.intercation-rate-graph-section{ background:#f2f2f2; border:solid 1px #ddd; margin-top:30px}
.intercation-rate-graph-section h2{  border-bottom: 1px solid rgba(0, 0, 0, 0.1);   color: #444;  font-size: 16px;  margin: 0 10px 10px;  padding: 10px 0 10px;   text-transform: uppercase;}
.datepicker-dropdown{ z-index:1000000!important}

/*----------------CSS USED FOR LEFTBAR INFO  STATISTICS ON DATE OF 10th FEB, 2016 BY PEEYUSH--------------------------------------------*/
.leftbarinfo{ border:solid 0px; height:100%}
.leftbarinfo .reputation{ padding:10px 10px 20px 10px; border-bottom:solid 0px #e8e8e8; float:left; width:100%;}
.leftbarinfo .reputation .infostas{ float:left;font-size:48px; color:#f8b229; font-weight:bold; padding-left:10px; line-height:normal; margin-top:-3px; letter-spacing:0px; text-align:center; width:100%}
.leftbarinfo .reputation .infostas p{margin:0px; padding:0; font-size:24px;display:inline-block; position:relative;top:-6px}
.leftbarinfo .reputation .infostas span{ display:block;font-size:14px; color:#8e8e8e; font-weight:normal;margin-top:2px;line-height:0px; letter-spacing:.3px}
.leftbarinfo .morestats{ padding:5px 15px 5px 10px; border-bottom:solid 0px #e8e8e8; float:left; width:100%;}
.leftbarinfo .morestats .infostas{color:#8e8e8e;font-size:13px;font-weight:normal; padding-left:10px;}
.leftbarinfo .morestats .infostas span{font-size:14px; color:#428bca; font-weight:normal;letter-spacing:0; float:right; margin-top:0px}
.leftbarinfo .morestats .infostas span a{color:#428bca;}
.activities{ padding:20px 0px 20px 20px; clear:both; height:100%}
.activities h3{ margin:0px; padding:0px; font-size:15px; color:#4d6c84; margin-bottom:10px; letter-spacing:.2px}
.activities .colrow{border:solid 0px;padding:3px 0 6px 12px;font-size:11px; color:#8e8e8e; position:relative; border-left:solid 1px #9c9c9c; margin:0; margin-left:5px}
.activities .colrow:before{ content:""; position:absolute; left:-4px; top:8px; border-radius:100%; border:solid 1px #9c9c9c; width:7px; height:7px; background:#9c9c9c;}
.activities .colrow span{ display:block; font-size:11px; color:#626262; margin-top:1px; line-height:14px; padding-right:5px}
.activities .colrow span.color{ color:#428bca}
.activities .colrow.showinblue{border-left:solid 1px #428bca;}
.activities .colrow.showinblue:before{border:solid 1px #428bca; background:#428bca; top:7px;}
.activities .colrow.showingreen{border-left:solid 1px #69bb6a;}
.activities .colrow.showingreen:before{border:solid 1px #69bb6a; background:#69bb6a; top:7px;}
.activities .colrow.showinred{border-left:solid 1px #ff0000;}
.activities .colrow.showinred:before{border:solid 1px #ff0000; background:#ff0000; top:7px;}
.activities .colrow.showinorange{border-left:solid 1px #f0ad4e;}
.activities .colrow.showinorange:before{border:solid 1px #f0ad4e; background:#f0ad4e; top:7px;}
.bluecolor{color:#337ab7!important}
.greencolor{color:#69bb6a}
.greycolor{color:#222}
.redcolor{color:#ff0000}
.orangecolor{color:#f0ad4e}
.activities a:hover{text-decoration:underline!important;}
.scrolldiv{height:calc(100% - 200px);overflow:auto;overflow-x:hidden; width:100%;padding-bottom:50px; border:solid 0px}
.accountinfo thead td{ padding:7px 5px!important; background:#f0f3f7!important; color:#2e6da4!important; letter-spacing:.2px;}
.accountinfo tbody td{ padding:7px 5px!important;}
.accountinfo tr td:first-child{ padding-left:10px!important}
.accountinfo tr td:first-child, .accountinfo tr td:nth-child(2),.accountinfo tr td:nth-child(3){ color:#777}
.list-campaign-section.no-padding{ border-left:0px!important;border-right:0px!important}

.infostas a.smallinf{color:#156fbd;font-size:11px;font-weight:normal; margin-top:2px; margin-right:5px; display: inline-block}





.accountinfo thead td{ padding:7px 5px!important; background:#f0f3f7!important; color:#2e6da4!important; letter-spacing:.2px;}
.accountinfo tbody td{ padding:7px 5px!important;}
.accountinfo tr td:first-child{ padding-left:10px!important}
.accountinfo tr td:first-child, .accountinfo tr td:nth-child(2),.accountinfo tr td:nth-child(3){ color:#777}
.circliful {position: relative; font-size:10px}
.circle-text, .circle-info, .circle-text-half, .circle-info-half {width:100%;position:absolute;text-align:center;display:inline-block;left:auto;top:-5%}
.circle-text{ font-size:14px!important; color:rgba(0, 0, 0, 0.7)!important; padding-top:5px; font-weight:normal!important; letter-spacing:.2px}
.circle-info, .circle-info-half {color: #999;}
.circle-info {font-size:10px;margin-top:10px; color:#8d8d8d}
.circle-text{color: #2e2f35;font-weight: bold;letter-spacing: 0.5px;}
.graphrow{border: 0px solid;display: inline-block;float: left;margin: 0 4px;position: relative;width: 45%;; margin-top:10px;}
.graphrow .textheading{color:#666;text-align:center;position:relative;font-size:13px;margin-top:-8px}


.services-hover-btn{ position:relative;  }
.services-hover-btn a{ background:#fff; color:#337ab7!important}
.services-hover-btn .service-menu-list{ display:none; position:absolute; border-radius:5px; background:#fff; min-width:175px;  top:0px; left:0px;  margin:0 auto;   overflow:hidden; z-index:999}
.services-hover-btn:hover .service-menu-list{ display:block;  border:1px solid rgba(0, 0, 0, 0.15); box-shadow:0 6px 12px rgba(0, 0, 0, 0.176); }
.service-menu-list a{ display:inline-block; width:100%; margin:5px 0px; color:#262626!important; font-size:14px!important; text-transform:capitalize}
.service-menu-list a img{ vertical-align:middle; margin-right:5px;}


.webhook-summery-info-btn{ position:relative; color:#337ab7 !important}
.webhook-summery-info-detail{ display: none; position: absolute; top:18px; background: #fff;   min-width: 160px; border:solid 1px #ddd; z-index: 999; padding: 5px; left:0; right:0; margin:0 auto; color:#333!important}
.webhook-summery-info-btn:hover .webhook-summery-info-detail{ display: block; }

/*css for domain add popup box*/
.adnp .modal-content{ background:#f0f0f0!important; border-radius:0px!important; position:relative; padding:20px 20px 40px; border-left:solid #428cc8 5px;}
.adnp .modal-dialog { margin-top:100px;}
.adnp .modal-content .close{ position:absolute; right:-10px; top:-10px; z-index:999; border:solid 2px #fff!important; background:#418bc6; border-radius:100%; opacity:1; color:#fff; width:30px; height:30px; text-shadow:none}
.adnp .modal-content h4{ margin:0px 0px 15px; padding:0px; font-size:25px;}
.adnp .modal-content h4 font{ color:#4cae4c}
.adnp .modal-content p{ font-size:16px;}
.adnp .modal-content a{border-radius:0px!important}
.adnp .modal-content a.btn-default{ background:#eee;}


.msginfo-slide{border-bottom:1px solid #c8e1f0;color:#337ab7;font-size:14px;letter-spacing:0.2px;padding:9px 0;text-align:left; position:fixed; right:0px;z-index:9999; padding-left:16px; border-radius:30px 0px 0px 30px;width:440px; cursor:pointer;transition: right 0.8s linear 0s; box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.10)}
.msginfo-slide:hover{right:0px;}
.msginfo-slide:hover.slidestart{right:0px!important;}    
.msginfo-slide.slidestart{right:-405px;}    
.msginfo-slide i{margin-right:3px;}
.msginfo-slide.bg-warning{border-bottom:1px solid #ffd9b0;color:#8a6d3b;background:#fff0df;}
.msginfo-slide.bg-warning i{margin-right:3px; color:#8a6d3b;}
.msginfo-slide.bg-danger{border-bottom:1px solid #dfafae;color:#a94442;}
.msginfo-slide.bg-danger i{margin-right:3px; color:#a94442}
.msginfo-slide.bg-success{border-bottom:1px solid #a5d5a6;color:#3c763d;}
.msginfo-slide.bg-success i{margin-right:3px; color:#3c763d}
.msginfo-slide:nth-child(2){top:120px;}
.msginfo-slide:nth-child(3){top:159px;}
.msginfo-slide:nth-child(4){top:198px;}
.msginfo-slide:nth-child(5){top:237px;}


/*----CSSS USED FOR Reputation - View IP Reputation Page by peeyush  on data 31st May -----*/
span.ipcount-span{top:2px}
.table-striped{ background:#f5f5f5; font-family: Calibri; font-size:12px}
.table-striped .dns-extrareprt-popp{ width:auto}
.list-campaign-section .table-striped ul.dns-extrareprt-popp li{ border-bottom:0px!important; padding-bottom:0!important}
.blkOpt span{border:1px solid #337ab7;border-radius:4px;cursor:pointer;padding:2px 5px;font-size:14px;color:#337ab7;margin: 0 2px 0 0;}
.blkOpt span:hover{border: 1px solid #f4a32e;color:#fff; background:#f4a32e}
.blkOpt span i{font-size:12px;}
ul.selectBoxLeft li, ul.selectBoxRight li{ width:100%!important; margin-bottom:0px!important;}











.dropdown-check-list {
  display: inline-block;
}

.dropdown-check-list .anchor {
  position: relative;
  cursor: pointer;
  display: inline-block;
  padding: 5px 50px 5px 10px;
  border: 1px solid #ccc;
  width: 800px;

}

.dropdown-check-list .anchor:after {
  position: absolute;
  content: "";
  border-left: 2px solid black;
  border-top: 2px solid black;
  padding: 5px;
  right: 10px;
  top: 20%;
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.dropdown-check-list .anchor:active:after {
  right: 8px;
  top: 21%;
}

.dropdown-check-list ul.items {
  padding: 2px;
  display: none;
  margin: 0;
  border: 1px solid #ccc;
  border-top: none;
}

.dropdown-check-list ul.items li {
  list-style: none;
}

.dropdown-check-list.visible .anchor {
  color: #0094ff;
}

.dropdown-check-list.visible .items {
  display: block;
}







.slider.round11 {
  border-radius: 34px;
}

.slider.round11:before {
  border-radius: 50%;
}
#secondary_content {
  display: none;
}

.switch11 {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch11 input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #4D90FD;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked+.slider {
  background-color: #4D90FD;
}

input:focus+.slider {
  box-shadow: 0 0 1px #2196F3;
  background-color: #4D90FD;
}

input:checked+.slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}