/* footer css*/
.dbfooter {background: #fff;width: 100%;float: left;color: #0d1432;box-shadow: 0px 0px 2px 0px rgba(217, 220, 231, 0.004);}
.breakword{word-wrap: break-word;}
@media (min-width: 240px){.dbfooter {height: auto;padding: 1.6% 0.8%;}}
@media (min-width: 768px){.dbfooter {height: 50px;padding: 15px 30px;}}
@media (max-width: 768px){.footer-height {width: 100%;float: left;min-height: 420px !important;}}
@media screen and (min-height: 100px){.footer-height {width: 100%;float: left;min-height: 450px;}}
@media screen and (min-height: 650px){.footer-height {width: 100%;float: left;min-height: 562px;}}
@media screen and (min-height: 750px){.footer-height {width: 100%;float: left;min-height: 590px;}}

/*Page Content*/
.page-content{background:#f2f4fd; padding:30px; width: 100%; height: auto;}
.welpage-content{background:#f2f4fd;width: 100%; height: auto;padding: 35px 0;}
.whitesection{border-radius: 5px;background-color: rgb(255, 255, 255);box-shadow: 0px 0px 2px 0px rgba(22, 24, 37, 0.5);padding: 30px;}
.whitemidsection{border-radius: 5px;background-color: rgb(255, 255, 255);box-shadow: 0px 0px 2px 0px rgba(22, 24, 37, 0.5);padding: 40px;}
a.autobtn, .autobtn { padding: 9px 30px !important; width: auto !important;}
.buttongap{margin-right: 30px;}
@media (max-width: 767px) {
a.xsautobtn, .xsautobtn { padding: 9px 25px !important; width: auto !important;}
a.xsbtn, .xsbtn { padding: 9px 10px !important; width: auto !important;}
.page-content{padding:30px 20px;}
.buttongap{margin-right: 10px;}
.whitesection{padding: 25px 20px !important;}
.welpage-content{padding: 25px 15px;}
.whitemidsection{padding: 25px !important;}
}

/* Common button css */

a.imsite-btn,.imsite-btn,.imsite-btn:focus,a.imsite-btn:focus{color: #fff;padding: 9px 15px;text-decoration: none;display: inline-block;border-radius: 5px;background: #3e59c6;cursor: pointer;text-align: center;height: 40px;border:1px solid #3e59c6;width: 177px;}

a.imsite-btn:hover,.imsite-btn:hover{background: transparent;border:1px solid #3e59c6;color:#3e59c6;}

a.upload-btn,.upload-btn,.upload-btn:focus{color: #0d1432;cursor: pointer;border-bottom: 1px solid;}
a.upload-btn:hover{color:#3e59c6;}

a.cancelbtn,.cancelbtn,.cancelbtn:focus,a.cancelbtn:focus{color: #a1aace;padding: 9px 15px;text-decoration: none;display: inline-block;border-radius: 5px;background: transparent;cursor: pointer;text-align: center;height: 40px;min-width: 100px;border:1px solid #a1aace;}

a.cancelbtn:hover,.cancelbtn:hover{color: #fff;background:#a1aace;border:1px solid #a1aace;}

/* Form css */

.imsite-forms{margin-bottom: 0px;}
.imsite-form input[type="text"],.imsite-form input[type="email"],.imsite-form input[type="password"],.imsite-form input[type="number"],.imsite-form input[type="file"]{padding:0px 14px;font-weight:400;background:#ffffff; color: #0d1432;border-radius: 3px;box-shadow: 0px 0px 0px 0px rgba(22, 24, 37, 0.5);border-width: 1px;
  border-color: rgb(217, 220, 231); border-style: solid;height: 40px;}

.imsite-form input[type="text"]:focus,.imsite-form input[type="email"]:focus,.imsite-form input[type="password"]:focus,.imsite-form input[type="number"]:focus{ border:1px solid #0d1432;}

.imsite-form textarea{border-radius:3px; border:solid 1px rgb(217, 220, 231); padding:10px; max-height:160px; max-width:100%; resize:none; font-weight:400; color: #0d1432;box-shadow: 0px 0px 0px 0px rgba(57, 79, 87, 0.1);}
.imsite-form textarea:focus{border:solid 1px #0d1432; box-shadow: 0px 0px 0px 0px rgba(57, 79, 87, 0.1);}

.imsite-form input[disabled] {border:solid 1px transparent!important;background:#d9dce7 !important;color: #a1aace !important;}
.imsite-form input[disabled]::-moz-placeholder {color: #a1aace;  opacity: 1;}
.imsite-form input[disabled]:-ms-input-placeholder {color: #a1aace;}
.imsite-form input[disabled]::-webkit-input-placeholder {color: #a1aace;}

.imsite-form textarea[disabled], .imsite-form textarea[readonly]{background-color: #d9dce7;color:#a1aace;opacity: 1;}
.imsite-addon{padding:14px;font-size: 14px;font-weight: 400;line-height: 1;color: #969cad;text-align: left;background-color: #dee2ed;border: 1px solid #dee2ed;border-radius: 0px;}

.imsitegroup{border:1px solid rgb(217, 220, 231);border-radius:3px;}
.imsitegroup input[type="text"]{box-shadow: 0px 0px 0px 0px rgba(22, 24, 37, 0.5) !important;}

.imsite-form ::-moz-placeholder {color: #a1aace; opacity: 1;}
.imsite-form :-ms-input-placeholder {color: #a1aace;}
.imsite-form ::-webkit-input-placeholder {color: #a1aace;}

/*Bootstrap Select CSS*/

.imsite-form .bootstrap-select>.dropdown-toggle{border-radius:5px; box-shadow:none; padding:0px 14px;font-weight:400; background:rgb(233, 245, 249); color: #0d1432;height: 40px;}

.imsite-form .sdisable>.dropdown-toggle{border:solid 1px rgb(194, 217, 225)!important;background:rgb(233, 245, 249) !important;color: #8192a8 !important;cursor: no-drop !important;}
.bootstrap-select.btn-group .dropdown-menu li a:hover,.bootstrap-select.btn-group .dropdown-menu li a:focus{
color: #3e59c6!important;background: #fff !important;	}
.bootstrap-select.btn-group .dropdown-menu li {color: #0d1432;font-size: 14px;}    
.bootstrap-select.btn-group .dropdown-menu li.dropdown-header {padding: 5px 20px !important;}
.bootstrap-select.btn-group .dropdown-menu .divider {padding: 0 !important;}

/* Search Box and Pagination CSS*/ 

.imsite-search input[type="text"], input[type="password"]{border-radius: 5px;background-color: rgb(255, 255, 255);
height: 40px;border:1px solid #fff;padding: 0 14px;width: 100%;}
.imsite-search button[type="submit"],.imsite-search button[type="submit"]:focus{border:solid 1px #fff; background:#ffffff; border-radius:5px; height:40px; padding:0px 14px 0px 0px; border-left:hidden;color:#969cad;}
.imsite-search button[type="submit"] .icon-search{color:#969cad;}
.pagination_next{font-size: 8px;margin-right: 0px;color: #969cad;padding: 16px;border-radius: 5px;background-color: rgb(255, 255, 255);box-shadow: 0px 0px 2px 0px rgba(22, 24, 37, 0.5);border: 0;display: inline-block;}
.pagination_next:hover,.pagination_next:focus{background-color: #3e59c6;color:#fff;}
.pagborder,.pagborder:hover,.pagborder:focus {margin-right: 10px;}
.paginationbox input,.paginationbox input:hover {width: 90px !important;border:0 !important;height: auto!important;padding: 10px 14px !important;}
@media (max-width: 767px) {.paginationbox input {width: 70px !important;}}
.customsgroup{box-shadow: 0px 0px 2px 0px rgba(22, 24, 37, 0.5);border-radius: 5px;}
.formcustomsgroup{border-width: 1px;border-color: rgb(194, 217, 225);border-style: solid;border-radius: 5px;background-color: rgb(255, 255, 255);}

/*Input placeholder*/
::-webkit-input-placeholder {color: #969cad;font-weight:500;font-size: 14px;}
:-ms-input-placeholder {color: #969cad;font-weight:500;font-size: 14px;}
::-moz-placeholder {color: #969cad;font-weight:500;font-size: 14px;}

/* Dashboard Page CSS*/

.dashtopbox{border-radius: 5px;box-shadow: 0px 0px 6px 0px rgba(100, 102, 108, 0.18);padding:25px 25px;}
.topbox{border-radius: 5px;box-shadow: 0px 0px 6px 0px rgba(100, 102, 108, 0.18);padding:25px 25px;color:#0d1432;background: #fff;}
.topblue{background-color: #13aaf9;color:#fff;}
.topgreen{background-color: #40c2ab;color:#fff;}
.topred{background-color: #d46690;color:#fff;}
.toplblue{background-color: #7cb0d0;color:#fff;}

@media (min-width: 768px) and (max-width:991px) {
.topbox,.dashtopbox{padding:28px 15px;height:123px;}.lgtopbox{padding:20px 14px;}
.smleft{padding-left: 0px;}.smright{padding-right: 0px;}
	.smtp6{margin-top: 6%;}.smt15px{margin-top: 15px;}
}
@media (min-width: 992px) and (max-width:1199px) {
.topbox,.dashtopbox{padding:20px 15px;height:115px;}.mdtop{padding:15px 15px !important;}
}

@media (min-width: 1200px) and (max-width:1299px){	
.topboxalign1{padding: 30px 15px !important;}
.topboxalign2{padding: 10px 15px !important;}
}

@media (min-width: 1200px){
.col-lg-topbox1 {width: 30.666667%;}
.col-lg-topbox2 {width: 68.333333%;}
.col-lg-topbox1,.col-lg-topbox2{float: left;}
.topbox,.dashtopbox{padding:20px 15px;height: 120px;}
}

@media (min-width: 1300px){
.topbox,.dashtopbox{padding:30px 20px;height:120px;}
.lgtopbox{padding:27px 11px 27px 20px;}
.titlelalign{padding-left: 10px;}
}

@media (min-width: 768px){
.toptext{padding-left:0;}
}

.graphsection{ border-radius: 5px;background-color: #fff;box-shadow: 0px 0px 2px 0px rgba(192, 193, 202, 0.5);padding:20px 30px;}
.grapharea{padding:20px 0 0;}
.faqsection{padding: 30px 30px 30px 0 !important;}
a.refresh-icon{border-radius: 5px;height: 40px;color: #a1aace;text-decoration: none;display: inline-block;text-align: center;background: #fff;box-shadow:0px 0px 2px 0px rgba(22, 24, 37, 0.5);padding: 11px 11px;white-space: nowrap;vertical-align: middle;}
a.refresh-icon:hover{color: #fff;background: #3e59c6;}

.dashimg{position: absolute;right: -5px;top: 20px;}

@media (max-width: 767px){
.graphsection{padding:20px 20px !important;}
.recentprosec{padding:20px 0 5px 20px !important;}
.partitionimg{position: absolute;right: 1px;top: 2px;}
}

.recentprosec{background:#fff;padding:30px 0 0px 30px;box-shadow: 0px 0px 2px 0px rgba(192, 193, 202, 0.5);border-radius:5px;}
.productboximg{border-radius: 5px;box-shadow: 0px 0px 2px 0px rgba(192, 193, 202, 0.5);max-height: 95px;min-height: 95px;}
.proborder{margin-left:2px;}
.urgentbox{ border-radius: 2px;background-color: rgb(255, 0, 0);display: inline-block;color:#fff;padding: 3px 12px;}
.highbox{ border-radius: 2px;background-color: #ff6600;display: inline-block;color:#fff;padding: 3px 18px;}
.mediumbox{ border-radius: 2px;background-color: #3154b5;display: inline-block;color:#fff;padding: 3px 10px;}
.lowbox{ border-radius: 2px;background-color: #28b232;display: inline-block;color:#fff;padding: 3px 19px;}
.inactivebox{ border-radius: 2px;background-color: #969cad;display: inline-block;color:#fff;padding: 3px 9px;}

@media (min-width: 768px){
.recentprosec{padding:30px 5px 0px 5px;}
.articletext{padding-left: 20px;}
.affiliatebox{height:511px;}
.partitionimg{position: absolute;right: 1px;top: 4px;}
}

@media (min-width:992px){
.recentprosec{padding:30px 0px 30px 15px;}
.articletext{padding-left: 30px;}
.affiliatebox{height:417px;}
}

@media (min-width:1200px){
.affiliatebox{height:543px;}
}

.producttabs{border-bottom: 1px solid transparent;}
.producttabs>li>a{padding: 2px 15px !important;}
.producttabs>li>a:hover { border-color: transparent;}
.producttabs>li>a:focus, .producttabs>li>a:hover {text-decoration: none;background-color: transparent;color:#3e59c6;}
.producttabs>li.active>a, .producttabs>li.active>a:focus, .producttabs>li.active>a:hover{
color: #3e59c6;cursor: default;background-color: #fff;border:1px solid transparent;border-bottom-color: transparent;}
.articleimg{border-radius: 3px; box-shadow:0px 0px 2px 0px rgba(22, 24, 37, 0.5);height: 75px;display: table-cell;vertical-align: middle;max-height: 75px;}
.articleimg img{border-radius: 3px;}
.linkssection{padding: 30px !important;}
.qlinks {
	color: #a1aace;
	border: 1px solid rgb(217, 220, 231);
	display: table-cell;
	vertical-align: middle;
	border-radius: 50%;
	text-decoration: none;
	text-align: center; width: 107px; height: 107px;
}
a:hover .qlinks{border: 1px solid #3e59c6;color:#fff;background:#3e59c6;}
a:hover .qlinks-color{color:#3e59c6;}
.qlinks-color{color: #0d1432;}

/*Delete, Link, Upload, Integration popups CSS*/

.dashmodal{border-radius: 4px;background-color:#fff;box-shadow:none;border:0;}
.modal-backdrop.in{background: #0d1432;opacity: .9;}
.cancel{position: absolute;top: 15px;right: 15px;font-size: 12px;color: #969cad;font-weight: 600;opacity: 1;z-index: 99;}
@media (min-width: 240px) { 
.delete-dialog,.link-dialog,.upload-dialog{width: 90%;} 
.modal-body-delete{padding:30px 18px;}
.uploadpimg{min-height: 90px;max-height: 90px;border-radius:5px;}
}
@media (min-width: 768px) { 
.delete-dialog{width: 353px;} 
.link-dialog {width: 500px;} 
.upload-dialog {width: 700px;} 
.modal-body-delete{padding:30px;}
.uploadpimg{min-width: 138px;min-height: 90px;max-width: 138px;max-height: 90px;border-radius:5px;}	
}
.mediatab {padding: 30px;}
.topmediatab{padding: 0 30px 30px;}
.modal-body-media {padding: 0;}

#integrationsetting .nav-pills>li.active>a, #integrationsetting .nav-pills>li.active>a:focus, #integrationsetting .nav-pills>li.active>a:hover{
	color: #3e59c6;
    background-color: #fff;}

#integrationsetting .nav>li>a:focus, #integrationsetting .nav>li>a:hover{
	color: #3e59c6;
    background-color: #fff;}

#integrationsetting .nav>li>a{
	color: #0d1432;
    background-color: #fff; padding: 5px 0;}

.intbox2{ border-width: 1px;border-color: rgb(222, 226, 237);border-style: solid;width: 86px;height: 86px;display: table-cell;vertical-align: middle;}

.intbox1{ border-width: 1px;border-color: rgb(222, 226, 237);border-style: solid;width: 104px;height: 108px;padding: 10px;display: inline-block;
}

/* Filter Section CSS*/

.list-options ul,ul.list-options {margin:0; padding:0;}
.list-options li{/*float:left; */list-style:none; margin-bottom:0px;display: inline-block;}
@media (max-width: 767px) {
.list-options li{margin-right:4px; margin-bottom:5px;}	
.list-options li.allcheck{margin-bottom:0px !important;}	
.list-options li:last-child{margin-left: 0px !important;}
}
@media (min-width: 768px) {
.list-options li:last-child{margin-left: 8px;margin-right:0px;}
.list-options li{margin-right:5px;}
}
@media (min-width: 992px) {
.list-options li:last-child{margin-left: 20px;}
.list-options li{margin-right:8px;}
}

.list-options li a.filter-btn,.allcheck,.lockicon{border-radius:5px; height:40px;color:#969cad; text-decoration:none; display:inline-block;text-align:center; background:#fff;box-shadow: 0px 0px 2px 0px rgba(22, 24, 37, 0.5);padding:10px 11px;white-space: nowrap;vertical-align: middle;font-size: 18px;}

.allcheck{padding:10px 10px !important;}

.list-options li a.filter-btn:hover,.lockicon:hover{background:#3e59c6;color:#fff;}
.videooptions li:last-child{margin-left: 0px !important;}
 a.listdisabled, a.listdisabled:hover, a.listdisabled:focus{border-radius:5px; height:40px;color:#dee2ed; text-decoration:none; display:inline-block;text-align:center; background:#fff;box-shadow: 0px 0px 2px 0px rgba(22, 24, 37, 0.5);padding:10px 11px;white-space: nowrap;vertical-align: middle;font-size: 18px;}
.lockicon{position: absolute;height:32px;width:32px;font-size: 16px;top:3px;right:3px;padding: 8px 8px;}

@media (max-width: 1199px){.lockicon{top:7px;right:22px;}}

@media (min-width: 768px) and (max-width: 1199px){
.newlist-options li a.filter-btn{height: 31px;padding: 7px 7px;font-size: 18px;}	
.camplist-options li {margin-right: 1px !important;}
.camplist-options li a.filter-btn{height: 27px;padding: 7px 4px;}	
}

/*Business Page CSS*/

.categorysection{border-radius: 5px;background-color: #fff;box-shadow:0px 0px 2px 0px rgba(22, 24, 37, 0.5);padding:30px 10px;}
.businessbox{border-radius: 5px;border:1px solid rgb(222, 226, 237);display: table-cell;vertical-align:middle;}
.businessbox img{max-height:40px;}

@media (max-width: 767px) {
.businessbox{height:133px;width: 220px;}
}
@media (min-width: 768px) {
.businessbox{height:133px;width: 220px;}
}
@media (min-width: 992px) {
.businessbox{height:133px;width: 238px;}
}

.business-logobox{border-width: 1px;border-color:rgb(222, 226, 237);border-style: solid;border-radius: 5px;background-color: rgb(255, 255, 255);padding:10%;height: 120px;display: table-cell;vertical-align: middle;width: 388px;}
.business-logobox img{max-height: 40px;}
.business-logoimg img{height: 30px;width: 30px;}

/*Product Page CSS*/
.productimgbox img{max-height:136px;}
.productimgbox{border-radius: 5px;border:1px solid rgb(222, 226, 237);display: table-cell;vertical-align:middle;width: 105px;height: 138px;}

@media (max-width: 767px){
.productsection{padding:25px 20px;}
.pro-options.list-options li a.filter-btn{font-size: 15px !important;height: 33px !important;padding: 9px 9px;}
}

@media(min-width: 240px) and (max-width: 1199px) {
.productimgbox{display:block !important;margin: 0 auto;}
.productimgbox img{max-height:136px;min-height:136px;}	
.producttext{text-align: center;padding: 0;margin-top: 20px;}
}

@media (min-width: 768px){
.productsection{padding:25px;}
.product-div:nth-child(2n+1) {clear: both;float: left;}
.addprod-div1{width: 100%;display: table;text-align: center;height:404px;}
.addprod-div2{display: table-cell;vertical-align: middle;}
}

@media (min-width: 992px){
.productsection{padding:25px;}
}

@media (min-width: 1200px){
.addprod-div1{height:263px;}
.productsection{padding:30px;}
.producttext{text-align: left;padding-right: 0;}
}

.vendor-logobox{border-width: 1px;border-color:rgb(222, 226, 237);border-style: solid;border-radius: 5px;background-color: rgb(255, 255, 255);display: table-cell;vertical-align: middle;width:175px;height:175px;}
.vendor-logobox img{max-height: 175px;max-width: 175px;}
.free-seobtn{border-radius: 5px;background-color: rgb(40, 178, 50);width: 92px;height: 40px;text-align:center;color:#fff;padding:10px 0;display: inline-block;}
ul.stuff-bullets{padding-left: 0;}
ul.stuff-bullets li{padding-bottom: 4px;list-style: none;background: url(../../default/images/stuffbullet.png) no-repeat;background-position: 0px 8px;padding-left: 32px;}

@media (min-width: 768px) and (max-width: 991px){
.whitestuffsection{padding:20px;}	
}

/*--- Table Responsive----*/

@media (max-width: 767px){
.imsite-table {margin-bottom: 0px;border: 0;}
}
.imsite-table table thead tr > th {
  padding:14px 20px;
  background:rgb(222, 226, 237);
  border-width:1px;
  vertical-align:middle;
  color:#0d1432;
  font-weight: 400;
}

.imsite-table table {
    border-collapse: separate;
    border-spacing: 0px 20px;
	border: 1px solid transparent;
	margin-bottom: 0px;
}

.table-bordered1>tbody>tr>td, .table-bordered1>tbody>tr>th, .table-bordered1>tfoot>tr>td, .table-bordered1>tfoot>tr>th, .table-bordered1>thead>tr>td, .table-bordered1>thead>tr>th {
    border: 0;
}

.imsite-table table tbody tr{box-shadow: 0px 0px 2px 0px rgba(22, 24, 37, 0.5);border-radius: 5px;}

.imsite-table table tbody tr > td {
	font-weight: 400;
	padding:25px 20px;
	vertical-align: inherit !important;
	background-color: #fff;
}

.table-bordered1>tbody>tr>td.active{background: #fff !important;}

.imsite-table table>thead>tr>th:first-child,.imsite-table table tbody tr > td:first-child {
    border-radius: 5px 0 0 5px;
}

.imsite-table table>thead>tr>th:last-child,.imsite-table table tbody tr > td:last-child  {
    border-radius: 0px 5px 5px 0;
}

.imsite-table>thead>tr,.imsite-table>tbody>tr {
     box-shadow: 0px 1px 4px 0px rgba(57, 79, 87, 0.1);
}

table.table-bordered1 thead .sortingicon:after {
    content: "\e943";
}

 table.table-bordered1 thead .sortingicon:after{
    font-family: 'icomoon';color:#969cad;
    margin-left:7px;cursor: pointer;font-size: 13px;
}

.imsite-table.session-table table tbody tr > td {
    line-height: 130%;
	padding: 20px 20px !important;
}

.imsite-table.session-table table tbody tr.unread-row td{
    background: #eff2fb;
}

@media (min-width: 768px) and (max-width: 1199px){
.imsitenew-table table tbody tr > td:last-child {
	padding:25px 0px !important;
}	
}

@media (min-width: 1200px) and (max-width: 1280px){
.imsitenew-table table tbody tr > td:last-child {
	padding:25px 15px !important;
}	
}


/* Action drop down */

@media (min-width: 240px) {
.dropdownicon {position: relative !important;display: inline-block; }
.icondropdownmenu {
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 1px 0px rgba(100, 102, 108, 0.5) !important;
	border:0;
	border-radius: 5px;
	width: 140px !important;
	min-width: 140px;
	left: auto;
	right: 0px;
	overflow-x: auto;
	overflow-y: auto;
	margin: 0;
	position: absolute;
	z-index: 99;
	top: 30px;
	height: auto;
	padding: 12px 0;
}
 .threedropdownicon {
    display: inline-block;
    top: 10px !important;
	margin-left:10px;
   }
}

@media (min-width: 768px) {
  .threedropdownicon{ display: inline-block;top: 7px !important;margin-left: 5px;}
}

@media (min-width: 1200px) {
  .dropdownicon {
    position: absolute !important;
    display: inline-block;
    margin-top: -15px;
   }
 .threedropdownicon {
	top: auto !important;
    position: absolute !important;
    display: inline-block;
    margin-top: 3px !important;
	margin-left:10px;
   }
 }
.icondropdownmenu li a i {padding-right:10px;font-size: 18px;vertical-align: sub;color:#969cad;}

.icondropdownmenu > li > a {
  white-space: normal;
  margin-left: 0;
  padding: 8px 15px !important;
  color: #0d1432;
  margin: 0;}

.icondropdownmenu > li > a:hover,.icondropdownmenu > li > a:focus,.icondropdownmenu > li > a:hover i {
  color: #3e59c6!important;
  background: #fff !important;}

.doticon {color: #969cad;position: relative;}
.dropdown a.active .doticon i{z-index: 99;}
.dropdown.open a.active .doticon, .doticon:hover{color: #3e59c6;background: #fff;}

/*Blog CSS*/

.feedback-mrgn{left:-28px;top: 9px;color:#969cad;}
.feature-box{border-width: 1px;border-color:rgb(222, 226, 237);border-style: solid;border-radius: 5px;background-color: rgb(255, 255, 255);display: table-cell;vertical-align: middle;width: 449px;height: 228px;}
/*.feature-box img{max-height: 175px;max-width: 175px;}*/

/*Settings CSS*/

.settingbox{border-radius: 5px;background-color: rgb(255, 255, 255);box-shadow: 0px 0px 2px 0px rgba(22, 24, 37, 0.5);padding: 22.5px 30px;display: inline-block;width: 100%;color:#0d1432;}

.fbsettingbox{padding:22.5px 25px 22.5px 30px !important;}
.settingbox i{margin-right: 25px;font-size: 25px;}
.settingbox:hover,.settingbox:hover .grey{color:#3e59c6;}

@media (min-width: 768px) and (max-width: 991px){
.settingbox{padding: 20px 12px !important;}	
.settingbox i{margin-right: 12px;font-size: 20px !important;}
.fbsettingbox{padding:20px 10px !important;}
}

@media (min-width: 992px) and (max-width: 1199px){
.settingbox{padding: 20px 25px !important;}	
.settingbox i{margin-right: 15px;font-size: 25px !important;}
.fbsettingbox{padding:20px 10px 20px 25px !important;}
}

@media (min-width: 1200px) and (max-width: 1359px){
.settingbox{padding: 20px 23px !important;}	
.settingbox i{margin-right: 15px;font-size: 25px !important;}
.fbsettingbox{padding:20px 8px 20px 23px !important;}
}

.visiblexl{margin-bottom: 6%;}

@media (min-width: 1400px){
.visiblexl{margin-bottom: 11%;}	
}

@media (min-width: 1600px){
.visiblexl{margin-bottom: 15%;}	
}

.imsite-nav li{display:inline-block;}
.imsite-nav li a{color: #0d1432; padding: 9px 30px !important; text-decoration: none; display: inline-block !important; border-radius: 5px;background: transparent; cursor: pointer; text-align: center; height: 40px; border: 1px solid transparent;}
.imsite-nav li.active a,.imsite-nav li a:hover,.imsite-nav li a:focus{color: #fff;background: #3e59c6;border: 1px solid #3e59c6;}

@media (max-width: 767px){
.imsite-nav li a{padding: 9px !important;}
}

@media (min-width: 768px) and (max-width: 991px){
.imsite-nav li a{padding: 9px 15px !important;}
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 4px;
    background: rgb(222, 226, 237);
	border-radius: 5px;
    outline: none;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    background:rgb(19, 77, 236);
    cursor: pointer;
	border-radius: 50%;
}

.slider::-moz-range-thumb {
    width: 16px;
    height: 16px;
    background:rgb(19, 77, 236);
    cursor: pointer;
	border-radius: 50%;
}

.sliderbox{border:1px solid rgb(222, 226, 237);border-radius: 5px;height:40px;padding:9px 0px;}
.sliderbtn{ background-color: rgb(94, 94, 94);height: 40px;color:#fff;text-align:center;padding:10px 0;}

/*Integartion Tabs CSS*/

.inav-tabs>li.active>a, .inav-tabs>li.active>a:focus, .inav-tabs>li.active>a:hover {
    color: #3e59c6;
    cursor: default;
    background-color: #fff !important;
    border:1px solid transparent;
    border-bottom-color: transparent;
}
.inav-tabs>li>a:focus, .inav-tabs>li>a:hover {
    color: #3e59c6;
}
.inav-tabs>li>a:hover , .inav-tabs>li>a:focus {
    border-color: transparent;
	background-color: #fff;
}
.inav-tabs>li>a .icircle{
    width: 81px;
	height: 81px;
	border: 1px solid rgb(222, 226, 237);
	border-radius: 50%;
	display:table-cell;
    vertical-align: middle;
	background-color: #fff !important;
}
.inav-tabs>li>a:focus .icircle, .inav-tabs>li>a:hover .icircle {
	border: 1px solid #3e59c6;
}
.inav-tabs>li.active>a .icircle, .inav-tabs>li.active>a:focus .icircle, .inav-tabs>li.active>a:hover .icircle {
    color: #0d1432;
    cursor: default;
	border: 1px solid #3e59c6!important;
    background-color: #fff !important;
}
.inav-tabs>li>a {
    position: relative;
    display: block;
    padding: 5px 8px !important;
	margin-right: 12px;
	height: 145px;
}

.integration-title{border-bottom: solid 1px #dee2ed; padding:0 0px 20px;margin-bottom: 30px;}
.darkcolor{color: #969cad;}

@media (max-width: 767px){
.integration-title{margin-bottom: 20px !important;}
}

/*Team Management CSS*/

.mainsection .repeatedsection {display: block !important;}

@media (max-width: 767px){
.tmleft{text-align: left;}
.tmwhitesec{padding: 20px 10px !important;}
}

@media (min-width: 1200px){
.tmleft{text-align: right;padding: 0;}		
}

/*Members pages CSS*/

.livesearchdrop{padding: 0 !important;margin: 1px 0 !important;}
.livesearchdrop .bs-searchbox{padding: 1px !important;}
.livesearchdrop input{box-shadow: inset 0 0px 0px rgba(0,0,0,.075) !important;border-radius: 0;}

.bootstrap-select.btn-group.show-tick .rsscheckbox {width: 18px;height: 18px;background: #fff;border: 1px solid rgb(222, 226, 237);border-radius: 5px;position: absolute;left: 15px;top: 9px;}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.rsscheckbox{border: 1px solid #3e59c6;}
.bootstrap-select.btn-group.show-tick .rsscheckbox:hover{ border: 1px solid rgb(150, 156, 173);}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.text{color: #3e59c6;word-break: break-all;}
.livesearchdrop ul.dropdown-menu{padding:6px 0 !important;}

.memberbtn{margin-right:30px !important;}

/*Ticket Page CSS*/

.ticketbox {
  border-width: 1px;
  border-color: rgb(222, 226, 237);
  border-style: solid;
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
  width: 93px;
  height: 96px;
  display: table-cell;
  vertical-align: middle;
  font-size: 50px;
  text-align: center;color:#969cad;
}

.attachfilebox{display: inline-block;vertical-align: top;}
.attachfilebox label,.attachfilebox .inputfile-3 + label:hover{
    background: #fff;
    color: #969cad;
    padding: 18px 24px;
    border-radius: 5px;
    border: 1px dashed #dee2ed;
    text-align: center;
	height: 96px;
    vertical-align: middle;
    display: table-cell;
    width: 93px;
}

.attachfilebox label .uploadlabel{border-bottom: 1px solid #969cad;}

.addcircle{ border-width: 1px;
  border-color: rgb(222, 226, 237);
  border-style: solid;
  border-radius: 50%;
  background-color: rgb(255, 255, 255);
  width: 33px;
  height: 33px;display: inline-block;text-align:center;padding:10px;}

.tcloseicon{border-width: 1px;border-color: rgb(222, 226, 237);border-style: solid;border-radius: 50%;
  background-color: rgb(255, 255, 255);position: absolute; width: 21px;height: 21px;color:#969cad;padding:5px;right: -7px;top: -7px;cursor: pointer;}

.tprogress{margin-bottom:0px;width: 82px;height: 4px;margin: 10px auto 0;background-color: #969cad;border-radius: 25px;
box-shadow: inset 0 0px 0px rgba(0,0,0,.1);}
.tprogress-bar{background-color: #3e59c6;box-shadow: inset 0 0px 0 rgba(0,0,0,.15);}

/* Library CSS */

.librarysection{padding: 30px 30px 0 !important;}
.template-gallerybox {
  position:relative;
  border-width: 1px;
  border-color: rgb(222, 226, 237);
  border-style: solid;
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
  min-height: 135px;
  max-height: 135px;display: inline-block;width: 100%;
}
.template-gallerybox:hover .template-gallery-actions{display:block;}
.template-gallery-actions a{margin:48px 10px 0 10px;}
.template-gallery-actions {
  position:absolute;
  background-color: rgb(5, 10, 27,0.9);
  display:none;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-align: center;border-radius:5px;
}
.template-gallerybox img{
	min-height: 133px;
    max-height: 133px;
	object-fit: contain;border-radius:5px;
}

.template-gallerybox a.icon {
  border-radius: 5px;
  background-color: rgb(5, 10, 27);
  border: 1px solid rgb(255, 255, 255);
  width:38px;
  height:38px;
  display:inline-block;
  font-size: 18px;
  padding-top:9px;color:#fff;
}
.template-gallery{max-height:400px;}
.template-name{width:70%;float:left;}
.template-choose{width:30%;float:right;}
.template-choose a{
	float:right;
	font-size:18px!important;
	color:#8192a8!important;
	border-radius:5px;
	background-color:#fff;
	border:1px solid #dbe0e4;
    width: 40px;
    height: 40px;
	text-align:center;
	padding-top:10px;
}

.template-choose a:hover{background: #3e59c6;color:#fff !important;border:1px solid #3e59c6;}

@media (min-width: 240px) {
.app-container.expanded .side-body .libcheckbox{position:absolute;top:10px;left:25px;z-index:10;background: #fff;border-radius: 5px;}
.app-container .side-body .libcheckbox{position:absolute;top:10px;z-index:10;background: #fff;border-radius: 5px;left:25px;}	
}

@media (min-width: 1300px) {
.app-container.expanded .side-body .libcheckbox{left:auto;right:25px;}
.app-container .side-body .libcheckbox{right:55px;left:auto;}	
/*.template-gallerybox{min-width: 240px;}*/
}

@media (min-width: 1500px) {
.app-container.expanded .side-body .libcheckbox{right:70px;}
.app-container .side-body .libcheckbox{right:100px;}	
}

@media (min-width: 1600px) {
.app-container.expanded .side-body .libcheckbox{right:115px;}
.app-container .side-body .libcheckbox{right:145px;}	
}

.libupload{display: inline-block!important;padding: 11px 30px !important;border: 1px solid #3e59c6!important;color:#fff !important;}
.libupload:hover{border: 1px solid #0d1432 !important;color:#0d1432 !important;}


/*User Profile page css*/

.tem-hover a i {color: #fff;}
.editicon {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
	color:#fff;
}
.cameraicon i{color:#fff;}
a.cameraicon{border-width: 1px;border-color: rgb(255, 255, 255) !important;border-style: solid;border-radius: 5px;background-color: #0d1432; width: 36px;height: 36px;padding: 12px 0;margin: 0 auto;display: inline-block;}
.mr10{margin-right: 7px;}
.overlays {
    border-radius: 50% !important;
    margin: 0 auto;
    background: rgba(5,10,27,0.9);
}

#effect-2 .overlays {
    top: 0;
    left: 0;
    right: 0;
    width: 150px !important;
    height: 0;
}

.effects .img .eprofile {
    display: block;
   	height: 150px !important;
    width: 150px !important;
	min-height: 150px !important;
	max-height: 150px !important;
    min-width: 150px !important;
    border-radius: 50% !important;
    border: 1px solid rgb(222, 226, 237) !important;
}

/*SEO Page CSS*/

.seo-nav li a{padding: 9px 25px !important;}
@media (max-width: 767px) {.seo-nav li a{padding: 9px !important;}}

.ps-rssbtn {width: 120px !important;}

.seo-syntax a{color: #3e59c6;padding: 9px 21px;text-decoration: none;display: inline-block;border-radius: 5px;background: transparent;cursor: pointer;text-align: center;height: 40px;border: 1px solid #3e59c6;width: auto;}
.seo-syntax a:hover{color: #fff;background: #3e59c6;border: 1px solid #3e59c6;}
.seo-syntax a.active{color: #fff;background: #3e59c6;border: 1px solid #3e59c6;}
.seo-buttongap {margin-right: 15px;}


/*----wizard css-----*/

.prowizard {
    margin: 0px auto;
    background: transparent;
}

.prowizard .nav-tabs {
	position: relative;
	margin: 0px auto;
	margin-bottom: 0;
	border-bottom-color: #e0e0e0;
	border:0;
}

.prowizard > div.prowizard-inner {position: relative;}

.connectingline::after {
    margin: 0 auto;
    right: 0;
    top: 19px;
    z-index: 1;
	background-color: rgb(222, 226, 237);
  	width: 30px;
  	height: 6px;
	content: "";
	position: absolute;
}

.success.connectingline::after {background-color: #28b232;}

.success .proconnecting-line {
	background-color: #28b232;
}

.prowizard .nav-tabs > li.active > a, .prowizard .nav-tabs > li.active > a:hover, .prowizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: pointer;
    border: 0;
    border-bottom-color: transparent;
}

span.proround-tab {
    display: inline-block;
    border-radius: 25px;
    background: rgb(222, 226, 237);
    border: 3px solid rgb(222, 226, 237);
    z-index: 2;
    position: relative;
    text-align: center;
    font-size: 14px;
	padding: 7px 30px;
	color:#0d1432;font-weight: 600;margin-right: 30px;
}

span.proround-tab i{
    color:#0d1432;
}
.prowizard li.active span.proround-tab ,.prowizard .nav-tabs > li a:hover span{
    background: #3e59c6;
    border: 3px solid #dee2ed;
	color:#fff;padding: 7px 30px;   
}

.prowizard li.success span.proround-tab {
    background: #28b232;
    border: 3px solid #dee2ed;
	color:#fff;padding: 7px 30px;
}

.prowizard li.success span.proround-tab i,.prowizard li.active span.proround-tab i,.prowizard .nav-tabs > li a:hover span i{color:#fff;}

@media(max-width: 767px){
.prowizard .nav-tabs > li a {
margin: 0px auto;
border-radius: 100%;
padding: 0;
}

.prowizard {width: 100%;height: auto !important;}

span.proround-tab {
    font-size: 20px;
    width: 45px;
    height: 45px;
    padding: 9px 0 !important;
    margin-right: 10px !important;
}
	
.connectingline::after{width: 10px !important;}

.proconnecting-line {
    height: 1px;
    background: #dee2ed;
    position: absolute;
    width: 72%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 47px;
    z-index: 1;
}
}

@media(min-width:768px){
.prowizard .nav-tabs > li a {
height: 40px;
margin: 0px auto;
border-radius: 100%;
padding: 0;
border:0;
background: transparent;
}
}

@media(min-width:768px) and (max-width:1150px){
span.proround-tab {
    padding: 7px 12px !important;
    margin-right: 12px;
}	
.prowizard li.success span.proround-tab {
    padding: 7px 12px !important;
}
}

/*----wizard css end-----*/

/*My Products CSS*/

.mydropmenu{width: 155px !important;min-width: 155px !important;}
.addonfield{display: block;width: 100%;white-space: initial;}
.addongrp{word-break: break-all;width: 100%;}

/*Review Publish CSS*/

.mediasecclear:nth-child(3n+1){clear: both;float: left;}
.typesecclear:nth-child(2n+1){clear: both;float: left;}

/*FAQ CSS*/

@media (max-width: 767px){
.tabxspadding {
    padding: 20px 15px 0;
}}
@media (min-width: 768px){
.tabxspadding {
    padding: 20px 20px 0;
}}

.faq-tabs>.nav-tabs>li{float:inherit;}
.faq-tabs>.nav-tabs>li.active>a, 
.faq-tabs>.nav-tabs>li.active>a:focus, 
.faq-tabs>.nav-tabs>li.active>a:hover{
	color: #3e59c6;
	cursor: pointer;
	background-color: #ffffff;
	border: none;
	border-bottom-color: transparent;}
.faq-tabs>.nav-tabs>li>a, .faq-tabs>.nav-tabs>li>a:hover{
	background: #f2f4fd;margin: 0; padding-left: 20px;padding-top: 13px;
    padding-bottom: 13px;}
			
.faq-tabs-content {
    padding: 20px 30px 30px !important;
    background: #ffffff !important;
    line-height: 20px !important;border-radius: 5px;
}

a.ss-yesbtn, a.ss-nobtn {
	color:#969cad;
    margin-left: 15px;   
}
a.ss-yesbtn:hover, a.ss-nobtn:hover,
a.ss-yesbtn:focus, a.ss-nobtn:focus {
    color: #3e59c6;
}
.faq-border-radius {
    border-radius: 5px !important;
    margin-bottom: 20px !important;
    color: #0d1432 !important;
    background: #ffffff !important;
    box-shadow: 0px 0px 2px 0px rgba(22, 24, 37, 0.5);
}
.faq-tabs-heading {
    padding: 0px !important;
}
.faq-tabs-heading{
    overflow: hidden;border:0 !important;margin-top: 1px;
}

.faq-tabs-heading .panel-title > a {
    display: block;
    outline: none;
    text-decoration: none;
    padding: 12px 30px !important;
    color: #0d1432;
    background: #f2f4fd;
}

.campaigntext{width:88% !important;}

@media (max-width: 767px){
.previewalign,.previewtxtalign{margin-right:10px !important;}
}
@media (min-width: 768px) and (max-width: 1269px){
.previewalign,.previewtxtalign{margin-right:5px !important;}
.previewleft{margin-left: 0px !important;margin-top:5px;}
}

@media (min-width: 992px){
.previewalign{margin-left:15px;}
.previewtxtalign,.previewleft{margin-left:15px !important;}
}

@media (min-width: 1200px){
.previewalign{margin-left:2px;}
.previewtxtalign,.previewleft{margin-left:2px !important;}
.textmargin{margin-top: 10px;}
}

@media (min-width: 1360px){
.previewalign{margin-left:20px;margin-right: 0px !important;}
.previewtxtalign,.previewleft{margin-left:15px !important;margin-right: 0px !important;}
}

@media (min-width: 768px) and (max-width: 991px){
.package-table .spackage-div:nth-child(2n+1) {
    clear: both;
    float: left;
}
}

@media (min-width: 992px){
.package-table .spackage-div:nth-child(3n+1) {
    clear: both;
    float: left;
}
}

.affborder{border:1px dashed #16182580;border-radius:5px;padding:10px;}
.linkcolor{color:#23527c;}

/*Welcome Video Popup CSS*/

.btn-mailclose {
    position: fixed;
    right: 0px;
    top: 0px;
    z-index: 999991;
    color: #ffffff;
    background-color: #000;
    width: 50px;
    height: 50px;
    font-size: 13px;
    border: none;
    display: inline-block;
    padding: 0;
    cursor: pointer;outline: none;
}

@media (min-width: 240px){
.help-video-dialog {width: 90%;}
}
@media (min-width: 768px){
.help-video-dialog {width: 650px;}
}
@media (min-width: 992px){
.help-video-dialog {width: 800px;}
}
.floatr{float: right;}

.cticketbox{padding:15px;background: #fbfbfd;}
.cticketbox:hover{background-color: rgb(251, 251, 253);box-shadow: 0px 0px 8px 0px rgba(162, 162, 162, 0.25);}
.recenttext{padding-left:15px;}