@charset "UTF-8";
/*------------------------------------------------------------------
Project:	link affinity


/****************************/
/** General **/
/****************************/
h6, h4, .panel-title {text-transform: none;}
h6 b, .panel-title b {font-weight: 700 !important}
h5 b, .panel-title b {font-weight: 700 !important}
b {font-weight: 700 !important}
em {font-style: italic !important;}
h5, .btn {text-transform: none;}
.font-14 {font-size: 14px !important;}
h3.font-14 {line-height:1.5em;}
.font-28 {font-size: 28px !important;}
.font-30 {font-size: 30px !important;}
.font-32 {font-size: 32px !important;}
.pem-5 {padding:0.5em !important;}
.pemh-5 {padding:0em 0.5em !important;}
.pemv-5 {padding:0.5em 0em !important;}
.peml-5 {padding:0em 0em 0em 0.5em !important;}
.weight-300 {font-weight: 300 !important;}
.weight-400 {font-weight: 400 !important;}
.weight-700 {font-weight: 700 !important;}
.displayib {display: inline-block;}
.txtfff {color: #ffffff !important;}
.txtverde {color: #8ad425 !important;}
.txt999 {color: #999 !important;}
.txt-success.nosuccess, .text-nosuccess.nosuccess {color: #ccc !important;}
.txt-nosuccess, .text-nosuccess {color: #ccc !important;}
.txt-gray {color: #555 !important;}
.bg-gray, .bg-gray {background: #ccc !important;}
.centertxt {padding:0% 30%;}
.alert.alert-info {background: #2196f3;}
.alert > p, .alert > ul {width:95%;}
span.block em {font-style: italic; color:#999;}
.vresponsive {height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative; border: solid 5px #f5f5f5; border-radius: 10px;}
.vresponsive iframe, .vresponsive object, .vresponsive embed { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.alert.alert-style-1 a {font-weight:700; color:#8ad425;}
.noblock {white-space: normal;}
.inblock {display: inline-block;}
.nofloat {float: none !important;}
.ws-no {white-space: nowrap;}
.bt-f2 {border-top: 1px solid #f2f2f2;}
.bt-ff {border-top: 1px solid #fff;}
.bg-f2	{background: #f2f2f2;border-radius: 10px;}
.bg-f5	{background: #f5f5f5;border-radius: 10px;}
.slide-nav-toggle .navbar.navbar-inverse.navbar-fixed-top .nav-header {width:65px;}

.alert.alert-style-1.nota	{color:#999; font-style:italic; font-size: 14px; line-height: 24px;}
ul.list-icons li a {color:#555; font-weight:bold;}
ul.list-icons li a:hover {color:#97e22b; text-decoration: underline;}
ul.list-icons.wtags {overflow: hidden;}
ul.list-icons.wtags li { float:left; margin-left:0.5em;}
ul.list-icons.wtags li a {background: #fff; color: #82c421; font-weight:bold; border: 1px solid #ddd; border-radius:50px; margin: 0.1em 0em; display: inline-block; padding: 0.4em 0.8em;}
ul.list-icons.wtags li a:hover {background:#97e22b; color:#fff; text-decoration:none; }
ul.listlink li {background: url("../../../Content/Imagenes/imglinkaffinity/list01.png") no-repeat 0px 6px !important; padding-left:20px;}
ul.list-icons.wtags li:first-child a {background: #82c421; color: #fff; font-weight:bold; border: 1px solid #82c421; border-radius:50px; margin: 0.1em 0em; display: inline-block; padding: 0.4em 1em;}
ul.list-icons.wtags.collaborator li span {background: #fff; color: #82c421; font-weight:bold; border: 1px solid #ddd; border-radius:50px; margin: 0.1em 0em; display: inline-block; padding: 0.4em 0.8em;}
ul.list-icons.wtags.nolink li { float:left; background: #fff; color: #82c421; font-size:12px; font-weight:bold; border: 1px solid #ddd; border-radius:50px; margin: 0.1em 0.1em; display: inline-block; padding: 0.4em 0.8em;}
ul.list-icons.wtags.nolink li:first-child { float:left; background: #fff; color: #82c421; font-weight:bold; border: 1px solid #ddd; border-radius:50px; margin: 0.1em 0.1em; display: inline-block; padding: 0.4em 0.8em;}
ul.nav.navbar-nav.side-nav li hr.light-grey-hr {margin-top: 2px; margin-bottom: 3px;}

.btnind {padding: 2px 5px 2px 8px; color:#fff; background-color: #8dd327; border-radius: 20px; font-size: 14px; font-weight: bold; white-space: nowrap;}
.btnind:hover {color:#fff; }
.btnind i {padding: 2px 4px; color:#fff;}

.alert.alert-style-1.enlace { font-size: 1.5em; font-weight: 300; color: #878787;}
.alert.alert-style-1.enlace i {padding-top: 18px; color:#ccc;}
a .alert.alert-style-1.enlace:hover { font-size: 1.5em; font-weight: 300; color: #fff; background-color: #8dd327;}
a .alert.alert-style-1.enlace:hover i {padding-top: 18px; color:#8dd327;}
a.active .alert.alert-style-1.enlace { font-size: 1.5em; font-weight: 700; color: #8dd327;}
a.active .alert.alert-style-1.enlace i {padding-top: 18px; color:#fff;}
a.active .alert.alert-style-1.alert-success.enlace  i {background-color: #8dd327;}
a.active .alert.alert-style-1.enlace:hover { font-size: 1.5em; font-weight: 700; color: #fff; background-color: #8dd327;}
a.active .alert.alert-style-1.enlace:hover i {padding-top: 18px; color:#fff;}
a.now .alert.alert-style-1.enlace { font-size: 1.5em; font-weight: 300; color: #fff; background-color: #8dd327;}
a.now .alert.alert-style-1.enlace i {padding-top: 18px;}

a.normal:hover {color:#72c000;}
span.block a.normal:hover em {color:#72c000;}

@media (max-width: 991px) {	
	.centertxt {padding:0% 10%;}
	.alert > p, .alert > ul {width:80%;}
}

/****************************/
/** Head **/
/****************************/
.wrapper.theme-5-active .navbar.navbar-inverse {background:#ffffff;}
.navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap .brand-text .brand-img {top:8px}
.navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap {width: 180px;}
.navbar.navbar-inverse.navbar-fixed-top .nav-header {width: 170px;}
.navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap .brand-img {top: 0px;  width: 150px;}
.slide-nav-toggle .navbar.navbar-inverse.navbar-fixed-top .nav-header {width: 170px;}


h2.dominiopro {font-size:14px; background:#f2f2f2; border-radius: 50px; padding: 0px 10px 0px 10px; color:#555; line-height: 37px; float:left; overflow: hidden;}
h2.dominiopro i {background:#fff;padding: 5px 8px; border-radius: 100%;color:#999;}
h2.dominiopro span { display: inline-block; /*max-width: 260px;*/ padding-right:10px;}
.message-box-wrap .msg-search h2 span { text-transform: none; font-size: 12px; width:auto; text-align: left; display: inline-block; max-width: 260px; padding-right:10px; overflow: hidden;}
.message-box-wrap .msg-search span.ico-lateral { width:auto;}
.message-box-wrap .msg-search span.ico-lateral i { background:#f5f5f5; border-radius: 100%;color:#999;padding: 9px 12px;margin-left: 2px;font-size: 18px;}

h2.walletpro {font-size:14px; background:#f2f2f2; border-radius: 50px; padding: 0px 10px 0px 10px; margin-left:3px; color:#555; line-height: 37px; float:left; overflow: hidden;}
h2.walletpro i {background:#fff;padding: 5px 6px; border-radius: 100%;color:#999;}
h2.walletpro i.add {background:#8dd327;padding: 5px 8px 5px 8px; border-radius: 100%;color:#fff;}
h2.walletpro span { display: inline-block; max-width: 260px; padding-right:10px;}
.navbar.navbar-inverse.navbar-fixed-top .top-nav-search { width:auto;}

ul.dropdown-menu.alert-dropdown .sl-item > a.deletenot {position: absolute; right:10px; top:0px; background:#fff; z-index:9999; border-radius:50px; margin-top: 7px; line-height: 12px; padding: 2px 5px 1px 4px;}
ul.dropdown-menu.alert-dropdown .sl-item > a.deletenot:hover {background:#8dd327;}
ul.dropdown-menu.alert-dropdown .sl-item > a.deletenot .pull-right i { font-size:14px;}
ul.dropdown-menu.alert-dropdown .sl-item > a.deletenot:hover .pull-right i {color:#fff;}
ul.dropdown-menu.alert-dropdown .sl-item > a .pull-right {margin-top:0px;}


/****************************/
/** Menu Lateral **/
/****************************/

.fixed-sidebar-left .side-nav > li > ul > li a { padding: 7px 15px 7px 20px;}
.fixed-sidebar-left .side-nav li a .pull-right span.label-success i {color:#d7fda4;}
.fixed-sidebar-left .side-nav li a .pull-right span.label-warning i {color:#fdefa4;}
.label.label-simple, .label-simple.jvectormap-tip {background:#aaa;}
.wrapper.theme-5-active.pimary-color-green .fixed-sidebar-left .side-nav > li > a.active {font-weight:700; color:#72c000;}
.navbar.navbar-inverse.navbar-fixed-top .nav > li .dropdown-menu.app-dropdown .connection-item { width:100%; padding:10px;}
.navbar.navbar-inverse.navbar-fixed-top .nav > li .dropdown-menu.alert-dropdown .notification-box-head-wrap .notification-box-head {padding: 12px 15px 10px;}
.fixed-sidebar-left .side-nav li a .pull-left > i.ico-ti-menu { font-size:14px; padding-right: 4px;}
.fixed-sidebar-left .side-nav > li > a.active > i {
    color: white;
}


/** NEW Menu Lateral **/
.fixed-sidebar-left .side-nav li.navigation-header > span {
    font-size: 10px;
    font-weight: 500;
    color: #999;
    padding: 3px 15px 3px 15px;
}
.fixed-sidebar-left .side-nav > li > a {padding: 5px 15px;}
.fixed-sidebar-left .side-nav li a .pull-left > i {font-size: 13px;  width: 15px; text-align: center;}
.fixed-sidebar-left .side-nav > li > ul > li a { padding: 5px 15px 5px 18px; letter-spacing: -0.02em;  font-size: 13px; }
.fixed-sidebar-left .side-nav > li > ul > li a i {font-size: 12px;}
.label.label-menuinfo, .label-menuinfo.jvectormap-tip {color:#555; padding:0px 0px 0px 2px;}
hr.space-hr {border-top: 1px solid #eee;}
.fixed-sidebar-left .side-nav li a .pull-left > i.ico-ti-menu {font-size: 10px;  padding-right: 0px; width: 15px;  display: inline-block; text-align: center; vertical-align: middle;  margin-bottom: 3px;}
/* .fixed-sidebar-left .side-nav > li > a:hover {background: rgba(255,255,255,0.7);} */
.wrapper.theme-5-active.pimary-color-green .fixed-sidebar-left .side-nav > li > a.active {background: rgba(139,209,38,1); color:#fff;}
.fixed-sidebar-left .side-nav li a[aria-expanded="true"] .label {color:#fff;}
.fixed-sidebar-left .side-nav li a[aria-expanded="true"] {background: rgba(139,209,38,1); color:#fff;}
.fixed-sidebar-left .side-nav li a[aria-expanded="true"] i {color:#fff;}
.fixed-sidebar-left .side-nav > li ul.collapse li a.active {color: #579200;  background: rgba(139,209,38,0.2);}
/*light*/
.wrapper.theme-5-active .fixed-sidebar-left .side-nav {overflow:hidden;}
.fixed-sidebar-left .side-nav.fullname {width: auto;}
.fixed-sidebar-left .side-nav .pills-struct .tab-pane {padding: 0px;}
.fixed-sidebar-left .side-nav .pilldomain ul.nav-pills-outline.nav-pills {padding:5px 15px; overflow: hidden;  float: left;  max-height: 55px;}
.fixed-sidebar-left .side-nav .pilldomain ul.nav-pills-outline.nav-pills li {width: auto; margin:0px 2px 3px 0px; float: left;}
.fixed-sidebar-left .side-nav .pilldomain ul.nav-pills-outline.nav-pills > li > a { padding: 0px 7px 0px 5px;  font-size: 11px;  border-radius: 500px; border:solid 1px #ddd;}
.fixed-sidebar-left .side-nav .pilldomain ul.nav-pills-outline.nav-pills > li.active > a { padding: 0px 7px 0px 5px; border:solid 1px #a1f12c; font-weight:bold; }
.fixed-sidebar-left .side-nav .pilldomain ul.nav-pills-outline.nav-pills > li > a i {font-size: 9px;}
/*dark*/
.wrapper.theme-5-active .fixed-sidebar-left .side-nav.dark {  background: #555;}
.fixed-sidebar-left .side-nav.dark > li > a {color:#fff;}
ul.nav.navbar-nav.side-nav.dark li hr.light-grey-hr {border-top: 1px solid #777;}
ul.nav.navbar-nav.side-nav.dark .label.label-menuinfo, ul.nav.navbar-nav.side-nav.dark .label-menuinfo.jvectormap-tip {color:#ccc; padding:0px 0px 0px 2px;}
.fixed-sidebar-left .side-nav.dark .pilldomain ul.nav-pills-outline.nav-pills > li > a {color:#ccc; border: solid 1px #888; background: #535353 !important;}
.fixed-sidebar-left .side-nav.dark .pilldomain ul.nav-pills-outline.nav-pills > li > a:hover {color:#fff; border: solid 1px #888; background: #888 !important;}
.fixed-sidebar-left .side-nav.dark .pilldomain ul.nav-pills-outline.nav-pills > li.active > a {color:#fff; background: #8dd327 !important; border: solid 1px #8dd327;}
.fixed-sidebar-left .side-nav.dark > li > a {color:#fff; font-size: 12px;  line-height: 1.2em;}
.fixed-sidebar-left .side-nav.dark > li > a:hover {background: rgba(255,255,255,0.1); color:#fff;}
.fixed-sidebar-left .side-nav.dark li a[aria-expanded="true"] {color: #fff;  background: rgba(255,255,255,0.15);}
.fixed-sidebar-left .side-nav.dark > li > ul > li a {color: #b4b4b4;}
.fixed-sidebar-left .side-nav.dark > li > ul > li a:hover {color:#fff;  background: rgba(255,255,255,0.2);}
.fixed-sidebar-left .side-nav.dark > li ul.collapse li a.active {color: #fff;  background: rgba(255,255,255,0.1);}
.slide-nav-toggle .fixed-sidebar-left .side-nav li.navigation-header > a {display: none;}
.slide-nav-toggle .fixed-sidebar-left:hover .side-nav li.navigation-header > a {display: block;}
.slide-nav-toggle .fixed-sidebar-left .side-nav .pilldomain ul.nav-pills-outline.nav-pills li.navigation-header > a {display: none;}
.slide-nav-toggle .fixed-sidebar-left:hover .side-nav .pilldomain ul.nav-pills-outline.nav-pills li.navigation-header > a {display: block;}

.fixed-sidebar-left .side-nav > li.navigation-header > ul > li a {  padding: 5px 15px 5px 16px;}
.fixed-sidebar-left .side-nav > li.navigation-header > ul > li > ul > li a {padding: 5px 15px 5px 25px;}
.fixed-sidebar-left .side-nav > li.navigation-header a .pull-left i {  display:none;}
.fixed-sidebar-left .side-nav > li.navigation-header > ul > li a .pull-left i, .fixed-sidebar-left .side-nav > li.navigation-header > ul > li > ul > li a .pull-left i { display:inline;}
.fixed-sidebar-left .side-nav > li.navigation-header a .right-nav-text.headersub {font-size: 10px;  font-weight: 500;  color: #a7a7a7; }
.fixed-sidebar-left .side-nav.dark > li.navigation-header a:hover .right-nav-text.headersub {color: #fff; }
.fixed-sidebar-left .side-nav.dark > li.navigation-header > ul > li > ul > li a:hover {color: #fff;  background: rgba(255,255,255,0.15);}
ul.nav.navbar-nav.side-nav.dark li hr.light-dark-hr {border-top: 1px solid #666; margin-top: 2px; margin-bottom: 2px;}
.fixed-sidebar-left .side-nav.dark li.navigation-header a[aria-expanded="true"] .right-nav-text.headersub {color: #fff; }
.fixed-sidebar-left .side-nav.dark > li.navigation-header > ul > li a {color: #fff;}
.fixed-sidebar-left .side-nav.dark > li.navigation-header > ul > li > ul > li a {color: #b4b4b4;}

@media (max-width: 1400px) {
	.fixed-sidebar-left .side-nav .pilldomain ul.nav-pills-outline.nav-pills li.navigation-header > a { display: none;  }
	.fixed-sidebar-left:hover .side-nav .pilldomain ul.nav-pills-outline.nav-pills li.navigation-header > a { display: block; }
	.fixed-sidebar-left .side-nav li.navigation-header > a { display: none;  }
	.fixed-sidebar-left:hover .side-nav li.navigation-header > a { display: block; }
	.slide-nav-toggle .fixed-sidebar-left .side-nav li.navigation-header > a { display: block;  }
	.slide-nav-toggle .fixed-sidebar-left .side-nav .pilldomain ul.nav-pills-outline.nav-pills li.navigation-header > a { display: block; }
	
	.fixed-sidebar-left .side-nav.dark li.navigation-header > a { display: block; }
	.fixed-sidebar-left .side-nav .pilldomain ul.nav-pills-outline.nav-pills {display:none;}
	.fixed-sidebar-left .side-nav.dark li.navigation-header > a.titleover {display:none;}
	.slide-nav-toggle .fixed-sidebar-left .side-nav .pilldomain ul.nav-pills-outline.nav-pills {display:block;}
	.slide-nav-toggle .fixed-sidebar-left .side-nav.dark li.navigation-header > a.titleover {display:block;}
	.sidebar-hover .fixed-sidebar-left .side-nav .pilldomain ul.nav-pills-outline.nav-pills {display:block;}
	.sidebar-hover .fixed-sidebar-left .side-nav.dark li.navigation-header > a.titleover {display:block;}
	.fixed-sidebar-left .side-nav > li.navigation-header a .pull-left i {display:inline-block;}
}




.message-box > a .sl-item .sl-content.fullspace, .review-box > a .sl-item .sl-content.fullspace { margin-left:0px;}
.message-box > div.cellmenu, .review-box > div.cellmenu {display: block; border-bottom: 1px solid #dedede;}
.message-box > div.cellmenu .sl-item, .review-box > div.cellmenu .sl-item { border: none; padding: 10px 15px; margin-left: 0; background: rgba(33, 33, 33, 0.05); -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease;}
.message-box > a .sl-item.unread-message .sl-content .message-per i { background:#f2f2f2; padding:5px 6px; border-radius:100%; color:#999;}
.message-box > a .sl-item.unread-message:hover .sl-content .message-per i, .review-box > a .sl-item.unread-message:hover .sl-content .message-per i { background:#fff;}

.message-box > a .sl-item .sl-content .message-per i { background:#fafafa; padding:5px 6px; border-radius:100%; color:#999;}
.message-box > a .sl-item:hover .sl-content .message-per i, .review-box > a .sl-item:hover .sl-content .message-per i { background:#fff;}


/****************************/
/** Login **/
/****************************/
.page-wrapper.auth-page {
    background: url("../../../Content/Imagenes/imglinkaffinity/bg-login.png") no-repeat bottom right #e6e6e6;
}
.auth-form {
    width: 400px;
    background: #fff;
	padding: 1.2em;
	border-radius: 10px;
	border: solid 1px #f5f5f5;}
.auth-form.nobg {background:none; border: none;}
.imglogin {
	padding:1.2em 0em 2em 0em;}
.h3login {font-size:25px; line-height:35px; color: #555 !important; /*margin-bottom:0px !important;*/ font-weight:300;}

.img-circle {    
	border-radius: 50%;
	border: solid 1px #8ad425;}

.top-fixed {
	position: fixed;
	top: 17%;
	right: 36%;
	padding: 0px;}
@media (max-width: 1400px) {
	.top-fixed {top: 14%; right: 32%;}}
@media (max-width: 1200px) {
	.top-fixed {top: 12%; right: 32%;}}
@media (max-width: 991px) {
	.top-fixed {top: 12%; right: 35%;}}
@media (max-width: 400px) {
	.top-fixed {top: 8%; right: 32%;} 
	.auth-form {margin-top:4em;}}


/****************************/
/** Btn **/
/****************************/
.btn.s12w100 { width: 100%; font-size: 1.2em;}
.btnx2 {font-size:1.5em; font-weight: 700; padding-left: 1.7em; padding-right: 1.7em;}
.btn.btnx2 i {font-size: 0.9em;}


/****************************/
/** Formato **/
/****************************/
.page-wrapper.fullpage { margin-left: 0px;}
.page-wrapper.fullpage.bglink {background: url("../../../Content/Imagenes/imglinkaffinity/bg-wall-panel.png") no-repeat top center !important;}

/****************************/
/** Panel inicio **/
/****************************/
ul.flex-stat.col20 li { width:14%;}
@media (max-width: 991px) { ul.flex-stat.col20 li .btn {display:none;}}

ul.flex-stat li h5 {color:#888;}
ul.flex-stat li h5 .check {display:inline-block;}
ul.flex-stat li.finished h5 {color:#8dd327;}
ul.flex-stat li.finished h5 .check {display:inline-block;}
ul.flex-stat li.finished .btn.btn-default.btn-rounded {color:#fff !important; background: #8dd327; border: solid 1px #97e12b;}
ul.flex-stat li.finished .btn.btn-default.btn-rounded:hover {background: rgba(139, 195, 74, 0.85); border: solid 1px #7fbf21;}
ul.flex-stat li .btn.btn-default.btn-rounded { background:#aaa; color:#fff !important;}
ul.flex-stat li .btn.btn-default.btn-rounded:hover {background: #8dd327; border: solid 1px #97e12b; color:#fff !important;}
.full-mode-select, .outreach-mode-select, .link-profile-mode-select, .simple-mode-select {display: inline-block; width:100%; font-size: 14px; padding: 1em 0em 0em;}
ul.flex-stat:first-child .go { display: inline-block; width:100%;}
ul.flex-stat:first-child li.full-mode .go, ul.flex-stat:first-child li.outreach-mode .go, ul.flex-stat:first-child li.link-profile-mode .go, ul.flex-stat:first-child li.simple-mode .go { display: inline-block; width:100%; }
.full-mode-select span {font-size: 10px; vertical-align: top; padding:0.35em 0.55em;}
.outreach-mode-select span {font-size: 10px; vertical-align: top; padding:0.35em 0.55em;}
.link-profile-mode-select span {font-size: 10px; vertical-align: top; padding:0.35em 0.55em;}
.simple-mode-select span {font-size: 10px; vertical-align: top; padding:0.35em 0.55em;}

.panel-default.bg-linkaffinity, .panel-default.bg-linkaffinity {
    background: url("../../../Content/Imagenes/imglinkaffinity/bg-login-d2.png") no-repeat top right #ffffff !important;}
.panel-success.bg-linkaffinity, .panel-success.bg-linkaffinity {
    background: url("../../../Content/Imagenes/imglinkaffinity/bg-login-d2.png") no-repeat top right #ffffff !important;}
.backgrounduser {
    background: url("../../../Content/Imagenes/imglinkaffinity/background-user.png") no-repeat center center !important;
	padding-top:20px;
	padding-bottom:20px;}
.backgrounduser2 {
    background: url("../../../Content/Imagenes/imglinkaffinity/background-user02.png") no-repeat center center !important;
	padding-top:20px;
	padding-bottom:20px;}
	
.backgroundico {
    background: url("../../../Content/Imagenes/imglinkaffinity/background-ico.png") no-repeat 30% 10% #ffffff !important;
	padding-top:20px;
	padding-bottom:20px;}
	
	
.accordion-struct.accordion-style-1.panel-group .panel .panel-heading.acodeonx2	{font-size: 1.5em; font-weight: 300;}
.accordion-struct.accordion-style-1.panel-group .panel .panel-heading.acodeonx2.activestate a { color:#000; font-weight:700;}
.panel-heading.acodeonx2 b {font-weight: 700 !important;}
.panel-heading.acodeonx2 a {text-transform: none !important;}
.panel .panel-heading a i.fa-check {color:#ccc;}
.panel .panel-heading.txt-success a i.fa-check {color:#8dd327;}
.accordion-struct.accordion-style-1.panel-group .panel .panel-heading.txt-success a {color:#8dd327; font-weight:700;}
.accordion-struct.accordion-style-1.panel-group .panel .panel-heading.acodeonx2.activestate.txt-success a {color:#8dd327; font-weight:700;}

.block01 { padding: 15px 20px; margin: 0 0 20px; font-size: 16px; border-left: 4px solid #8dd327; background: #f7f7f9; color: #212121;}
.block02 { padding: 15px 20px; margin: 0 0 20px; font-size: 16px; border: 1px solid #f2f2f2; border-radius:10px; background: #fff; color: #212121;}

/* FORMULARIO STEP */
.form-control {padding: 6px 18px;}
.wizard > .actions > ul {display: block; text-align: center;}
.wizard .steps ul > li {border-radius:50px; border:solid 2px #fff; background: #f5f5f5;}
.wizard .steps ul > li.current {border-radius:50px; border:solid 2px #fff; background: #8dd327 !important;}
.wizard .steps ul > li.current span.number {background: #aade5d; border: 2px solid #aade5d; color: #fff;}
.wizard .steps ul > li.done {border-radius:50px; border:solid 2px #fff; background:#ccc;}
.wizard > .steps > ul > li {width: 14.2%;}
.wizard .content > .body {padding: 30px 20px 20px 20px;}
.wizard > .content > .body ul > li { display: list-item; list-style: none; }
.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {padding: 5px 5px;}
.wizard .steps ul > li > a:hover, .wizard .steps ul > li > a:focus, .wizard .steps ul > li > a:active {padding: 5px 5px;}
.wizard .steps ul > li a { padding: 5px 5px;}
.wizard .steps ul > li a span.head-font {vertical-align: middle;}
.btn.btn-primary, .wizard > .actions .disabled a, .wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active, .wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active, .dt-buttons .dt-button, .tablesaw-sortable th.tablesaw-sortable-head button.btn-primary, .tablesaw-sortable th.tablesaw-sortable-head .dt-buttons button.dt-button, .dt-buttons .tablesaw-sortable th.tablesaw-sortable-head button.dt-button, .sweet-alert button.btn-primary, .owl-theme .owl-nav .btn-primary[class*="owl-"], .owl-theme .owl-nav .wizard > .actions a[class*="owl-"], .wizard > .actions .owl-theme .owl-nav a[class*="owl-"], .owl-theme .owl-nav .dt-buttons [class*="owl-"].dt-button, .dt-buttons .owl-theme .owl-nav [class*="owl-"].dt-button, button.btn-primary.fc-agendaDay-button.fc-state-default.fc-corner-right, .dt-buttons button.fc-agendaDay-button.fc-state-default.fc-corner-right.dt-button, button.btn-primary.fc-month-button.fc-state-default.fc-corner-left, .dt-buttons button.fc-month-button.fc-state-default.fc-corner-left.dt-button, button.btn-primary.fc-agendaWeek-button, .btn-primary.fc-prev-button, .btn-primary.fc-next-button, .btn-primary.fc-today-button {
    background: #8dd327 !important;
    border: solid 1px #8dd327 !important;
    border-radius: 50px;
}
.panel-body .control-label { color: #aaa; font-style: italic; text-transform: none;}
.panel-body .control-label.text-center { width:100%; text-align: center;}
.btn.btnwizard {padding:10px 15px;}

.panel.panel-pricing.modo ul > li {min-height: 120px;}

span.circuloicon {    
	border-radius: 100%;
	border: 2px solid rgba(255, 255, 255, 0.2);
	width: 60px;
	height: 60px;
	display: inline-block;
	vertical-align: middle;
	padding-top: 8px;
	text-align: center;
	background:#f5f5f5;}
span.circuloicon.bg-success	{background:#8dd327; border: 2px solid #aade5d;}
.checkbox.weight-700 label {
    font-weight: 700;
}

.checkbox.separador {
    border-bottom: solid 1px #eee;
    margin-bottom: 10px;
}

.form-control::-webkit-input-placeholder, .select2-container--default .select2-selection--single .select2-selection__rendered::-webkit-input-placeholder,
.select2-container--default .select2-selection--single::-webkit-input-placeholder, .select2-selection.select2-selection--multiple::-webkit-input-placeholder, .wizard .content > .body input::-webkit-input-placeholder, .mce-floatpanel .mce-textbox::-webkit-input-placeholder, .mce-floatpanel .mce-btn::-webkit-input-placeholder, .dataTables_wrapper .dataTables_filter input::-webkit-input-placeholder, .dataTables_wrapper .dataTables_length select::-webkit-input-placeholder, .jsgrid-cell input::-webkit-input-placeholder, .jsgrid-cell select::-webkit-input-placeholder, .tablesaw-bar .btn-select select::-webkit-input-placeholder, .dd-handle::-webkit-input-placeholder, .dd3-content::-webkit-input-placeholder, .app-search .form-control:focus::-webkit-input-placeholder,
.app-search .select2-container--default .select2-selection--single:focus::-webkit-input-placeholder,
.select2-container--default .app-search .select2-selection--single:focus::-webkit-input-placeholder, .app-search .select2-selection.select2-selection--multiple:focus::-webkit-input-placeholder, .app-search .mce-floatpanel .mce-textbox:focus::-webkit-input-placeholder, .mce-floatpanel .app-search .mce-textbox:focus::-webkit-input-placeholder, .app-search .mce-floatpanel .mce-btn:focus::-webkit-input-placeholder, .mce-floatpanel .app-search .mce-btn:focus::-webkit-input-placeholder, .app-search .dataTables_wrapper .dataTables_filter input:focus::-webkit-input-placeholder, .dataTables_wrapper .dataTables_filter .app-search input:focus::-webkit-input-placeholder, .app-search .dataTables_wrapper .dataTables_length select:focus::-webkit-input-placeholder, .dataTables_wrapper .dataTables_length .app-search select:focus::-webkit-input-placeholder, .app-search .jsgrid-cell input:focus::-webkit-input-placeholder, .jsgrid-cell .app-search input:focus::-webkit-input-placeholder, .app-search .jsgrid-cell select:focus::-webkit-input-placeholder, .jsgrid-cell .app-search select:focus::-webkit-input-placeholder, .app-search .tablesaw-bar .btn-select select:focus::-webkit-input-placeholder, .tablesaw-bar .btn-select .app-search select:focus::-webkit-input-placeholder, .app-search .dd-handle:focus::-webkit-input-placeholder, .app-search .dd3-content:focus::-webkit-input-placeholder {
    text-transform: none;
}

.form-control:-moz-placeholder, .select2-container--default .select2-selection--single .select2-selection__rendered:-moz-placeholder,
.select2-container--default .select2-selection--single:-moz-placeholder, .select2-selection.select2-selection--multiple:-moz-placeholder, .wizard .content > .body input:-moz-placeholder, .mce-floatpanel .mce-textbox:-moz-placeholder, .mce-floatpanel .mce-btn:-moz-placeholder, .dataTables_wrapper .dataTables_filter input:-moz-placeholder, .dataTables_wrapper .dataTables_length select:-moz-placeholder, .jsgrid-cell input:-moz-placeholder, .jsgrid-cell select:-moz-placeholder, .tablesaw-bar .btn-select select:-moz-placeholder, .dd-handle:-moz-placeholder, .dd3-content:-moz-placeholder, .app-search .form-control:-moz-placeholder:focus, .app-search .jsgrid-cell input:-moz-placeholder:focus, .jsgrid-cell .app-search input:-moz-placeholder:focus, .app-search .jsgrid-cell select:-moz-placeholder:focus, .jsgrid-cell .app-search select:-moz-placeholder:focus, .app-search .dd-handle:-moz-placeholder:focus, .app-search .dd3-content:-moz-placeholder:focus {
    text-transform: none;
}

.form-control::-moz-placeholder, .select2-container--default .select2-selection--single .select2-selection__rendered::-moz-placeholder,
.select2-container--default .select2-selection--single::-moz-placeholder, .select2-selection.select2-selection--multiple::-moz-placeholder, .wizard .content > .body input::-moz-placeholder, .mce-floatpanel .mce-textbox::-moz-placeholder, .mce-floatpanel .mce-btn::-moz-placeholder, .dataTables_wrapper .dataTables_filter input::-moz-placeholder, .dataTables_wrapper .dataTables_length select::-moz-placeholder, .jsgrid-cell input::-moz-placeholder, .jsgrid-cell select::-moz-placeholder, .tablesaw-bar .btn-select select::-moz-placeholder, .dd-handle::-moz-placeholder, .dd3-content::-moz-placeholder, .app-search .form-control:focus::-moz-placeholder,
.app-search .select2-container--default .select2-selection--single:focus::-moz-placeholder,
.select2-container--default .app-search .select2-selection--single:focus::-moz-placeholder, .app-search .select2-selection.select2-selection--multiple:focus::-moz-placeholder, .app-search .mce-floatpanel .mce-textbox:focus::-moz-placeholder, .mce-floatpanel .app-search .mce-textbox:focus::-moz-placeholder, .app-search .mce-floatpanel .mce-btn:focus::-moz-placeholder, .mce-floatpanel .app-search .mce-btn:focus::-moz-placeholder, .app-search .dataTables_wrapper .dataTables_filter input:focus::-moz-placeholder, .dataTables_wrapper .dataTables_filter .app-search input:focus::-moz-placeholder, .app-search .dataTables_wrapper .dataTables_length select:focus::-moz-placeholder, .dataTables_wrapper .dataTables_length .app-search select:focus::-moz-placeholder, .app-search .jsgrid-cell input:focus::-moz-placeholder, .jsgrid-cell .app-search input:focus::-moz-placeholder, .app-search .jsgrid-cell select:focus::-moz-placeholder, .jsgrid-cell .app-search select:focus::-moz-placeholder, .app-search .tablesaw-bar .btn-select select:focus::-moz-placeholder, .tablesaw-bar .btn-select .app-search select:focus::-moz-placeholder, .app-search .dd-handle:focus::-moz-placeholder, .app-search .dd3-content:focus::-moz-placeholder {
    text-transform: none;
}

.form-control:-ms-input-placeholder, .select2-container--default .select2-selection--single .select2-selection__rendered:-ms-input-placeholder,
.select2-container--default .select2-selection--single:-ms-input-placeholder, .select2-selection.select2-selection--multiple:-ms-input-placeholder, .wizard .content > .body input:-ms-input-placeholder, .mce-floatpanel .mce-textbox:-ms-input-placeholder, .mce-floatpanel .mce-btn:-ms-input-placeholder, .dataTables_wrapper .dataTables_filter input:-ms-input-placeholder, .dataTables_wrapper .dataTables_length select:-ms-input-placeholder, .jsgrid-cell input:-ms-input-placeholder, .jsgrid-cell select:-ms-input-placeholder, .tablesaw-bar .btn-select select:-ms-input-placeholder, .dd-handle:-ms-input-placeholder, .dd3-content:-ms-input-placeholder, .app-search .form-control:-ms-input-placeholder:focus, .app-search .jsgrid-cell input:-ms-input-placeholder:focus, .jsgrid-cell .app-search input:-ms-input-placeholder:focus, .app-search .jsgrid-cell select:-ms-input-placeholder:focus, .jsgrid-cell .app-search select:-ms-input-placeholder:focus, .app-search .dd-handle:-ms-input-placeholder:focus, .app-search .dd3-content:-ms-input-placeholder:focus {
    text-transform: none;
}
.accordion-struct.panel-group .panel .panel-heading a { text-transform:none;}
.select2-container--default .select2-selection--multiple .select2-selection__choice {border-radius:50px;}
.wizard .content > .body input.select2-search__field {height: initial; border:none;}
.wizard .content > .body .tags-default input {width:100%; border:none;}
.label.label-info, .label-info.jvectormap-tip { background:#8dd327; border-radius:50px;}
.wizard .content > .body .has-success input {border-radius:50px; border-color: #8dd327;}
.form-control-feedback {width: 50px;}
.wizard .content { margin-bottom:0px;}
.wizard .content > .body .has-success input:focus {
    border-color: #8dd327;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #8dd327;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #8dd327;}

.icoleft {float: left; padding: 0px 10px 0px 0px;}
.wizard .accordion-struct.panel-group .panel .panel-heading { border-radius: 10px 10px 10px 10px;}
.wizard .accordion-struct.panel-group .panel .panel-body {background:#f5f5f5; padding: 15px; border-radius: 10px 10px 10px 10px;}
.select2-selection.select2-selection--multiple {
    border-radius: 10px;
    border-color: #8dd327;
    height: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {border-color: #8dd327;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #8dd327;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #8dd327;}
.bootstrap-tagsinput { border-radius:10px; width:100%; border-color: #8dd327;}
.bootstrap-tagsinput.focus {
    border-color: #8dd327;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #8dd327;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #8dd327;}
.wizard .form-group input[type="checkbox"] {display: block; height: 25px;}

.panel-pricing.modo .panel-heading i {display: inline-block; font-size: 20px; margin-bottom: 10px; margin-top: 10px; color: #8dd327;
	background:#fff; width: 50px; height: 50px; border-radius: 100%; padding: 14px 0px 0px 0px; border: solid 1px #f2f2f2;}
.panel-pricing.modo { background: #fafafa; border-radius: 10px; border: 1px solid #eee;}
.panel-pricing.modo .panel-body hr {border-color: #f2f2f2;}
.panel-pricing.modo.principal .panel-heading i {display: inline-block; font-size: 20px; margin-bottom: 10px; margin-top: 10px; color: #8dd327;
	background:#fff; width: 50px; height: 50px; border-radius: 100%; padding: 14px 0px 0px 0px; border: solid 1px #8dd327;}
.panel-pricing.modo.principal { background: #fafafa; border-radius: 10px; border: 1px solid #8dd327;}
.panel-pricing.modo.principal a { background: #7ebe20; border: 1px solid #7ebe20; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125);}

/* FORM INTERIOR*/
.form-group label span.titulardestacado {color:#555; font-weight:600; font-style: normal;}
.form-group label.tbtn { /*height: 30px; */vertical-align: middle;}
.tags-default.search-visibility input {width:100%; border:none; min-height:40px;}
.infoextra { display: inline-block;}
.infoextra a {font-size: 20px; color: #999; }
.infoextra a:hover {font-size: 20px; color: #8dd327;}
.infoextra.wall { font-size: 18px; color: #999; }
.infoextra.wall a {font-size: 18px; background:#ccc; color: #555; display: inline-block; width: 25px; height: 25px; overflow: hidden; line-height: 24px; border-radius:100%; }
.infoextra.wall a:hover {font-size: 18px; background:#8dd327; color: #fff;}


/*POPUP*/
.modal-header.popup-affinity h5 {padding: 1em 1em 1em 1em; background: rgba(255, 255, 255, 0.9); border-radius: 50px; display: inline-block; font-size: 1.7em; font-weight: 300; }
.modal-header.popup-affinity h5.maxwidth {max-width: 300px; line-height: 1.4em;}
.modal-header.popup-affinity h5.maxwidth200 {max-width: 200px; line-height: 1.4em;}
.modal-header.img-infoextra { min-height: 150px; background: url("../../../Content/Imagenes/imglinkaffinity/popup-img-info-extra.jpg") no-repeat center right !important;}
.modal-header.img-config { min-height: 150px; background: url("../../../Content/Imagenes/imglinkaffinity/popup-img-configuration.jpg") no-repeat center right !important;}
.modal-header.img-confirm { min-height: 150px; background: url("../../../Content/Imagenes/imglinkaffinity/popup-img-confirm.jpg") no-repeat center right !important;}
.modal-header.img-tags { min-height: 150px; background: url("../../../Content/Imagenes/imglinkaffinity/popup-img-cloud-tags.jpg") no-repeat center right !important;}
.modal-header.img-emails { min-height: 150px; background: url("../../../Content/Imagenes/imglinkaffinity/popup-img-email.jpg") no-repeat center right !important;}
.modal-header.img-urls { min-height: 150px; background: url("../../../Content/Imagenes/imglinkaffinity/popup-img-urls.jpg") no-repeat center right !important;}
.modal-header.img-mode { min-height: 150px; background: url("../../../Content/Imagenes/imglinkaffinity/popup-img-mode.jpg") no-repeat center right !important;}
.modal-header.img-price { min-height: 150px; background: url("../../../Content/Imagenes/imglinkaffinity/popup-img-price.jpg") no-repeat center right !important;}
.modal-header.img-oops { min-height: 150px; background: url("../../../Content/Imagenes/imglinkaffinity/popup-img-oops.jpg") no-repeat center right !important;}
.modal-header.img-creditcard { min-height: 150px; background: url("../../../Content/Imagenes/imglinkaffinity/popup-img-card.jpg") no-repeat center right !important;}
.modal-header.img-mail { min-height: 150px; background: url("../../../Content/Imagenes/imglinkaffinity/popup-img-mail.jpg") no-repeat center right !important;}
.modal-header.img-accion { min-height: 150px; background: url("../../../Content/Imagenes/imglinkaffinity/popup-img-accion.jpg") no-repeat center right !important;}
.modal-header.img-danger { min-height: 150px; background: url("../../../Content/Imagenes/imglinkaffinity/popup-img-danger.jpg") no-repeat center right !important;}
.modal-header.img-money { min-height: 150px; background: url("../../../Content/Imagenes/imglinkaffinity/popup-img-money.jpg") no-repeat center right !important;}
.modal-header.img-change { min-height: 150px; background: url("../../../Content/Imagenes/imglinkaffinity/popup-img-change.jpg") no-repeat center right !important;}
.modal-header.img-spy { min-height: 150px; background: url("../../../Content/Imagenes/imglinkaffinity/popup-img-spy.jpg") no-repeat center right !important;}
.modal-header.img-cancel-license { min-height: 150px; background: url("../../../Content/Imagenes/imglinkaffinity/popup-img-cancel-license.jpg") no-repeat center right !important;}
.modal-header.img-reports { min-height: 150px; background: url("../../../Content/Imagenes/imglinkaffinity/popup-img-reports.jpg") no-repeat center right !important;}
.modal-header.img-purchased { min-height: 150px; background: url("../../../Content/Imagenes/imglinkaffinity/popup-img-purchased.jpg") no-repeat center right !important;}
.modal-header.img-groups { min-height: 150px; background: url("../../../Content/Imagenes/imglinkaffinity/popup-img-groups.jpg") no-repeat center right !important;}
.modal-header.img-select { min-height: 150px; background: url("../../../Content/Imagenes/imglinkaffinity/popup-img-select.jpg") no-repeat center right !important;}
.modal-header.img-client { min-height: 150px; background: url("../../../Content/Imagenes/imglinkaffinity/popup-img-client.jpg") no-repeat center right !important;}
.modal-header.img-comingsoon { min-height: 150px; background: url("../../../Content/Imagenes/imglinkaffinity/popup-img-comingsoon.jpg") no-repeat center right !important;}
.modal-header.img-unsubscribe { min-height: 150px; background: url("../../../Content/Imagenes/imglinkaffinity/popup-img-unsubscribe.jpg") no-repeat center right !important;}
.modal-header.img-affinity { min-height: 150px; background: url("../../../Content/Imagenes/imglinkaffinity/popup-img-affinity.jpg") no-repeat center right !important;}
.modal-header.img-ranking { min-height: 150px; background: url("../../../Content/Imagenes/imglinkaffinity/popup-img-ranking.jpg") no-repeat center right !important;}
.modal-header.img-naturalness { min-height: 150px; background: url("../../../Content/Imagenes/imglinkaffinity/popup-img-naturalness.jpg") no-repeat center right !important;}
.modal-header.img-perfiles { min-height: 150px; background: url("../../../Content/Imagenes/imglinkaffinity/modal-perfiles.png") no-repeat center right !important;}
.modal-header.img-candidatos { min-height: 150px; background: url("../../../Content/Imagenes/imglinkaffinity/modal-candidatos.png") no-repeat center right !important;}
.modal-header.img-diagram { min-height: 150px; background: url("../../../Content/Imagenes/imglinkaffinity/modal-content.png") no-repeat center right !important;}
.modal-header.img-iatips { min-height: 150px; background: url("../../../Content/Imagenes/imglinkaffinity/popup-img-client.jpg") no-repeat center right !important;}
.modal-header.img-affinity-plus { min-height: 150px; background: url("../../../Content/Imagenes/imglinkaffinity/popup-img-affinity-plus.jpg") no-repeat center right !important;}

.modal-body.popup-affinity {padding:2.5em;}
.modal-body.popup-affinity p {margin-bottom:1em;}
ul.list-popup-affinity {list-style: none; padding-left:1.5em;}
ul.list-popup-affinity li::before { content: "\276F"; color: #8dd327; font-weight: bold; display: inline-block; width: 1.2em; margin-left: -1em; font-size:0.85em; }
ul.list-popup-affinity li {font-size:14px; font-weight: 300; line-height: 1.5em; margin-bottom: 0.2em;}
ul.list-popup-affinity.list-urls li {border-bottom:solid 1px #f2f2f2; padding: 0.7em 0.5em;}
ul.list-popup-affinity li a {color:#8dd327; font-weight:bold;}

.modal-body.popup-affinity .control-label  { color: #aaa; font-style: italic; text-transform: none;}
.modal-body.popup-affinity .control-label.text-center { width: 100%; text-align: center;}
.modal-body.popup-affinity input {   border-radius: 50px;  border-color: #8dd327;}
.modal-body.popup-affinity .input-group.date input {   border-radius:0px;  border-color: #8dd327;}

/*AFFINITY CLOUD*/
#myChart { height: 100%; width: 100%; min-height: 150px;}
#myChart.affinitychart { min-height: 300px; }
.myChart-graph-id0-label.zc-label {background:#ccc;}
.zc-ref { display: none; }
#myChart-license-text { display: none; }
/**/


/**/
/* PROYECTOS */
/**/

span.dominiopro {font-size:14px; background:#f2f2f2; border-radius: 50px; padding: 0px 10px 0px 10px; color:#555; line-height: 37px; overflow: hidden; display: inline-block; width:100%;}
span.dominiopro i {background:#fff;padding: 5px 8px; border-radius: 100%;color:#999;}
span.dominiopro b { display: inline-block; padding-right:10px;}

a span.icowallet { background:#fff;}
a span.icowallet:hover { background:#f2f2f2; }
a span.icowallet i { background:#f2f2f2;}
a span.icowallet:hover i { background:#fff;}
a span.icowallet:hover i.add { background:#8dd327;}
a.naturalness {background:#fff; border-radius: 50px; display:inherit; overflow:hidden;}
a.naturalness:hover { background:#f2f2f2;}
a.naturalness span.tnatural {padding:9px 0px 8px 5px; font-size:15px; font-weight:700; color:#555; float:left;}

span.icowallet {font-size:14px;  border-radius: 50px; padding: 0px 10px 0px 10px; color:#555; line-height: 37px; display: inline-block; overflow: hidden; width:100%; border-bottom: solid 1px #f2f2f2;}
span.icowallet i { padding: 5px 6px; border-radius: 100%; color:#999;}
span.icowallet i.add {background:#8dd327; padding: 5px 8px 5px 8px; border-radius: 100%;color:#fff;}
span.icowallet b { padding-right:5px;}

.contact-card .panel-heading .pull-right.circleico01 {padding: 6px 8px 3px 8px; background: rgba(0, 0, 0, 0.1); border-radius: 100%; margin:0px 4px 0px 0px;}
.contact-card .panel-heading .pull-right.circleico02 {padding: 5px 10px 5px 10px; background: rgba(0, 0, 0, 0.1); border-radius: 100%; margin:0px 8px 0px 0px;}
.contact-card .panel-heading .pull-right.circleico03 {padding: 5px 14px; background: rgba(0, 0, 0, 0.1); border-radius: 100%; margin:0px 0px 0px 0px;}
.contact-card .panel-heading .pull-right.circleico02 span.top-nav-icon-badge {background: #fff;border-radius: 100%;font-size: 0.7em;vertical-align: top;padding: 0px 4px;z-index: 999;position: absolute;}

.contact-card .panel-heading .pull-right.access { /*width:100%;*/ margin:0px;}

.contact-card .panel-heading .user-detail-wrap .card-user-name {
	/*width: 200px;*/
	word-break: break-word;
	white-space: normal;
	line-height: 1em;
	padding-bottom: 0.2em;}
.contact-card .panel-heading .user-detail-wrap a .card-user-name:hover { color:#eaffcc;}

.aviso-not-red {background: rgba(246,48,62,1) !important; border-radius: 50%;}
.aviso-not-yellow {background: rgba(227,166,46,1) !important; border-radius: 50%;}
.aviso-not-blue {background: rgba(33,150,243,1) !important; border-radius: 50%;}

ul.alertproyect .sl-item { min-width:320px; margin-left: 0; border-left: none; padding: 7px 15px 0;}
ul.alertproyect .sl-item:hover {background: rgba(33, 33, 33, 0.05);}
ul.alertproyect .sl-item .icon {height: 44px; position: absolute; text-align: center; width: 44px; display: table;}
ul.alertproyect .sl-item .icon i {font-size: 24px; vertical-align: middle; display: table-cell; color: #fff;}
ul.alertproyect .sl-item > a {display: block;}
ul.alertproyect .sl-item .sl-content { margin-left: 60px;}
ul.alertproyect .sl-item .sl-content > .head-notifications { font-size: 13px;  font-weight: 500;}
ul.alertproyect .sl-item .sl-content .notifications-time { color: #878787; margin-top:0px !important; margin-right:5px;}
ul.alertproyect .sl-item .sl-content > p { font-size: 13px; color: #878787; line-height: 20px; padding-bottom: 10px;}
ul.alertproyect .notification-box-head {font-size: 16px; color: #212121; display: block; text-transform: capitalize; padding: 12px 15px 10px;}
ul.alertproyect .clear-notifications {padding: 12px 15px 10px;text-transform: uppercase;font-size: 11px; margin-top:0px !important;}
ul.alertproyect .notification-box-bottom-wrap .read-all { padding: 5px 15px 0; font-size: 13px; color: #878787; text-transform: capitalize;}

.sp-small-chart.pull-left.circlenum {width:40px; background: url("../../../Content/Imagenes/imglinkaffinity/bg-porcentaje-list-01.png") no-repeat top center !important; }
.sp-small-chart.pull-left.circlenum.nodisponible {width:40px; background: url("../../../Content/Imagenes/imglinkaffinity/bg-porcentaje-list-01.png") no-repeat top center !important; }
.sp-small-chart.pull-right.circlenum {width:80px; background: url("../../../Content/Imagenes/imglinkaffinity/bg-porcentaje-list-01.png") no-repeat top left !important; }

ul.alertproyect .sl-item > a.deletenot {position: absolute; right:0; top:0px; background:#fff; z-index:9999; border-radius:50px; margin-top: 7px; line-height: 12px; padding: 2px 5px 1px 4px;}
ul.alertproyect .sl-item > a.deletenot:hover {background:#8dd327;}
ul.alertproyect .sl-item > a.deletenot .pull-right i { font-size:14px;}
ul.alertproyect .sl-item > a.deletenot:hover .pull-right i {color:#fff;}
ul.alertproyect .sl-item > a .pull-right {margin-top:0px;}


/**/
/* dashboard */
/**/

.sm-data-box .data-wrap-left.heightauto, .sm-data-box .data-wrap-right.heightauto { min-height:auto;}
.sm-data-box .data-wrap-right.heightauto .data-right-rep-icon { font-size: 30px; padding-top: 10px;}
.sm-data-box .data-wrap-left.icosearch, .sm-data-box .data-wrap-right.icosearch {background: url("../../../Content/Imagenes/imglinkaffinity/ico-search.png") no-repeat center center; min-height:85px; }
.sm-data-box .data-wrap-left.icoevaluation, .sm-data-box .data-wrap-right.icoevaluation {background: url("../../../Content/Imagenes/imglinkaffinity/ico-evaluation.png") no-repeat center center; min-height:85px; }
.sm-data-box .data-wrap-left.icoanalyzing, .sm-data-box .data-wrap-right.icoanalyzing {background: url("../../../Content/Imagenes/imglinkaffinity/ico-analyzing.png") no-repeat center center; min-height:85px; }
.sm-data-box .data-wrap-left.icomanagement, .sm-data-box .data-wrap-right.icomanagement {background: url("../../../Content/Imagenes/imglinkaffinity/ico-management.png") no-repeat center center; min-height:85px; }
.sm-data-box .data-wrap-left.icomonitoring, .sm-data-box .data-wrap-right.icomonitoring {background: url("../../../Content/Imagenes/imglinkaffinity/ico-monitoring.png") no-repeat center center; min-height:85px; }
a.linkpanel {background: #fff; display: block; float: left; width: 100%;}
a.linkpanel:hover {background: #8dd327; color:#fff;}
/*flecha*/
a.linkpanel.flecha {  float: left;  position: relative;  height: 85px; /* border: solid 1px #ccc;  border-right: none; */  background: #FFF;
	/* width: 240px; background: #eee linear-gradient(white, #f1f1f1 37%, #e1e1e1 57%, #f6f6f6); */}
a.linkpanel.flecha:after {  position: absolute;  top: 17px; right: -26px; width: 51px; height: 51px;  border-left: solid 1px #eee;  border-top: solid 1px #ddd;  transform: rotate(134deg) skewX(-10deg) skewY(-10deg);  background: #FFF;
  /* background: #eee linear-gradient(45deg, white, #f1f1f1 37%, #e1e1e1 57%, #f6f6f6); */  content: '';}
a.linkpanel.flecha .data-wrap-right.heightauto .data-right-rep-icon {z-index: 999;position: relative;}
a.linkpanel.flecha:hover {background: #8dd327;}
a.linkpanel.flecha:hover:after {background: #8dd327;}
.card-view.flecha { background:none; box-shadow: none;}
.card-view.flecha-fin { background:none; box-shadow: none; }
.card-view.flecha .sm-data-box a.linkpanel.flecha {width:95%; height: 86px; border-top: solid 1px #eee; border-bottom: solid 1px #ddd;}
.card-view.flecha-fin .sm-data-box a.linkpanel { height: 86px; border: solid 1px #eee; border-left:none;}

.sm-data-box a.linkpanel .data-wrap-right.heightauto .data-right-rep-icon {color:#dedede;}
.sm-data-box a.linkpanel:hover .data-wrap-right.heightauto .data-right-rep-icon {color:#c1fc6d;}
.sm-data-box a.linkpanel .data-wrap-left.heightauto span {color:#999;}
.sm-data-box a.linkpanel .data-wrap-left.heightauto span b {color:#555;}
.sm-data-box a.linkpanel:hover .data-wrap-left.heightauto span {color:#c1fc6d;}
.sm-data-box a.linkpanel:hover .data-wrap-left.heightauto span b {color:#fff;}
a.linkpanel.active {background: #8dd327; color:#fff;}
.sm-data-box a.linkpanel.active .data-wrap-left.heightauto span {color:#c1fc6d;}
.sm-data-box a.linkpanel.active .data-wrap-left.heightauto span b {color:#fff;}
.sm-data-box a.linkpanel.active .data-wrap-right.heightauto .data-right-rep-icon {color:#c1fc6d;}
.sm-data-box .data-wrap-left.heightauto .counter { font-size:15px;}
.sm-data-box .data-wrap-left.heightauto span.counter-anim { font-weight:700;}
/*mini*/
.sm-data-box a.linkpanel.mini {}
.sm-data-box a.linkpanel.mini .data-wrap-right.heightauto .data-right-rep-icon {font-size: 24px; padding-top: 0px;}
.sm-data-box a.linkpanel.mini .data-wrap-left.icosearch, .sm-data-box a.linkpanel.mini .data-wrap-right.icosearch { background-position: center 60%; min-height: 65px; }
.sm-data-box a.linkpanel.mini .data-wrap-left.icoevaluation, .sm-data-box a.linkpanel.mini .data-wrap-right.icoevaluation { background-position: center 60%; min-height: 65px; }
.sm-data-box a.linkpanel.mini .data-wrap-left.icoanalyzing, .sm-data-box a.linkpanel.mini .data-wrap-right.icoanalyzing { background-position: center 60%; min-height: 65px;  }
.sm-data-box a.linkpanel.mini .data-wrap-left.icomanagement, .sm-data-box a.linkpanel.mini .data-wrap-right.icomanagement { background-position: center 60%; min-height: 65px;  }
.sm-data-box a.linkpanel.mini .data-wrap-left.icomonitoring, .sm-data-box a.linkpanel.mini .data-wrap-right.icomonitoring { background-position: center 60%; min-height: 65px;  }

/*ayuda*/
.card-view.minimodo {box-shadow: none;}
a.linkpanel.minimodo {background: #f2f2f2; display: block; float: left; width: 100%;}
a.linkpanel.minimodo:hover {background: #888; /*#8dd327;*/ color:#fff;}
.sm-data-box a.linkpanel.minimodo .data-wrap-left.heightauto span b {color:#888;}
.sm-data-box a.linkpanel.minimodo:hover .data-wrap-left.heightauto span b {color:#fff;}
.sm-data-box .data-wrap-left.icomonitoring, .sm-data-box .data-wrap-right.icominimodo {background: url("../../../Content/Imagenes/imglinkaffinity/ico-modos.png") no-repeat center center; min-height:85px; }
.sm-data-box a.linkpanel.mini .data-wrap-left.icomonitoring, .sm-data-box a.linkpanel.mini .data-wrap-right.icominimodo { background-position: center 60%; min-height: 65px;  }
.card-view.helpcenter {box-shadow: none; border:1px solid #d6d6d6; background: url("../../../Content/Imagenes/imglinkaffinity/help-center.png") no-repeat 118% bottom;  background-color:#f2f2f2; }
.card-view.panel.helpcenter .panel-body {padding-top:0px;}
.statguide { text-align: center; background: url("../../../Content/Imagenes/imglinkaffinity/bg-porcentaje-list-02.png") no-repeat center center;}
.statguide .cus-sat-stat {background: #fff;border-radius: 100%;font-size: 1.8em;line-height: 2em;margin-bottom: 1em;display: inline-block;padding-top: 24px;width: 100px;height: 100px;}
.imghelpcenter {  /* background: url("../../../img/imglinkaffinity/help-center2.png") no-repeat right bottom; background-size: contain; */ min-height:135px; }
/*ayuda video*/
.card-view.videoinfo {box-shadow: none; background:none;}
a.linkpanel.videoinfo {background: #fff; display: block; float: left; width: 100%; border-radius: 20px; border: 1px solid #f2f2f2; padding: 1.5em 1em 0.5em 1em;}
a.linkpanel.videoinfo.phase {background: url("../../../Content/Imagenes/imglinkaffinity/videobg.png") #fff no-repeat center center; display: block; float: left; width: 100%; border-radius: 20px; border: 1px solid #c0ea57; padding: 1.5em 1em 1.5em 1em;}
a.linkpanel.videoinfo:hover {background: #f6feff; border: 1px solid #8dd327; }
.sm-data-box a.linkpanel.videoinfo .data-wrap-left.heightauto span {color:#8dd327;}
.sm-data-box a.linkpanel.videoinfo .data-wrap-left.heightauto span b {color:#888;}
.sm-data-box a.linkpanel.videoinfo:hover .data-wrap-left.heightauto span {color:#8dd327;}
.sm-data-box a.linkpanel.videoinfo:hover .data-wrap-left.heightauto span b {color:#555;}
.sm-data-box .data-wrap-right.videoinfo {background: url("../../../Content/Imagenes/imglinkaffinity/video-tutorial.png") no-repeat center center; background-size:contain; min-height:220px; }
.sm-data-box .data-wrap-right.videoinfo-evaluation {background: url("../../../Content/Imagenes/imglinkaffinity/img-evaluation-video.png") no-repeat center center; background-size:contain; min-height:220px; }
.sm-data-box .data-wrap-right.videoinfo-analyzing {background: url("../../../Content/Imagenes/imglinkaffinity/img-analyzing-video.png") no-repeat center center; background-size:contain; min-height:220px; }
.sm-data-box .data-wrap-right.videoinfo-management {background: url("../../../Content/Imagenes/imglinkaffinity/img-management-video.png") no-repeat center center; background-size:contain; min-height:220px; }
.sm-data-box .data-wrap-right.videoinfo-monitoring {background: url("../../../Content/Imagenes/imglinkaffinity/img-monitoring-video.png") no-repeat center center; background-size:contain; min-height:220px; }
.sm-data-box .data-wrap-right.videoinfo-clients {background: url("../../../Content/Imagenes/imglinkaffinity/img-clients.png") no-repeat center center; background-size:contain; min-height:220px; }
.sm-data-box .data-wrap-right.videoinfo-new-client {background: url("../../../Content/Imagenes/imglinkaffinity/img-new-client.png") no-repeat center center; background-size:contain; min-height:220px; }
.sm-data-box .data-wrap-right.videoinfo-visibility {background: url("../../../Content/Imagenes/imglinkaffinity/video-visibility.png") no-repeat center center; background-size:contain; min-height:220px; }
.sm-data-box .data-wrap-right.videoinfo-category {background: url("../../../Content/Imagenes/imglinkaffinity/video-category.png") no-repeat center center; background-size:contain; min-height:220px; }
.sm-data-box .data-wrap-right.videoinfo-import {background: url("../../../Content/Imagenes/imglinkaffinity/video-import.png") no-repeat center center; background-size:contain; min-height:220px; }
.sm-data-box .data-wrap-right.videoinfo-competitor {background: url("../../../Content/Imagenes/imglinkaffinity/video-competitor.png") no-repeat center center; background-size:contain; min-height:220px; }
.sm-data-box .data-wrap-right.videoinfo-automatic {background: url("../../../Content/Imagenes/imglinkaffinity/video-automatico.png") no-repeat center center; background-size:contain; min-height:220px; }
.sm-data-box .data-wrap-right.videoinfo-manual {background: url("../../../Content/Imagenes/imglinkaffinity/video-manual.png") no-repeat center center; background-size:contain; min-height:220px; }
.sm-data-box .data-wrap-right.videoinfo-en {background: url("../../../Content/Imagenes/imglinkaffinity/video-tutorial-en.png") no-repeat top center; background-size:contain; min-height:220px; }
.sm-data-box .data-wrap-right.videoinfo-es {background: url("../../../Content/Imagenes/imglinkaffinity/video-tutorial-es.png") no-repeat top center; background-size:contain; min-height:220px; }
.enunciado {text-align: center;background: rgba(141,211,39,0.9);border-radius: 100px;display: inline-block;padding: 0.5em 1em;color: #fff;position: absolute;width: 100%;left: 0px;bottom: 10px;}




/*tree diagram*/
#inlinetree {
    width: 100%;
    min-height: 100vh;
}

.node circle {
    fill: #fff;
    stroke: #8dd327;
    stroke-width: 3px;
}

.node text {
    font: 12px sans-serif;
}

.link {
    fill: none;
    stroke: #ccc;
    stroke-width: 1px;
}

#contenttopical {
    background: #fff;
    font-family: "Roboto", sans-serif;
    overflow: hidden;
}

    #contenttopical p {
        font-size: 12px;
        line-height: 1.2em;
        padding-right: 5px;
        letter-spacing: -0.3px;
        font-weight: 300;
    }

    #contenttopical .node-level-0 {
        font-size: 20px;
        font-weight: 800;
        font-family: "Roboto", sans-serif;
    }

    #contenttopical .node-level-1 {
        font-size: 16px;
        font-weight: 800;
        font-family: "Roboto", sans-serif;
    }

    #contenttopical .node-level-2 {
        font-size: 14px;
        font-weight: 500;
        font-family: "Roboto", sans-serif;
    }

    #contenttopical .node-level-3 {
        font-size: 13px;
        font-weight: 500;
        font-family: "Roboto", sans-serif;
    }

    #contenttopical .custom-node-a, #contenttopical .custom-node-b, #contenttopical .custom-node-c, #contenttopical .custom-node-d {
    }

.infonodo {
    float: right;
    border-right: solid 1px #8dd327;
    text-align: right;
    line-height: 1em;
    background: rgba(255,255,255,0.7);
    padding: 0px 5px 0px 0px;
    overflow: hidden;
    font-size: 12px;
}

    .infonodo.empty {
        float: left;
        border-right: 0px;
        border-left: solid 1px #8dd327;
        text-align: left;
        line-height: 1em;
        background: rgba(255,255,255,0.7);
        padding: 0px 0px 0px 5px;
        overflow: hidden;
        font-size: 12px;
    }

    .infonodo.add {
        float: left;
        border: 0px;
        text-align: left;
        line-height: 1em;
        background: rgba(255,255,255,0.7);
        padding: 0px 0px 0px 5px;
        overflow: hidden;
        font-size: 12px;
    }

#contenttopical .custom-node-b {
    font-size: 12px;
}

    #contenttopical .custom-node-b .nodo-b {
        line-height: 1em;
        background: rgba(255,255,255,0.7);
        padding: 0px 5px 0px 0px;
        overflow: hidden;
    }

        #contenttopical .custom-node-b .nodo-b strong {
            font-weight: 300;
            line-height: 1.2em;
            padding: 0em 0.5em;
        }

#contenttopical .custom-node-c {
    font-size: 12px;
}

    #contenttopical .custom-node-c .nodo-c {
        line-height: 1em;
        background: rgba(255,255,255,0.7);
        padding: 0px 0px 0px 5px;
        overflow: hidden;
    }

        #contenttopical .custom-node-c .nodo-c strong {
            font-weight: 300;
            line-height: 1.2em;
            padding: 0em 0.5em;
        }

#contenttopical .custom-node-d {
    font-size: 12px;
}

    #contenttopical .custom-node-d .nodo-d {
        line-height: 1em;
        background: rgba(255,255,255,0.7);
        padding: 0px 0px 0px 5px;
        overflow: hidden;
    }

        #contenttopical .custom-node-d .nodo-d strong {
            font-weight: 300;
            line-height: 1.2em;
            padding: 0em 0.5em;
        }

#contenttopical .btn.editree {
    padding: 0px 5px 0px 5px;
    color: #fff;
    font-size: 0.8em;
    margin: 0.3em 0em;
    background: #8dd327;
    border: solid 1px #8dd327;
    border-radius: 50px;
    font-weight: bold;
}

    #contenttopical .btn.editree:hover {
        background: #79b61f;
        border-color: #font-size: 12px;
        ;
        color: #fff;
    }

    #contenttopical .btn.editree.add {
        padding: 0px 5px 0px 5px;
        color: #fff;
        font-size: 0.8em;
        margin: 0em 0em 0em 0.52em;
        background: #ff6c00;
        border: solid 1px #ff6c00;
        border-radius: 50px;
        font-weight: bold;
    }

        #contenttopical .btn.editree.add:hover {
            background: #ff9000;
            border-color: #font-size: 12px;
            ;
            color: #fff;
        }

    #contenttopical .btn.editree i {
        font-size: 9px;
    }

/*pilar*/
.titulartop {
    color: #222;
    background: #fff;
    font-weight: bold;
    border-radius: 8px 8px 0px 0px;
    border-bottom: 1px solid #ddd;
    padding: 1em 0.8em 0.8em 1.2em;
    overflow: hidden;
}

    .titulartop .name {
        float: left;
        padding: 0em 0em 0.5em 0em;
    }

    .titulartop .btnind {
        padding: 2px 8px 2px 12px;
        color: #fff;
        background-color: #8dd327;
        border-radius: 20px;
        font-size: 12px;
        font-weight: bold;
        white-space: nowrap;
        display: inline-block;
    }

        .titulartop .btnind:hover {
            background-color: #8ee315;
        }

        .titulartop .btnind.delete {
            color: #fff;
            background-color: #ababab;
        }

            .titulartop .btnind.delete:hover {
                background-color: #f6303e;
            }

.displayib .btnind {
    padding: 8px 8px 8px 15px;
    color: #fff;
    background-color: #8dd327;
    border-radius: 20px;
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
    display: inline-block;
}

    .displayib .btnind.delete {
        padding: 8px 8px 8px 8px;
        background-color: #ababab;
    }

    .displayib .btnind:hover {
        background-color: #8ee315;
    }

    .displayib .btnind.delete:hover {
        background-color: #f6303e;
    }

.modal-body.popup-affinity .titulartop {
    border: 1px solid #ddd;
}
/* .modal-body.popup-affinity .titulartop .btnind {display:none;} */
.modal-body.popup-affinity .titulartop {
    padding: 1em 1.2em;
}

    .modal-body.popup-affinity .titulartop .name {
        float: none;
        border-bottom: solid 1px #ddd;
        margin-bottom: 0.5em;
    }

.modal-body.popup-affinity .table-wrap.deepwhite.candidatos.posthunter.diagram {
    border: 1px solid #f5f5f5;
    border-top: 0px;
}

.table-wrap.deepwhite.candidatos.diagram {
    border-radius: 0px 0px 8px 8px;
}

    .table-wrap.deepwhite.candidatos.diagram table.table > tbody > tr > td {
        padding: 0.5em 0.25em;
    }

.table-wrap.deepwhite.candidatos.posthunter.diagram .dataTables_paginate, .table-wrap.deepwhite.candidatos.posthunter.diagram .dataTables_filter, .table-wrap.deepwhite.candidatos.posthunter.diagram .dataTables_length, .table-wrap.deepwhite.candidatos.posthunter.diagram .dataTables_info {
    display: none;
}
/**/

/*expert*/
.panel-title.tdashpanel .icotdashpanel {
    height: auto;
}

.custom-tab-2 .tab-pane.candidatos.posthunter {
    background: #fff;
    border: solid 1px #eee;
}

.candidatos .peticion-solicitud.topicauth {
    text-align: center;
}

.candidatos.posthunter table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    background: #f4f4f4;
}

.candidatos.posthunter .articulo {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    padding: 0.3em 0.3em 0.3em 0.5em;
    display: inline-block;
    line-height: 20px;
    background: #fff;
    border-radius: 0px 7px 7px 0px;
    border-left: solid 2px #eee;
}

.candidatos.posthunter .dataTables_filter, .candidatos.posthunter .dataTables_length {
    padding-top: 0px;
}

.form-group.multiselect-btn.multihunter {
    margin-bottom: 5px;
}

.form-group.multihunter .bootstrap-select.btn-group.bradius1-2 {
    width: 40%;
}

.form-group.multihunter .input-group-btn.bradius2-2 {
    width: 60%;
}

#myTabContent_9.nav-tabs > li > a {
    text-transform: none;
}

#posthunter table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    background: #f4f4f4;
}

#posthunter .articulo {
    font-size: 16px;
    font-weight: 400;
}

#candidatos.posthunter .articulo:hover {
    color: #555;
}

.candidatos.posthunter.diagram .displayib {
    min-width: 120px;
}

a.btn-topicauth {
    color: #fff;
    border-radius: 500px;
    border: solid 2px #8ee315;
    padding: 0.2em;
    background: #8bd227;
    display: inline-block;
    width: 100px;
}

    a.btn-topicauth .left {
        float: left;
        font-size: 1.7em;
        padding: 0.2em 0em 0em 0.2em;
    }

    a.btn-topicauth .txt {
        height: 20px;
        float: left;
        text-align: left;
        padding: 0.4em 0em 0em 0.8em;
        font-size: 14px;
        font-weight: bold;
        line-height: 15px;
    }

    a.btn-topicauth .right {
        float: right;
        font-size: 1.2em;
        padding: 0em 0.5em 0em 0em;
    }

    a.btn-topicauth:hover {
        background: #8ee315;
        border: solid 2px #8bd227;
        box-shadow: 0 1px 3px 0 rgba(193, 252, 109, 0.5), 0 1px 1px 0 rgba(193, 252, 109, 0.5), 0 2px 1px -1px rgba(193, 252, 109, 0.5);
    }

.peticion-solicitud.topicauth a {
    text-align: left;
    overflow: hidden;
    height: 40px;
    border: solid 1px #eee;
    text-decoration: none;
    background: #eee;
    color: #878787;
    width: 340px;
    display: inline-block;
    padding: 0px 70px 0px 0px;
    position: relative;
    border-radius: 500px;
}

    .peticion-solicitud.topicauth a:hover {
        border: solid 1px #97e22b;
        background: #fff;
        box-shadow: 0 1px 3px 0 rgba(193, 252, 109, 0.5), 0 1px 1px 0 rgba(193, 252, 109, 0.5), 0 2px 1px -1px rgba(193, 252, 109, 0.5);
    }

    .peticion-solicitud.topicauth a .expertos {
        left: -4px;
        width: 262px;
        height: 40px;
        overflow: hidden;
        display: inline-block;
        position: relative;
        background: #fff;
        padding: 0.2em;
        margin: 0px;
        text-align: left;
    }

        .peticion-solicitud.topicauth a .expertos .perfil {
            border: solid 2px #fff;
            display: inline-block;
            overflow: hidden;
            border-radius: 500px;
            position: absolute;
            padding: 0px;
        }

            .peticion-solicitud.topicauth a .expertos .perfil.uno {
                z-index: 7;
                width: 32px;
                height: 32px;
                left: 30px;
                /*background: url("../../images/avatar.jpg") no-repeat center center #eee;*/
                background-size: cover;
                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
            }

            .peticion-solicitud.topicauth a .expertos .perfil.dos {
                z-index: 6;
                width: 32px;
                height: 32px;
                left: 55px;
                background: #f2f2f2;
            }

            .peticion-solicitud.topicauth a .expertos .perfil.tres {
                z-index: 5;
                width: 32px;
                height: 32px;
                left: 80px;
                background: #f5f5f5;
            }

            .peticion-solicitud.topicauth a .expertos .perfil.cuatro {
                z-index: 4;
                width: 32px;
                height: 32px;
                left: 105px;
                background: #fafafa;
            }

.candidatos.posthunter .peticion-solicitud.topicauth a .expertos .perfil img {
    width: 30px;
    height: 30px;
}

    .candidatos.posthunter .peticion-solicitud.topicauth a .expertos .perfil img.img-circle {
        border: solid 2px #fff;
    }

.peticion-solicitud.topicauth a .expertos .plus {
    display: inline-block;
    position: absolute;
    z-index: 10;
    top: 6px;
    left: 7px;
}

    .peticion-solicitud.topicauth a .expertos .plus i {
        position: absolute;
        color: #fff;
        text-align: center;
        background: #97e22b;
        border-radius: 100px;
        font-size: 16px;
        right: 0px;
        top: 0px;
        padding: 0.2em;
        width: 25px;
        height: 25px;
        line-height: 1em;
    }

.peticion-solicitud.topicauth a .expertos .txt {
    display: inline-block;
    position: absolute;
    z-index: 10;
    top: 5px;
    left: 150px;
    font-size: 12px;
    line-height: 14px;
    padding: 0.6em 0.5em 0em 0em;
    background: #fff;
    border-radius: 0px;
    text-align: right;
    height: auto;
}

    .peticion-solicitud.topicauth a .expertos .txt b {
        font-size: 12px;
        padding: 0em;
        margin-right: 0em;
    }

.peticion-solicitud.topicauth a .apoyo {
    width: 80px;
    min-height: 33px;
    display: inline-block;
    margin: 0px;
    position: absolute;
    right: 8px;
    background: #fff;
    text-align: center;
    border-radius: 0px 500px 500px 0px;
    font-size: 14px;
    padding: 0.2em 0.2em 0.2em 0.2em;
    font-weight: 800;
    top: 2px;
    color: #8bd227;
}

    .peticion-solicitud.topicauth a .apoyo b {
        padding: 0px;
        margin: 0px;
        weight: bold;
        font-size: 20px;
    }

.modal-body.popup-affinity .peticion-solicitud.topicauth a {
    width: 270px;
}

    .modal-body.popup-affinity .peticion-solicitud.topicauth a .expertos {
        width: 250px;
    }

        .modal-body.popup-affinity .peticion-solicitud.topicauth a .expertos .perfil {
        }

            .modal-body.popup-affinity .peticion-solicitud.topicauth a .expertos .perfil.uno {
                left: 25px;
            }

            .modal-body.popup-affinity .peticion-solicitud.topicauth a .expertos .perfil.dos {
                left: 45px;
            }

            .modal-body.popup-affinity .peticion-solicitud.topicauth a .expertos .perfil.tres {
                left: 60px;
            }

            .modal-body.popup-affinity .peticion-solicitud.topicauth a .expertos .perfil.cuatro {
                left: 75px;
            }

    .modal-body.popup-affinity .peticion-solicitud.topicauth a .apoyo {
        width: 50px;
    }

    .modal-body.popup-affinity .peticion-solicitud.topicauth a .expertos .txt {
        left: 120px;
    }


.peticion-solicitud.topicauth.noexpert a .expertos .plus i {
    font-size: 14px;
    line-height: 1.5em;
    background: #ff3048;
}

.peticion-solicitud.topicauth.noexpert a .apoyo {
    color: #ff3048;
}

.peticion-solicitud.topicauth.colaborar a {
    height: 90px;
}

    .peticion-solicitud.topicauth.colaborar a .expertos {
        left: -4px;
        width: 100px;
        height: 90px;
        overflow: hidden;
        display: inline-block;
        position: relative;
        background: #fff;
        padding: 0.2em;
        margin: 0px;
        text-align: left;
    }

        .peticion-solicitud.topicauth.colaborar a .expertos .perfil.uno {
            z-index: 7;
            width: 70px;
            height: 70px;
            left: 30px;
            background: url("../../images/avatar.jpg") no-repeat center center #f5f5f5;
            background-size: cover;
            top: 7px;
        }

        .peticion-solicitud.topicauth.colaborar a .expertos .perfil.dos, .peticion-solicitud.topicauth.colaborar a .expertos .perfil.tres {
            display: none;
        }

        .peticion-solicitud.topicauth.colaborar a .expertos .plus {
            display: inline-block;
            position: absolute;
            z-index: 10;
            top: 23px;
            left: 20px;
        }

            .peticion-solicitud.topicauth.colaborar a .expertos .plus i {
                padding: 0.45em 0em 0em 0em;
                font-size: 18px;
            }

    .peticion-solicitud.topicauth.colaborar a .user {
        left: 98px;
        top: 0px;
        padding: 0em 0em 0em 0.3em;
        width: 250px;
        height: 90px;
        display: inline-block;
        position: absolute;
        z-index: 10;
        font-size: 12px;
        line-height: 14px;
        background: #fff;
    }

        .peticion-solicitud.topicauth.colaborar a .user .nombre {
            padding: 10px 5px 0px 8px;
            font-size: 14px;
        }

        .peticion-solicitud.topicauth.colaborar a .user .cargo {
            padding: 2px 5px 4px 8px;
            font-size: 12px;
            font-weight: bold;
        }

        .peticion-solicitud.topicauth.colaborar a .user .formato {
            padding: 0px;
            margin: 0.1em 0em 0em 0.2em;
            color: #999;
            background: #f4f4f4;
            font-size: 12px;
            border-radius: 500px;
            border: 1px solid #ddd;
            display: inline-block;
        }

            .peticion-solicitud.topicauth.colaborar a .user .formato b {
                padding: 0em 0.8em 0em 0.4em;
                margin: 0px;
                font-size: 11px;
                line-height: 20px;
                vertical-align: middle;
            }

            .peticion-solicitud.topicauth.colaborar a .user .formato i {
                position: inherit;
                font-size: 1em;
                display: inline-block;
                padding: 0.25em;
                height: 20px;
                width: 20px;
                vertical-align: middle;
            }

                .peticion-solicitud.topicauth.colaborar a .user .formato i.off {
                    display: none;
                }

.experto-nombre.topicauth {
    width: 55%;
}

    .experto-nombre.topicauth.tips {
        position: relative;
    }

    .experto-nombre.topicauth .tips {
        display: none;
    }

        .experto-nombre.topicauth.tips .tips {
            display: inline-block;
            position: absolute;
            top: 5px;
            color: #fff;
            font-size: 12px;
            font-weight: bold;
            background: #ff7e00;
            border-radius: 500px;
            padding: 0.2em 0.5em;
            right: 5px;
            box-shadow: 0 0px 10px 0 rgba(255, 126, 0, 0.8);
        }

.candidatos.posthunter .experto-nombre.topicauth.tips .articulo {
    border-top: solid 1px #ffa619;
    border-left: solid 2px #ffa619;
    padding-right: 45px;
}

    .candidatos.posthunter .experto-nombre.topicauth.tips .articulo span {
        color: #ffa619;
        width: 100%;
        display: inline-block;
    }

.candidatos.posthunter .articulo span {
    display: none;
}

.experto-nombre.topicauth a.autor {
    font-size: 11px;
    height: 28px;
    padding: 5px 12px 5px 32px;
    border-radius: 500px;
    border: 1px solid #ddd;
    position: relative;
    margin-right: 5px; /* width: 175px; */
    overflow: hidden;
}

    .experto-nombre.topicauth a.autor:hover {
        background: #fff;
        border-color: #8ee315;
        color: #8bd227;
        box-shadow: 0 1px 3px 0 rgba(193, 252, 109, 0.5), 0 1px 1px 0 rgba(193, 252, 109, 0.5), 0 2px 1px -1px rgba(193, 252, 109, 0.5);
    }

    .experto-nombre.topicauth a.autor b {
        font-size: 12px;
        padding-left: 0.2em;
    }

    .experto-nombre.topicauth a.autor .idea {
        position: absolute;
        width: 28px;
        height: 28px;
        display: inline-block;
        top: 0px;
        left: 0px;
        border-radius: 500px;
        overflow: hidden;
        background: url("../../images/avatar.jpg") no-repeat center center #f5f5f5;
        background-size: cover; /* border: solid 1px #ddd; */
    }

        .experto-nombre.topicauth a.autor .idea img {
            width: 28px;
            height: 28px;
        }

        .experto-nombre.topicauth a.autor .idea i {
            font-size: 1.4em;
            padding: 0.4em 0.45em;
            display: inline-block;
            color: #8bd227;
            background: #fff;
        }

.experto-nombre.topicauth a.redaccion {
    color: #8bd227;
    font-weight: 600;
    font-size: 12px;
    height: 28px;
    padding: 5px 10px 5px 10px;
    border-radius: 500px;
    border: 1px solid #8bd227;
    position: relative;
    margin-right: 5px; /* width: 175px; */
    overflow: hidden;
}

    .experto-nombre.topicauth a.redaccion:hover {
        background: #fff;
        border-color: #8ee315;
        color: #8bd227;
        box-shadow: 0 1px 3px 0 rgba(193, 252, 109, 0.5), 0 1px 1px 0 rgba(193, 252, 109, 0.5), 0 2px 1px -1px rgba(193, 252, 109, 0.5);
    }

    .experto-nombre.topicauth a.redaccion .idea {
        position: absolute;
        width: 28px;
        height: 28px;
        display: inline-block;
        top: 0px;
        left: 0px;
        border-radius: 500px;
        overflow: hidden; /* border: solid 1px #ddd; */
    }

        .experto-nombre.topicauth a.redaccion .idea i {
            font-size: 1.4em;
            padding: 0.3em 0.45em;
            display: inline-block;
            color: #8bd227;
        }

.experto-nombre.topicauth a.adjunto {
    font-size: 12px;
    height: 28px;
    padding: 5px 12px 5px 20px;
    border-radius: 500px;
    border: 1px solid #ddd;
    position: relative;
    margin-right: 5px; /* width: 175px; */
    overflow: hidden;
}

    .experto-nombre.topicauth a.adjunto:hover {
        background: #fff;
        border-color: #8ee315;
        color: #8bd227;
        box-shadow: 0 1px 3px 0 rgba(193, 252, 109, 0.5), 0 1px 1px 0 rgba(193, 252, 109, 0.5), 0 2px 1px -1px rgba(193, 252, 109, 0.5);
    }

    .experto-nombre.topicauth a.adjunto .idea {
        position: absolute;
        width: 28px;
        height: 28px;
        display: inline-block;
        top: 0px;
        left: 0px;
        border-radius: 500px;
        overflow: hidden; /* border: solid 1px #ddd; */
    }

        .experto-nombre.topicauth a.adjunto .idea i {
            font-size: 1.4em;
            padding: 0.3em 0.45em;
            display: inline-block;
            color: #8bd227;
        }

.experto-nombre.topicauth a.categoria {
    font-size: 12px;
    height: 28px;
    padding: 5px 10px 5px 10px;
    background: #f4f4f4;
    border-radius: 500px;
    border: 1px solid #ddd;
    position: relative;
    margin-right: 5px; /* width: 175px; */
    overflow: hidden;
}

    .experto-nombre.topicauth a.categoria:hover {
        background: #fff;
        border-color: #8ee315;
        color: #8bd227;
        box-shadow: 0 1px 3px 0 rgba(193, 252, 109, 0.5), 0 1px 1px 0 rgba(193, 252, 109, 0.5), 0 2px 1px -1px rgba(193, 252, 109, 0.5);
    }

    .experto-nombre.topicauth a.categoria .idea {
        position: absolute;
        width: 28px;
        height: 28px;
        display: inline-block;
        top: 0px;
        left: 0px;
        border-radius: 500px;
        overflow: hidden; /* border: solid 1px #ddd; */
    }

        .experto-nombre.topicauth a.categoria .idea i {
            font-size: 1.4em;
            padding: 0.3em 0.45em;
            display: inline-block;
            color: #8bd227;
        }

.experto-nombre.topicauth .fecha {
    font-size: 11px;
    padding: 2px 5px 2px 5px;
    position: relative;
    background: #f2f2f2;
    margin-left: 10px;
}

.experto-nombre.topicauth .dominio {
    font-size: 11px;
    padding: 2px 5px 2px 5px;
    position: relative;
    background: #f2f2f2;
    margin-left: 10px;
    font-weight: 800;
}


table.dataTable.display tbody tr:hover > td.experto-nombre.topicauth a.autor, table.dataTable.order-column.hover tbody tr:hover > td.experto-nombre.topicauth a.autor {
    background: #fff;
}

table.dataTable.display tbody tr:hover > td.experto-nombre.topicauth a.categoria, table.dataTable.order-column.hover tbody tr:hover > td.experto-nombre.topicauth a.categoria {
    background: #fff;
}

/*perfiles popup */
.num-perfiles {
    font-size: 1.8em;
    color: #8bd227;
}

td.foto-perfil {
    width: 120px;
}

td.info-perfil {
    width: 200px;
}

td.valor-perfil {
    text-align: center;
    width: 150px;
}

td.foto-perfil .foto {
    display: inline-block;
    position: relative;
    height: 65px;
    width: 70px;
}

    td.foto-perfil .foto .perfil.uno {
        width: 70px;
        height: 70px;
        background: #eee;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
        border: solid 2px #fff;
        display: inline-block;
        overflow: hidden;
        border-radius: 500px;
        position: absolute;
        padding: 0px;
        left: 20px;
    }

    td.foto-perfil .foto .perfil img {
        width: 70px;
        height: 70px;
    }

    td.foto-perfil .foto .plus {
        display: inline-block;
        position: absolute;
        z-index: 10;
        top: 15px;
        left: 40px;
    }

        td.foto-perfil .foto .plus i {
            position: absolute;
            color: #fff;
            text-align: center;
            background: #97e22b;
            border-radius: 100px;
            font-size: 20px;
            right: 0px;
            top: 0px;
            padding: 0.2em;
            width: 35px;
            height: 35px;
            line-height: 1.1em;
        }

td.info-perfil .user .nombre {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    width: 100%;
    color: #000;
}

td.info-perfil .user .cargo {
    display: inline-block;
    width: 100%;
}

td.valor-perfil .valor {
    text-align: center;
    display: inline-block;
    width: 140px;
    background: #fff;
    border-radius: 500px;
    height: 30px;
    overflow: hidden;
    padding: 0.3em 0.1em;
    border: solid 1px #eee;
}

    td.valor-perfil .valor i {
        font-size: 18px;
        padding: 0em;
        width: 20px;
        height: 25px;
        position: inherit;
        background: none;
        color: #8bd227;
    }

td.bio-perfil .panel-group {
    margin-bottom: 0px;
}

td.bio-perfil .accordion-struct.accordion-style-1.panel-group .panel .panel-heading {
    border-bottom: 1px solid #eee;
}

/*login prev*/
.page-wrapper.auth-page.prelogin {
    background: none;
}

.leftlogin {
    background-color: #fff;
}

.rightlogin {
    background-color: #f5f5f5;
    background: url("../../../Content/Imagenes/imglinkaffinity/bg-login.png") no-repeat bottom right #f5f5f5;
}

.page-wrapper.auth-page.login {
    background-color: #f5f5f5;
}

.auth-login {
    width: 50%;
    padding: 1.2em;
}

.card-view.opprev {
    box-shadow: none;
    background: none;
}

a.linkpanel.opprev {
    background-color: #fff;
    display: block;
    float: left;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #eee;
    padding: 1em 0.5em 1em 0.5em;
    margin-bottom: 5%;
}

    a.linkpanel.opprev:hover {
        background-color: #f6feff;
        border: 1px solid #8dd327;
        box-shadow: 0px 0px 10px 0px rgba(141, 211, 39, 0.5);
    }

    a.linkpanel.opprev span {
        color: #8dd327;
        text-align: center;
        display: inline-block;
        padding: 0em 0em 0.5em 0em;
        font-size: 14px;
        letter-spacing: -0.5px;
        width: 100%;
    }

        a.linkpanel.opprev span b {
            color: #888;
            font-size: 14px;
        }

    a.linkpanel.opprev:hover span {
        color: #8dd327;
    }

        a.linkpanel.opprev:hover span b {
            color: #222;
        }

    a.linkpanel.opprev .banner {
        min-height: 120px;
    }

    a.linkpanel.opprev.access {
        background: url("../../../Content/Imagenes/imglinkaffinity/list-login.png") #fff no-repeat 98% 50%;
    }

        a.linkpanel.opprev.access:hover {
            background-color: #f6feff;
            border: 1px solid #8dd327;
            box-shadow: 0px 0px 10px 0px rgba(141, 211, 39, 0.5);
        }

        a.linkpanel.opprev.access .banner {
            background: url("../../../Content/Imagenes/imglinkaffinity/ico-op01.png") no-repeat center center;
            background-size: auto;
            background-size: contain;
        }

    a.linkpanel.opprev.access {
        border: 1px solid #8dd327;
        box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.08);
    }

        a.linkpanel.opprev.access span {
            color: #555;
            font-size: 18px;
            font-weight: 800;
            padding: 0em 0em 0.5em 0em;
        }

            a.linkpanel.opprev.access span b {
                color: #8dd327;
                font-size: 24px;
            }

        a.linkpanel.opprev.access:hover {
            border: 1px solid #8dd327;
            box-shadow: 0px 0px 7px 0px rgba(141, 211, 39, 0.5);
        }

            a.linkpanel.opprev.access:hover span b {
                color: #8dd327;
            }

    a.linkpanel.opprev.looking .banner {
        min-height: 80px;
        background: url("../../../Content/Imagenes/imglinkaffinity/ico-op02.png") no-repeat center center;
        background-size: auto;
        background-size: contain;
    }

    a.linkpanel.opprev.supplier .banner {
        min-height: 80px;
        background: url("../../../Content/Imagenes/imglinkaffinity/ico-op03.png") no-repeat center center;
        background-size: auto;
        background-size: contain;
    }

.opprev.access {
    background: #fff no-repeat 98% 50%;
    border-radius: 10px;
    padding: 1em 2em;
}

    .opprev.access:hover {
        background-color: #f6feff;
        border: 1px solid #8dd327;
        box-shadow: 0px 0px 10px 0px rgba(141, 211, 39, 0.5);
    }

    .opprev.access .banner {
        background: url("../../../Content/Imagenes/imglinkaffinity/log-affinitypro-lg.png") no-repeat center center;
        background-size: auto;
        background-size: contain;
        min-height: 50px;
        margin: 1.5em 0.5em 2.5em 0.5em;
    }

    .opprev.access .imglogin {
        padding: 1.5em 0em 0.5em 0em;
    }

.opprev.access {
    border: 1px solid #8dd327;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.08);
}

    .opprev.access .form-group {
        margin-bottom: 5px;
    }

    .opprev.access:hover {
        border: 1px solid #8dd327;
        box-shadow: 0px 0px 7px 0px rgba(141, 211, 39, 0.5);
    }

.infologin {
    padding: 2em;
}

    .infologin .imglogin {
        background: url("../../../Content/Imagenes/imglinkaffinity/enlaces-organicos-a-partir-de-tu-experiencia.png") no-repeat center center;
        background-size: auto;
        background-size: contain;
        padding: 7em 0em;
    }

        .infologin .imglogin a {
            display: inline-block;
            width: 100%;
            background: url("../../../Content/Imagenes/imglinkaffinity/btn-play-circle.png") no-repeat center center;
            background-size: contain;
            min-height: 150px;
        }

            .infologin .imglogin a:hover {
                opacity: 0.8;
            }

    .infologin .h3login {
        font-size: 30px;
        line-height: 35px;
        color: #777 !important;
        margin: 1em 1em 0.5em 1em;
        font-weight: 300;
        text-align: center;
    }

    .infologin .h6login {
        font-size: 16px;
        line-height: 24px;
        color: #777 !important;
        margin: 1em 2em 2em 2em;
        font-weight: 300;
        text-align: center;
    }


.opprev.access .btn.s12w100 {
    border-radius: 7px;
}

.opprev.access .form-control {
    border-radius: 4px;
}

.opprev.access .control-label {
    color: #999;
    font-weight: 300;
    padding-bottom: 0.2em;
}

@media (max-width: 400px) {
    .opprev.access .banner {
        margin: 1em 0.2em 1.5em 0.2em;
    }

    a.linkpanel.opprev .banner {
        min-height: 80px;
    }

    header.sp-header .btn.btn-success.btn-rounded {
        font-size: 12px;
        padding: 5px 10px;
    }
}

.panel-login {
    border: 1px solid #8dd327;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.08);
    background: white !important;
    display: block;
    float: left;
    width: 100%;
    border-radius: 10px;
    padding: 20px !important;
    margin-bottom: 5%;
}

/*interior*/
.sm-data-box a.linkpanel.interior {border-radius: 10px; padding: 1em; margin-bottom:10px; text-align: center; background:#f2f2f2; border:2px solid #eee; }
.sm-data-box a.linkpanel.interior:hover {background:#8dd327; color:#fff; border:2px solid #cdff85;}
.sm-data-box a.linkpanel.interior.active {background: #8dd327; color:#fff; border:2px solid #78b71d;}
.sm-data-box a.linkpanel.interior .icovisibility  {background: url("../../../Content/Imagenes/imglinkaffinity/img-visibility-prospects.png") no-repeat center center; min-height:180px; }
.sm-data-box a.linkpanel.interior .icoimport  {background: url("../../../Content/Imagenes/imglinkaffinity/img-import-prospects.png") no-repeat center center; min-height:180px; }
.sm-data-box a.linkpanel.interior .icocategory  {background: url("../../../Content/Imagenes/imglinkaffinity/img-category-prospects.png") no-repeat center center; min-height:180px; }
.sm-data-box a.linkpanel.interior .icocompetitor  {background: url("../../../Content/Imagenes/imglinkaffinity/img-competitor-prospects.png") no-repeat center center; min-height:180px; }
.sm-data-box a.linkpanel.interior .icocollaborator  {background: url("../../../Content/Imagenes/imglinkaffinity/img-collaborator-prospects.png") no-repeat center center; min-height:180px; }

.linkpanel.interior.present { border-radius: 10px; padding: 1em; margin-bottom:10px; text-align: center; background: #f5f5f5; color:#f2f2f2; border:2px solid #f2f2f2;}
.linkpanel.interior.present .icovisibility  {background: url("../../../Content/Imagenes/imglinkaffinity/img-visibility-prospects.png") no-repeat center center; min-height:180px; background-size: contain;}
.linkpanel.interior.present .icoimport  {background: url("../../../Content/Imagenes/imglinkaffinity/img-import-prospects.png") no-repeat center center; min-height:180px; background-size: contain; }
.linkpanel.interior.present .icocategory  {background: url("../../../Content/Imagenes/imglinkaffinity/img-category-prospects.png") no-repeat center center; min-height:180px; background-size: contain; }
.linkpanel.interior.present .icocompetitor  {background: url("../../../Content/Imagenes/imglinkaffinity/img-competitor-prospects.png") no-repeat center center; min-height:180px; background-size: contain;}
.linkpanel.interior.present .icocollaborator  {background: url("../../../Content/Imagenes/imglinkaffinity/img-collaborator-prospects.png") no-repeat center center; min-height:180px; background-size: contain;}

.linkpanel.interior.present-clean { padding: 1em; margin-bottom:10px; text-align: center; background: none; }
.ico-configuration {background: url("../../../Content/Imagenes/imglinkaffinity/img-general-configuration.png") no-repeat center center; min-height:220px; background-size: contain;}
.ico-automation {background: url("../../../Content/Imagenes/imglinkaffinity/img-general-automation.png") no-repeat center center; min-height:220px; background-size: contain;}
.ico-removed {background: url("../../../Content/Imagenes/imglinkaffinity/img-removed.png") no-repeat center center; min-height:220px; background-size: contain;}
.ico-affinitycloud {background: url("../../../Content/Imagenes/imglinkaffinity/img-affinity.png") no-repeat center center; min-height:220px; background-size: contain;}
.ico-purchases {background: url("../../../Content/Imagenes/imglinkaffinity/img-purchases.png") no-repeat center center; min-height:220px; background-size: contain;}
.ico-secheduled {background: url("../../../Content/Imagenes/imglinkaffinity/img-scheduled-post.png") no-repeat center center; min-height:220px; background-size: contain;}
.ico-billing {background: url("../../../Content/Imagenes/imglinkaffinity/img-billing.png") no-repeat center center; min-height:220px; background-size: contain;}
.ico-domain {background: url("../../../Content/Imagenes/imglinkaffinity/img-domain.png") no-repeat center center; min-height:220px; background-size: contain;}
.ico-email-template {background: url("../../../Content/Imagenes/imglinkaffinity/img-email-template.png") no-repeat center center; min-height:220px; background-size: contain;}
.ico-email-scheduled {background: url("../../../Content/Imagenes/imglinkaffinity/img-email-scheduled.png") no-repeat center center; min-height:220px; background-size: contain;}
.ico-import-link-profile {background: url("../../../Content/Imagenes/imglinkaffinity/img-import-link-profile.png") no-repeat center center; min-height:220px; background-size: contain;}
.ico-wallet {background: url("../../../Content/Imagenes/imglinkaffinity/img-wallet.png") no-repeat center center; min-height:220px; background-size: contain;}
.ico-order {background: url("../../../Content/Imagenes/imglinkaffinity/img-order.png") no-repeat center center; min-height:220px; background-size: contain;}
.ico-report {background: url("../../../Content/Imagenes/imglinkaffinity/img-reports.png") no-repeat center center; min-height:220px; background-size: contain;}
.ico-management-img {background: url("../../../Content/Imagenes/imglinkaffinity/img-management-ico.png") no-repeat center center; min-height:220px; background-size: contain;}
.ico-token-img {background: url("../../../Content/Imagenes/imglinkaffinity/img-token.png") no-repeat center center; min-height:220px; background-size: contain;}
.ico-404-img {background: url("../../../Content/Imagenes/imglinkaffinity/404.png") no-repeat center center; padding-top:300px; background-size: contain;}
.ico-buy-img {background: url("../../../Content/Imagenes/imglinkaffinity/img-buy.png") no-repeat center center; min-height:220px; background-size: contain;}
.ico-naturalness-img {background: url("../../../Content/Imagenes/imglinkaffinity/img-naturalness.png") no-repeat center center; min-height:220px; background-size: contain;}

.icotdashpanel { font-size: 14px;border-radius: 50px; padding: 2px 5px; color: #999;background: #fafafa; vertical-align: middle;}
.icolinkpanel {padding: 0.15em 0.4em; border-radius: 50px;}
.tdashpanel { font-weight: 300; color:#555; }
.tdashpanel span.tdash {font-size:22px; vertical-align: middle;}
.tdashpanel span.tdash b {color:#8dd327;}

.bg-green01 {background:#558b2f !important;}
.bg-green02 {background:#63b22b !important;}
.bg-green03 {background:#8dd327 !important;}
.bg-green04 {background:#a9ea4b !important;}
.bg-green05 {background:#d0ff99 !important;}
.bg-green06 {background:#e8ffcc !important;}
.bg-yellow01, .label-yellow01, .label-let-it-be {background:#fcca22 !important;}
.bg-yellow02 {background:#efb801 !important;}
.bg-yellow03 {background:#ff8711 !important;}
.bg-red01 {background:#f6303e !important;}
.bg-red02 {background:#b3131e !important;}
.bg-gray02 {background:#8c8c8c !important;}
.bg-gray01 {background:#cbcbcb !important;}
.label.label-red01, .label-red01.jvectormap-tip {background:#f6303e;}
.label.label-red02, .label-red02.jvectormap-tip {background:#b3131e;}
.label.label-yellow03, .label-yellow03.jvectormap-tip, .label-bad-links {background:#ff8711;}
.label.label-gray01, .label-gray01.jvectormap-tip, .label-disavowed {background:#cbcbcb;}
.label.label-gray02, .label-gray02.jvectormap-tip, .label-bad-links-deleted {background:#8c8c8c;}
.label.label-green01, .label-green01.jvectormap-tip, .label-won {background:#558b2f !important;}
.label.label-green02, .label-green02.jvectormap-tip, .label-purchased {background:#63b22b !important;}
.label.label-green03, .label-green03.jvectormap-tip, .label-good-links {background:#8dd327 !important;}
.label.label-green00, .label-green00.jvectormap-tip, .label-prospects { background: #8dd327 !important;}
.new-list.icodominfo {background-color: #ff9136 !important; padding: 0.5em; margin-left: 3px;}
.new-list.icodominfo:hover { background-color: #eb720f !important;}
#groupsprospect {color: #ff9136 !important;}
#groupsprospect1 {color: #ff9136 !important;}
#groupsprospect2 {color: #ff9136 !important;}
#tableC {color: #ff9136 !important;}
.spy {padding: 0.9em 0.5em 0.2em 0.5em; vertical-align: top; font-size: 10px; background-color: #a265e1 !important;}
.spy:hover {background: #823ec8 !important;}
.label, .jvectormap-tip {margin-left: 2px; !important;}
.label-dismissed { background: #aaa !important;}
.label-linking-to-you { background: #f8b32d !important; }
.label-call { background: #009cff; }
.txt-green00, .text-green00, .text-prospects {color: #8dd327 !important;}
.txt-green01, .text-green01, .text-won {color: #558b2f !important;}
.txt-green02, .text-green02, .text-fuseon, .text-purchased {color: #63b22b !important;}
.txt-green03, .text-green03, .text-self, .text-good-links {color: #8dd327 !important;}
.txt-red01, .text-red01, .text-deleted {color: #f6303e !important;}
.txt-red02, .text-red02, .text-disavow {color: #b3131e !important;}
.txt-gray01, .text-gray01, .text-disavowed {color:#cbcbcb !important;}
.txt-gray02, .text-gray02, .text-bad-links-deleted {color:#8c8c8c !important;}
.txt-yellow01, .text-yellow01, .text-let-it-be {color:#fcca22 !important;}
.txt-yellow03, .text-yellow03, .text-bad-links {color:#ff8711 !important;}
.text-dismissed {color: #aaa !important;}
.text-linking-to-you {color: #f8b32d !important;}
.card-view.panel .panel-body.bg-graf01 {background: url("../../../Content/Imagenes/imglinkaffinity/bg-graf-01.png") no-repeat center bottom; padding-bottom:148px;}

/* init.js */
.recommended-nicescroll-bar .table-wrap { background:rgba(255,255,255,0.9);}
.tdempty {height: 290px; text-align:right; display:none;}
.tdempty.active {display: revert;}
.tdempty div {height:100%;background: url("../../../Content/Imagenes/imglinkaffinity/img-tdash.png") no-repeat 20% 50% !important;  vertical-align: top !important; padding-top: 1.5em !important; }
.tdempty p {background:rgba(232,232,232,0.4); width:175px; font-size:12px; border-radius:10px; padding:1em; line-height:1.5em; display:inline-block; text-align:left;}
.tdempty-scheduled {height: 250px; text-align:right; display:none;}
.tdempty-scheduled.active {display: revert;}
.tdempty-scheduled td {background: url("../../../Content/Imagenes/imglinkaffinity/img-scheduled.png") no-repeat 45% 50% !important;  vertical-align: top !important; padding-top: 2em !important; }
.tdempty-scheduled p {background:rgba(255,255,255,0.9); width:175px; font-size:12px; border-radius:10px; padding:1em; line-height:1.5em; display:inline-block; text-align:left; white-space:normal;}
.tdempty-scheduledemail {height: 250px; text-align:right; display:none;}
.tdempty-scheduledemail.active {display: revert;}
.tdempty-scheduledemail td {background: url("../../../Content/Imagenes/imglinkaffinity/img-scheduledemail.png") no-repeat 45% 50% !important;  vertical-align: top !important; padding-top: 2em !important; }
.tdempty-scheduledemail p {background:rgba(255,255,255,0.9); width:175px; font-size:12px; border-radius:10px; padding:1em; line-height:1.5em; display:inline-block; text-align:left; white-space:normal;}
.tdempty-scheduled:hover {background-color: rgba(33, 33, 33, 0.05) !important;}
.tdempty-scheduledemail:hover {background-color: rgba(33, 33, 33, 0.05) !important;}

/* TABLE */
.tableind tbody tr:first-child td { border-top:0px;}
tfoot { display: table-row-group;}
.table > tbody > tr > td, .jsgrid-table > tbody > tr > td, .table > tbody > tr > th, .jsgrid-table > tbody > tr > th, .table > tfoot > tr > td, .jsgrid-table > tfoot > tr > td, .table > tfoot > tr > th, .jsgrid-table > tfoot > tr > th, .table > thead > tr > td, .jsgrid-table > thead > tr > td, .table > thead > tr > th, .jsgrid-table > thead > tr > th {
 padding:12px 15px 12px 5px; }
 table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after {right: 5px; top: 15px; font-size: 12px;}
 .simpleflex { display: flex;}
.callpill {display: inline-block; background: #009cff; color: #fff; padding: 0.2em 0.5em; border-radius: 50px; font-size: 11px; margin-left:0.2em;}
/*table dashboard*/
.table.table-hover.mb-0.dash > thead > tr > th {padding: 6px 10px;}
.table.table-hover.mb-0.dash > tbody > tr > td {padding: 5px 10px;}
.table.table-hover.mb-0.dash > tbody > tr > td .btn.btn-icon.preciotab {float:none;}
.table.table-hover.mb-0.dash > tbody > tr > td .btn.btn-icon.preciotab i {font-size:14px; padding: 0.1em 0.25em;}
.icoacuerdo {background: url("../../../Content/Imagenes/imglinkaffinity/ico-acuerdo.png") no-repeat center center; width: 30px; height: 30px; display: inline-block; vertical-align: middle;}
.price-dash {float:right;}
.price-dash .label.label-success.notegreen, .price-dash .label-success.notegreen.jvectormap-tip {clear:both;}

/*inbox*/
.table-inbox tr td .zmdi-star.inbox-started, .table-inbox tr td .zmdi-star:hover {color:#fe7734;}
.panel-title.tcapital { text-transform: capitalize;}
.inbox-nav.folderemail li a {padding:5px 15px;}
.inbox-nav.folderemail li a i{ font-size:14px;}
#see_emails .panel, #sent_email .panel {
    min-height: 74vh;
    background: url("../../../content/imagenes/inbox.svg") no-repeat 0% 100px;
} /*auto*/
.mail-box .panel.previous{background: #f5f5f5; border-left: 4px solid #dedede; border-top: 1px solid #dedede; border-bottom: 1px solid #ccc;}
.mail-box .panel.previous .heading-inbox {padding-top:10px;}
.inboxadition .panel {border:none; }
.inboxadition .tab-pane .card-view {padding:10px;}
.inboxadition .tab-pane .panel-body {padding:0px;}
.inboxadition .tab-pane .panel-body .cus-sat-stat {max-width: 70px;}
.inboxadition .tab-pane .cus-history {font-size:10px; line-height:1.2em;}
.inboxadition .tab-pane .cus-history h6 {font-size:14px; padding:5px; line-height:1.5em;}
.inboxadition .tab-pane .cus-history p {font-size:11px; line-height:1.2em; padding:5px;}
.inboxadition .tab-pane .cus-history-ico {font-size:10px; line-height:1.2em;}
.inboxadition .tab-pane .cus-history-date {font-size:10px; line-height:1.2em; }

.email-contact {float:left;}
.heading-inbox .btn.btn-success.btn-circle i{ color:#fff;}
.heading-inbox .btn.btn-success.btn-circle:hover i{ color:#8dd327;}
.btn.btn-circle.btn30 {height:30px; width:30px;}
.btn.btn-circle.btn-auto {height:30px; width:auto; padding: 0px 15px;}
.btn.btn-circle.btn-auto  {border-radius:100px;}
.btn.btn-circle.btn-auto::before {border-radius:0%;}
.heading-inbox .btn.btn-success.btn-circle.btn-auto i {margin-left:5px;}

.table.table-inbox thead tr th {padding: 5px 5px 5px 5px;}
.table.table-inbox thead tr th {padding: 5px 5px 5px 5px;}
.table.table-inbox tr td {  padding: 7px 5px !important;}
.table.table-inbox .time-chat-history {font-size: 11px;  line-height: 1.4em;  font-weight: normal;}

.table.table-inbox .view-message.actioninbox {min-width: 120px;}
.table.table-inbox .view-message a.btnlink {color:#878787; width:30px; height:30px; display: inline-block;  border: solid 1px #eee; background: #fff; border-radius:500px}
.table.table-inbox .view-message a.btnlink:hover {color:#fff; border: solid 1px #eee; background: #8dd327;}
.table.table-inbox .view-message a.btnlink i {line-height: 1.7em;}
.table.table-inbox .view-message a.btnlink:hover i {color:#fff;}
.table.table-inbox .view-message .btn {color:#212121; padding: 2px 7px;  border: solid 1px #eee; background: #fafafa; border-radius: 5px; font-size:12px;}
.table.table-inbox .view-message .btn.linked:hover {color:#212121; border: solid 1px #eee; background: #fafafa;}
.table.table-inbox .view-message .btn.linked:hover i {color:#878787;}
.table.table-inbox .view-message .btn:hover {color:#fff; border: solid 1px #8dd327; background:#8dd327; border-radius: 5px;}
.table.table-inbox .view-message .btn i {font-size:12px;}
.table.table-inbox .view-message .btn:hover i {color:#fff;}
.table.table-inbox tr:hover .view-message .btn-group .btn.vincular {display: inline-block;}
.table.table-inbox tr .view-message .btn-group .btn.vincular {display:none;}
.table.table-inbox tr .view-message .btn-group.open .btn.vincular {display: inline-block; color:#fff; border: solid 1px #8dd327; background:#8dd327; border-radius: 5px;}
.table.table-inbox tr .view-message .btn-group.open .btn.vincular i {color:#fff;}

.table.table-inbox tr .view-message .btn-group.open .btn {display: inline-block; color:#fff; border: solid 1px #8dd327; background:#8dd327; border-radius: 0px;}
.table.table-inbox tr .view-message .btn-group.open .btn i {color:#fff;}

.table.table-inbox .view-message {white-space: nowrap;}
.table.table-inbox .view-message.from {width: 20%; font-size:12px;}
.table.table-inbox .view-message.associate { width:150px; }
.table.table-inbox .email-contact { /* width:200px;*/ overflow: hidden;  white-space: nowrap;}
.table.table-inbox .view-message.subject {min-width:200px; max-width:400px; overflow: hidden;  font-size:12px;}
.table.table-inbox .inbox-search {font-weight:400; width:250px;}
.table.table-inbox .inbox-search .input-group input {padding:15px; height:35px; width:210px; }
.table.table-inbox .inbox-search .input-group .input-group-btn {right: 38px; top: 0px;}
.table.table-inbox .inbox-search .input-group .btn.btn-default {width:38px; height:35px; background: #8dd327; border-radius:2px; }
.table.table-inbox .inbox-search .input-group .btn.btn-default i {color:#fff; font-size:16px;}
.table.table-inbox .inbox-search .table-responsive {display: none;}
.table.table-inbox .inbox-search .table-responsive.on {display:block;}
.table.table-inbox .inbox-search .table > tbody > tr > td {border-top: 0px solid #ddd; border-bottom: 1px solid #ddd; font-size: 12px;  font-weight: 400;}
.inbox-small-cells {
    width: 30px;
}

.note-editor.note-frame .note-toolbar .note-btn-group button {
    border: none !important;
    padding: 5px 10px !important;
}


/* TABS */
.custom-tab-2 .tab-pane {
    background: #F1F1F1;
    border-radius: 0px 0px 8px 8px;
}
.custom-tab-2 .nav-tabs > li > a {font-weight: bold; padding: 1em 0.5em;}
.custom-tab-2 .nav-tabs > li.active > a:active, .custom-tab-2 .nav-tabs > li.active > a:focus, .custom-tab-2 .nav-tabs > li.active > a:hover, .custom-tab-2 .nav-tabs > li.open > a:active, .custom-tab-2 .nav-tabs > li.open > a:focus, .custom-tab-2 .nav-tabs > li.open > a:hover {
		background: #F1F1F1; color:#212121; }
.custom-tab-2 .nav-tabs > li.active > a, .custom-tab-2 .nav-tabs > li.open > a {background: #F1F1F1; color:#212121;border-radius: 8px 8px 0px 0px;padding: 1em 0.7em;}
.table-wrap.deepwhite { background:#fff; border-radius:8px;}
.custom-tab-2 .nav-tabs li.link-1-3 {display: flex; }
.custom-tab-2 .nav-tabs li a.link-2-3 {padding-right:10px; margin-right:5px; width: 100%; border-radius:0px 20px 20px 0px;}
.custom-tab-2 .nav-tabs li a.link-3-3 {padding: 0em 0.2em 0em 0.2em; text-align: center; border-radius:50px; background:#bbb; margin-right:5px; height: 22px; width: 24px;}
.custom-tab-2 .nav-tabs li a.link-3-3 i {margin-right:0px; font-size:12px; width:12px; color:#fff; }
.custom-tab-2 .nav-tabs li a.link-3-3:hover {background:#555;}
table.dataTable.display.table-striped > tbody > tr:nth-of-type(2n+1) {background: rgba(33, 33, 33, 0.02);}
.table-wrap.deepwhite table.dataTable {width: 100% !important;}
/*.table-wrap.deepwhite table.dataTable > thead:first-child .sorting_asc::after, .table-wrap.deepwhite table.dataTable > thead:first-child .sorting_desc::after {display: none;}*/
.table-wrap.deepwhite table.dataTable thead .norder.sorting_asc::after, .table-wrap.deepwhite table.dataTable thead .norder.sorting_desc::after {display: none;}
.table-wrap.deepwhite table.dataTable > tfoot > tr > th {border-top:none; border-bottom: 1px solid #dedede !important; background:#f2f2f2;}
.table-wrap.deepwhite table.dataTable thead .norder::after {display: none !important;}
.table-wrap.deepwhite .table > tfoot > tr > th { padding:8px 5px 8px 5px;}
.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select { border-radius:4px;}
.table-wrap.deepwhite table .jsgrid-cell input {height: 35px; padding:0.5em; border-radius: 4px; width: 90%;}
.table-wrap.deepwhite table .jsgrid-cell input.mw120 { min-width:100px;}
.table-wrap.deepwhite table .jsgrid-cell input.mw90 { min-width:90px;}
.table-wrap.deepwhite table .jsgrid-cell.doble input {float: left; width: 60px;}
.table-wrap.deepwhite table .jsgrid-cell.doble {width:120px;}
.table-wrap.deepwhite table .jsgrid-cell .spacedoble {width:110px; display: inline-block;}
.table-wrap.deepwhite table .jsgrid-cell .spacedoble input {float: left; width: 55px;}
.table-wrap.deepwhite table .jsgrid-cell .spacesingle {display: inline-block;}
.table-wrap.deepwhite table .jsgrid-cell .spacesingle input { height: 25px; width:55px; float:left; clear:both;}
.table-wrap.deepwhite table .jsgrid-cell.jsgrid-align-right.text-center { text-align:center;}
.table-wrap.deepwhite table input[type="checkbox"] {display: inline-block; }
.table-wrap.deepwhite .form-control { min-width:200px; height:32px; padding:5px 8px;}
.table-wrap.deepwhite .input-group-btn > .btn {padding: 5px 15px;}
a.titlef {color:#212121; font-weight:800;}
a.titlef:hover {color:#72c000;}
a.icolinktable { padding: 0.15em 0.4em; border-radius: 50px; background:#999; margin-right: 0.1em;}
a.icolinktable.btnico01 { padding: 0.19em 0.48em;}
a.icolinktable.btnico01 span.top-nav-icon-badge	{font-size: 0.9em; vertical-align: top; margin-left: 3px; border-radius: 50px; padding: 0.05em 0.2em;}
a.icolinktable.btnico02 { padding: 0.19em 0.55em;}
a.icolinktable.btnico03 { padding: 0.19em 0.51em;}
a.icolinktable.btnico03 span.top-nav-icon-badge	{font-size: 0.9em; vertical-align: top; margin-left: 3px; border-radius: 50px; padding: 0.05em 0.2em;}
a.icolinktable:hover { background:#8dd327; color:#fff;}
open .dropdown-toggle.btn.icolinktable.btnico01:hover, .open .dropdown-toggle.btn.icolinktable.btnico01:focus, open .dropdown-toggle.btn.icolinktable.btnico02:hover, .open .dropdown-toggle.btn.icolinktable.btnico02:focus, open .dropdown-toggle.btn.icolinktable.btnico03:hover, .open .dropdown-toggle.btn.icolinktable.btnico03:focus { background: #97e22b !important; color: #fff !important; }
.btnico01:hover, .btnico01:focus, .btnico02:hover, .btnico02:focus, .btnico03:hover, .btnico03:focus { background: #97e22b !important; color: #fff !important; }
a.btn.btnico04 { padding: 0.10em 0.51em 0.25em 0.51em; border-radius: 50px; background:#7abf16; color:#fff; }
a.btn.btnico04:hover { background:#97e22b; }
a.btn.btnico04 i {font-size: 16px; line-height: 1.40em;}

.label.label-success.notegreen, .label-success.notegreen.jvectormap-tip {background: #fff; color: #82c421;border: 1px solid #eee; margin: 0.1em 0em;display: inline-block; padding:0.3em 0.6em; text-transform: none; float:left;}
.label.label-success.noteyellow, .label-success.noteyellow.jvectormap-tip {background: #fff; color: #f8b32d;border: 1px solid #ddd; margin: 0.1em 0em;display: inline-block; padding:0.3em 0.6em; text-transform: none; float:left;}
.label.label-success.noteorange, .label-success.noteorange.jvectormap-tip {background: #ff9136; color: #fff;border: 1px solid #ff9136; margin: 0.1em 0.1em;display: inline-block; padding:0.3em 0.6em; text-transform: none; float:left;}
.label.label-success.notered, .label-success.notered.jvectormap-tip {background: #fff;color: #f6303e; border: 1px solid #ddd;margin: 0.5em 0em 0.1em 0em;display: inline-block;padding: 0.4em 0.6em;}
.label.label-success.notegray, .label-success.notegray.jvectormap-tip {background: #fff; color: #777; border: 1px solid #ddd; margin: 0.5em 0em 0.1em 0em; display: block; padding: 0.4em 0.6em ; max-width:200px; }
.label.label-success.notegray.sponsor, .label-success.notegray.sponsor.jvectormap-tip { word-break:break-word;width: 180px; font-size: 10px; border: 1px solid #e50000; color:#e50000; text-transform:none;}
.label.label-success.notegreenbg, .label-success.notegreenbg.jvectormap-tip {background: #82c421; color: #fff;border: 1px solid #a2ed33; margin: 0.1em 0em;display: inline-block; padding:0.3em 0.6em; text-transform: none; float:left;}

.notefull { width:100%; max-width: none !important;}
.notefull-success { width:100%; max-width: none !important; font-size:11px;}
.notefull-success i {font-size:14px;}
.notefull-buyed { width:100%; max-width: none !important; float: left;}
.notelink { width:84%;}
.label.label-success.notegreen {margin-right: 0.2em;}

.label.label-success.notegreen:first-child { font-weight: 700; border: 1px solid #82c421; padding: 0.3em 1em; margin-right: 0.2em; /* text-transform: uppercase; */ }
.label.label-success.note-green { font-weight: 700; border: 2px solid #82c421; color: #82c421; padding: 0.3em 1em; margin: 0.1em 0em; background: #fff; display: block;}
.label.label-success.note-yellow { font-weight: 700; border: 2px solid #f8b32d; color: #f8b32d; padding: 0.3em 1em; margin: 0.1em 0em; background: #fff; display: block;}
.label.label-success.note-orange { font-weight: 700; border: 2px solid #ff7200; color: #ff7200; padding: 0.3em 1em; margin: 0.1em 0em; background: #fff; display: block;}
.label.label-success.note-red { font-weight: 700; border: 2px solid #f33923; color: #f33923; padding: 0.3em 1em; margin: 0.1em 0em; background: #fff; display: block;}

.label-success.tablabel { padding: 0.7em 0.5em 0.7em 1em; display: inline-block; font-size: 0.9em; margin:0.1em 0em; background: #8dd327 !important; }
.label-success.tablabel i { font-size: 12px; padding-right: 6px; }
.tablabelnum {display: block; width: 100%; padding: 5px; font-weight: bold;}
.tablabelnum .viability i {font-size:16px;}
.tablabeltext-status {display: inline-block; width: 100%; padding: 5px; }
.tablabeltext-url {/*display: block; */max-width: 150px; white-space: normal; /*padding: 5px;*/ font-size:0.9em; }
.label-table.vtop {vertical-align: top;}
ul.list-suspicious li {padding:2px 5px 5px 12px; display:block; text-align:left; font-size: 12px; line-height: 16px; position:relative;}
ul.list-suspicious li i { position: absolute; top:5px; left:0px; color:#ff8a00; font-size:11px;}
ul.list-suspicious li span { }
.num-organic { font-weight:bold;}
.num-dr { font-weight:bold;}
.btn.tabbtn01 { padding: 4px 2px 4px 8px; font-size: 0.85em; margin:0.1em 0em; background: #8dd327 !important;
border: solid 1px #8dd327 !important; border-radius: 50px;}
.btn.tabbtn01:hover { background: #97e22b !important; border: solid 1px #8dd327 !important;}
.btn.tabbtn02 { padding: 4px 2px 4px 8px; font-size: 0.85em; margin:0.1em 0em; background: #ababab !important;
border: solid 1px #999 !important; border-radius: 50px;}
.btn.tabbtn02:hover { background: #97e22b !important; border: solid 1px #8dd327 !important; }
.open .dropdown-toggle.btn.tabbtn02:hover, .open .dropdown-toggle.btn.tabbtn02:focus { background: #97e22b !important; border: solid 1px #8dd327 !important; }
.btn.tabbtn02 { padding: 4px 2px 4px 8px; font-size: 0.85em; margin:0.1em 0em; background: #ababab !important;
border: solid 1px #999 !important; border-radius: 50px;}
.btn.tabbtn02:hover { background: #97e22b !important; border: solid 1px #8dd327 !important; }
	.btn.tabbtn03 { padding: 4px 2px 4px 8px; font-size: 0.85em; margin:0.1em 0em; background: #009cff !important;
border: solid 1px #32afff !important; border-radius: 50px;}
.btn.tabbtn03:hover { background: #32afff !important; border: solid 1px #009cff !important;}
.btn.tabbtn01.btn-icon i, .btn.tabbtn02.btn-icon i {font-size:12px;}
.btn.tabbtn01.btn-icon i.size-12, .btn.tabbtn02.btn-icon i.size-12 {font-size:12px;}
.btn.btn-icon.preciotab {font-size: 14px; float: right; padding: 4px; margin:0px 5px 2px 0px;}
.btn.btn-icon.preciotab b {font-size:16px;}
.btn.btn-icon.preciotab i {font-size:20px; padding:0.2em 0.3em;}
.info-precio { float: right; clear: right; margin-right: 11px; }
.btn.btn-icon.checkdown { float:right; margin-top:0.2em;}
.btn.btn-icon.checkdown i { font-size:14px;}
.btn.btn-icon.checkdown-yes { float:right; width: 47%; margin-top:0.2em; margin-right: 0.4em;}
.btn.btn-icon.checkdown-yes i { font-size:12px;}
.btn.btn-icon.checkdown-no { float:right; width: 47%; margin-top:0.2em; margin-right: 0.4em;}
.btn.btn-icon.checkdown-no i { font-size:14px;}
.btn.btn-icon.checkdown-no i.font-12 {font-size:12px;}
.btn.btn-icon.checkdown-no.width100 {float:none; width: 95%;}
.btn.btn-icon.checkdown-no.width100 i {font-size:12px;}
.btn.btn-icon.checkdown-yes-self { float:right; width: 49%; margin-top:0.2em; margin-right: 0.2em;}
.btn.btn-icon.checkdown-yes-self i { font-size:11px;}
.btn.btn-icon.checkdown-yes-self.width100 { float:none; width: 97%; margin:0.05em 0.2em 0em 0.2em; }
.btn.btn-icon.checkdown-yes-good { float:right; width: 47%; margin-top:0.2em; margin-right: 0.4em;}
.btn.btn-icon.checkdown-no-bad { float:right; width: 47%; margin-top:0.2em; margin-right: 0.4em;}
.btn.btn-icon.checkdown-yes-good.width100 { float:none; width: 97%; margin:0.1em 0.2em 0.1em 0.2em; }
.btn.btn-icon.checkdown-no-bad.width100 { float:none; width: 97%; margin:0.1em 0.2em 0.1em 0.2em; }

.btn.tabbtn05 { padding: 4px 2px 4px 8px; font-size: 0.85em; margin:0.1em 0.2em 0.2em; background: #3A88EC !important;
border: solid 1px #3A88EC !important; border-radius: 50px; float:right;}
.btn.tabbtn05:hover { background: #FF3E81 !important; border: solid 1px #FF3E81 !important;}

.new-list {padding: 0.2em 0.5em; vertical-align: super; margin-left: 0.2em; font-size:10px;}
.spy {padding: 0.8em 0.5em 0.2em 0.5em; vertical-align: top; margin-left: 0.2em; font-size: 10px; background-color: #ff005a;}
.spy b { background: url("../../../Content/Imagenes/imglinkaffinity/ico-spy.png") no-repeat center center; width: 14px; height: 14px; display: inline-block;}
.btnspy b { background: url("../../../Content/Imagenes/imglinkaffinity/ico-spy-btn.png") no-repeat center center; width: 17px; height: 15px; display: inline-block;}
.ico-affinity {padding: 0px 10px; margin:0px 5px 0px 7px; background: url("../../../Content/Imagenes/imglinkaffinity/btn-ico-affinity.png") no-repeat center bottom; }
.ico-affinity-color {padding: 0px 5px; margin:0px 5px 0px 0px; background: url("../../../Content/Imagenes/imglinkaffinity/ico-affinity.png") no-repeat center center; }
.icomode { padding:0.4em 0.6em; font-size:12px; vertical-align:middle;}

table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {background:#eee;}


table.dataTable.display tbody tr:hover > td .tabbtn01, table.dataTable.order-column.hover tbody tr:hover > td .tabbtn01 {
	background: #7abf16 !important; border: solid 1px #8dd327 !important;}
table.dataTable.display tbody tr:hover > td .tabbtn01:hover, table.dataTable.order-column.hover tbody tr:hover > td .tabbtn01:hover {
	background: #97e22b !important; border: solid 1px #8dd327 !important;}
	
table.dataTable.display tbody tr:hover > td .tabbtn02, table.dataTable.order-column.hover tbody tr:hover > td .tabbtn02 {
	background: #666 !important; border: solid 1px #999 !important;}
table.dataTable.display tbody tr:hover > td .tabbtn02:hover, table.dataTable.order-column.hover tbody tr:hover > td .tabbtn02:hover {
	background: #97e22b !important; border: solid 1px #8dd327 !important;}
	
table.dataTable.display tbody tr:hover > td .tabbtn03, table.dataTable.order-column.hover tbody tr:hover > td .tabbtn03 {
	background: #028de6 !important; border: solid 1px #41b5ff !important;}
table.dataTable.display tbody tr:hover > td .tabbtn03:hover, table.dataTable.order-column.hover tbody tr:hover > td .tabbtn03:hover {
	background: #41b5ff !important; border: solid 1px #028de6 !important;}

table.dataTable.display tbody tr:hover > td .icolinktable, table.dataTable.order-column.hover tbody tr:hover > td .icolinktable {
	background: #666 !important;}
table.dataTable.display tbody tr:hover > td .icolinktable:hover, table.dataTable.order-column.hover tbody tr:hover > td .icolinktable:hover {
	background: #97e22b !important;}

table.dataTable.display tbody tr:hover > td .checkdown, table.dataTable.order-column.hover tbody tr:hover > td .checkdown {
	background: #f6303e !important; border: solid 1px #d31926 !important;}

table.dataTable.display tbody tr:hover > td .checkdown-yes, table.dataTable.order-column.hover tbody tr:hover > td .checkdown-yes {
	background: #31630e !important; border: solid 1px #4c8e1e !important;}
table.dataTable.display tbody tr:hover > td .checkdown-yes:hover, table.dataTable.order-column.hover tbody tr:hover > td .checkdown-yes:hover {
	background: #69b235 !important; border: solid 1px #66bc29 !important;}
	
table.dataTable.display tbody tr:hover > td .checkdown-no, table.dataTable.order-column.hover tbody tr:hover > td .checkdown-no {
	background: #666666 !important; border: solid 1px #676767 !important;}
table.dataTable.display tbody tr:hover > td .checkdown-no:hover, table.dataTable.order-column.hover tbody tr:hover > td .checkdown-no:hover {
	background: #999 !important; border: solid 1px #a8a8a8 !important;}
	
table.dataTable.display tbody tr:hover > td .checkdown-no.delete, table.dataTable.order-column.hover tbody tr:hover > td .checkdown-no.delete {
	background: #d60716 !important; border: solid 1px #cc0715 !important;  }
table.dataTable.display tbody tr:hover > td .checkdown-no.delete:hover, table.dataTable.order-column.hover tbody tr:hover > td .checkdown-no.delete:hover {
	background: #ff4956 !important; border: solid 1px #ea4a56 !important;  }

table.dataTable.display tbody tr:hover > td .checkdown-no.bad-links-deleted, table.dataTable.order-column.hover tbody tr:hover > td .checkdown-no.bad-links-deleted {
	background: #555 !important; border: solid 1px #676767 !important;  }
table.dataTable.display tbody tr:hover > td .checkdown-no.bad-links-deleted:hover, table.dataTable.order-column.hover tbody tr:hover > td .checkdown-no.bad-links-deleted:hover {
	background: #888 !important; border: solid 1px #a8a8a8 !important;  }

table.dataTable.display tbody tr:hover > td .checkdown-no.disavow, table.dataTable.order-column.hover tbody tr:hover > td .checkdown-no.disavow {
	background: #5c080e !important; border: solid 1px #8c2e34 !important;}
table.dataTable.display tbody tr:hover > td .checkdown-no.disavow:hover, table.dataTable.order-column.hover tbody tr:hover > td .checkdown-no.disavow:hover {
	background: #933138 !important; border: solid 1px #cd4f58 !important;}
	
table.dataTable.display tbody tr:hover > td .checkdown-no.let-it-be, table.dataTable.order-column.hover tbody tr:hover > td .checkdown-no.let-it-be {
	background: #d4a300 !important; border: solid 1px #e5b30a !important;}
table.dataTable.display tbody tr:hover > td .checkdown-no.let-it-be:hover, table.dataTable.order-column.hover tbody tr:hover > td .checkdown-no.let-it-be:hover {
	background: #fcca22 !important; border: solid 1px #e5b30a !important;}
	
table.dataTable.display tbody tr:hover > td .checkdown-yes-self, table.dataTable.order-column.hover tbody tr:hover > td .checkdown-yes-self {
	background: #666 !important; border: solid 1px #999 !important;}
table.dataTable.display tbody tr:hover > td .checkdown-yes-self:hover, table.dataTable.order-column.hover tbody tr:hover > td .checkdown-yes-self:hover {
	background: #8dd327  !important; border: solid 1px #7abf16 !important;}
	
table.dataTable.display tbody tr:hover > td .checkdown-yes-good, table.dataTable.order-column.hover tbody tr:hover > td .checkdown-yes-good {
	background: #6cad0d !important; border: solid 1px #8dd327 !important;}
table.dataTable.display tbody tr:hover > td .checkdown-yes-good:hover, table.dataTable.order-column.hover tbody tr:hover > td .checkdown-yes-good:hover {
	background: #97e22b  !important; border: solid 1px #8dd327 !important;}
	
table.dataTable.display tbody tr:hover > td .checkdown-no-bad, table.dataTable.order-column.hover tbody tr:hover > td .checkdown-no-bad {
	background: #bf6002 !important; border: solid 1px #ff8711 !important;}
table.dataTable.display tbody tr:hover > td .checkdown-no-bad:hover, table.dataTable.order-column.hover tbody tr:hover > td .checkdown-no-bad:hover {
	background: #ff8f20  !important; border: solid 1px #ff8711 !important;}


.dropdown-menu.droptable > li > a i {font-size:12px;}
.dropdown-menu.droptable > li.active > a i {color:#fff;}
.table-wrap.deepwhite table.table > tbody > tr > td { padding:1em 0.25em;}
.th-domain01 { width:225px !important;}
.c-acciones01 { width:220px; display: block; text-align:left; overflow: hidden;}
.c-acciones02 { width:120px; display: block; text-align:left; overflow: hidden;}
.c-acciones03 { /*width:220px;*/ display: block; text-align:left; overflow: hidden;}
.c-acciones03.wmin { width:220px;}
.c-acciones03 .btn.tabbtn01 {margin:0em 0.2em 0.2em 0.2em; width: 97%;}
.c-acciones03 .label.label-success.notegreen {width: 97%;}
.th-acciones01 { width:200px !important;}
.th-acciones02 { width:120px !important;}
.c-acciones01.tright {text-align:right;}
.price {float: left; overflow: hidden; width: 155px;}
.act-price {float: left; width: 45px;}
.c-domain01 { width:200px; display: block; max-height: 70px; overflow: hidden;}

.c-domain01.listag { width:auto; display: block; max-height: none; overflow: auto;}
/*.c-domain01.listag .label.label-success.notegreen:first-child {border: 1px solid #eee; padding: 0.3em 0.6em; font-weight: 400;}*/
.c-domain01.listag.anchors .label.label-success.notegreen {font-weight: 700;}
.tablabeltext-url.listag { max-width: none;}

.c-status01 { width:145px; display: inline-block; text-transform: capitalize;}
.th-lastaction { width:60px !important;}
.c-lastaction { width:60px; display: block; text-transform: capitalize; white-space: normal;}
.th-risklevel { width:80px !important;}
.c-risklevel { width:80px; display: inline-block;}
.c-fuseonrank { width:70px; display: inline-block;}
.c-fuseonrank.plus { width:140px; }
.th-affinity { width:140px !important;}
.c-affinity { width:140px; display: inline-block;}
.th-actionhistory {width:120px !important;}
.c-actionhistory {width:120px; display: inline-block;}
.th-rlanding01 { width:120px !important;}
.th-organic {width:100px !important;}
th.norder.text-center { max-width:30px !important; padding:12px 5px 12px 5px;}
td.text-center.sorting_1 { max-width:30px !important;}
/* 
.th-dr {width:100px !important;} 
*/
.th-ip { width:60px !important;}
/* table menu*/
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {opacity: .40;}
.tabsubmenu {padding:1em 0em; background:#f5f5f5;}
.button-list.btn-table .btn {margin-right:5px}
.button-list .btn.btn-lable-wrap .btn-label {padding: 9px 15px; border-radius:0px 20px 20px 0px;}
.button-list .btn.btn-lable-wrap {border-radius:20px;}
.btn.btn-success.btn-disavow { background: #b3131e; border: solid 1px #b3131e;}
.btn.btn-success.btn-disavow:hover { background: #c91c28; border: solid 1px #c91c28;}
.btn.btn-success.btn-spy{ background: #a265e1 !important; border: solid 1px #823ec8 !important;}
.btn.btn-success.btn-spy:hover { background: #823ec8 !important; border: solid 1px #a265e1 !important;}

/* MODAL */
.ico-tmodal { float: left;margin-right: 10px; color:#777; background: #f5f5f5;border-radius: 50px;height: 30px;width: 30px;text-align: center;line-height: 2em; }
.t-tmodal {color: #444;line-height: 1.8em;}
/* MULTI SELECT */
.bradius1-2 button {border-radius:20px 0px 0px 20px !important;}
.bradius2-2 button {border-radius:0px 20px 20px 0px !important;}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {color: #8dd327;}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {padding: 0em 0em 0em 0.5em;}
.form-group .bootstrap-select.btn-group.bradius1-2 {width:65%;}
.input-group-btn.bradius2-2  { width:35%; float:right;}
.input-group-btn.bradius2-2 button {width:100%; padding:10px 0px;}
.selectinline {display: inline-block; width:100px; margin-left:5px; margin-right:5px;}
.border50 {border-radius: 50px; border-color: #8dd327;}
.tags-default input {width: 100%; border: none; height: 42px;}
.btn-success.btn-outline {padding-left:10px;}
.form-group.disabled {opacity: 0.4; pointer-events: none; cursor: not-allowed!important;}
.tabledrop {list-style:none; padding:1em; border-radius:20px; border: 1px solid #d0d0d0; height: 400px; overflow: auto;}
.tabledrop li {font-size: 16px; padding: 0.5em 1em; background: #f5f5f5; border-radius: 50px; margin-bottom: 0.5em;}
.tabledrop li:hover {padding: 0.5em 1em; background: #8dd327; color:#fff; border-radius: 50px; margin-bottom: 0.5em; cursor:move;}
.tabledrop li i	{font-size: 16px;}
.tabledrop li i.moveaction {border-radius:50px; background:#fff; float:right; padding: 0.3em 0.35em 0.3em 0.3em; font-size: 16px;}
.tabledrop li:hover i.moveaction {color:#f6303e; cursor: pointer;}

.minline .select2-container--default .select2-selection--single {height: 35px;}
.minline .select2-container--default .select2-selection--single .select2-selection__rendered {height: 35px;}
.minline .select2-container--default .select2-selection--single .select2-selection__rendered, .minline .select2-container--default .select2-selection--single {line-height: 35px;}
.minline .select2-container--default .select2-selection__arrow {height: 35px !important;}


/* INTERNO */
.panelsearch { overflow: hidden; padding: 0px 0px 0px 0px; background:none; /*url("../../../img/imglinkaffinity/search-inter.png") no-repeat center top; background-size:contain;*/}
.t-seccion {background: #f1f1f1; border-radius: 50px; padding: 1em 1.2em; color:#999; font-weight:300; }
.t-seccion b {color:#8dd327; font-weight:bold;}
.t-seccion.popup-section {border-radius: 50px; padding: 0.5em 1.2em; color:#999; font-weight:300; }
.t-seccion.popup-section b {color:#999;}
.t-seccion.popup-section i {color:#999;}
.panel-line {background: #fff; border: solid 1px #f2f2f2; border-radius: 20px;}
.panel-line:hover {background: #fafafa; border: solid 1px #ccc;}
.panel-line.walletbg {background: url("../../../Content/Imagenes/imglinkaffinity/change-money.png") #f5f5f5 no-repeat center 28%; border: solid 1px #d2d2d2; border-radius: 20px;}
.panel-line.walletbg:hover {background-color: #fafafa; border: solid 1px #8dd327;}
.panel-line.overwhite {background: #fafafa; border: solid 1px #ebebeb; border-radius: 20px;}
.panel-line.overwhite:hover {background-color: #f5f5f5; border: solid 1px #ebebeb;}

ul.list-icons.wtags.nolink li { background: #fff; color: #82c421; font-size: 12px; font-weight: bold; border: 1px solid #ddd; border-radius: 50px; margin: 0.1em 0.1em; display: inline-block; padding: 0.4em 0.8em;}

.btn.btn-default.btn-rounded {color: #555 !important;}

/*limits*/
.limits { font-weight: 400; padding:0.2em 0em;}
.limits .label01 { width:60%; float:left; }
.limits .label02 { width:40%; float:left; text-align:right; font-weight: 600; color:#8dd327;}
.limits .label02 span { color:#555; font-weight: 300;}

.limitchange {background: url("../../../Content/Imagenes/imglinkaffinity/limit-bg.png") #fff no-repeat right top;}

.myplan h6 { padding:0.5em 0.5em 0.5em 1em; color:#999; font-size:18px; font-weight: 300; text-align:left;}
.myplan h6 b { color:#8dd327; font-size:25px;}
.myplan .mylimit {background: rgba(255,255,255,0.8); padding:1em; border-radius: 20px;}

.nextplan h6 { padding:0.5em 0em; color:#999; font-size:18px; font-weight: 300; text-align:center;}
.nextplan h6 b { color:#8dd327; font-size:25px;}

a.nextbanner { /* min-height: 270px; */ background-color:rgba(141,211,39,0.1); border:1px solid #d0ff8c; display:block; margin:1em; border-radius:20px; text-align:center;}
a.nextbanner:hover { background-color:rgba(141,211,39,0.95); border:1px solid #8cad43; }

a.nextbanner .nextoption {max-width:200px; min-height:250px;  display: inline-block; position: relative;}

a.nextbanner .precio {border-radius:100%; width:100px; height:100px; overflow:hidden; display:inline-block; padding:2.5em 1em; line-height: 1.2em; top: 110px; position: relative; margin: 0em 1em;  background: rgba(255,255,255,0.8); border:1px solid #8dd327; }
a.nextbanner:hover .precio { background: rgba(255,255,255,0.95); border:1px solid #fff;}
a.nextbanner .precio b {font-size:24px; font-weight:bold; color:#8dd327;}

a.nextbanner .masinfo { display:inline-block; border-radius:50px; color:#fff; font-weight:bold; background: #8dd327; border: 1px solid #8dd327; top: 95px; position: relative; padding:0.5em 1em; margin: 0em 1em;}
a.nextbanner:hover .masinfo { background: #fff; color:#8dd327; border: 1px solid #8dd327;}

a.nextbanner .discount { display:none; border-radius:50px; color:#fff; font-weight:bold; top: -60px; left:80px; position: relative; padding:1.8em 1em 0em 1em; margin: 0em 1em; font-size:12px; font-weight:bold; line-height:1em; height:90px; width:90px; overflow:hidden; border:2px solid rgba(255,255,255,0.6)}
a.nextbanner .discount b {font-size:25px; font-weight:bold;}
a.nextbanner .discount.blue {background: #00aeff; }
a.nextbanner .discount.yellow {background: #ffb307; }
a.nextbanner .discount.red {background: #ff3e2a; }
a.nextbanner .discount.active {display:inline-block;}

/*reports*/
.form-group.reports .switchery {margin-right: 5px;}
tr.report-post td {background:#fff; border-top:3px solid #8dd327 !important;}
.div-calendar {display:none;}
.div-calendar.active {display:inline-block; width:100%;}

.range_inputs .btn.btn-info {background: #8dd327; border: solid 1px #8dd327;}
.range_inputs .btn.btn-info:hover {background: rgba(141, 211, 39, 0.85); border: solid 1px rgba(141, 211, 39, 0.1);}

.ranges li.active, .ranges li:hover { background: #51bf99 !important; border: 1px solid #51bf99 !important;}
.ranges li {color:#51bf99; }

.t-imp { color:#888; font-weight:300; font-size:20px; }
.t-imp i {color:#8dd327; }
.t-imp b {color:#8dd327; font-weight:bold;}
.t2-imp {font-weight:300; color: #888; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.t3-imp {color: #222; background:#f4f4f4; border-radius:50px; border: 1px solid #ddd; padding: 1em 1.5em;}
.t4-imp {color: #fff; background:#8dd327; border-radius:50px; border: 2px solid #81ac26; font-weight:bold; padding: 1em 1.5em; text-align:left;}

tr.report-post .wallet-circle .walletico {float:left;}
tr.report-post .wallet-circle .walletmoney {float:left;}
tr.report-post .wallet-circle .walletname {float:left;}

.panel-reports {background-color: #f5f5f5; border: solid 1px #ebebeb; background: #fafafa; border-radius: 10px; padding:1em; margin-bottom:30px;}
.panel-reports h5 {margin:5px 0px; color: #999; font-weight:300;}
.pill-imp {padding: 3px 8px 3px; margin:0px 0px 0px 2px; font-size: 11px; border-radius: 50px; text-transform: capitalize; font-weight: 400; background: #8dd327; color:#fff;}
.pill-imp.groups {background: #f2f2f2; color:#777;}
.pill-imp.labels {background: #fff; color:#777;}

.table-wrap.deepwhite.imp-table .table > thead > tr > th {padding: 12px 5px 12px 5px; text-align:center;}
.table-wrap.deepwhite.imp-table .table ul.list-suspicious li { text-align:center;}
.table-wrap.deepwhite.imp-table .table ul.list-suspicious li i { position: initial;}
.imp-titlef {color:#212121; font-weight:800;}

#scroller{ max-height: 400px; overflow: auto; padding:0.5em 1em; border:solid 1px #dbdbdb;}
#scroller h1 {font-size:2em; line-height:1.2em; font-weight:bold; margin-bottom:0.5em;}
#scroller h2 {font-size:1.7em; line-height:1.2em; font-weight:500; margin-bottom:0.5em;}
#scroller h3, #scroller h4, #scroller h5, #scroller h6 {font-size:1.4em; line-height:1.2em; font-weight:300; margin-bottom:0.5em;}
#scroller p a {color:#8dd327;}

span.token {font-size: 16px; padding: 1em 2em; background: #f5f5f5;border-radius: 50px;}

.completed i {background: #8dd327; color: #fff; padding: 0.5em; border-radius: 100px;}
.completed-note {display: inline-block; background: #8dd327; font-size:12px; font-weight:bold; color: #fff; padding: 0.5em; border-radius: 100px; padding:0.5em 1em; }

/*partner*/
a.nextbanner.partner { /* min-height: 270px; */ background-color:rgba(141,211,39,0.1); border:1px solid #d0ff8c; display:block; margin:0em; border-radius:20px; text-align:center;}
a.nextbanner.partner:hover { background-color:rgba(141,211,39,0.95); border:1px solid #8cad43; }
a.nextbanner.partner .nextoption {max-width:200px; min-height:250px;  display: inline-block; position: relative;}
a.nextbanner.partner .precio {border-radius:100%; width:100px; height:100px; overflow:hidden; display:inline-block; padding:2.5em 1em; line-height: 1.2em; top: 90px; position: relative; margin: 0em 1em;  background: rgba(255,255,255,0.9); border:1px solid #8dd327; }
a.nextbanner.partner:hover .precio { background: rgba(255,255,255,0.95); border:1px solid #fff;}
a.nextbanner.partner .precio b {font-size:24px; font-weight:bold; color:#8dd327;}
a.nextbanner.partner .masinfo { display:inline-block; border-radius:50px; color:#fff; font-weight:bold; background: #8dd327; border: 1px solid #8dd327; top: 75px; position: relative; padding:0.5em 1em; margin: 0em 0em;}
a.nextbanner.partner:hover .masinfo { background: #fff; color:#8dd327; border: 1px solid #8dd327;}
a.nextbanner.partner .discount { display:none; border-radius:50px; color:#fff; font-weight:bold; top: -60px; left:80px; position: relative; padding:1.8em 1em 0em 1em; margin: 0em 1em; font-size:12px; font-weight:bold; line-height:1em; height:90px; width:90px; overflow:hidden; border:2px solid rgba(255,255,255,0.6)}
a.nextbanner.partner .discount b {font-size:25px; font-weight:bold;}
a.nextbanner.partner .discount.blue {background: #00aeff; }
a.nextbanner.partner .discount.yellow {background: #ffb307; }
a.nextbanner.partner .discount.red {background: #ff3e2a; }
a.nextbanner.partner .discount.active {display:inline-block;}
.modal-body .priceaffinity h6 { font-size:1.4em;}
.modal-body .priceaffinity .panel-heading {text-align:right;}
.modal-body .priceaffinity .promotion {display:none;}
.modal-body .panel-pricing .panel-body .list-group .list-group-item {font-size:12px; padding:0.5em;}
.modal-body .priceaffinity .panel-heading .panel-price { font-size: 20px; line-height: 20px; padding-top: 38px; width: 120px; height: 120px;}
.modal-body .panel-pricing .panel-heading .panel-price .pricing-dolor { font-size: 10px; line-height:12px;}
.modal-body .priceaffinity .panel-heading .panel-price .tax { font-size: 10px; line-height:15px;}
.btn.btn-success.btn-rounded.partner { padding:0.4em 1em; white-space: nowrap;}
.btn.btn-success.btn-rounded.partner i { font-size:14px; color:#FFF;}
/**/

.mybanner { background-color:rgba(141,211,39,0.1); border:1px solid #e6e6e6; display:block; margin:1em; border-radius:20px; text-align:center;}
.mybanner .nextoption {max-width:200px; min-height:250px;  display: inline-block; position: relative;}
.mybanner .mybannertitle {border-radius:100%; width:180px; overflow:hidden; display:inline-block; line-height: 1.3em; top: 200px; position: relative; font-size:20px; color:#999; font-weight:300; }
.mybanner .flag { position: absolute; left: 140px; bottom: 0px; width: 100px; height: 100px; overflow: hidden; background: url("../../../Content/Imagenes/imglinkaffinity/active-flag-x2.png") no-repeat right bottom; background-size:contain;}
.mybanner.limit-oneffinity-plan, .mybanner.limit-affinity-lite-plan, .mybanner.limit-affinity-plan, .mybanner.limit-affinity-pro-plan, .mybanner.limit-affinity-manager-plan, .mybanner.limit-affinity-agency-plan {background-color:#fafafa; background-position:center 10px;}

.upgrade h6 { padding:0.5em; color:#999; font-size:18px; font-weight: 300; text-align:center;}
.upgrade h6 b { color:#999; font-size:18px; font-weight: 700;}
.upgrade .nextupgrade { display:block; text-align:center; padding:180px 0px 0px 0px; background-size: contain;}

.limit-upgrade {padding: 0em 0em 0em 0em; background: url("../../../Content/Imagenes/imglinkaffinity/upgrade.png") no-repeat center top;}
.limit-upgrade-popup {padding: 0em 0em 0em 0em; background: url("../../../Content/Imagenes/imglinkaffinity/upgrade-popup.png") no-repeat center top;}
.limit-oneffinity {padding: 0em 1em 0em 6em; background: url("../../../Content/Imagenes/imglinkaffinity/limit-oneffinity.png") no-repeat left top;}
.limit-affinity-lite {padding: 0em 1em 0em 6em; background: url("../../../Content/Imagenes/imglinkaffinity/limit-affinity-lite.png") no-repeat left top;}
.limit-affinity {padding: 0em 1em 0em 6em; background: url("../../../Content/Imagenes/imglinkaffinity/limit-affinity.png") no-repeat left top;}
.limit-affinity-pro {padding: 0em 1em 0em 6em; background: url("../../../Content/Imagenes/imglinkaffinity/limit-affinity-pro.png") no-repeat left top;}
.limit-affinity-manager {padding: 0em 1em 0em 6em; background: url("../../../Content/Imagenes/imglinkaffinity/limit-affinity-manager.png") no-repeat left top;}
.limit-affinity-agency {padding: 0em 1em 0em 6em; background: url("../../../Content/Imagenes/imglinkaffinity/limit-affinity-agency.png") no-repeat left top;}

.limit-upgrade.popup, .limit-oneffinity.popup, .limit-affinity-lite.popup, .limit-affinity.popup, .limit-affinity-pro.popup, .limit-affinity-manager.popup, .limit-affinity-agency.popup { padding: 0em 1em 0em 1em;}
.limit-upgrade.popup h6, .limit-oneffinity.popup h6, .limit-affinity-lite.popup h6, .limit-affinity.popup h6, .limit-affinity-pro.popup h6, .limit-affinity-manager.popup h6, .limit-affinity-agency.popup h6 { padding: 0em 0.5em 0em 5em;}

.limit-oneffinity-plan {padding: 0em 0.5em 0em 0.5em; background: url("../../../Content/Imagenes/imglinkaffinity/limit-oneffinity02.png") no-repeat center top;}
.limit-affinity-lite-plan {padding: 0em 0.5em 0em 0.5em; background: url("../../../Content/Imagenes/imglinkaffinity/limit-affinity-lite02.png") no-repeat center top;}
.limit-affinity-plan {padding: 0em 0.5em 0em 0.5em; background: url("../../../Content/Imagenes/imglinkaffinity/limit-affinity02.png") no-repeat center top;}
.limit-affinity-pro-plan {padding: 0em 0.5em 0em 0.5em; background: url("../../../Content/Imagenes/imglinkaffinity/limit-affinity-pro02.png") no-repeat center top;}
.limit-affinity-manager-plan {padding: 0em 0.5em 0em 0.5em; background: url("../../../Content/Imagenes/imglinkaffinity/limit-affinity-manager02.png") no-repeat center top;}
.limit-affinity-agency-plan {padding: 0em 0.5em 0em 0.5em; background: url("../../../Content/Imagenes/imglinkaffinity/limit-affinity-agency02.png") no-repeat center top;}

/*price*/
.panel-pricing.priceaffinity {border-radius:20px; border:1px solid #ececec;}
.priceaffinity h6 { text-align:center; font-size:2em; color:#8dd327; background: url("../../../Content/Imagenes/imglinkaffinity/cloud-bg.png") no-repeat center center; background-color: rgba(255,255,255,0.8); border-radius:20px 20px 0px 0px; font-weight:bold; padding:1em; margin:0px;}
.priceaffinity .imgplan {background-position: 10px 65px;}
.priceaffinity .panel-heading {padding:0px; text-align:center;}
.priceaffinity .panel-heading .panel-price { text-align:center; background:rgba(255,255,255,0.8); border:4px solid rgba(141,211,39,0.2); font-size:30px; line-height:40px; padding-top:40px; margin:0.5em 0.5em 0.2em 0.5em; width:145px; height:145px; border-radius:100%; display:inline-block;}
.priceaffinity .panel-heading .panel-price .tax {font-size:12px; line-height:10px;}
.priceaffinity .panel-heading .panel-price .pricing-dolor {font-weight:300; padding:0px; line-height:30px;}
.panel-pricing.priceaffinity .panel-heading .panel-price {display: inline-block;}

.priceaffinity .promotion {position: absolute; right:2em; top:60px;}
.priceaffinity .discount { display:none; border-radius:50px; color:#fff; font-weight:bold; position: relative; padding:1.8em 1em 0em 1em; margin: 0em 1em; font-size:12px; font-weight:bold; line-height:1.1em; height:90px; width:90px; overflow:hidden; text-align: center;}
.priceaffinity .discount b {font-size:25px; font-weight:bold;}
.priceaffinity .discount.blue {background: #00aeff; border: 2px solid #abd9ff;}
.priceaffinity .discount.yellow {background: #ffb307; border: 2px solid #f1c84c;}
.priceaffinity .discount.red {background: #ff3e2a; border: 2px solid #de5e5b;}
.priceaffinity .discount.active {display:inline-block;}

.panel-pricing.priceaffinity.active {border:1px solid #ececec; background:#fff;}
.panel-pricing.priceaffinity.active h6 {background: url("../../../Content/Imagenes/imglinkaffinity/cloud-bg-2.png") no-repeat center center; background-color: rgba(141,211,39,0.9); color:#fff;}
.panel-pricing.priceaffinity.active .panel-heading .panel-price { background:rgba(141,211,39,0.9); border: 4px solid rgba(255,255,255,0.3); color:#fff;}

.panel-pricing.priceaffinity.active h6 .active-flag {position: absolute; right:5px; bottom:0px; width:133px; height:100px; overflow:hidden; background: url("../../../Content/Imagenes/imglinkaffinity/active-flag-x2.png") no-repeat right bottom;}

.panel-pricing.priceaffinity:hover {border:1px solid #8dd327;}
.panel-pricing.priceaffinity:hover h6 {background-color: rgba(141,211,39,0.9); color:#fff;}
.panel-pricing.priceaffinity:hover .panel-heading .panel-price { background:rgba(141,211,39,0.9); border: 4px solid rgba(255,255,255,0.3); color:#fff;}

/*billing*/
.card-view.panel.panel-default.panel-tabs .nav-tabs > li > a.tabbilling {padding:0 10px 12px; font-weight:bold;}
.custom-tab-1 .nav-tabs > li > a.tabbilling i {font-size:14px;}
.custom-tab-1 .nav-tabs > li > a.tabbilling:hover {color:#222;}
.custom-tab-1 .nav-tabs > li > a.tabbilling:hover i {color:#222;}
.custom-tab-1 .nav-tabs > li.active > a.tabbilling { color:#82c421;}
.custom-tab-1 .nav-tabs > li.active > a.tabbilling i {color:#82c421;}
.card-view.panel.panel-default.panel-tabs .nav-pills.ver-nav-pills > li > a { border-radius:20px; font-weight:bold;}

.panelcard {background:#f2f2f2; border-radius:8px; border: solid 1px #ddd; margin:1.5em 0em 1.5em 0em;}
.panelcard .titlecard { border-radius:8px 8px 0px 0px; background:#fff;}
.panelcard .titlecard h6 {font-size:16px; font-weight:bold; padding:1em 1.5em; float:left;}
.panelcard .titlecard .linkcard {float:right; text-align:right; padding:0.5em 1em 0em 0em;}
.panelcard .infocard {overflow:hidden; border-radius:0px 0px 8px 8px; }
.panelcard .infocard div {width:30%; padding:1.2em 2em; float:left; }
.panelcard .infocard div span {padding-left:1em;}
.panelcard.active  {border: solid 1px #82c421;}
.panelcard.active h6 {color:#82c421;}
.panelcard.active a.itablelink.idefault {background:#82c421; }
.panelcard.active a.itablelink.idefault:hover.active {background:#82c421;}

.methodpay .panelcard.method {background:#f2f2f2; border-radius:8px; border: solid 1px #ddd; margin:1.5em 0em 1.5em 0em;}
.methodpay .panelcard.method .infocard div {width:100%;}
.methodpay .panelcard.method .titlecard .itablelink { display:none; font-size:18px;}

.methodpay:hover .panelcard.method {background:#82c421; color:#82c421; border-radius:8px; border: solid 1px #82c421; margin:1.5em 0em 1.5em 0em;}
.methodpay:hover .panelcard.method .infocard div {color:#fff;}
.methodpay:hover .panelcard.method .titlecard h6 {color:#82c421;}

.methodpay.active .panelcard.method {background:#82c421; color:#82c421; border-radius:8px; border: solid 1px #82c421; margin:1.5em 0em 1.5em 0em;}
.methodpay.active .panelcard.method .infocard div {color:#fff;}
.methodpay.active .panelcard.method .titlecard h6 {color:#82c421;}
.methodpay.active .panelcard.method .titlecard .itablelink {display: inline-block;}


.opimport .card {background:#fff; border-radius:8px; border: solid 1px #ddd; padding:1em; margin:1em 0em 2em 0em;}
.opimport .card .titlecard h6 {margin-bottom:0.5em; font-size:15px;}
.opimport .card .infocard div {width:100%; color:#aaa; font-style: italic;}
.opimport:hover .card {background:#82c421; color:#82c421; border-radius:8px; border: solid 1px #82c421;}
.opimport:hover .card .infocard div {color:#fff;}
.opimport:hover .card .titlecard h6 {color:#fff;}

/*domain*/
.pilldomain {/* text-align: center; */}
.pilldomain ul {/* display:inline-block; */}
.pilldomain .nav-pills-outline.nav-pills > li.active > a { background-color:#8dd327 !important; color:#fff;}
.pillstatus {float: right !important; background:#f1f1f1; border-radius:60px;}
.pillstatus a b {color:#222;}

.pilldomain ul li.pillright {float: right;background: #f5f5f5;border-radius: 20px;margin-right: 1em;}

.domain-contain {overflow: hidden; padding: 1em;}

.card-view.panel.panel-default.panel-tabs .domain-info .nav.nav-tabs > li > a {padding:1em 1.5em;}
.custom-tab-2.domain-info .tab-pane {border-radius:0px 8px 8px 8px;}
.panel-table {background: #fff; }
.custom-tab-2.domain-info .tab-pane .bootstrap-select .btn.dropdown-toggle {background-color:#fff !important;}
.tdtypeaction {width:120px;}
.itableinfo {border-radius: 100%; width: 30px; height: 30px; background:#ccc; display: inline-block; line-height: 30px; text-align:center;}
a.itablelink {border-radius: 100%; width: 40px; height: 40px; display: inline-block; line-height: 40px; text-align:center;}
a.itablelink.min30 {border-radius: 100%; width: 30px; height: 30px; display: inline-block; line-height: 30px; text-align:center;}
a.itablelink.ilink {background:#82c421;}
a.itablelink.ilink:hover {background: rgba(139, 195, 74, 0.85);}
a.itablelink.iremove {background:#777;}
a.itablelink.iremove:hover {background:#f33923;}
a.itablelink.idefault {background:#777;}
a.itablelink.idefault:hover {background:#82c421;}

.typeaction { text-transform: capitalize; background: #fff;display: inline-block;border-radius: 10px;border: 1px solid #dadada;padding: 1em 1.2em 1em 1.2em;width: 100%;font-size: 14px;font-weight: bold;}
.typeaction.nocap {text-transform: none;}

.historyzone {padding:0.5em 1em; border-radius:8px; display: inline-block; background:#f1f1f1; border: 1px solid #f1f1f1;}
.historyzone.now {background:#fff;  border: 1px solid #8dd327; color:#8dd327; margin-left:0.5em;}

.metrics {overflow: hidden; padding: 0.5em;}
.panel-line.metrics:hover {border:1px solid #d9d9d9;}
h6.metrics { font-size:1.6em; font-weight:300; padding:0.5em 0em 0.8em 0em; line-height:1.2em; text-align:center;}
.panel-line:hover .metriczone { background-color:#fff;}
.icodest {color: #999; font-size: 0.9em;}
.panel-line:hover h6.metrics .icodest {color:#8dd327;}
.metriczone { width:100%; padding:0.5em 0.5em; border-radius:8px; display: inline-block; background:#fafafa; border: 1px solid #f5f5f5; margin-bottom:10px;}
.metriczone .data { width:100%; display:inline-block; font-size:16px; line-height:18px; font-weight:bold; text-align:center; padding:20px 0px 15px 0px;}
.metriczone .data.grafico { font-size:16px; line-height:18px; padding:10px 0px 10px 0px; }
.metriczone .titledata { width:100%; display:inline-block; font-size:12px; font-weight:300; text-align:center;}
.metriczone.setprice {margin-top:5px;}
.metriczone.setprice .titledata {font-weight:500; font-size:14px; padding:0.2em 0em 0em;}
.panel-line:hover .metriczone.setprice { border: 1px solid #acec50; }

.dropdown-menu > li > a i.minico{ font-size:12px; margin-right:5px; display:inline-block; width:20px;}
.dropdown-menu > li > a span.statelocation {color:#999;}
.dropdown-menu > li.active > a i.minico {color:#fff;}
.dropdown-menu > li.active > a span.statelocation {color:#fff;}
.pillstatus .dropdown-menu > li.active > a b {color:#fff;}
.pilldomain .nav-pills-outline.nav-pills > li.active > a b {color:#fff;}
.pilldomain .nav-pills-outline.nav-pills > li.active > a span.statelocation {color:#fff;}

.table-wrap.deepwhite.tinbox table.table > tbody > tr > td { padding:1em;}
.txtpopup .actionmail { display:inline-block; width:100%; text-align:right;}
.txtpopup .actionmail .infoextra { }
.table-wrap.deepwhite.tinbox table.table > tbody > tr > td a {color:#8dd327;}
.form-group.text-center .input-group .form-control { text-align:center;}

/* ul.list-file li {margin-bottom:5px;} */
.linkcircle {width: 100%; text-align: left; height: 35px; padding-left:0.5em;}
.linkcircle.text-center {text-align: center; padding-left:0em; }
.fw10 {width:10%; display: inline-block;}
.fw15 {width:15%; display: inline-block;}
.fw20 {width:20%; display: inline-block;}
.fw30 {width:30%; display: inline-block;}
.fw40 {width:40%; display: inline-block;}
.fw50 {width:50%; display: inline-block;}
.fw60 {width:60%; display: inline-block;}
.fw70 {width:70%; display: inline-block;}
.fw80 {width:80%; display: inline-block;}
.fw90 {width:90%; display: inline-block;}
.fw100 {width:100%; display: inline-block;}

/*buyed*/
.tabprice {font-weight: bold;background: #fff;color: #63b22b;padding: 0.2em 0.5em;border-radius: 60px; margin-left: 5px;}

/*wallet*/
.wallet-circle {width: 150px; background:rgba(255,255,255,0.5); display:inline-block; border-radius: 100%;border: solid 1px #8dd327;height: 150px; text-align:center; overflow:hidden; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.06);}
.walletico {color:#8dd327; display: inline-block; width:100%; font-size: 20px; line-height: 1.2em; height: auto; padding:1em 0em 0.2em 0em; text-transform: uppercase;}
.walletname {color:#999; display: inline-block; width:100%; font-size: 16px; line-height: 1.2em; height: auto; padding:0.2em 0em 0em 0em; text-transform: uppercase;}
.walletmoney {color:#8dd327; display: inline-block; width:100%; font-size: 25px; line-height: 1.2em; height: auto; padding:0.3em 0em;}
.walletbg { background: url("../../../Content/Imagenes/imglinkaffinity/walletbg.png") no-repeat center center;}
.naturalnessbg { background: url("../../../Content/Imagenes/imglinkaffinity/naturalnessbg.png") no-repeat center center;}
.walletbg.add { background: url("../../../Content/Imagenes/imglinkaffinity/walletbg-add.png") no-repeat center center;}
.walletbg.order { background: url("../../../Content/Imagenes/imglinkaffinity/walletbg-order.png") no-repeat center center;}
.walletbg.order .walletico {font-size:30px; padding:0.5em 0em 0em 0em; }
.icoacuerdowall {background: url("../../../Content/Imagenes/imglinkaffinity/ico-acuerdo-wall.png") no-repeat center center; width:35px; height:30px; display: inline-block; vertical-align: middle; }
.walletbg.order .walletname {font-size:14px; padding:0.2em 0em 0em 0em;}
.walletbg.order .walletmoney {padding:0.2em;}
.wallet-img {height: 120px; width:100%; display:inline-block;}
.yeah {background: url("../../../Content/Imagenes/imglinkaffinity/active-flag-x2.png") no-repeat right bottom; display: block; height: 120px;width: 120px;padding: 0px;margin: 0px;position: absolute;bottom: 20px;right: 0px;}.modal-body.popup-affinity .yeah {bottom: 0px;}
.lcancelbg { background: url("../../../Content/Imagenes/imglinkaffinity/cancellicensebg.png") no-repeat center center;}

/*wallet ai*/
.aipanel .aitop .btngetideas:hover ~ .aicard {border: solid 1px #d5ff97; border-radius: 4px; background-color: #fcfff8;}
.aipanel .aitop .btngetideas:hover ~ .aicard .form-control, .aipanel .aitop .btngetideas:hover ~ .aicard .select2-container--default .select2-selection--single .select2-selection__rendered, .aipanel .aitop .btngetideas:hover ~ .ideas.on {border: solid 1px #97e22b; background: #fff; box-shadow: 0 1px 3px 0 rgba(193, 252, 109, 0.5), 0 1px 1px 0 rgba(193, 252, 109, 0.5), 0 2px 1px -1px rgba(193, 252, 109, 0.5);}

.walletbg.aibox {background-size: cover;}
.walletbg.aibox .wallet-circle {width: 120px;height: 120px; margin-top: 0.5em; margin-bottom: -0.5em;}
.walletbg.order.aibox .walletico{padding: 0.2em 0em 0em 0em;}
.walletbg.order.aibox .walletmoney {padding-bottom: 0em;}
.walletbg.order.aibox .walletname {padding:0em; font-size: 12px;}
.aicard { display: inline-block; padding:2em 0em; position:relative; border: solid 1px #f5f5f5; border-radius: 4px;  background-color:#fff; }
.aicard .panel-line.overwhite {  background: #fff; border-radius: 7px;}
.aitop { position:relative; width:100%; margin-top: 20px; border: solid 1px #d5ff97; border-radius: 4px ; background-color: #f3fde5; padding-top:1.5em;}
.aitop .btngetideas {position:absolute; top: -30px; left: 10px; padding: 10px 15px;}
.aitop .btngetideas i {font-size: 15px;}

#aideas {margin:1em 1em 1em 1em; background:#fff; border-radius:4px; display:none; }
#aideas.on {display: inherit;}
/*table ai*/
a.btn-apply {  color: #fff;  border-radius: 500px;  border: solid 1px #8ee315;  padding: 0.1em 0.2em;  background: #8bd227;  display: inline-block;  width: 80px;}
a.btn-apply:hover {  background: #8ee315;  border: solid 1px #8bd227;  box-shadow: 0 1px 3px 0 rgba(193, 252, 109, 0.5), 0 1px 1px 0 rgba(193, 252, 109, 0.5), 0 2px 1px -1px rgba(193, 252, 109, 0.5);}
a.btn-apply .right {  float: right;  font-size: 1.2em;  padding: 0.15em 0.5em 0em 0em;}
a.btn-apply .txt {  height: 30px;  float: left;  text-align: left;  padding: 0.6em 0em 0em 0.8em;  font-size: 12px;  font-weight: bold;  line-height: 15px;}
#tableia {margin-bottom:0px;}
.ideas {border:solid 1px #fff;}
.ideas .idea {  width:200px;   font-size: 14px;  font-weight: 400; line-height: 22px; vertical-align:top;}
.ideas .idea a {display:inline-block; font-size: 14px; font-weight: 400; padding: 0.3em 0.3em 0.3em 0.5em;  display: inline-block; line-height: 20px;
background: #fff; border-radius: 0px 7px 7px 0px; border-left: solid 2px #8bd227; padding-right: 25px; position:relative;}
.ideas .details { font-size: 12px;  font-weight: 400;  line-height: 16px;  vertical-align:top;}
.ideas .details a {width: 100%; display: inline-block; font-size: 11px; padding: 5px 25px 5px 10px; border-radius: 4px; border: 1px solid #ddd;  border-color: rgb(221, 221, 221);position: relative;margin-right: 5px;overflow: hidden; position:relative;}
.ideas .details a:hover {  background: #fff;  border-color: #8ee315;  box-shadow: 0 1px 3px 0 rgba(193, 252, 109, 0.5), 0 1px 1px 0 rgba(193, 252, 109, 0.5), 0 2px 1px -1px rgba(193, 252, 109, 0.5);}
.ideas .anchor {width: 175px;  vertical-align:top; }
.ideas .anchor a { display:inline-block; font-size: 12px;  padding: 5px 25px 5px 10px;  background: #f4f4f4;  border-radius: 4px;  border: 1px solid #ddd;  position: relative; overflow: hidden; position:relative;}
.ideas .anchor a:hover {  background: #fff;  border-color: #8ee315;  box-shadow: 0 1px 3px 0 rgba(193, 252, 109, 0.5), 0 1px 1px 0 rgba(193, 252, 109, 0.5), 0 2px 1px -1px rgba(193, 252, 109, 0.5);}
.ideas .idea a i, .ideas .details a i, .ideas .anchor a i {font-size: 12px;right: 2px;top: 4px;padding: 0.2em;width: 20px;height: 20px; position: absolute;color: #fff;text-align: center;background: #ababab ;border-radius: 100px;}
#tableia tbody tr:hover .idea a i, #tableia tbody tr:hover .details a i, #tableia tbody tr:hover .anchor a i {background: #8dd327; }

.aicardtemplate {
    display: inline-block;
    width: 100%;
    padding: 2em 0em;
    position: relative;
    border: solid 1px #f5f5f5;
    border-radius: 4px;
    background-color: #fff;
}

a.btn-fields {
    color: #fff;
    border-radius: 500px;
    border: solid 1px #8ee315;
    padding: 0.1em 0.2em;
    background: #8bd227;
    display: inline-block;
}

    a.btn-fields:hover {
        background: #8ee315;
        border: solid 1px #8bd227;
        box-shadow: 0 1px 3px 0 rgba(193, 252, 109, 0.5), 0 1px 1px 0 rgba(193, 252, 109, 0.5), 0 2px 1px -1px rgba(193, 252, 109, 0.5);
    }

    a.btn-fields .right {
        float: right;
        font-size: 1.2em;
        padding: 0.15em 0.5em 0em 0em;
    }

    a.btn-fields .txt {
        height: 30px;
        float: left;
        text-align: left;
        padding: 0.6em 0em 0em 0.8em;
        font-size: 12px;
        font-weight: bold;
        line-height: 15px;
    }

/*loadings*/
.loading {width:100%; text-align:center;}
.banner-loading {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
    display: inline-block;
    background: #fff;
    border-radius: 8px;
    width: 300px;
}
.video-load	{display: inline-block; width:300px; height:240px; overflow:hidden; vertical-align:middle;}
.video-load	video {margin:-10%;}
.text-load {display: inline-block;}
.text-load b {width: 100%;display: inline-block;font-size: 1.2em;line-height: 2em;color: #8dd327;}
.text-load em {width: 100%;display: inline-block;font-size: 0.9em;line-height: 1.5em; padding: 0em 2em;}
.parpadea {  animation-name: parpadeo;  animation-duration: 1s;  animation-timing-function: linear;  animation-iteration-count: infinite;  -webkit-animation-name:parpadeo;  -webkit-animation-duration: 1s;  -webkit-animation-timing-function: linear;  -webkit-animation-iteration-count: infinite;}
@-moz-keyframes parpadeo{    0% { opacity: 1.0; }  50% { opacity: 0.0; }  100% { opacity: 1.0; }}
@-webkit-keyframes parpadeo {    0% { opacity: 1.0; }  50% { opacity: 0.0; }   100% { opacity: 1.0; }}
@keyframes parpadeo {    0% { opacity: 1.0; }   50% { opacity: 0.0; }  100% { opacity: 1.0; }}
#slideshow {
    margin: 15px;
    position: relative;
    height: 330px;
    background: white;
}

#slideshow > div {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    /*bottom: 5px;*/
}


/*license*/
.alert.alert-info.alert-dismissable.nolicense {background: rgba(246,48,62,0.9);}
.nolicense {position: fixed; top: 65px; right: 0px; width: 100%; z-index: 9999;}
.nolicense i {padding-top:0.35em;}
.nolicense.alert-dismissable .close, .nolicense.alert-dismissible .close {top:8px;}
.nolicense p.pull-left {width:auto;}
.nolicense p.pull-right { width:auto;}
.nolicense span.infolicense {padding:0.5em 0.5em 0.5em 0em; display:inline-block; font-size:18px; font-weight:300;}
.nolicense span.btnlicense {display:inline-block;}
.nolicense .btn.btn-success.btn-rounded { padding: 5px 20px; font-size:14px; border:solid 2px #fff; background:rgba(0,0,0,0.0); color:#fff;}
.nolicense .btn.btn-success.btn-rounded:hover { background:rgba(0,0,0,0.3);}

/*reports*/
.panel-pricing.reportsaffinity {border-radius:20px; border:1px solid #ececec;}
.panel-pricing.reportsaffinity h6 { text-align:center; font-size:1.5em; color:#8dd327; background-color: rgba(255,255,255,0.8); border-radius:20px 20px 0px 0px; font-weight:bold; padding:1em; margin:0px;}
.panel-pricing.reportsaffinity .panel-heading i {display: inline-block; font-size: 1em; margin: 0px 5px 0px 0px; color: #8dd327;}
.reportsaffinity .imgplan {background-position: 10px 65px;}
.reportsaffinity .panel-heading {padding:0px; text-align:center;}
.reportsaffinity .panel-heading .panel-price { text-align:center; background:rgba(255,255,255,0.8); border:4px solid rgba(141,211,39,0.2); font-size:30px; line-height:40px; padding-top:40px; margin:0.5em 0.5em 0.2em 0.5em; width:145px; height:145px; border-radius:100%; display:inline-block;}
.reportsaffinity .panel-heading .panel-price .tax {font-size:12px; line-height:10px;}
.reportsaffinity .panel-heading .panel-price .pricing-dolor {font-weight:300; padding:0px; line-height:30px;}
.panel-pricing.reportsaffinity .panel-heading .panel-price {display: inline-block;}

.reportsaffinity .promotion {position: absolute; right:2em; top:60px;}
.reportsaffinity .discount { display:none; border-radius:50px; color:#fff; font-weight:bold; position: relative; padding:1.8em 1em 0em 1em; margin: 0em 1em; font-size:12px; font-weight:bold; line-height:1.1em; height:90px; width:90px; overflow:hidden; text-align: center;}
.reportsaffinity .discount b {font-size:25px; font-weight:bold;}
.reportsaffinity .discount.blue {background: #00aeff; border: 2px solid #abd9ff;}
.reportsaffinity .discount.yellow {background: #ffb307; border: 2px solid #f1c84c;}
.reportsaffinity .discount.red {background: #ff3e2a; border: 2px solid #de5e5b;}
.reportsaffinity .discount.active {display:inline-block;}

.panel-pricing.reportsaffinity.active {border:1px solid #ececec; background:#fff;}
.panel-pricing.reportsaffinity.active h6 {background-color: rgba(141,211,39,0.9); color:#fff;}
.panel-pricing.reportsaffinity.active h6 i {color:#fff;}
.panel-pricing.reportsaffinity.active .panel-heading .panel-price { background:rgba(141,211,39,0.9); border: 4px solid rgba(255,255,255,0.3); color:#fff;}
.panel-pricing.reportsaffinity.active .panel-heading .checkreports {background-color:#FFF; box-shadow: 0px 0px 20px 0px rgba(141,211,39,0.9);}
.panel-pricing.reportsaffinity.active .panel-heading {background-color:rgba(141,211,39,0.3);}

.panel-pricing.reportsaffinity.active h6 .active-flag {position: absolute; right:5px; bottom:0px; width:133px; height:100px; overflow:hidden; background: url("../../../Content/Imagenes/imglinkaffinity/active-flag-x2.png") no-repeat right bottom;}

.panel-pricing.reportsaffinity:hover {border:1px solid #8dd327;}
.panel-pricing.reportsaffinity:hover h6 {background-color: rgba(141,211,39,0.8); color:#fff;}
.panel-pricing.reportsaffinity:hover .panel-heading i {color:#fff;}
.panel-pricing.reportsaffinity:hover .panel-heading .checkreports {background-color:#FFF; box-shadow: 0px 0px 20px 0px rgba(141,211,39,0.9);}
.panel-pricing.reportsaffinity:hover .panel-heading.evaluation-reports, .panel-pricing.reportsaffinity:hover .panel-heading.analyzing-reports, .panel-pricing.reportsaffinity:hover .panel-heading.management-reports, .panel-pricing.reportsaffinity:hover .panel-heading.monitoring-reports {background-color:rgba(141,211,39,0.3);}

/* .bgreports {padding:1em 0em; background:rgba(255,255,255,0.7);} */
.checkreports {border-radius: 100%;width: 100px;height: 100px;padding: 1.2em 0em 0em;background: rgba(255,255,255,0.85);margin: 1em auto 1em; margin-bottom: 1em; box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.1); border: solid 1px #fff;}
.evaluation-reports {padding: 0em 0.5em 0em 0.5em; background: url("../../../Content/Imagenes/imglinkaffinity/vacio-evaluation.png") no-repeat center top; border-radius:20px 20px 0px 0px;}
.analyzing-reports {padding: 0em 0.5em 0em 0.5em; background: url("../../../Content/Imagenes/imglinkaffinity/vacio-analyzing.png") no-repeat center 25%; border-radius:20px 20px 0px 0px;}
.management-reports {padding: 0em 0.5em 0em 0.5em; background: url("../../../Content/Imagenes/imglinkaffinity/vacio-management.png") no-repeat center 30%; border-radius:20px 20px 0px 0px;}
.monitoring-reports {padding: 0em 0.5em 0em 0.5em; background: url("../../../Content/Imagenes/imglinkaffinity/vacio-monitoring.png") no-repeat center 40%; border-radius:20px 20px 0px 0px;}

.tableFixHead { overflow-y: auto; max-height: 500px; }
.tableFixHead thead th {position: sticky;  top: 0; }
.tableFixHead th { background: white; }



/*partner*/
.row.partner {background:#fff;}
.input-group.search-clients {}
.input-group.search-clients .form-control {border-radius:50px 0px 0px 50px;}
.input-group.search-clients .input-group-btn .btn.btn-default {border-radius:0px 50px 50px 0px;}
.clientsbg { border-radius: 10px; background: url("../../../Content/Imagenes/imglinkaffinity/bg-panel-clients.png") #f2f2f2 repeat-y right top;}
.campaignsbg { background: url("../../../Content/Imagenes/imglinkaffinity/bg-panel-campaigns.png") #fafafa repeat-y right top;}
table.tclients tr td a.titlef {padding-left:0.5em;}
.owl-theme .owl-nav [class*="owl-"] {border-radius:50px;}
/*widget clients*/
.input-group.linkcircle.text-center.clients {}
a.itablelink.min25 {border-radius: 100%; width: 30px; height: 30px; display: inline-block; line-height: 27px; text-align:center;}
a.itablelink.min25 {font-size:12px;}
a.itablelink.idefault.client {background:#777;}
a.itablelink.idefault.client:hover {background:#95d736;}
.tdempty-clients {height: 320px; text-align:right; display:none;}
.tdempty-clients.active {display: revert;}
.tdempty-clients td {background: url("../../../Content/Imagenes/imglinkaffinity/img-tclients.png") no-repeat 20% 50% !important;  vertical-align: top !important; padding-top: 1.5em !important; }
.tdempty-clients p {background:rgba(232,232,232,0.4); width:175px; float:right; white-space: break-spaces; font-size:12px; border-radius:10px; padding:1em; line-height:1.5em; display:inline-block; text-align:left;}
/*tprojects*/
table.tprojects {padding-bottom:0px;}
table.tprojects a.titlef {padding:0em 0em 0em 0.5em;}
table.tprojects tr td .taproject {display: inline-block; white-space: nowrap; padding-left:0.5em;}
table.tprojects tr td .taproject .circleico01 { background: #777; border-radius: 100%; margin:0px;}
table.tprojects tr td .taproject .circleico01 a {padding: 5px 10px 6px 10px; display: inline-block;}
table.tprojects tr td .taproject .circleico02 {/* padding: 5px 10px 5px 10px; */ background: #8dd327; border-radius: 100%; margin:0px 2px 0px 0px;}
table.tprojects tr td .taproject .circleico02 a.dropdown-toggle {padding: 5px 10px; display: inline-block;}
table.tprojects tr td .taproject .circleico03 {/* padding: 5px 14px; */ background: #777; border-radius: 100%; margin:0px 0px 0px 0px;}
table.tprojects tr td .taproject .circleico03 a.dropdown-toggle {padding: 5px 14px; display: inline-block;}
table.tprojects tr td .taproject .circleico02 span.top-nav-icon-badge {background: #fff;border-radius: 100%;font-size: 0.7em;vertical-align: top;padding: 0px 4px;z-index: 999;position: absolute;}
table.tprojects tr td .taproject .circleico02 a.dropdown-toggle.aviso-not-red {background: rgba(246,48,62,1); border-radius: 50%;}
table.tprojects tr td .taproject .circleico02 a.dropdown-toggle.aviso-not-yellow {background: rgba(227,166,46,1); border-radius: 50%;}
table.tprojects tr td .taproject .circleico02 a.dropdown-toggle.aviso-not-blue {background: rgba(33,150,243,1); border-radius: 50%;}
table.tprojects tr td .taproject .circleico01 a:hover, table.tprojects tr td .taproject .circleico03:hover, table.tprojects tr td .taproject .circleico01:hover, table.tprojects tr td .taproject .circleico03 a.dropdown-toggle:hover, table.tprojects tr td .taproject .circleico02 a.dropdown-toggle:hover, table.tprojects tr td .taproject .circleico02 a.dropdown-toggle.aviso-not01:hover, table.tprojects tr td .taproject .circleico02 a.dropdown-toggle.aviso-not-yellow:hover, table.tprojects tr td .taproject .circleico02 a.dropdown-toggle.aviso-not-blue:hover {
		background: #649b15; border-radius: 50%;}
/* table.tprojects th.norder.sorting_asc {padding-left:50px; padding-right:50px;} */

a.naturalness .circleico04 { background: rgba(255,255,255,0.5); border-radius: 100%; color: #82c421; margin-top:0.3em; padding: 5px 10px 6px 10px; display: inline-block;}
a.naturalness:hover .circleico04  { background: rgba(255,255,255,1); border-radius: 100%;  }
.btn.btn-circle.nonaturalness {height:150px; width:150px; font-size: 20px; line-height: 25px; padding: 1.2em 0em; font-weight:300; background:#82c421; }
.btn.btn-circle.nonaturalness:hover {background:#63b22b; }
.btn.btn-circle.nonaturalness span {display:inline-block; text-align:center; white-space:normal;}
.btn.btn-circle.nonaturalness span i {width:100%; font-size:50px;}
.btn.btn-circle.nonaturalness.spin { background: url("../../../Content/Imagenes/imglinkaffinity/spin-naturalness.png") no-repeat 0% 0%; padding-top:2.2em; border: none; display: inline-block; cursor:default;}
.btn.btn-circle.nonaturalness.spin embed {width:150px; height:60px; }
.modeprojects { display: inline-block; margin-left:0.2em;}
.modeprojects a {font-size: 11px; color: #fff;background: #999; border-radius: 100%; overflow: hidden;display: inline-block; text-align: center; padding: 0px 7px; }
.modeprojects a:hover {font-size: 11px; background: #8dd327;}


/*POST HUNTER*/

.peticion-solicitud {
    font-size: 16px;
}

    .peticion-solicitud a {
        border: solid 1px #f5f5f5;
        text-decoration: none;
        background: #fafafa;
        color: #878787;
        display: inline-block;
        width: 100%;
        padding: 0.5em 0.5em 0.5em 0.8em;
        position: relative;
        border-radius: 8px;
    }

        .peticion-solicitud a i {
            position: absolute;
            color: #fff;
            text-align: center;
            background: #ababab;
            border-radius: 100px;
            font-size: 16px;
            right: 2px;
            top: 4px;
            padding: 0.2em;
            width: 25px;
            height: 25px;
        }

        .peticion-solicitud a.minwidth b {
            white-space: break-spaces;
            width: 110px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            direction: rtl;
        }

        .peticion-solicitud a b {
            display: inline-block;
            padding: 0em 0em 0em 0em;
            margin-right: 1.5em;
        }

        .peticion-solicitud a span {
            display: block;
            padding: 0em 2em 0em 0em;
            white-space: break-spaces;
        }

        .peticion-solicitud a:hover {
            border: solid 1px #97e22b;
            background: #fff;
            box-shadow: 0 1px 3px 0 rgba(193, 252, 109, 0.5), 0 1px 1px 0 rgba(193, 252, 109, 0.5), 0 2px 1px -1px rgba(193, 252, 109, 0.5);
        }

    .peticion-solicitud span {
        font-size: 14px;
        display: block;
        padding: 0.2em;
        max-width: 90%;
    }

table.dataTable.display tbody tr:hover > td.peticion-solicitud a, table.dataTable.order-column.hover tbody tr:hover > td.peticion-solicitud a {
    background: #fafafa;
}

    table.dataTable.display tbody tr:hover > td.peticion-solicitud a i, table.dataTable.order-column.hover tbody tr:hover > td.peticion-solicitud a i {
        color: #fff;
        background: #97e22b;
    }

table.dataTable.display tbody tr:hover > td.peticion-solicitud b, table.dataTable.order-column.hover tbody tr:hover > td.peticion-solicitud b {
    color: #222;
}

table.dataTable.display tbody tr:hover > td.peticion-solicitud.idea b, table.dataTable.order-column.hover tbody tr:hover > td.peticion-solicitud.idea b {
    color: #fff;
}
/**/


.panel-title.tdashpanel .icotdashpanel {
    height: auto;
}

.custom-tab-2 .tab-pane.candidatos.posthunter {
    background: #fff;
    border: solid 1px #eee;
}

.candidatos .peticion-solicitud.phunter {
    text-align: center;
}

.candidatos.posthunter table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    background: #f4f4f4;
}

.candidatos.posthunter .articulo {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    padding: 0.3em 0.3em 0.3em 0.3em;
    display: inline-block;
    line-height: 22px;
    background: #fff;
    border-radius: 0px 7px 7px 0px;
    border-left: solid 2px #eee;
}

.candidatos.posthunter.ideas .articulo {
    border-bottom: solid 1px #ddd;
    border-right: solid 2px #eee;
}

    .candidatos.posthunter.ideas .articulo.min {
        font-size: 14px;
        line-height: 1.4em;
    }

.candidatos.posthunter .dataTables_filter, .candidatos.posthunter .dataTables_length {
    padding-top: 0px;
}

.candidatos.posthunter.min .dataTables_length {
    display: none;
}

.form-group.multiselect-btn.multihunter {
    margin-bottom: 5px;
}

.form-group.multihunter .bootstrap-select.btn-group.bradius1-2 {
    width: 40%;
}

.form-group.multihunter .input-group-btn.bradius2-2 {
    width: 60%;
}

#myTabContent_9.nav-tabs > li > a {
    text-transform: none;
}

#posthunter table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    background: #f4f4f4;
}

#posthunter .articulo {
    font-size: 16px;
    font-weight: 400;
}

#candidatos.posthunter .articulo:hover {
    color: #555;
}

a.btn-phunter {
    color: #fff;
    border-radius: 500px;
    border: solid 1px #8ee315;
    padding: 0.1em 0.2em;
    background: #8bd227;
    display: inline-block;
    width: 125px;
}

    a.btn-phunter .left {
        float: left;
        font-size: 1.7em;
        padding: 0.2em 0em 0em 0.2em;
    }

    a.btn-phunter .txt {
        height: 40px;
        float: left;
        text-align: left;
        padding: 0.4em 0em 0em 0.2em;
        font-size: 14px;
        font-weight: bold;
        line-height: 15px;
    }

    a.btn-phunter .right {
        float: right;
        font-size: 1.2em;
        padding: 0.4em 0.5em 0em 0em;
    }

    a.btn-phunter:hover {
        background: #8ee315;
        border: solid 1px #8bd227;
        box-shadow: 0 1px 3px 0 rgba(193, 252, 109, 0.5), 0 1px 1px 0 rgba(193, 252, 109, 0.5), 0 2px 1px -1px rgba(193, 252, 109, 0.5);
    }

    a.btn-phunter.apoyar {
        width: auto;
    }

        a.btn-phunter.apoyar.crear {
            width: 80px;
            padding: 0.2em;
        }

        a.btn-phunter.apoyar .txt {
            height: auto;
            float: left;
            text-align: left;
            padding: 0.2em 0em 0.2em 0.5em;
            font-size: 0.9em;
            font-weight: bold;
            line-height: 16px;
        }

        a.btn-phunter.apoyar .right {
            float: right;
            font-size: 1em;
            padding: 0em;
            margin-right: 0.5em;
        }

        a.btn-phunter.apoyar.stop {
            width: 140px;
            background: #ff0000;
            border: solid 1px #ff6b6b;
        }

            a.btn-phunter.apoyar.stop:hover {
                background: #d40505;
                border: solid 1px #ff0000;
                box-shadow: 0 1px 3px 0 rgba(255, 0, 0, 0.2), 0 1px 1px 0 rgba(255, 0, 0, 0.2), 0 2px 1px -1px rgba(255, 0, 0, 0.2);
            }

            a.btn-phunter.apoyar.stop .txt {
                height: auto;
                float: left;
                text-align: left;
                padding: 0.2em 0em 0.2em 0.5em;
                font-size: 0.9em;
                font-weight: bold;
                line-height: 16px;
            }

            a.btn-phunter.apoyar.stop .right {
                float: right;
                font-size: 1em;
                padding: 0.2em 0px 0px;
                margin-right: 0.5em;
            }

        a.btn-phunter.apoyar.remove {
            background: #ff0000;
            border: solid 1px #ff6b6b; /* width: 120px; */
            display: block;
            overflow: hidden;
            margin-bottom: 0.3em;
            padding: 0em 0.5em;
        }

            a.btn-phunter.apoyar.remove:hover {
                background: #d40505;
                border: solid 1px #ff0000;
                box-shadow: 0 1px 3px 0 rgba(255, 0, 0, 0.2), 0 1px 1px 0 rgba(255, 0, 0, 0.2), 0 2px 1px -1px rgba(255, 0, 0, 0.2);
            }

            a.btn-phunter.apoyar.remove .txt {
                height: auto;
                float: left;
                text-align: left;
                padding: 0.2em 0em 0.2em 0.5em;
                font-size: 0.9em;
                font-weight: bold;
                line-height: 16px;
            }

            a.btn-phunter.apoyar.remove .right {
                float: right;
                font-size: 0.8em;
                padding: 0.3em 0em 0em;
                margin-right: 0.5em;
            }

        a.btn-phunter.apoyar.edit {
            background: #8bd227;
            border: solid 1px #8ee315; /* width: 120px; */
            display: block;
            overflow: hidden;
            margin-bottom: 0.2em;
            padding: 0em 0.5em;
        }

            a.btn-phunter.apoyar.edit:hover {
                background: #8ee315;
                border: solid 1px #8bd227;
                box-shadow: 0 1px 3px 0 rgba(193, 252, 109, 0.5), 0 1px 1px 0 rgba(193, 252, 109, 0.5), 0 2px 1px -1px rgba(193, 252, 109, 0.5);
            }

            a.btn-phunter.apoyar.edit .txt {
                height: auto;
                float: left;
                text-align: left;
                padding: 0.2em 0em 0.2em 0.5em;
                font-size: 0.9em;
                font-weight: bold;
                line-height: 16px;
            }

            a.btn-phunter.apoyar.edit .right {
                float: right;
                font-size: 0.9em;
                padding: 0.2em 0em 0em 0em;
                margin-right: 0.5em;
            }

.peticion-solicitud.phunter a {
    text-align: left;
    overflow: hidden;
    height: 80px;
    border: solid 1px #eee;
    text-decoration: none;
    background: #f7f7f7;
    color: #878787;
    width: 280px;
    display: inline-block;
    padding: 0px 0px 0px 0px;
    position: relative;
    border-radius: 500px;
}

    .peticion-solicitud.phunter a:hover {
        border: solid 1px #97e22b;
        background: #fff;
        box-shadow: 0 1px 3px 0 rgba(193, 252, 109, 0.5), 0 1px 1px 0 rgba(193, 252, 109, 0.5), 0 2px 1px -1px rgba(193, 252, 109, 0.5);
    }

    .peticion-solicitud.phunter a .expertos {
        left: -4px;
        width: 262px;
        height: 80px;
        overflow: hidden;
        display: inline-block;
        position: relative;
        background: #fff;
        padding: 0.2em;
        margin: 0px;
        text-align: left;
    }

        .peticion-solicitud.phunter a .expertos .perfil {
            border: solid 2px #fff;
            display: inline-block;
            overflow: hidden;
            border-radius: 500px;
            position: absolute;
            padding: 0px;
        }

            .peticion-solicitud.phunter a .expertos .perfil.uno {
                z-index: 7;
                width: 70px;
                height: 70px;
                left: 30px;
                background: #eee;
                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
            }

            .peticion-solicitud.phunter a .expertos .perfil.dos {
                z-index: 6;
                width: 70px;
                height: 70px;
                left: 70px;
                background: #f2f2f2;
            }

            .peticion-solicitud.phunter a .expertos .perfil.tres {
                z-index: 5;
                width: 70px;
                height: 70px;
                left: 110px;
                background: #f5f5f5;
            }

            .peticion-solicitud.phunter a .expertos .perfil.cuatro {
                z-index: 4;
                width: 70px;
                height: 70px;
                left: 140px;
                background: #fafafa;
            }

.candidatos.posthunter .peticion-solicitud.phunter a .expertos .perfil img {
    width: 70px;
    height: 70px;
}

    .candidatos.posthunter .peticion-solicitud.phunter a .expertos .perfil img.img-circle {
        border: solid 2px #fff;
    }

.peticion-solicitud.phunter a .expertos .plus {
    display: inline-block;
    position: absolute;
    z-index: 10;
    top: 20px;
    left: 20px;
}

    .peticion-solicitud.phunter a .expertos .plus i {
        position: absolute;
        color: #fff;
        text-align: center;
        background: #97e22b;
        border-radius: 100px;
        font-size: 20px;
        right: 0px;
        top: 0px;
        padding: 0.2em;
        width: 35px;
        height: 35px;
        line-height: 1.1em;
    }

.peticion-solicitud.phunter a .expertos .txt {
    display: inline-block;
    position: absolute;
    z-index: 10;
    top: 14px;
    left: 190px;
    font-size: 12px;
    line-height: 14px;
    padding: 0.8em 0.5em 0em 0em;
    background: #fff;
    border-radius: 500px 0px 0px 500px;
    text-align: right;
    height: 50px;
}

    .peticion-solicitud.phunter a .expertos .txt b {
        font-size: 14px;
        padding: 0em;
        margin-right: 0em;
    }

.peticion-solicitud.phunter a .apoyo {
    width: 80px;
    display: inline-block;
    margin: 0px;
    position: absolute;
    right: 8px;
    background: #fff;
    text-align: center;
    border-radius: 0px 500px 500px 0px;
    font-size: 20px;
    padding: 0.2em 0.2em 0.2em 0.2em;
    font-weight: 800;
    top: 13px;
    color: #8bd227;
}

    .peticion-solicitud.phunter a .apoyo b {
        padding: 0px;
        margin: 0px;
        weight: bold;
        font-size: 30px;
    }

.peticion-solicitud.phunter.colaborar a .expertos {
    left: -4px;
    width: 100px;
    height: 80px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    background: #fff;
    padding: 0.2em;
    margin: 0px;
    text-align: left;
}

    .peticion-solicitud.phunter.colaborar a .expertos .perfil.uno {
        z-index: 7;
        width: 70px;
        height: 70px;
        left: 25px;
        background: #f5f5f5;
    }

    .peticion-solicitud.phunter.colaborar a .expertos .perfil.dos, .peticion-solicitud.phunter.colaborar a .expertos .perfil.tres {
        display: none;
    }

    .peticion-solicitud.phunter.colaborar a .expertos .plus {
        display: inline-block;
        position: absolute;
        z-index: 10;
        top: 20px;
        left: 18px;
    }

        .peticion-solicitud.phunter.colaborar a .expertos .plus i {
            padding: 0.45em 0em 0em 0em;
            font-size: 18px;
        }

        .peticion-solicitud.phunter.colaborar a .expertos .plus.apoyar i {
            padding: 0.30em 0em 0em 0em;
        }

.peticion-solicitud.phunter.colaborar a .user {
    left: 98px;
    top: 0px;
    padding: 0em 0em 0em 0.3em;
    width: 200px;
    height: 80px;
    display: inline-block;
    position: absolute;
    z-index: 10;
    font-size: 12px;
    line-height: 14px;
    background: #fff;
}

    .peticion-solicitud.phunter.colaborar a .user .nombre {
        padding: 10px 5px 0px 8px;
        font-size: 12px;
        overflow: hidden;
        height: 25px;
    }

    .peticion-solicitud.phunter.colaborar a .user .cargo {
        padding: 2px 5px 4px 8px;
        font-size: 12px;
        font-weight: bold; /*  overflow: hidden; */
        height: 20px;
    }

    .peticion-solicitud.phunter.colaborar a .user .formato {
        padding: 0px;
        margin: 0.1em 0em 0em 0.2em;
        color: #999;
        background: #f4f4f4;
        font-size: 12px;
        border-radius: 500px;
        border: 1px solid #ddd;
        display: inline-block;
    }

        .peticion-solicitud.phunter.colaborar a .user .formato b {
            padding: 0em 0.9em 0em 0.5em;
            margin: 0px;
            font-size: 12px;
            line-height: 25px;
            vertical-align: middle;
        }

        .peticion-solicitud.phunter.colaborar a .user .formato i {
            position: inherit;
            font-size: 1.2em;
            display: inline-block;
            padding: 0.25em;
            height: 25px;
            width: 25px;
            vertical-align: middle;
        }

            .peticion-solicitud.phunter.colaborar a .user .formato i.off {
                display: none;
            }

.peticion-solicitud.phunter.idea a {
    text-align: left;
    overflow: hidden;
    height: 80px;
    border: solid 1px #eee;
    text-decoration: none;
    background: #f7f7f7;
    color: #878787;
    width: 200px;
    display: inline-block;
    padding: 0px 0px 0px 0px;
    position: relative;
    border-radius: 500px;
}

.peticion-solicitud.phunter.colaborar.idea a .expertos {
    left: -4px;
    width: 80px;
    height: 80px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    background: #fff;
    padding: 0.2em;
    margin: 0px;
    text-align: left;
}

    .peticion-solicitud.phunter.colaborar.idea a .expertos .perfil.uno {
        z-index: 7;
        width: 70px;
        height: 70px;
        left: 7px;
        background: #f5f5f5;
    }

.peticion-solicitud.phunter.colaborar.idea a .user {
    left: 78px;
    top: 0px;
    padding: 0em 0em 0em 0.3em;
    width: 120px;
    height: 80px;
    display: inline-block;
    position: absolute;
    z-index: 10;
    font-size: 12px;
    line-height: 14px;
    background: #fff;
}

    .peticion-solicitud.phunter.colaborar.idea a .user .formato {
        padding: 0px;
        margin: 0.1em 0em 0em 0.2em;
        color: #fff;
        background: #8bd227;
        border: solid 1px #8ee315;
        font-size: 12px;
        border-radius: 500px;
        display: inline-block;
        position: absolute;
        bottom: 10px;
        left: 2px;
        width: 80px;
    }

        .peticion-solicitud.phunter.colaborar.idea a .user .formato i {
            background: #8bd227;
            position: absolute;
            top: 0px;
        }

    .peticion-solicitud.phunter.colaborar.idea a .user .nombre {
        padding: 10px 10px 0px 2px;
        font-size: 12px;
        display: inline-block;
        line-height: 1.2em;
        margin-bottom: 0.15em;
        height: auto;
        max-width: 100%;
    }

.peticion-solicitud.phunter.colaborar.idea a:hover .user .formato {
    background: #8ee315;
    border: solid 1px #8bd227;
    box-shadow: 0px 0px 4px 4px rgba(193, 252, 109, 0.5), 0 1px 1px 0 rgba(193, 252, 109, 0.5), 0 2px 1px -1px rgba(193, 252, 109, 0.5);
}

    .peticion-solicitud.phunter.colaborar.idea a:hover .user .formato i {
        background: #8ee315;
    }

.selecttabs {
    position: absolute;
    top: 0px;
    right: 12px;
    width: 70%;
    display: inline-block;
}


.experto-nombre.phunter.popular {
    position: relative;
}

.experto-nombre.phunter .popular {
    display: none;
}

    .experto-nombre.phunter.popular .popular {
        display: inline-block;
        position: absolute;
        top: 5px;
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        background: #ff7e00;
        border-radius: 500px;
        padding: 0.2em 0.5em;
        right: 5px;
        box-shadow: 0 0px 10px 0 rgba(255, 126, 0, 0.8);
    }

.candidatos.posthunter .experto-nombre.phunter.popular .articulo {
    border-top: solid 1px #ffa619;
    border-left: solid 2px #ffa619;
    padding-right: 45px;
}


.experto-nombre.phunter a.autor {
    font-size: 11px;
    height: 28px;
    padding: 5px 12px 5px 32px;
    border-radius: 500px;
    border: 1px solid #ddd;
    position: relative;
    margin-right: 5px; /* width: 175px; */
    overflow: hidden;
}

    .experto-nombre.phunter a.autor:hover {
        background: #fff;
        border-color: #8ee315;
        color: #8bd227;
        box-shadow: 0 1px 3px 0 rgba(193, 252, 109, 0.5), 0 1px 1px 0 rgba(193, 252, 109, 0.5), 0 2px 1px -1px rgba(193, 252, 109, 0.5);
    }

    .experto-nombre.phunter a.autor b {
        font-size: 12px;
        padding-left: 0.2em;
    }

    .experto-nombre.phunter a.autor .idea {
        position: absolute;
        width: 28px;
        height: 28px;
        display: inline-block;
        top: 0px;
        left: 0px;
        border-radius: 500px;
        overflow: hidden; /* border: solid 1px #ddd; */
    }

        .experto-nombre.phunter a.autor .idea img {
            width: 28px;
            height: 28px;
        }

        .experto-nombre.phunter a.autor .idea i {
            font-size: 1.4em;
            padding: 0.3em 0.45em;
            display: inline-block;
            color: #8bd227;
        }

.experto-nombre.phunter a.redaccion {
    color: #8bd227;
    font-weight: 600;
    font-size: 12px;
    height: 28px;
    padding: 5px 10px 5px 10px;
    border-radius: 500px;
    border: 1px solid #8bd227;
    position: relative;
    margin-right: 5px; /* width: 175px; */
    overflow: hidden;
}

    .experto-nombre.phunter a.redaccion:hover {
        background: #fff;
        border-color: #8ee315;
        color: #8bd227;
        box-shadow: 0 1px 3px 0 rgba(193, 252, 109, 0.5), 0 1px 1px 0 rgba(193, 252, 109, 0.5), 0 2px 1px -1px rgba(193, 252, 109, 0.5);
    }

    .experto-nombre.phunter a.redaccion .idea {
        position: absolute;
        width: 28px;
        height: 28px;
        display: inline-block;
        top: 0px;
        left: 0px;
        border-radius: 500px;
        overflow: hidden; /* border: solid 1px #ddd; */
    }

        .experto-nombre.phunter a.redaccion .idea i {
            font-size: 1.4em;
            padding: 0.3em 0.45em;
            display: inline-block;
            color: #8bd227;
        }

.experto-nombre.phunter a.adjunto {
    font-size: 11px;
    height: 27px;
    padding: 5px 12px 5px 20px;
    border-radius: 500px;
    border: 1px solid #ddd;
    position: relative;
    margin-right: 5px; /* width: 175px; */
    overflow: hidden;
}

    .experto-nombre.phunter a.adjunto:hover {
        background: #fff;
        border-color: #8ee315;
        color: #8bd227;
        box-shadow: 0 1px 3px 0 rgba(193, 252, 109, 0.5), 0 1px 1px 0 rgba(193, 252, 109, 0.5), 0 2px 1px -1px rgba(193, 252, 109, 0.5);
    }

    .experto-nombre.phunter a.adjunto .idea {
        position: absolute;
        width: 27px;
        height: 27px;
        display: inline-block;
        top: 0px;
        left: 0px;
        border-radius: 500px;
        overflow: hidden; /* border: solid 1px #ddd; */
    }

        .experto-nombre.phunter a.adjunto .idea i {
            font-size: 1.4em;
            padding: 0.3em 0.45em;
            display: inline-block;
            color: #8bd227;
        }

.experto-nombre.phunter a.categoria {
    font-size: 12px;
    height: 28px;
    padding: 5px 12px 5px 25px;
    background: #f4f4f4;
    border-radius: 500px;
    border: 1px solid #ddd;
    position: relative;
    margin-right: 5px; /* width: 175px; */
    overflow: hidden;
}

    .experto-nombre.phunter a.categoria:hover {
        background: #fff;
        border-color: #8ee315;
        color: #8bd227;
        box-shadow: 0 1px 3px 0 rgba(193, 252, 109, 0.5), 0 1px 1px 0 rgba(193, 252, 109, 0.5), 0 2px 1px -1px rgba(193, 252, 109, 0.5);
    }

    .experto-nombre.phunter a.categoria .idea {
        position: absolute;
        width: 28px;
        height: 28px;
        display: inline-block;
        top: 0px;
        left: 0px;
        border-radius: 500px;
        overflow: hidden; /* border: solid 1px #ddd; */
    }

        .experto-nombre.phunter a.categoria .idea i {
            font-size: 1.3em;
            padding: 0.3em 0.45em;
            display: inline-block;
            color: #8bd227;
        }

.experto-nombre.phunter a.idioma {
    font-size: 11px;
    height: 27px;
    padding: 5px 12px 5px 28px;
    border-radius: 500px;
    border: 1px solid #ddd;
    position: relative;
    margin-right: 5px; /* width: 175px; */
    overflow: hidden;
}

    .experto-nombre.phunter a.idioma:hover {
        background: #fff;
        border-color: #8ee315;
        color: #8bd227;
        box-shadow: 0 1px 3px 0 rgba(193, 252, 109, 0.5), 0 1px 1px 0 rgba(193, 252, 109, 0.5), 0 2px 1px -1px rgba(193, 252, 109, 0.5);
    }

    .experto-nombre.phunter a.idioma b {
        font-size: 12px;
        padding-left: 0.2em;
    }

    .experto-nombre.phunter a.idioma .idea {
        position: absolute;
        width: 28px;
        height: 28px;
        display: inline-block;
        top: 0px;
        left: 0px;
        border-radius: 500px;
        overflow: hidden; /* border: solid 1px #ddd; */
    }

        .experto-nombre.phunter a.idioma .idea img {
            width: 28px;
            height: 28px;
        }

        .experto-nombre.phunter a.idioma .idea i {
            font-size: 1.4em;
            padding: 0.3em 0.45em;
            display: inline-block;
            color: #8bd227;
        }

.experto-nombre.phunter .fecha {
    font-size: 11px;
    padding: 2px 5px 2px 5px;
    position: relative;
    background: #f2f2f2;
}

table.dataTable.display tbody tr:hover > td.experto-nombre.phunter a.autor, table.dataTable.order-column.hover tbody tr:hover > td.experto-nombre.phunter a.autor {
    background: #fff;
}

table.dataTable.display tbody tr:hover > td.experto-nombre.phunter a.categoria, table.dataTable.order-column.hover tbody tr:hover > td.experto-nombre.phunter a.categoria {
    background: #fff;
}

table.dataTable.display tbody tr:hover > td.experto-nombre.phunter a.idioma, table.dataTable.order-column.hover tbody tr:hover > td.experto-nombre.phunter a.idioma {
    background: #fff;
}

table.table.display tbody tr:hover > td.experto-nombre.phunter a.autor, table.table.order-column.hover tbody tr:hover > td.experto-nombre.phunter a.autor {
    background: #fff;
}

table.table.display tbody tr:hover > td.experto-nombre.phunter a.categoria, table.table.order-column.hover tbody tr:hover > td.experto-nombre.phunter a.categoria {
    background: #fff;
}

table.table.display tbody tr:hover > td.experto-nombre.phunter a.idioma, table.table.order-column.hover tbody tr:hover > td.experto-nombre.phunter a.idioma {
    background: #fff;
}

/**/

.nav-tabs > li.nuevaidea {float: right; margin-top: -15px; margin-right:5px;}
.nav-tabs > li.nuevaidea a {padding: 0.8em 1.2em; color: #fff;border-radius: 500px;border: solid 2px #8ee315;background: #8bd227; font-size:16px; box-shadow: 0 0px 0px 5px rgba(193, 252, 109, 0.5);}
.nav-tabs > li.nuevaidea a:hover {color: #fff; background: #8ee315;border: solid 2px #8bd227; box-shadow: 0 0px 10px 5px rgba(142, 227, 21, 0.5);}
.custom-tab-2 .nav-tabs > li.nuevaidea:first-child > a, .custom-tab-2 .nav-tabs > li.nuevaidea:last-child > a {border-radius: 500px;}
.nav-tabs > li.nuevaidea.active {float: right; margin-top: -15px;}
.nav-tabs > li.nuevaidea.active a {padding: 0.8em 1.2em; color: #000;border-radius: 500px;font-size:16px; border: solid 2px #8ee315;}

/**/
.crear-ideas-vacio {min-height:400px; background: url("../../images/crear-ideas.png") no-repeat center center; background-size: content; }
.apoyar-ideas-vacio {min-height:400px; background: url("../../images/apoyar-idea.png") no-repeat center center; background-size: content; }
.crear-ideas-vacio .info {color:#fff; background:#ccc; padding:1em;}

.sm-data-box a.linkpanel.interior .createxpert  {background: url("../../images/img-collaborator-prospects.png") no-repeat center center; min-height:180px; }
.sm-data-box a.linkpanel.interior .supportideas  {background: url("../../images/collaborator-support-ideas.png") no-repeat center center; min-height:180px; }
.sm-data-box a.linkpanel.interior .createideas  {background: url("../../images/collaborator-news-ideas.png") no-repeat center center; min-height:180px; }
.sm-data-box a.linkpanel.interior .collaboratorhunter  {background: url("../../images/img-collaborator-hunter.png") no-repeat center center; min-height:180px; }
.linkpanel.interior.present .collaboratorhunter {background: url("../../images/img-collaborator-hunter.png") no-repeat center center; background-size: auto; min-height: 180px; background-size: contain;}
.linkpanel.interior.present .icohunter  {background: url("../../images/img-collaborator-hunter.png") no-repeat center center; min-height:180px; background-size: contain;}
.sm-data-box a.linkpanel.interior .icohunter {background: url("../../images/img-collaborator-hunter.png") no-repeat center center; min-height: 180px;}
.linkpanel.none {background: none; box-shadow: none;}
.sm-data-box .data-wrap-left.icoexpert, .sm-data-box .data-wrap-right.icoexpert {background: url("../../images/img-collaborator-prospects.png") no-repeat center center; min-height:85px; min-height: 65px; background-size: cover; background-color: rgba(0, 0, 0, 0.05);}
.sm-data-box .data-wrap-left.icoiasupport, .sm-data-box .data-wrap-right.icoiasupport {background: url("../../images/collaborator-support-ideas.png") no-repeat center center; min-height:85px; min-height: 65px; background-size: cover; background-color: rgba(0, 0, 0, 0.05);}
.sm-data-box .data-wrap-left.iconewidea, .sm-data-box .data-wrap-right.iconewidea {background: url("../../images/collaborator-news-ideas.png") no-repeat center center; min-height:85px; min-height: 65px; background-size: cover; background-color: rgba(0, 0, 0, 0.05);}


/****************************/
/** Mediaqueries NEW **/
/****************************/
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}


.top-fixed2 {
	position: fixed;
	top: 5%;
	right: 36%;
	padding: 0px;
	}
@media (max-width: 1400px) {
	.top-fixed2 {top: 4%; right: 32%;}
	.form-group .bootstrap-select.btn-group.bradius1-2 {width:60%;}
	.input-group-btn.bradius2-2  { width:40%; float:right;}
	}
@media (max-width: 1200px) {
	.top-fixed2 {top: 2%; right: 32%;}
	.form-group .bootstrap-select.btn-group.bradius1-2 {width:55%;}
	.input-group-btn.bradius2-2  { width:45%; float:right;}
	}
@media (max-width: 991px) {
	.top-fixed2 {top: 3%; right: 35%;}
	.auth-form {margin-top:3em;}
	.wizard .steps ul > li {width: 100%;}
	.form-group .bootstrap-select.btn-group.bradius1-2 {width:50%;}
	.input-group-btn.bradius2-2  { width:50%; float:right;}
	}
@media (max-width: 565px) {
	.form-group .bootstrap-select.btn-group.bradius1-2 {width:60%;}
	.input-group-btn.bradius2-2  { width:40%; float:right;}
	.navbar.navbar-inverse.navbar-fixed-top .nav > li.app-drp {
    position: static;
	}
}
@media (max-width: 400px) {
	.top-fixed2 {top: 3%; right: 32%;}
	}
@media (max-width: 378px) {
	}






/****************************/
/** Mediaqueries **/
/****************************/
@media (max-width: 1400px) {
  .fixed-sidebar-left {
    width: 44px; }
    .fixed-sidebar-left .side-nav li.navigation-header > span {
      display: none; }
    .fixed-sidebar-left .side-nav li.navigation-header > i {
      display: block; }
    .fixed-sidebar-left .collapse.in {
      display: none; }
    .fixed-sidebar-left:hover {
      width: 225px; }
      .fixed-sidebar-left:hover .side-nav li.navigation-header > span {
        display: block; }
      .fixed-sidebar-left:hover .side-nav li.navigation-header > i {
        display: none; }
      .fixed-sidebar-left:hover .collapse.in {
        display: block; }
      .fixed-sidebar-left:hover .right-nav-text {
        opacity: 1; }
    .fixed-sidebar-left .right-nav-text {
      opacity: 0; }

  .page-wrapper {
    margin-left: 44px; }

    .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap .brand-text {
      opacity: 0;
      visibility: hidden; }
  .navbar.navbar-inverse.navbar-fixed-top .nav > li .dropdown-menu.mega-menu {
    width: calc(100% - 100px); }

  .sidebar-hover .navbar.navbar-inverse.navbar-fixed-top .nav-header {
    width: 225px; }
    .sidebar-hover .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap .brand-text {
      opacity: 1;
      visibility: visible; }

  .slide-nav-toggle .fixed-sidebar-left {
    width: 225px; }
    .slide-nav-toggle .fixed-sidebar-left .side-nav li.navigation-header > span {
      display: block; }
    .slide-nav-toggle .fixed-sidebar-left .side-nav li.navigation-header > i {
      display: none; }
    .slide-nav-toggle .fixed-sidebar-left .collapse.in {
      display: block; }
    .slide-nav-toggle .fixed-sidebar-left .right-nav-text {
      opacity: 1; }
  .slide-nav-toggle .page-wrapper {
    margin-left: 0;
    left: 225px; }
  .slide-nav-toggle .navbar.navbar-inverse.navbar-fixed-top .nav-header {
    width: 225px; }
    .slide-nav-toggle .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap .brand-text {
      opacity: 1;
      visibility: visible; } }
@media (max-width: 1200px) {
  .table-responsive .table > tbody > tr > td, .table-responsive .jsgrid-table > tbody > tr > td, .table-responsive .table > tbody > tr > th, .table-responsive .jsgrid-table > tbody > tr > th, .table-responsive .table > tfoot > tr > td, .table-responsive .jsgrid-table > tfoot > tr > td, .table-responsive .table > tfoot > tr > th, .table-responsive .jsgrid-table > tfoot > tr > th, .table-responsive .table > thead > tr > td, .table-responsive .jsgrid-table > thead > tr > td, .table-responsive .table > thead > tr > th, .table-responsive .jsgrid-table > thead > tr > th {
    white-space: nowrap; } }
@media (min-width: 1025px) {
  .mobile-only-nav.collapse,
  .navbar.navbar-inverse.navbar-fixed-top .top-nav-search.collapse {
    display: block;
    height: auto !important; }

  .navbar.navbar-inverse.navbar-fixed-top .top-nav-search .input-group .input-group-btn {
    pointer-events: none; } }
@media (max-width: 1024px) {
  .mobile-only-view {
    display: block !important; }

  .fixed-sidebar-left {
    margin-left: -225px;
    width: 225px; }
    .fixed-sidebar-left .right-nav-text {
      opacity: 1; }

  .mobile-nav-open .fixed-sidebar-right,
  .mobile-nav-open .fixed-sidebar-left {
    top: 132px; }

  .page-wrapper {
    margin-left: 0;
    padding-left: 0;
    padding-right: 0; }

  .slide-nav-toggle .fixed-sidebar-left {
    margin-left: 0; }
  .slide-nav-toggle .page-wrapper {
    left: 225px;
    margin-left: 0; }
  .slide-nav-toggle.sidebar-hover .navbar.navbar-inverse.navbar-fixed-top .nav-header {
    width: 100%; }

  .navbar.navbar-inverse.navbar-fixed-top {
    padding: 0; }
    .navbar.navbar-inverse.navbar-fixed-top .mobile-only-brand {
      width: 100%; }
      .navbar.navbar-inverse.navbar-fixed-top .mobile-only-brand .nav-header {
        padding-left: 0;
        text-align: center;
        width: 100%; }
        .navbar.navbar-inverse.navbar-fixed-top .mobile-only-brand .nav-header .logo-wrap {
          width: 100%; }
          .navbar.navbar-inverse.navbar-fixed-top .mobile-only-brand .nav-header .logo-wrap .brand-text {
            opacity: 1;
            visibility: visible; }
    .navbar.navbar-inverse.navbar-fixed-top a.toggle-left-nav-btn {
      left: 1px;
      position: absolute;
      top: 0; }
    .navbar.navbar-inverse.navbar-fixed-top a#toggle_mobile_nav {
      position: absolute;
      right: 21px;
      top: 0; }
    .navbar.navbar-inverse.navbar-fixed-top a#toggle_mobile_search {
      position: absolute;
      right: 50px;
      top: 0; }
    .navbar.navbar-inverse.navbar-fixed-top .mobile-only-brand {
      background: #ffffff;
      position: relative;
      z-index: 2; }
    .navbar.navbar-inverse.navbar-fixed-top .mobile-only-nav {
      float: left;
      width: 100%;
      -webkit-transition: 0.4s ease;
      -moz-transition: 0.4s ease;
      transition: 0.4s ease;
      position: absolute;
      left: 0;
      top: 0;
	  box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
      background: #fff;
      padding: 0 15px;
      border-bottom: 1px solid #dedede; }
    .navbar.navbar-inverse.navbar-fixed-top .top-nav-search {
      left: 0;
      margin-left: 0;
      position: absolute;
      width: 100%;
      padding-top: 0; }
      .navbar.navbar-inverse.navbar-fixed-top .top-nav-search .input-group input {
        border-radius: 0;
        height: 66px;
        border: medium none; }
      .navbar.navbar-inverse.navbar-fixed-top .top-nav-search .input-group .input-group-btn {
        top: 23px; }
        .navbar.navbar-inverse.navbar-fixed-top .top-nav-search .input-group .input-group-btn button.btn-default i:before, .navbar.navbar-inverse.navbar-fixed-top .top-nav-search .input-group .input-group-btn .tablesaw-sortable th.tablesaw-sortable-head button i:before, .tablesaw-sortable th.tablesaw-sortable-head .navbar.navbar-inverse.navbar-fixed-top .top-nav-search .input-group .input-group-btn button i:before, .navbar.navbar-inverse.navbar-fixed-top .top-nav-search .input-group .input-group-btn .owl-theme .owl-nav button[class*="owl-"] i:before, .owl-theme .owl-nav .navbar.navbar-inverse.navbar-fixed-top .top-nav-search .input-group .input-group-btn button[class*="owl-"] i:before {
          content: "\f136"; }
    .navbar.navbar-inverse.navbar-fixed-top .nav > li .dropdown-menu.mega-menu {
      right: 0;
      width: 100%; }

  .mobile-nav-open .navbar.navbar-inverse.navbar-fixed-top .mobile-only-nav {
    top: 66px; }

  .navbar.navbar-inverse.navbar-fixed-top .mobile-only-nav {
    background: #f5f5f5; }

  .inbox-pagination li:first-child {
    display: none; }

  .sender-info .inbox-detail-time-2 {
    display: none; }

  /*Chat App*/
  .chat-cmplt-wrap.chat-for-widgets-1 .chat-box-wrap {
    float: none;
    width: auto; }
  .chat-cmplt-wrap.chat-for-widgets-1 .recent-chat-box-wrap {
    border-left: medium none;
    float: none;
    position: absolute;
    right: -100%;
    width: 100%; }
  .chat-cmplt-wrap.chat-for-widgets-1 .goto-back i.zmdi-account-add:before {
    content: "\f2fa"; }

  /*Responsive Tabs*/
  .nav.nav-tabs.nav-tabs-responsive {
    text-align: center;
    position: relative; }
    .nav.nav-tabs.nav-tabs-responsive > li {
      display: none;
      float: none; }
      .nav.nav-tabs.nav-tabs-responsive > li.active, .nav.nav-tabs.nav-tabs-responsive > li.prev, .nav.nav-tabs.nav-tabs-responsive > li.next {
        display: inline-block; }
      .nav.nav-tabs.nav-tabs-responsive > li.prev, .nav.nav-tabs.nav-tabs-responsive > li.next {
        position: absolute;
        top: 0;
        margin-left: 0;
        margin-right: 0; }
        .nav.nav-tabs.nav-tabs-responsive > li.prev > a:before, .nav.nav-tabs.nav-tabs-responsive > li.prev > a:after, .nav.nav-tabs.nav-tabs-responsive > li.next > a:before, .nav.nav-tabs.nav-tabs-responsive > li.next > a:after {
          display: inline-block;
          font-family: "Material-Design-Iconic-Font";
          font-feature-settings: normal;
          font-kerning: auto;
          font-language-override: normal;
          font-size: inherit;
          font-size-adjust: none;
          font-stretch: normal;
          font-style: normal;
          font-synthesis: weight style;
          font-variant: normal;
          font-weight: normal;
          line-height: 1;
          text-rendering: auto;
          position: relative;
          top: 3px;
          font-size: 20px;
          line-height: 12px; }
      .nav.nav-tabs.nav-tabs-responsive > li.prev {
        left: 0; }
        .nav.nav-tabs.nav-tabs-responsive > li.prev > a:before {
          content: '\f2fa';
          margin-right: 10px; }
      .nav.nav-tabs.nav-tabs-responsive > li.next {
        right: 0; }
        .nav.nav-tabs.nav-tabs-responsive > li.next > a:after {
          content: '\f2fb';
          margin-left: 10px; }

  .fc-toolbar > div {
    display: block;
    width: 100%;
    float: left !important;
    margin-bottom: 25px; }

  .fc-toolbar {
    overflow: hidden; } }
@media (max-width: 991px) {
  .dataTables_wrapper .dataTables_length {
    display: none; }

  .product-detail-wrap, .inbox-head {
    margin-top: 30px; }

  .mail-box aside.col-lg-3.col-md-4 {
    padding-right: 15px !important; }
    .mail-box aside.col-lg-3.col-md-4 h6, .mail-box aside.col-lg-3.col-md-4 .panel-title, .mail-box aside.col-lg-3.col-md-4 .inbox-nav, .mail-box aside.col-lg-3.col-md-4 .chat-list-wrap {
      display: none; }
  .mail-box aside.col-lg-9.col-md-8 {
    padding-left: 15px !important; }
    .mail-box aside.col-lg-9.col-md-8 .view-message .label, .mail-box aside.col-lg-9.col-md-8 .view-message .jvectormap-tip {
      display: none; }

  .contact-list aside.col-lg-2.col-md-4 {
    padding-right: 15px !important; }
    .contact-list aside.col-lg-2.col-md-4 .inbox-nav, .contact-list aside.col-lg-2.col-md-4 a.create-label {
      display: none; }
  .contact-list aside.col-lg-10.col-md-8 {
    padding-left: 15px !important; }

  .file-manager h6, .file-manager .panel-title, .file-manager .tag-list {
    display: none; }

  .ibox {
    margin-bottom: 0; } }
@media (max-width: 950px) {
  .panel-dropdown .panel-heading > .pull-left, .panel-dropdown .panel-heading > .pull-right,
  .panel-tabs .panel-heading > .pull-left,
  .panel-tabs .panel-heading > .pull-right {
    width: 100%; }
  .panel-dropdown .panel-heading > .pull-right,
  .panel-tabs .panel-heading > .pull-right {
    margin-top: 10px; }

  .panel-dropdown .panel-heading > .pull-right .dropdown-menu-right {
    left: 0;
    right: auto; } }
@media (max-width: 828px) {
  .wizard .steps ul > li {
    width: 100%; } }
@media (max-width: 796px) {
  footer.footer .col-sm-5 {
    display: none; }
  footer.footer .col-sm-7 {
    width: 100%;
    text-align: center !important; } }
@media (max-width: 767px) {
  .breadcrumb, .heading-bg .btn-outline-white.btn-rounded, .heading-bg button.btn-outline-white.fc-agendaDay-button.fc-state-default.fc-corner-right,
  .heading-bg button.btn-outline-white.fc-month-button.fc-state-default.fc-corner-left,
  .heading-bg button.btn-outline-white.fc-agendaWeek-button {
    display: none; }

  ul.timeline:before {
    left: 23px; }
  ul.timeline > li {
    margin-bottom: 0px;
    position: relative;
    width: 100%;
    float: left;
    clear: left; }
    ul.timeline > li > .timeline-panel {
      width: calc(100% - 65px);
      width: -moz-calc(100% - 65px);
      width: -webkit-calc(100% - 65px); }
    ul.timeline > li > .timeline-badge {
      left: 0px;
      margin-left: 0;
      top: 16px; }
    ul.timeline > li > .timeline-panel {
      float: right; }
      ul.timeline > li > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 10px;
        left: -10px;
        right: auto; }
      ul.timeline > li > .timeline-panel.bg-yellow:after {
        border-right-color: #f8b32d; }
      ul.timeline > li > .timeline-panel.bg-pink:after {
        border-right-color: #e7368d; }
      ul.timeline > li > .timeline-panel.bg-red:after {
        border-right-color: #f33923; }
      ul.timeline > li > .timeline-panel.bg-blue:after {
        border-right-color: #2196F3; }
      ul.timeline > li > .timeline-panel.bg-green:after {
        border-right-color: #8BC34A; }

  .timeline > li.timeline-inverted {
    float: left;
    clear: left;
    margin-top: 30px;
    margin-bottom: 30px; }
    .timeline > li.timeline-inverted > .timeline-badge {
      left: 0; } }
@media (max-width: 600px) {
  .product-detail-wrap {
    margin-top: 30px; }
    .product-detail-wrap .btn-group {
      margin-top: 20px;
      width: 100%; }

  .product-detail-description ul li {
    width: 100%; }
    .product-detail-description ul li a {
      padding-left: 0 !important; }

  .clear-todo-btn {
    float: none !important; } }
@media (min-width: 768px) {
  .img-container {
    min-height: 469px; } }
@media (max-width: 768px) {
  .col-item .photo img {
    width: 100%; } }
@media (max-width: 565px) {
  .clear-todo-btn {
    margin-top: 20px; }

  .nav-tabs > li, .nav-tab-reverse .nav-tabs > li {
    float: none;
    margin-right: 0;
    margin-left: 0; }
    .nav-tabs > li:first-child > a, .nav-tab-reverse .nav-tabs > li:first-child > a {
      border-radius: 0;
      border-top-left-radius: 10px; }
    .nav-tabs > li:last-child, .nav-tab-reverse .nav-tabs > li:last-child {
      margin-bottom: -1px; }
      .nav-tabs > li:last-child > a, .nav-tab-reverse .nav-tabs > li:last-child > a {
        border-radius: 0;
        border-bottom-left-radius: 10px; }

  .custom-tab-1 .nav-tabs > li:first-child > a, .nav-tab-reverse .nav-tabs > li:first-child > a {
    border-top-left-radius: 0; }
  .custom-tab-1 .nav-tabs > li:last-child > a, .nav-tab-reverse .nav-tabs > li:last-child > a {
    border-bottom-left-radius: 0; }

  .nav.nav-tabs.nav-tabs-responsive > li.next a span, .nav.nav-tabs.nav-tabs-responsive > li.prev a span {
    display: none; }

  .nav-pills > li {
    float: none;
    margin-bottom: 5px;
    margin-left: 0 !important; }
    .nav-pills > li:last-child {
      margin-bottom: 0; }

  .fixed-sidebar-right .right-sidebar .nav-tabs > li, .fixed-sidebar-right .right-sidebar .nav-tab-reverse .nav-tabs > li {
    float: left; }

  .navbar.navbar-inverse.navbar-fixed-top .nav > li .dropdown-menu.mega-menu li.col-menu-list {
    width: 100%; }
  .navbar.navbar-inverse.navbar-fixed-top .nav > li .dropdown-menu.alert-dropdown {
    width: 100%;
    min-width: auto; }
  .navbar.navbar-inverse.navbar-fixed-top .nav > li.alert-drp {
    position: static; }

  .sp-header .form-group.pull-right span {
    display: none !important; } }
@media (max-width: 458px) {
  .auth-form {
    width: 100%; } }
@media (max-width: 414px) {
  .navbar.navbar-inverse.navbar-fixed-top .nav > li .dropdown-menu.app-dropdown {
    width: 100%;
    min-width: auto; }
  .navbar.navbar-inverse.navbar-fixed-top .nav > li.app-drp {
    position: static; } }
@media (max-width: 400px) {
  .btn-group-crop {
    margin-right: -16px !important; }
    .btn-group-crop > .btn, .wizard > .actions .disabled .btn-group-crop > a, .wizard > .actions .btn-group-crop > a, .dt-buttons .btn-group-crop > .dt-button, .tablesaw-sortable th.tablesaw-sortable-head .btn-group-crop > button, .sweet-alert .btn-group-crop > button, .owl-theme .owl-nav .btn-group-crop > [class*="owl-"], .btn-group-crop > button.fc-agendaDay-button.fc-state-default.fc-corner-right,
    .btn-group-crop > button.fc-month-button.fc-state-default.fc-corner-left,
    .btn-group-crop > button.fc-agendaWeek-button, .btn-group-crop > .fc-prev-button, .btn-group-crop > .fc-next-button, .btn-group-crop > .fc-today-button {
      padding-left: 8px;
      padding-right: 8px; }

  .typeahead,
  .tt-query,
  .tt-hint {
    width: 100%; } }
@media (max-width: 378px) {
  .form-actions button.btn.btn-success, .form-actions .dt-buttons button.btn-success.dt-button, .dt-buttons .form-actions button.btn-success.dt-button,
  .form-actions .dt-buttons button.dt-button.fc-agendaWeek-button,
  .dt-buttons .form-actions button.dt-button.fc-agendaWeek-button, .form-actions .dt-buttons button.dt-button.fc-prev-button, .dt-buttons .form-actions button.dt-button.fc-prev-button, .form-actions .dt-buttons button.dt-button.fc-next-button, .dt-buttons .form-actions button.dt-button.fc-next-button, .form-actions .dt-buttons button.dt-button.fc-today-button, .dt-buttons .form-actions button.dt-button.fc-today-button, .form-actions .tablesaw-sortable th.tablesaw-sortable-head button.btn-success, .tablesaw-sortable th.tablesaw-sortable-head .form-actions button.btn-success,
  .form-actions .tablesaw-sortable th.tablesaw-sortable-head button.fc-agendaWeek-button,
  .tablesaw-sortable th.tablesaw-sortable-head .form-actions button.fc-agendaWeek-button, .form-actions .tablesaw-sortable th.tablesaw-sortable-head button.fc-prev-button, .tablesaw-sortable th.tablesaw-sortable-head .form-actions button.fc-prev-button, .form-actions .tablesaw-sortable th.tablesaw-sortable-head button.fc-next-button, .tablesaw-sortable th.tablesaw-sortable-head .form-actions button.fc-next-button, .form-actions .tablesaw-sortable th.tablesaw-sortable-head button.fc-today-button, .tablesaw-sortable th.tablesaw-sortable-head .form-actions button.fc-today-button, .form-actions .sweet-alert button.btn-success, .sweet-alert .form-actions button.btn-success,
  .form-actions .sweet-alert button.fc-agendaWeek-button,
  .sweet-alert .form-actions button.fc-agendaWeek-button, .form-actions .sweet-alert button.fc-prev-button, .sweet-alert .form-actions button.fc-prev-button, .form-actions .sweet-alert button.fc-next-button, .sweet-alert .form-actions button.fc-next-button, .form-actions .sweet-alert button.fc-today-button, .sweet-alert .form-actions button.fc-today-button, .form-actions .owl-theme .owl-nav button.btn-success[class*="owl-"], .owl-theme .owl-nav .form-actions button.btn-success[class*="owl-"],
  .form-actions .owl-theme .owl-nav button[class*="owl-"].fc-agendaWeek-button,
  .owl-theme .owl-nav .form-actions button[class*="owl-"].fc-agendaWeek-button, .form-actions .owl-theme .owl-nav button[class*="owl-"].fc-prev-button, .owl-theme .owl-nav .form-actions button[class*="owl-"].fc-prev-button, .form-actions .owl-theme .owl-nav button[class*="owl-"].fc-next-button, .owl-theme .owl-nav .form-actions button[class*="owl-"].fc-next-button, .form-actions .owl-theme .owl-nav button[class*="owl-"].fc-today-button, .owl-theme .owl-nav .form-actions button[class*="owl-"].fc-today-button, .form-actions button.fc-agendaDay-button.fc-state-default.fc-corner-right,
  .form-actions button.fc-month-button.fc-state-default.fc-corner-left,
  .form-actions button.fc-agendaWeek-button, .form-actions button.fc-prev-button, .form-actions button.fc-next-button, .form-actions button.fc-today-button {
    margin-bottom: 20px; } }

/*# sourceMappingURL=style.css.map *