@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');



/*animation*/
@keyframes fadeInUp { 0% { opacity: 0; transform: translateY(30px)} 100% { opacity: 1; transform: translateY(0)}}
@keyframes fadeInUp2 { 0% { opacity: 1; transform: translateY(30px)} 100% { opacity: 0; transform: translateY(0)}}
@keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-50px)} 100% { opacity: 1; transform: translateY(0)}}
@keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-30px)} 100% { opacity: 1; transform: translateX(0)}}
@keyframes fadeInRight { 0% { opacity: 0; transform: translateX(50px)} 100% { opacity: 1; transform: translateX(0)}}
@keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0)} 100% { opacity: 0; transform: translateX(500px)}}
@keyframes scale { 0% { opacity: 0; transform: scale(0.98)} 100% { opacity: 1; transform: scale(1)}}
@keyframes scale2 { 0% { opacity: 0; transform: scale(0.50); } 100% { opacity: 1; transform: scale(1)}}
@keyframes trending { from { width: 0} to { width: 20px}}
@keyframes spin { 100% { transform:rotate(90deg); } }
@keyframes fadeOut { 100% { opacity: 0;} 0% { opacity: 1;}}
@keyframes fadeIn { 100% { opacity: 1;} 0% { opacity: 0;}}
@keyframes cascadeDown { 100% {transform: translateY(0); margin-bottom: 10px; opacity: 1} 0% {transform: translateY(-20px); margin-bottom: -40px; opacity: 0}}
@keyframes upsell { 0% { opacity: 0; transform: translateX(-100px)} 100% { opacity: 1; transform: translateX(0)}}


@media(max-width: 1281px) {

	.save-filter{ display: block !important;}


	.striped-table{ overflow: auto !important; }

	.filter-parent > div:first-child {margin-left: 0 !important;}
	.filter-parent .filter-content {margin-left: 0 !important;}
	.filter-parent .filter-bar { position: absolute;  z-index: 999;  visibility: hidden; right: 20px; top: 70px; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); background: #fff !important}
	.filter-parent .filter-bar > .table-filters{ overflow: auto;; max-height: 270px; border-bottom: 1px solid #f0f2f3;}
	.filter-parent  .filter-bar > div:last-child { padding: 10px 15px}
	.filter-parent  .filter-icon { float: right; margin-top: 3px; cursor: pointer; display: block !important;}

	.tab-header { padding: 20px !important; margin-top: 0 !important; }
	.insights-overview .content-clear{ background: #fff; margin: 10px; overflow: hidden; margin: 0 !important; margin-bottom: 20px !important;}

	.basket-sidebar { width: auto !important; position: inherit !important; }
	.basket { margin-right: auto !important; }
	.basket .striped-table td{ white-space: normal !important; }

	.accounts-overview1 .items > div {width: 100% !important;float: none !important;}

	.score-img, .score-items{ width: 100% }

	.settings input[type=text], .settings select { width: auto !important; }

}

@media(max-width: 1601px) {
	.timeline{ position: static !important; top: auto !important; right: auto !important; width: auto !important; background: #fff !important; padding: 0 !important; margin: 10px; box-shadow: 0px 2px 8px -3px rgba(0,0,0,0.74); margin-bottom: 30px !important;}
	.latest-activity { overflow: auto !important; height: 400px; }
	.insights-overview{ padding-right: 15px !important; }
}

@media(max-width: 1025px) {

	.body{margin-left: 0 !important; }

	.col1 {width: 100% !important;}
	.col2 {width: 100% !important;}
	.col3 {width: 100% !important;}
	.col4 {width: 100% !important;}

	.content {  margin: 0 !important;  margin-bottom: 20px !important; }

	#mobileMenu{ background: rgba(27, 27, 27, 0.94) !important; overflow: hidden; padding-left: 0 !important; width: 200px !important; position: absolute; z-index: 9999; right:20px; top: 35px; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); display: none; animation-name: fadeInUp; animation-duration: 270ms; animation-fill-mode: both; animation-timing-function:ease-in-out}
	#mobileMenu span{ display: none; }
	#mobileMenu a{ display: block; }
	#mobileMenu div{ display: block; float: none !important; }
	#mobileMenuBg{ width: 100%; height: 100%; position: absolute; z-index: 1; visibility: hidden;}
	#mobileHeader{ position: fixed; top: 10px; right: 20px; display: inline-block !important; z-index: 15;}
	#mobileHeader a{ color: #fff }
	#mobileHeader span{ margin-left: 5px; cursor: pointer;}

	.tab-header .logo{ width: 100%; margin-bottom: 20px }

	.header .account-menu{ position: static !important; min-width: auto !important; background-color: transparent !important; box-shadow: none !important; animation: none !important; padding-left: 10px }
	.header .account-menu a{ color: #fff !important; border: 0 !important;  animation: none !important}
	.header .account-menu a:hover{animation: none !important}
	.header .nav-user{ display: none !important; }
	.account-menu{ display: block !important;}

	.financial-overview {width: 50% !important; padding: 10px 0 !important}

	.search-result { margin: auto !important; margin-bottom: 15px !important;  }
	.search-result .sr-items > div{ margin-right: auto !important;}
	.search-result .sr-items td:first-child{ width: 130px }
	.search-result .sr-items td{ white-space: normal !important; }
	.search-result .sr-icon{ display: none; }
	.search-result .watchlist { display:none }
	.search-result .sr-content{ margin-left: auto !important;}

	.login{margin-top: 0 !important;}
	.sn-login .col3{ width: 50% !important; }

	.insight-start .tooltip{ max-width: none !important; margin-left: 0 !important; }
	.insight-start hr, .insight-search{ display: block !important; }

	.basket .striped-table tr:first-child{ display: none; }
	.basket .striped-table td:first-child{ display: none; }
	.basket .status{ display: none; }
	.basket-sidebar li{ width: 100% !important;}

	.checkout-section .col1{ width: 100% !important; }
	.checkout-section .reassurance { top:10px !important; left:0px !important }
	.checkout-section .basket-total { position: inherit !important;; width: 100% !important; right: auto !important; }
	.norton-badge{ position: inherit !important; bottom: auto !important ; right: auto !important; padding: 10px; overflow: inherit !important;}
	.checkout-header .col1{ width: 100% }
	.checkout-header .steps{ float: none !important; }


	.access-popup { width: auto !important; }
	.access-popup .col-image{ display: none !important; }
	.access-popup .col-text{ width: 100% !important; }

	.overlay li{ width: auto !important; }

	.accounts-overview .items > div{ width: 100% !important; }

	.financial-overview {width: 30% !important;}

	.insight-titlebar { display: none !important; }

	.product-toolbar .upgrade{ display: none !important }
}

@media(max-width:600px) {
	.tab-header .items li{ width: 100%; margin: 2px 0 }
	.financial-overview {width: 100% !important; padding: 10px 0 !important}
	.timeline{ margin: 0}
	.mobile-break-td td{ display: block; padding-bottom: 10px }
	.db-products .product-img img{ width: 60px }
	.db-products .product-content {padding-left: 128px !important;}

	.insight-drag-area .col2{ display: block; height: auto !important; }
	.insight-drag-area { display: block; height: auto !important; }

	#watchlist_div iframe{ min-height: 380px !important; margin-top: 100px !important; }
	#watchlist_div > div { height:175px !important; }
	#watchlist_div .img{ display:none }
	.watchlist_prompt .img{ display:none !important }
	#watchlist_div{ padding: 20px !important; }

	.product-toolbar .grey-button{ display: none !important; }

	#paymentDiv iframe { margin-top: 20px !important; }

	.user_info td { display: block !important; padding: 5px 10px !important }
}


.ca-popup .ca-image {height: 150px;background: url(/img/ca__bg_popup.png) no-repeat;background-size: cover; }
.ca-popup .ca-text { padding: 40px}
.ca-popup .ca-text ul{ margin: 20px 0; }
.ca-popup .ca-text li{     display: block;background: url(/img/rp_tick.png) no-repeat 0 5px;padding-left: 17px;padding-bottom: 10px; font-weight:600;}
.ca-popup .ca-text a{ margin-right: 10px}
.ca-popup .ca-text h1{ margin-bottom: 10px}



/*universal*/

.hide-all{ display: none; }


a{color: #00355f; text-decoration: none;}
a:hover{color: #00355f; text-decoration: underline;}
a, font, input, td, div, select {font: 13px 'Open Sans', Arial, sans-serif; outline: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); text-rendering: optimizeLegibility !important; text-size-adjust: none;}
b, strong{ font-weight: 600 !important; }
body, html{margin: 0px; background: #f1f3f4; height: 100%;}
body { padding-top: 100px; box-sizing: border-box; overflow-y: scroll; padding-bottom: 50px}
form{margin-top: 0px; margin-bottom: 0px;}
table, table td{padding: 0px; border-spacing: 0px; border-collapse: collapse;}
table{ width: 100% }
div{box-sizing: border-box;}
img{ border: 0}
h1, h2, h3, h4{ padding: 0; margin: 0; font-weight: normal; display: block;}
h2{ font-size: 16px}
ul{ margin: 0; list-style: none; padding: 0}
input[type=submit], input[type=button]{ cursor: pointer; box-sizing: border-box;}
input[type=text], [type=password], textarea { border-radius: 50px;  box-sizing: border-box;  border: 1px solid #e0e0e0 }
label { cursor: pointer; }
select{ border-radius: 50px }

::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);background-color: #F5F5F5;}
::-webkit-scrollbar{width: 8px;height:11px;background-color:#F5F5F5;}
::-webkit-scrollbar-thumb{background-color: #bfbdbd;}

#mobileHeader{ display: none; }

.status-red {border-radius: 4px; padding: 1px 6px; font-size: 11px; font-weight: bold; text-transform: uppercase; text-align: center; display: inline-block; color:#fff; white-space: nowrap; background:#ad2f2f}
.status-orange {border-radius: 4px; padding: 1px 6px; font-size: 11px; font-weight: bold; text-transform: uppercase; text-align: center; display: inline-block; color:#fff; white-space: nowrap; background:#cc5834}
.status-green { border-radius: 4px; padding: 1px 6px; font-size: 11px; font-weight: bold; text-transform: uppercase; text-align: center; display: inline-block; color:#fff; white-space: nowrap; background:#16a086;}
.status-grey { border-radius: 4px; padding: 1px 6px; font-size: 11px; font-weight: bold; text-transform: uppercase; text-align: center; display: inline-block; color:#fff; white-space: nowrap; background:#8c8c8c;}

.status-warning{ color: #b10e1e; font-weight: 600; font-size: 12px }

.count {display: inline-block; padding: 0px 4px; border-radius: 4px;  margin-left: 4px;  font-size: 11px;  font-weight: 600;  background: #656e73; color: #fff; vertical-align: top; margin-top: 4px;;}

.status-green-bullet{display: inline-block; width: 9px; height: 9px; margin-right: 5px; border-radius: 50%; background:#16a086 }
.status-red-bullet{display: inline-block; width: 9px; height: 9px; margin-right: 5px; border-radius: 50%; background:#ad2f2f }
.status-grey-bullet{display: inline-block; width: 9px; height: 9px; margin-right: 5px; border-radius: 50%; background:#848484 }

.tag-grey { display: inline-block; padding: 1px 3px;border-radius: 4px;margin-left: 3px;font-size: 9px;font-weight: bold;color: #ffffff;background: #6d6d6d;}

.error-message{ background: #ffebee; border-radius: 5px; box-shadow: 0 1px 1px rgba(0,0,0,0.2); padding: 3px 10px; font-weight: bold; font-size: 12px}
.login .error-message{ background: #ffebee; border-radius: 0px !important; padding: 10px 15px; font-weight: bold; font-size: 12px; box-shadow: none !important;}
.checkout-section .error-message{ background: #ffebee; border-radius: 0px !important; padding: 20px 25px; font-weight: bold; font-size: 13px; box-shadow: none !important; margin-bottom: 10px}

.t1{ font-size: 30px; display: block}
.t2{ font-size: 13px; display: block; margin-bottom: -5px;}
.t3{ font-size: 11px; display: block}

.clear{clear: both; padding: 0!important; float: none !important;}
.ad_size{max-width:459px; width:100%; margin: auto}
.ads{ box-shadow: none !important; background: #f0efef !important }
.ads h2{ text-align: center; margin: 8px; color: grey; font-size: 13px;}

.overlay-height-blur { min-height: 450px; }
.overlay-height-blur >div{ filter:blur(4px); }
.overlay-height-blur .overlay{ filter: none; }
.overlay-height-blur .title{ filter: none; }
.overlay-height-blur .tiles-x{ filter: none; }

.overlay-height{ min-height: 450px; }
.remove-overlay {  min-height: 10px !important;}
.remove-overlay .overlay {  display:none }

.overlay-blur { filter:blur(4px); }
.remove-overlay .overlay-blur {  filter:none; }
.overlay-height .group-structure{ padding: 20px !important;}
.overlay {position: absolute; width: 100%; height: 100%; z-index: 1; right: 0; top: 0; padding: 23px !important;  border-bottom: 0 !important; background: rgba(247, 247, 247, 0.58);}
.overlay > div{ background: #fff; width: 100%; box-shadow: 0px 2px 8px -3px rgba(0,0,0,0.90); padding:30px 20px; text-align: center; border-radius: 3px; transition: all 0.25s ease-in; position: relative; margin: auto; max-width: 600px; margin-top: 70px; border-top: 1px solid #f3f3f3 }
.overlay > div span{ display: block; }
.overlay > div a span{ display: inline-block; margin-right: 1px}
.overlay .upgrade{ display: block; font-size: 13px }
.overlay .upgrade a{ text-decoration: underline; color: #000 }
.overlay .upgrade > span{ display: inline-block; margin-right: 5px }
.overlay .cta{ color: #fff;background: #2e40a7;cursor: pointer; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.66); display: inline-block; margin: 15px 5px; padding: 6px 15px !important; border-radius: 3px !important;}
.overlay li{ display: block; float: left; width: 50%; box-sizing: border-box; text-align: left; padding: 10px }
.overlay .grey-button{ margin-top: 20px !important; }

.details-popup { z-index:1000;position: fixed; width: 90%; margin: auto; bottom: 0; background: #fff; left: 0; right: 0; box-shadow: 0 2px 20px 0 rgba(0,0,0,.2); padding:25px 40px; text-align: center; font-size: 16px; animation-name:fadeInUp; animation-duration: 270ms; animation-fill-mode: both; animation-timing-function:ease-in-out; animation-duration: 1000ms; }
.details-popup h1 { font-size:27px; }
.details-popup span{ display: block; margin-bottom: 10px; font-size: 16px; color: #3c3c3c;}
.details-popup .cta{ margin: 5px; border-radius: 4px; padding: 3px 10px; text-decoration: none; color: #fff; background: #2e40a7; font-weight:600; display: inline-block;  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.53); margin-right: 10px;}

.col1 {float: left; width: 66.666%}
.col2 {float: left; width: 50%}
.col3 {float: left; width: 33.333%}

#col1, #col2 { min-width: 50%; height: 600px;}

.content-parent{ padding: 15px; position: relative;}
.content{background: #fff; margin: 10px; overflow: hidden; margin-bottom: 20px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); position: relative;}
.no-animation, .no-animation > *{ animation: none !important }

.content > div{padding: 10px 20px;  overflow:hidden;}
.content p{line-height: 21px; margin: 0; }
.content > .title{font-size: 16px; border: 0;  margin-top: 6px;}
.content1 > .title{font-size: 15px}
.content-clear{ overflow: auto;}
.content-clear > .title{font-size: 15px}
.content-clear > div{padding: 10px 20px; overflow:hidden;}

.filter-parent { min-height: 500px }
.filter-parent > div:first-child{ margin-left: 200px}
.filter-parent .filter-content{ margin-left: 200px; border-bottom: none}
.filter-parent .filter-bar{ width: 200px; float:left; border-right: 1px solid #f0f2f3; margin-top: -49px; background: #fafafa; padding: 0}
.filter-parent .filter-bar > div:first-child{font-size: 15px; padding: 15px; border-bottom: 1px solid #f0f2f3;}
.filter-parent .filter-bar > .table-filters{padding: 20px 15px}
.filter-parent .filter-bar h3{ font-weight:600; font-size:10pt; margin: 10px 0; margin-top: 15px}
.filter-parent .filter-bar h2{font-size: 15px; border-bottom:0px solid #000}
.filter-parent .filter-bar h3:first-child{ margin-top:0}
.filter-parent .filter-bar > div  div{ margin: 4px 0; font-size: 12px}
.filter-parent .filter-bar input{ margin: 0; margin-right: 8px; vertical-align: middle;}
.filter-parent  .filter-icon { display: none;}

.basic-table { width: auto; }
.basic-table  td{ padding: 10px 0;}
.basic-table  td:first-child{ font-weight:600; padding-right: 20px; vertical-align: top; white-space: nowrap;}

.striped-table tr:nth-child(even){background: #fafafa}
.striped-table tr:first-child td{ font-weight: 600; border-top: none; border-bottom: 1px solid #e0e0e0; padding-left: 10px}
.striped-table td{ padding: 11px; border-top: 1px solid #f0f2f3; vertical-align: top;}
.striped-table .desc{ padding-left: 22px; font-size: 9pt; }
.striped-table .desc a{ color: #002848; font-size: 9pt !important; text-decoration: none; font-weight: normal !important; }
.striped-table .desc a:hover{ text-decoration: underline}
.striped-table a{ font-weight: 600}

.align-icons td:first-child { position: relative; padding-left: 31px;}
.align-icons td span { position: absolute; left: 10px; top: 15px;}
.align-icons .desc { padding-left: 0 !important; }

.line-table td{ padding: 7px 10px; border-bottom: 1px solid #e2e5e7}
.line-table tr:last-child td{ border-bottom: none }

.table-row{ display: table; width: 100% }
.table-row > div{ display: table-cell; }

hr{ border: 0; border-bottom: 1px solid #ececec; }

.backtotop{ width: 40px; height: 40px; position: fixed; right: 50px; bottom: 50px; background: #fff; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); animation-name: scale2; animation-duration: 270ms; animation-fill-mode: both; animation-timing-function:ease-in-out; animation-delay: 150ms; animation-duration: 3s !important}

.alert-tick {background: url(/img/icons.png) no-repeat 12px -1241px #009688; color: #fff; font-weight: bold; margin: 0 10px 15px 10px; padding: 8px 10px; padding-left: 34px; border-radius: 5px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.10);}
.alert-info {background: url(/img/icons.png) no-repeat 12px -1332px #607D8B; color: #fff; font-weight: bold; margin: 0 10px 15px 10px; padding: 8px 10px; padding-left: 34px; border-radius: 5px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.10);}
.alert-info-2 {background: url(/img/icons.png) no-repeat 12px -1332px #ffcc54; color: #fff; font-weight: bold; margin: 0 10px 15px 10px; padding: 8px 10px; padding-left: 34px; border-radius: 5px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.10);}
.alert-cross {background: url(/img/icons.png) no-repeat 12px -1283px #F44336; color: #fff; font-weight: bold; margin: 0 10px 15px 10px; padding: 8px 10px; padding-left: 34px; border-radius: 5px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.10);}

/*button*/

.grey-button > span{ vertical-align: sub; margin-left: 2px; transition: all 0.25s ease-in  }

.save-filter, .blue-button, .grey-button, .orange-button, .green-button, .dark-grey-button, .overlay .cta { padding: 4px 12px;text-decoration: none !important;white-space: nowrap;font-size: 9pt;border-radius: 3px;text-align: center;box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.21); font-weight: 700 !important; border: 0; border-radius: 50px !important }
.save-filter:hover, .blue-button:hover, .grey-button:hover, .orange-button:hover, .dark-grey-button:hover, .overlay { text-decoration: none; color: #000; }
.cta:hover { text-decoration: none; color: #fff; }

.blue-button{color: #fff;background: #2e40a7;cursor: pointer; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.66)}
.blue-button .small{ font-size: 10px}
.blue-button:hover{color: #fff; }

.green-button{color: #fff;background: #16a086;cursor: pointer; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.66)}
.green-button .small{ font-size: 10px}
.green-button:hover{color: #fff; }

.darkblue-button { background: #2e40a7 !important; margin-right: 10px }

.grey-button{background: #eff0f2; color: #444548; cursor: pointer; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.21)}

.orange-button{ color: #5d4000; background: #ffcc54 linear-gradient(to bottom, #ffe4a4 0%,#ffd568 100%); cursor: pointer; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14); padding: 3px 12px;  border: 1px solid #ecc562; font-size: 12px; }

.dark-grey-button{background: #787879; color:#fff; cursor: pointer; }
.dark-grey-button .small{ font-size: 10px}
.dark-grey-button:hover{color: #fff;}

.save-filter{background: #317589; cursor: pointer; display: none;  color: #fff}
.save-filter:hover{color: #fff}

.unlock{ text-decoration: none; font-weight:600;}

.delete-x { float:right; text-decoration: none; font-weight:600; color: #ffffff; border-radius: 50%; display: block; padding: 0px 4px; font-size: 9px; background: #565656;}
.delete-x:hover { background: #ab3c34; color: #fff}

.link-button{ color: #416171; font-weight: 600}
.link-button:hover{ text-decoration: none}
.link-button:hover .chevron-right-icon{ margin-left: 5px}
.link-button .chevron-right-icon{ vertical-align: top; margin-top: 1px; margin-left: 3px; transition: all 0.25s ease-in }

/*prompt popup*/
.prompt { padding: 10px; }
		.prompt span{ display: block; margin-bottom: 20px }
		.prompt h1{ font-size: 17px; font-weight: 300; margin-bottom: 10px; line-height: 21px; }
		.prompt a{ margin-right: 5px; display: inline-block; }
		.prompt .Xblue-button{ animation-name: fadeIn; animation-duration: 270ms; animation-fill-mode: both; animation-timing-function:ease-in-out; animation-delay: 600ms}
		.prompt .Xgrey-button{ animation-name: fadeIn; animation-duration: 270ms; animation-fill-mode: both; animation-timing-function:ease-in-out; animation-delay: 600ms}
		.prompt .grid-row > div{ display: table-cell; vertical-align: top; padding: 8px }
		.prompt > div{ padding:10px 5px;}
		.prompt .form{ border: 1px solid #eaeaea; padding: 20px; background: #fbfbfb; margin-top: 21px;}
		.prompt .close{ position: absolute; right: 0; top: 0; margin: 5px 10px; color: #505050;}

		.prompt li{  display: inline-block; width: 160px;  background: url(/img/rp_tick.png) no-repeat 0 6px;  padding-left: 17px;  padding-bottom: 3px;  font-size: 13px; text-align: left;  }
		.prompt ul{ display: inline-block; }

		.prompt input[type="text"]{ display: block; padding: 8px 10px; border: 1px solid #b9b9b9;  box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.13); margin-bottom: 10px; width: 100%}
		.prompt textarea{ display: block; padding: 6px 10px; border: 1px solid #dedede;  box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.13); margin-bottom: 10px; width: 100%}

/*help popup*/
.help-popup{ background: #fff;  z-index:16000002; position: fixed; max-width: 400px; max-height: 600px; width: 100%; height: 100%; top:40px;right:0; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; padding-top: 47px; animation-name: cascadeDown; animation-duration: 270ms; animation-fill-mode: both; animation-timing-function:ease-in-out;}
.help-popup-close{  animation-name: fadeOut !important; animation-duration: 270ms; animation-fill-mode: both; animation-timing-function:ease-in-out;}
.help-popup .help-body { height: 100%; overflow: auto; background: #fff;  }
.help-popup .help-body > div { padding:20px}
.help-popup .title { font-size: 16px; font-weight: 500; padding: 10px 20px; position: absolute; top: 0; left: 0; width: 100%; background: #3360a9; border-bottom: 1px solid #eaeaea; color: #fff }
.help-popup ol{ padding-left: 17px; }
.help-popup .questions ul{ margin-bottom: 30px; }
.help-popup .questions ul:last-child{ margin-bottom: 0; }
.help-popup .answer ul{ list-style: square; list-style-position: inside;}
.help-popup .answer h3{ margin-bottom: 15px; font-weight: 600 }
.help-popup .questions li{ padding: 7px 0; border-top: 1px solid #e2e2e2; }
.help-popup .answer li{ padding-bottom: 8px; }
.help-popup .cw-close-icon{ float: right; margin: 5px 0; cursor: pointer; }
.help-popup .cw-back-icon{ cursor: pointer; }
.help-popup h3{ margin-bottom: 10px; font-weight: 500; }

/*tooltip*/
.tooltip-content { background: #0078D7;  position: relative; box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.65); border-radius: 5px; padding:15px 20px; color:#fff; text-shadow: 0px 1px rgba(0, 0, 0, 0.51);}
.tooltip-content p{ margin: 0 }
.tooltip-content h2{ font-weight:700 !important; color: #fff !important; }
.tooltip-content .left-pointer{  position: absolute; top:17px; left: 11px; transform: rotate(-45deg); margin-left: -19px; background: #0078D7; width: 15px; height: 15px; padding: 0; border: 0}
.tooltip-content .right-pointer{position: absolute;top: 17px;right: -7px;transform: rotate(-45deg);background: #0078D7;width: 15px;height: 15px ;padding: 0;border: 0}
.tooltip-content .up-pointer{position: absolute;top: -7px;right: 18px;transform: rotate(-45deg);background: #0078D7;width: 15px;height: 15px ;padding: 0;border: 0}

/*sorry to stop you there popup*/
.access-popup { background: #fff; width: 800px; margin: auto; overflow: hidden; height: 500px}
.access-popup .col-text{ padding: 50px; display: inline-block; width: 66%; vertical-align: top; }
.access-popup li{ display: block; background: url(/img/rp_tick.png) no-repeat 0 5px; padding-left: 17px; padding-bottom: 10px; }
.access-popup span{ margin: 10px 0; display: block; font-weight:600; font-size: 14px }
.access-popup ul{ margin: 20px 0 }
.access-popup a{ margin-top: 20px; margin-right: 10px; display: inline-block; }
.access-popup .col-image{ background: url(/img/stop_popup.png) no-repeat -160px -30px; height: 100%; display: inline-block; width: 33% }

/*plan pay popup*/
.plan-pay {position: fixed;z-index: 999;background: #fff;display: inline-block;padding: 20px;box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);top: 250px;left: 50%;margin-left: -208px; animation-name: scale; animation-duration: 270ms; animation-fill-mode: both; animation-timing-function:ease-in-out;}
.plan-pay > div {display: inline-block;padding: 5px;vertical-align: top;position: relative;}
.plan-pay h2 {font-weight: 600;margin-bottom: 10px;}
.plan-pay .total {font-size: 15px;display: block;font-weight: 600; margin-bottom: 6px; float: left;}
.plan-pay .total span {color: #b12704;}
.plan-pay .desc {font-size: 12px;color: #616161;display: block;margin-bottom: 20px; max-width: 300px;}
.plan-pay .orange-button {display: block; color: #000;margin-bottom: 4px; text-decoration: none; float: right;}
.plan-pay a{ color: #0070c9}
.plan-pay .card {font-size: 12px;}
.plan-pay .close {position: absolute;top: -19px;right: -15px;text-decoration: none;cursor: pointer;}
.plan-pay img { margin-top: -2px;}


/*icons*/
.backward-icon{ background-position: -19px -677px !important;}
.code-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -76px 0 !important;}
.bank-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: 0 -816px }
.book-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: 0 -849px }
.breifcase-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: 0 -374px}
.building-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: 0 -34px }
.cake-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -21px -579px }
.calendar1-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: 0 -137px }
.calendar2-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: 0 -171px }
.calendar3-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: 0 -205px }
.checkbox-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: 0 -102px }
.chevron-right-icon{ background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -23px -203px }
.chevron-left-icon{ background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -25px -881px }
.clock-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position:0px 0px}
.coins-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -23px -67px }
.earth-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: 0 -442px }
.email-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: 0 -510px }
.file-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: 0 -680px }
.file-plus-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -23px -409px;}
.filter-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -17px -442px }
.filter-s-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -26px -748px }
.folder-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: 0 -68px }
.forward-icon, .backward-icon{ background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -17px -642px; height: 22px !important; width: 22px !important; background-color: #305c8a; border-radius: 50%; cursor: pointer;}
.forward-icon:hover, .backward-icon:hover{ background-color: #25476b; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.47) }
.label-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: 0 -646px }
.map-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: 0 -408px }
.map2-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -56px -978px; }
.meter-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: 0 -612px }
.mini-clock-icon{ background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -23px -615px; height: 10px !important; width: 12px !important; }
.o-user-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -23px -34px }
.phone-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: 0 -475px }
.piggy-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -23px 0 }
.plus-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -26px -712px;  }
.power-icon{ background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -23px -170px; }
.previous-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: 0 -340px }
.save-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -25px -781px;  }
.setting-icon{ background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -24px -137px; }
.sidebar-menu-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: 0 -980px;}
.social{width:20px; height:20px; background-image:url('/img/social.png'); display:inline-block; margin-right:5px; -webkit-border-radius:3px;border-radius:3px;}
.structure-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: 0 -271px }
.user-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: 0 -238px }
.user-minus-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -22px -375px;}
.user-plus-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -23px -341px;}
.w-application-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -25px -816px;  }
.warning2-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: 0 -578px }
.warning-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -2px -306px }
.w-basket-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: 0 -946px }
.w-building-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -22px -270px }
.w-download-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: 0 -781px; width: 18px !important; }
.website-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: 0 -544px }
.w-filter-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -22px -477px }
.w-help-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: 0 -915px }
.w-menu-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -22px -544px }
.w-search-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -21px -509px }
.w-user-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: 0 -881px }
.w-lock-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -30px -979px }
.w-warning-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -30px -979px }
.r-warning-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -53px -748px; width: 19px !important; }
.w-file-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -53px -543px; height: 14px !important; width: 16px !important; vertical-align: text-top; margin-right: 0px; margin-top: 1px; }
.w-star-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -53px -577px; height: 14px !important; width: 16px !important; vertical-align: text-top; margin-right: 3px; margin-top: 1px; }
.dropdown-arrow-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -27px -853px; height: 7px !important; width: 10px !important; }
.view-column-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; height: 11px; width: 14px; background-position: -29px -915px; }
.drag-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; height: 11px; width: 5px; background-position: -30px -948px; }
.g-tick-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position:-50px 0; width:14px; }
.multilist-icon{ background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -48px -67px; }
.list-icon{ background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -49px -34px; }
.w-plus-icon{ background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -50px -103px; }
.export-icon{ background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -49px -138px }
.w-cube-icon{  background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat;   background-position: -49px -172px; }
.eye-icon{  background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat;   background-position: -50px -206px; }
.pie-icon{  background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat;   background-position: -50px -238px; }
.chart-icon{  background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -50px -269px; }
.phone-small-icon{  background: url('/img/phone-s-icon.png') no-repeat; width: 10px; height: 10px; display: inline-block; }
.phone-small-w-icon{  background: url('/img/phone-sw-icon.png') no-repeat; width: 10px; height: 10px; display: inline-block; }
.c-customise-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -52px -340px; height: 15px !important; width: 22px !important; vertical-align: sub; }
.c-drag-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -52px -374px; width: 13px !important; }
.c-close-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -53px -409px; width: 14px !important; }
.cw-close-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -52px -681px; width: 14px !important; }
.c-back-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -53px -644px;; width: 19px !important; height: 16px !important;}
.cw-back-icon{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -52px -714px;; width: 19px !important; height: 16px !important;}
.t-save-icon {background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -52px -510px; width: 25px !important; }
.t-export-icon {background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -53px -474px; width: 26px !important; }
.t-columns-icon {background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -53px -441px; width: 22px !important; }
.t-plus-icon {background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -54px -881px; width: 20px !important; }
.t-browse-icon {background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -55px -914px; width: 22px !important; }
.w-open-icon {background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -53px -609px; width: 20px !important; height: 17px !important; }
.trash-icon {background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -53px -779px;; width: 20px !important; height: 17px !important; }
.icon-note { background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -55px -816px; height: 14px; width:13px }
.icon-y-note { background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -55px -848px; height: 15px; width:15px }
.s-tick-icon{ background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; background-position: -56px -950px; height: 8px; width:15px  }


/*trending icon*/
.trendingup { font-size: 11px; color:#16a086; margin-bottom:-3px; }
.trendingdown { font-size: 11px; color:#ad2f2f;  margin-bottom:-3px}
.trendingup-icon{ width: 21px; display: inline-block;}
.trendingup-icon span{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; animation-duration: 1s; animation-fill-mode: both; animation-timing-function:ease-in-out;  overflow: hidden; animation-name: trending; width: 0; animation-delay: 150ms; background-position: 0 -714px;}
.trendingdown-icon{ width: 21px; display: inline-block;}
.trendingdown-icon span{background-repeat: no-repeat; height: 16px; width:21px; display: inline-block; vertical-align: middle; background:url('img/icons.png') no-repeat; animation-duration: 1s; animation-fill-mode: both; animation-timing-function:ease-in-out;  overflow: hidden; animation-name: trending; width: 0; animation-delay: 150ms; background-position: 0 -748px;}

/*login*/

.login-bg1{ background: url(img/login_bg.jpg) no-repeat; background-size: cover; }
.login-bg1 body{ background: none }

.login{display: block; margin: auto; max-width: 450px; margin-top: 70px; width: 100%; padding: 20px; }
.login .content{ margin: 0; margin-bottom: 20px; box-shadow:0 0 0px 0 rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.24) }
.login a{ margin-left: 5px }
.login .logo{ margin-bottom: 30px; text-align: center; }
.login input[type=text], input[type=password]{ padding: 7px 10px; border: 1px solid #dedede; width: 100%; box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.13);}
.login td{ padding: 8px 0}
.login td:first-child{ font-weight: bold; white-space: nowrap;}
.login .password{ position: relative; }
.login .forgot{ position: absolute; right: 15px; top: 16px; font-size: 12px; color: #000}
.login .signup{ float: right; }
.login .login-heading{ text-align: center; padding: 20px}
.login .login-form{ padding: 8px 20px }
.login .form{ padding: 0 20px }
.login h2{ margin-bottom: 20px }
.login .blue-button{ width: 100%; padding: 5px 10px }
.sn-login .col2{ padding: 3px 0;  }
.sn-login a{ cursor: pointer; border-radius: 5px;;display: block; color: #fff; font-weight:600; text-decoration: none; padding:5px; background-image:url('img/login/social-icons.png'); background-repeat: no-repeat; padding-left: 40px; margin-left: 0 !important; font-size: 12px; margin: 3px 10px; border: 1px solid transparent;}
.sn-login a:hover{  box-shadow: rgba(0, 0, 0, 0.24) 0 1px 1px 0;}
.sn-login .google{ background-position: 10px 5px; background-color:  #ea4335  }
.sn-login .facebook{  background-position: 10px -25px; background-color: #1877f2 }
.sn-login .twitter{  background-position: 10px -54px; background-color: #1da1f2 }
.sn-login .linkedin{  background-position: 10px -84px; background-color: #007bb5 }


/*heder*/
.header {background: #00071e; height: 45px; position: fixed; left:0; width: 100%; z-index: 12; top:0;}
.header .nav { transition: all 0.25s ease-in;  margin-top: 5px}
.header .nav > a, .account-dropdown > a{ padding: 11px 20px; color: #fff; text-decoration: none; display: inline-block; height: 18px; font-size: 13px; opacity: 0.91; filter: alpha(opacity=90); font-weight:600}
.header .nav > a:hover, .account-nav:hover{opacity: 1; filter: alpha(opacity=100)}

.header .nav-trial{background: #bd3321; color: #fff; display: inline-block; padding: 11px; font-weight: bold; height: 18px;}

.header .nav_selected { background:#343b44; opacity: 1 !important; filter: alpha(opacity=100) !important;}
.header .nav-main .nav_selected { background:#fff; color: #000 !important; border-radius: 5px 5px 0 0}
.header > div:first-child{ box-sizing: border-box; position: absolute; top: 3px; left: 0; padding: 10px 20px}
.header .menu{ width: 100%; padding-left: 150px}
.header .menu > div:first-child{float: left;}
.header .menu > div:last-child{float: right;}
.header .account-nav { cursor: pointer }
.header .account-dropdown { position: relative; display: inline-block; }
.header .account-menu { display: none; position: absolute; background-color: #fff; min-width: 220px;box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); margin-top:-53x; ; z-index: 10}
.header .account-menu  a{ display: block; padding:10px 20px; border-top: 1px solid #e9e9e9; text-decoration: none; animation-name: fadeInUp; animation-duration: 270ms; animation-fill-mode: both; animation-timing-function:ease-in-out; animation-delay: 150ms}
.header .account-dropdown:hover .account-menu { display: block; animation-name: fadeInUp; animation-duration: 270ms; animation-fill-mode: both; animation-timing-function:ease-in-out}
.header .nav-user{background:url('img/user.png') no-repeat 20px 23px #fff; padding: 20px; padding-left:65px; font-weight:600}
.header > a{ vertical-align: middle; }
.basket-count { background: #fff; color: #000; padding: 0 5px; border-radius: 3px; font-weight: bold; font-size: 10px;  margin-left: 6px; }

#insight-title { transition: all 0.25s ease-in; opacity:0; padding-left:25px; float:left; color:#000; color:#000; font-size:14px; }

/*sidebar and tabs header*/

.product-toolbar{ overflow: hidden; background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); position: fixed; top: 45px; width: 100%; z-index: 11; height: 52px }
.product-toolbar .name{ font-size: 20px !important; }
.product-toolbar .outer{ display: block; position: relative; height:65px; }
.product-toolbar .outer > div, .product-toolbar .outer > a{ padding: 8px 20px; display: table-cell; white-space: nowrap; font-size: 12px; vertical-align: middle; font-weight: 600}
.product-toolbar .outer > div .button{ color: #fff;background: #2e40a7;cursor: pointer;box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.66);padding: 4px 10px;font-weight: 700;font-size: 11px;margin-left: 10px;text-decoration: none;}
.product-toolbar .plus{margin-top: -3px; vertical-align: middle;; color: #fff;cursor: pointer;padding: 2px 6px;margin-left: 8px;text-decoration: none;border-radius: 4px;border: 1px solid #dcdcdc;border-bottom: 1px solid #c3c3c3;border-left: 1px solid #c3c3c3;background-color: #efeeee; background-position: -22px -711px; width: 8px; }
.product-toolbar .grey-button{ position: absolute; right: 21px; top: 18px; padding: 3px 11px !important; }


.product-toolbar .upgrade{     position: absolute; top: 0; right: 0;  padding: 17px; }
.product-toolbar .upgrade .blue-button{   border-radius: 6px !important;  padding: 8px 27px;  box-shadow: none; margin-left: 10px; border: 1px solid #2e40a7}
.product-toolbar .upgrade .tour-button{  background: transparent !important;  color: #2e40a7 ;}

.product-toolbar .outer > a{ color: #000; text-decoration: none; padding: 13px 20px }
.product-toolbar .outer > a:hover1{ background: #f1f1f1 }
.product-toolbar .search{background: #f1f3f4; position: relative; transition: all 0.25s ease-in; padding: 0 !important; z-index: 1; border-radius: 50px; overflow: hidden;}
.product-toolbar .search:hover{ background-color: #e8eaed }
.product-toolbar .search input{ box-sizing: border-box; background-color: transparent;}
.product-toolbar .search input[type=text]{ border:1px solid transparent; padding: 8px 14px; width: 100%}
.product-toolbar .search input[type=submit]{ border: 0px; background:url('/img/icons.png') -12px -91px no-repeat; background-color: #ffdd8e; cursor: pointer; padding:8px 18px; position: absolute; right: 0; top: 0; height: 36px}

.top_promo_bar { display:none; }
@media  (min-width: 1025px) {
.top_promo_bar { display:block; }
.profile-header { background: none !important; position: fixed; top: 130px; left: 0; width: 250px; z-index: 1}
.profile-header .parent-tab-nav{ height: auto !important; overflow: visible !important;}
.profile-header .tab-nav { white-space: normal !important;}
.profile-header .tab-nav a{ display: block !important; padding-left: 5px !important; border-top: 1px solid #e6e6e6;;}
.profile-header .tab-nav a:hover{ background: #eceeef;;}
.profile-header .tab-header h1 a { font-size: 21px !important; display: block; margin: 12px 0 }
.profile-paddingleft {padding-left: 250px;}
}

.profile-header { background: #fff; }
.profile-header .tab-header{ padding: 30px 23px; position: relative}
.profile-header .tab-header .name{ vertical-align: middle; display: inline-block;}
.profile-header .tab-header .logo{padding: 15px; border: 1px solid rgba(0, 0, 0, 0.02);; border-radius: 4px; text-align: center; height: 100%;  margin-right: 30px; vertical-align: middle; box-shadow: 0 1px 1px rgba(0,0,0,0.2); min-height: 80px; display: inline-block; background-color: #fff}
.profile-header .tab-header .logo img { max-width:175px; max-height: 60px !important; }
.profile-header .tab-header li{ display: inline-block; margin-right: 30px}
.profile-header .tab-header ul{ margin-top: 10px}
.profile-header .tab-header h1{ font-weight: 600; letter-spacing: -1px; }
.profile-header .tab-header h1 a { font-size: 26px; font-weight: 600; letter-spacing: -1px; color:#000 }

.profile-header .parent-tab-nav{ height: 35px; overflow: hidden;}
.profile-header .tab-nav{ padding: 2px 20px; white-space: nowrap; overflow: auto;}
.profile-header .tab-nav .icon {width: 14px; height: 14px; margin: 0; margin-right: 7px; line-height: 0; vertical-align: sub;}
.profile-header .tab-nav a{ display: inline-block; padding: 8px 10px; margin-right: 6px; text-decoration: none; font-weight: 200; font-size: 9pt; color: #4a6670; position: relative;  color: #000 !important;}
.profile-header .tab-nav a:hover{  }
.profile-header .tab-nav .active_tab{ font-weight: 700; background: #f1f3f4}
.profile-header .tab-nav a span{ color: #797979; display: inline-block; padding-left: 3px }

.settings-header { background: #fff;}

.settings-header .tab-header{ padding: 30px 23px; position: relative}
.settings-header .tab-header .logo{padding: 15px; border: 1px solid rgba(0, 0, 0, 0.02);; border-radius: 4px; text-align: center; height: 100%; float: left; margin-right: 30px; vertical-align: middle; box-shadow: 0 1px 1px rgba(0,0,0,0.2); min-height: 80px}
.settings-header .tab-header .logo img { max-width:175px; max-height: 60px !important; }
.settings-header .tab-header li{ display: inline-block; margin-right: 30px}
.settings-header .tab-header ul{ margin-top: 10px}
.settings-header .tab-header h1{ font-weight: 600; letter-spacing: -1px; }
.settings-header .tab-header h1 a { font-size: 26px; font-weight: 600; letter-spacing: -1px; color:#000 }

.settings-header .tab-nav{ padding: 0 20px; }
.settings-header .tab-nav a{ display: inline-block; padding: 8px 10px; margin-right: 6px; text-decoration: none; font-weight: 200; font-size: 9pt; color: #4a6670; position: relative;  color: #000 !important;}
.settings-header .tab-nav a:hover{  }
.settings-header .tab-nav .active_tab{ font-weight: 600; background: #f1f3f4}
.settings-header .tab-nav a span{ color: #797979; display: inline-block; padding-left: 3px }

/*paging*/
.paging{ margin: 20px 0}
.paging a{padding: 3px 8px;  text-decoration: none;}
.paging span{ background: #305c8a; display: inline-block; padding: 3px 8px; text-decoration: none; font-weight: bold; color: #fff; border-radius: 3px}


/*checkout*/
.checkout-complete .blue-button{ margin-top: 20px; display: inline-block;}
.checkout-complete .breakdown { width: 100% !important; margin: 20px 0}
.checkout-complete > div { padding: 40px }
.checkout-complete h2 { margin-top: 20px; margin-bottom: 5px; font-weight:600}
.checkout-complete hr { margin: 30px 0 }
.checkout-complete .heading h1 { display: inline-block; vertical-align: middle; font-size: 21px; }
.checkout-complete .heading img { vertical-align: middle; margin-right: 8px }

.checkout-complete a{ padding: 10px 40px }

.checkout-footer{ color: #757575; margin-bottom: 40px }

.checkout-header li span{ display: block;background: #f4f3f3; height: 8px;width: 8px;position: absolute;top: -5px;left: 44%;border-radius: 50%; border: 1px solid #cacaca }
.checkout-header li:last-child span{ border: 1px solid #e47911 }
.checkout-header li:last-child{ color: #e47911; font-weight:600; }
.checkout-header li{ display: inline-block;border-top: 1px solid #d8d8d8;padding: 6px 10px ;position: relative; color: #b5b5b5;}
.checkout-header ul{ float: right }
.checkout-header, .checkout-section, .checkout-footer{ max-width: 1100px; margin: auto; padding: 0 20px }
.checkout-header{ margin-top: 30px }

.checkout-section { overflow: hidden; }
.checkout-section .title { font-size: 20px }
.checkout-section .title img{ float: right; }
.checkout-section .title span{background: url(/img/basket/lock.png) no-repeat 9px 7px; padding-left: 37px !important; display: inline-block; padding: 8px}
.checkout-section { margin: auto; position: relative;}
.checkout-section input[type=text]{ font-size: 10pt; padding: 4px 8px; border: 1px solid #A9A9A9; border-radius: 3px; width: auto; }
.checkout-section td{ padding: 10px }
.checkout-section .striped-table div { border:1px solid #e0e0e0 }
.checkout-section .striped-table .table-vertical td:first-child { width:200px }
.checkout-section .striped-table .table-horizontal td:first-child { font-weight:600;border-right:1px solid #e0e0e0;width:200px }
.checkout-section .striped-table .table-horizontal td:last-child { font-weight:normal }
.checkout-section .striped-table .table-horizontal tr:first-child td { border-bottom:none }
.checkout-section .user_info{ width: auto; }
.checkout-section hr { margin: 30px 0;}

#paypal-button-container{ margin-top: 10px }

.payment-type .t2{ color: #7d7d7d; display: block; }
.payment-type { padding: 10px }
.payment-type > div{ display:block;}
.payment-type h1{ font-size: 19px;}
.payment-type h2{ font-weight:600 }
.payment-type img{ margin-top: 20px }

.checkout-section .basket-total { padding: 20px;position: absolute;right: 20px;top: 0;width: 30%; z-index: 10 }
.checkout-section .basket-total a{ margin-top: 15px }
.checkout-section .basket-total td{ padding: 5px 0;}
.checkout-section .basket-total tr:last-child td{ border-top: 1px dotted #a5a5a5; font-weight:600; font-size: 17px; color: #b12704;}
.checkout-section .basket-total tr:first-child td{ font-weight:600}

.checkout-section .reassurance{ box-shadow: none; background: #f3f3f4; top: 170px; border-radius: 4px; z-index: 0; padding: 0;  left: -12px; width: 100%;}
.checkout-section .reassurance li{ color: #6d6d6d; padding: 20px;  background: url(/img/s-black-tick.png) no-repeat 9px 27px; padding-left: 37px}
.checkout-section .reassurance span{ margin: 5px 0; display: block; margin-bottom: 15px}

.checkout-max-warning { clear: both; float: right; max-width: 450px }

.checkout-footer{ margin-bottom: 50px }
.checkout-footer hr{ margin-bottom: 10px; margin-top: 30px; border-color: #dcdcdc !important}

/*basket*/
.basket .basket-total { padding: 10px; float: right; }
.basket .basket-total a{ margin-top: 15px }
.basket .basket-total td:last-child{ text-align: right; }
.basket .basket-total td{ padding: 8px 0;}
.basket .basket-total tr:last-child td:last-child{ color: #b12704; }
.basket .basket-total tr:last-child td{ border-top: 1px dotted #a5a5a5; font-weight:600; font-size: 17px; }

.basket .upsell_alert { display: block !important;padding: 10px 20px;border-radius: 2px;background: #ffffff;font-weight: 600;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); margin: 30px 0;  border-left: 5px solid #215f25; overflow:hidden; animation-name: upsell; animation-duration: 270ms; animation-fill-mode: both; animation-timing-function:ease-in-out; animation-delay: 1.3s}
.basket .upsell_alert a { display:inline-block; margin-right:10px; }
.basket .upsell_alert span { display:block; margin-bottom: 10px; }

.checkout-button:hover{ background-color: #35943a ; color: #fff; text-decoration: none}
.checkout-button {    text-decoration: none;padding: 6px 20px;border-radius: 6px;color: #fff;display: inline-block;text-align: center;border: 0;font-weight: 700;border-bottom: 2px solid #1B5E20;background: url(/img/icons.png) no-repeat 18px -1203px #2E7D32;padding-left: 39px !important;font-size: 14px; transition: ease-in-out 200ms}
.basket-button {   padding: 10px 20px ;background: url(/img/icons.png) no-repeat 18px -1199px #2E7D32;}
#_iframe_holder_DELETE { height:246px !important }

.basket .receipts-info{ margin-bottom:25px;max-width:600px;padding:7px 9px;font-size:9pt;border:1px solid #EFEFEF;background:#F9F9F9; margin: 20px 10px}

.basket .striped-table .date-added{ font-size: 12px; color: #585858 }
.basket .striped-table .description .fields{ display: block !important; margin-bottom: 10px}
.basket .striped-table .description div{ color: #353535; display: inline-block; margin-right: 35px }
.basket .striped-table .price{ color: #b12704; font-size: 17px; font-weight:600 }
.basket .striped-table .remove{ margin-top: 10px; display: inline-block; text-decoration: none; font-size: 12px; font-weight: normal !important; }
.basket .striped-table .separator{ margin: 0 5px; display: inline-block; color: #c3c3c3; }
.basket .striped-table .status{ color: #286f2c; white-space: nowrap;}
.basket .striped-table h1{ font-size: 18px; font-weight:600; }
.basket .striped-table h2{ font-size: 13px; color: #000;}
.basket .striped-table h3{ margin-top: 10px; font-size: 11px; color: #888 }
.basket .striped-table td:first-child{ width: 50px; vertical-align: top; text-align: center; padding-right: 0 }
.basket .striped-table td{  padding: 20px 10px; vertical-align: top;  border-bottom: 1px solid #dedede; }
.basket .striped-table tr:first-child td{ text-align: left; padding: 10px }

.basket { margin-right: 30% }

.basket-sidebar { width: 30%; background: #eceeef; position: absolute; right: 0; top: 40px; height: 100%; padding: 15px }
.basket-sidebar h1, .basket-sidebar h2{ padding: 15px }
.basket-sidebar img{ padding-top: 10px}
.basket-sidebar li:first-child img{ float: left; padding-right: 30px; padding-top: 0}
.basket-sidebar li:first-child{ width: 100%;}
.basket-sidebar li{ width: 50%; display: inline-block; padding:20px 15px; box-sizing: border-box; vertical-align: top;}

.norton-badge{ font-size:9pt;color:#585858; overflow: auto; position: absolute; bottom: 5px; right: 20px; padding: 10px;}

.basket .item-icon {background: #01579B;padding: 8px;border-radius: 6px;box-shadow: 0px 1px 1px #000;margin-right: 13px;margin-top: 3px; margin-left: 8px; width: 50px;height: 57px;position: relative; padding-top: 11px}
.basket .item-icon span {font-size: 9px;color: #01579B;display: block;position: absolute;bottom: 9px;left: -5px;border-radius: 2px;background: #fff;min-width: 32px;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.43);padding-left: 10px;padding-right: 5px;  color: #525252 !important;  font-weight: 700;}
.basket .item-icon h2{ font-weight:700; color: #fff !important; font-size: 15px; }



/*insights*/


.insights-overview .orange-button{ margin-right: 10px }
.insights-overview .grey-button{ margin: 5px 0; display: inline-block; }
.timeline{ position: absolute; width: 250px; background: #f0efef; top: 0; right: 0;  animation-name: fadeInUp; animation-duration: 270ms; animation-fill-mode: both; animation-timing-function:ease-in-out; }
.timeline .title{ border-bottom: 1px solid #e8e8e8; }
.flag { width:16px;height:11px;display:inline-block;margin-bottom:-1px;margin-right:3px }
.insight-start .tooltip{ max-width: 314px;  animation-name: fadeInRight; animation-duration: 270ms; animation-fill-mode: both; animation-timing-function:ease-in-out; animation-duration: 750ms; animation-delay: 250ms; margin-left: 15px}
.insight-start .tooltip span{ display: block; margin-bottom: 10px }
.insight-start .tooltip a{ display: inline-block; margin-right: 5px; margin-bottom: 5px; border-radius: 3px; text-decoration: none; padding: 2px 8px; background: #f4f9fb; text-shadow: none; color: #19225a; font-size: 11px; font-weight: bold;}
.insight-start .tooltip hr{ margin: 15px 0; border: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.26); border-top: 1px solid rgba(0, 0, 0, 0.14); }
.insight-start .insight-search{ margin-bottom: 20px; display: none; }
.insight-start .hr{ display: none; }

.insight-titlebar{ transition: all 0.25s ease-in; padding: 10px;padding-left:250px;box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.42);text-align: right;background: rgba(255, 255, 255, 0.94);position: fixed;z-index: 2;top: 45px;width: 100%;left: 0; }


.mutual-companies .striped-table td:last-child{ float: right;  }
.official-documents .striped-table td:last-child{ float: right;  }


.insight-drag-area .title{ position: relative; z-index: 1; cursor: move; }
.insight-drag-area .content:hover .tiles-x { display: inline-block}

.insight-drag-area .content > div{padding: 15px 28px !important; }
.insight-drag-area .content > .title{font-size: 18px !important;}

.insight-drag-area .basic-table td:first-child { font-weight: 700 }
.insight-drag-area .striped-table tr:first-child td { font-weight: 700 }

.insight-drag-area .count {display: inline-block; padding: 2px 6px; border-radius: 5px; margin-left: 6px; font-size: 10px; font-weight: 600; color: #ffffff; vertical-align: top; background: #656e73;}

.tiles-x{ display: none; right: 0; top: 2px; position: absolute; cursor: pointer; z-index: 1; border: none !important; padding: 15px 20px !important; animation-name: fadeInUp; animation-duration: 270ms; animation-fill-mode: both; animation-timing-function:ease-in-out; z-index: 3 }
.tiles-ghost *{ opacity: 0 }
.tiles-ghost { box-shadow: none !important; background: none; border: 2px dotted #bfbfbf }

.insight-toolbar { display: table; width: 100%; position: relative; z-index:1 }
.insight-toolbar > div{ display: table-cell; padding:0 10px; vertical-align: top; }
.insight-toolbar > div:last-child { text-align: right; }
.insight-toolbar > div:last-child > div { display: inline-block; font-size: 11px; padding: 5px 10px; border-radius: 5px; cursor: pointer; }
.insight-toolbar > div:last-child > div:hover { background: #eae8e8 }
.insight-toolbar > div h2{ color: #444; font-size: 16px; font-weight: 500; }
.insight-toolbar .tooltip{ position: absolute; right: 143px; top: -13px; width: 247px; text-align: left;  animation-name: fadeInLeft; animation-duration: 270ms; animation-fill-mode: both; animation-timing-function:ease-in-out; animation-duration: 750ms; animation-delay: 1500ms; animation-fill-mode: both; animation-timing-function:ease-in-out;}


/*latest activity */
.latest-activity { padding: 20px !important; overflow-y: scroll !important; max-height: 300px }
.latest-activity table{ width: auto; margin-left: 10px;  animation-name: scale; animation-duration: 270ms; animation-fill-mode: both; animation-timing-function:ease-in-out; animation-delay: 150ms}
.latest-activity tr td:first-child{ vertical-align: top; border-left: 2px dotted #d3d3d3;}
.latest-activity tr td:last-child{ padding-left: 10px; padding-bottom: 25px;}
.latest-activity tr:last-child td{ border-left: none}
.latest-activity tr td:first-child span{ background-color: #fafafa; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12); display: inline-block; width: 25px; height: 25px; border-radius: 50%; margin-left:-13px}
.latest-activity .t3{ display: inline-block; font-weight: bold}
.latest-activity .t3:last-child{ padding-left: 5px; color: grey }
.latest-activity .file-plus-icon{ background-position: -17px -403px; }
.latest-activity .building-icon{ background-position: 6px -29px }
.latest-activity .calendar2-icon{ background-position: 7px -166px }
.latest-activity .w-warning-icon{ background-position: -45px -302px;}
.latest-activity .warning-icon{ background-position: 5px -302px;}
.latest-activity .user-minus-icon{ background-position: -17px -369px }
.latest-activity .user-plus-icon{ background-position: -17px -335px }
.latest-activity .map-icon{ background-position: 7px -402px }
.latest-activity .previous-icon{ background-position: 7px -335px }
.latest-activity .grey-button{ width: 100%; display: block; text-align: center; box-sizing: border-box; }

.latest-activity-single .t3 { display: inline-block; font-weight: bold }
.latest-activity-single .t3:last-child { padding-left:5px;color:grey }




/*insights financials*/

.financial-overview .t1{ margin-right: 10px; display: inline-block; font-size: 22px; vertical-align: middle; }
.financial-overview .t2{ font-weight: 600; margin-bottom: -2px;}
.financial-overview .t2 span{ display: inline-block; width: 9px; height: 9px; margin-right: 5px; border-radius: 3px}
.financial-overview .liabilities{ background: #B0BEC5 }
.financial-overview .assets{ background: #4DB6AC}
.financial-overview .networth{ background: #01579B}
.financial-overview .t3{ color: grey }
.financial-overview {width: 50%; float: left; padding:10px 20px;     min-height: 65px;}
.financial-overview > div{display: inline-block; vertical-align: bottom;}


.financial-table { padding: 0 !important;}
.financial-title{ border-bottom: 1px solid #f0f2f3 !important;}

.financial-table .onhover{ background: #f1f3f4}

.financial-table .onhover .chart-link { display:inline-block; }
.financial-table .chart-link { display:none;position:absolute;left:247px }

.financial-table  td{ padding: 10px 18px; white-space: nowrap; height: 18px; border-bottom: 1px solid #f5f5f5}
.financial-table  tr:first-child td{ font-weight:600 !important;}

.financial-table  .separate{ border-bottom:1px dotted #b9b9b9 !important;}
.financial-table  .sub{padding-left:33px ;background:url("img/sub.png") no-repeat 16px 10px; font-weight: normal !important; }
.financial-table  .sub2{padding-left:52px; background:url("img/sub.png") no-repeat 34px 10px; font-weight: normal !important}
.financial-table  .sub3{padding-left:73px; background:url("img/sub.png") no-repeat 55px 10px; font-weight: normal !important}
.financial-table  .sub-heading{ font-size: 15px; font-weight: normal !important; padding-top: 10px; height: 28px; border-top: 7px solid #f4f3f3; }
.financial-table  .sub-heading2{ border-top:2px solid #d6d6d6;}

.financial-table .finance-sidebar{ float: left; width: 270px;  border-right: 1px solid #f0efef; background: #fafafa}
.financial-table .finance-sidebar td{ font-weight: 600}
.financial-table .finance-data{ margin-left: 270px; overflow: auto }
.financial-table .finance-data td { min-width:150px;width:150px }

.financial-table .fixed-bar { z-index:2; background:#fafafa; width:700px; position:fixed; top:97px; box-shadow:0 3px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.15); overflow:hidden; white-space:nowrap; height:56px; display:block; }
.financial-table .fixed-bar-periods { margin-left:-1px; background:#fff;box-shadow:none; border-left:1px solid #f0efef;  }
.financial-table .fixed-bar-periods td { display:inline-block;border:0;position:relative;  }
.financial-title .backward-icon, .financial-title .forward-icon { position: absolute; top:114px; z-index: 3; transition: opacity 0.25s ease-in;; opacity: 1; visibility: visible; }
.financial-title .backward-icon { left: 258px; }
.financial-title .forward-icon { left: 100%; margin-left: -10px }

.accounts-overview .t1{ font-size: 23px }
.accounts-overview .t1 span{ display: block; font-size: 13px; }
.accounts-overview .items > div{ margin-bottom: 30px }
.accounts-overview div{ overflow: hidden; }


/*insights credit risk*/
.score-parent{ text-align: center; }
.credit-score-tab .disclaimer{ width: 100%; font-size: 12px; color: #a2a2a2  }
.score-img{display: inline-block; position: relative; width: 309px }

.generate-report { padding: 20px !important; text-align: center; }
.generate-report > div { max-width: 500px;margin: auto;background: #fdfdfd;padding: 20px;box-shadow: 0px 1px 2px rgba(86, 86, 86, 0.29); }
.generate-report span{ display: block; margin: 10px 0  }
.generate-report a{ padding: 5px 20px; font-size: 13px; display: inline-block;}
.generate-report h1{ font-size: 18px; font-weight: normal;}

/*insights credit risk ccj*/
.ccj-table h2{ margin: 20px; margin-bottom: 0; font-size: 15px; font-weight: 600 }

/*insights shareholders*/
.shareholders > div{ display: inline-block; float: left; margin-right: 40px}
#shareholder_chart { width: 100%; margin-top: 0 !important; }
.box-bg-color{ height: 14px; width: 4px; display: inline-block; margin-right: 8px; vertical-align: middle; }


/*search results*/
.search-result .company{background:url('img/search-icon.png') no-repeat 32px 36px}
.search-result .director{background:url('img/search-icon.png') no-repeat 36px -92px}
.search-result .map-icon{ width: 15px }
.search-result .sr-content{ margin-left: 120px}
.search-result .sr-header a{ text-decoration: none; font-size: 17px !important; font-weight: 600 }
.search-result .watchlist { position:absolute;right:20px;top:20px;cursor:pointer; padding: 5px 10px;border-radius: 5px; }
.search-result .watchlist:hover { background: #eae8e8; }
.search-result .sr-icon{ width: 90px; height: 90px; box-shadow: 0 1px 1px rgba(0,0,0,0.2); position: absolute; top: 25px; left: 20px; overflow: hidden; border-radius: 4px}
.search-result .sr-items > div{ float: left; margin-right: 20px}
.search-result .sr-items table{ width: auto; }
.search-result .sr-items td{white-space: nowrap; padding-right: 20px;padding-bottom: 3px}
.search-result{ background: #fff; margin: 10px; overflow: hidden; margin-bottom: 15px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); padding: 20px; position: relative;}



/*group structure*/
.column:nth-child(even){background: #fafafa}
.column{ vertical-align: top; white-space: nowrap; display: table-cell; border-right: 1px solid #f0f2f3; animation-name: fadeInLeft; animation-duration: 270ms; animation-fill-mode: both; animation-timing-function:ease-in-out;}
.group-structure .building-icon{ height: 14px }
.group-structure .child:hover .plus {  margin-left: 9px;}
.group-structure .children-count{ display:inline-block; vertical-align: middle; color:#fff; font-size: 9px; font-weight:600; border-radius: 3px;background: rgba(0, 0, 0, 0.56); margin-left: 10px; width: 14px; text-align: center}
.group-structure .parent .building-icon { background-position: -23px -270px !important;}
.group-structure .parent .children-count { color: #000; background: rgba(255, 255, 255, 0.85); margin-left: 10px}
.group-structure .parent .plus { background-position: -23px -305px !important;}
.group-structure .parent, .group-structure .child{ padding:5px 15px; width: 250px;}
.group-structure .parent, .parent a{ color: #fff !important; font-weight: 600; background: #607D8B}
.group-structure .plus{ background:url('img/icons.png') no-repeat; background-position: -23px -203px ; text-decoration: none; display:inline-block; width: 10px; vertical-align: middle; margin-left: 5px; transition: margin 0.25s ease-in;}
.group-structure a{ text-decoration: none; width:163px; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: middle; color: #000}
.group-structure{ padding: 0 !important; overflow-x: auto !important; width: 100%;}

/*group structure overview*/
.gs-overview { display: table; width: 100% }
.gs-overview > div{ display: table-cell; padding-right: 30px; vertical-align: top; width: 33% }
.gs-overview > div:last-child{ padding-right: 0px; }
.gs-overview .pointer{ background: #fafafa; position: absolute; right: -10px; top: 4px; height: 28px; width: 28px; transform: rotate(45deg);  border-radius: 2px; box-shadow: 1px -1px 0px 0px #efefef; }
.gs-overview .outer{ position: relative; background: #fafafa; padding: 6px 10px;  border-radius: 2px; box-shadow: 0 0 0px 1px #efefef; }
.gs-overview .company{ padding: 3px 0;; font-weight: 500; padding-right: 10px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 200px; }
.gs-overview .building-icon{ vertical-align: bottom  }
.gs-overview .t2{ margin-bottom: 10px  }
.gs-overview .selected{ font-weight: 700; }

/*direct<!-- OR -->profile*/
.dp-icon{ background:url('img/search-icon.png') no-repeat 25px -104px; width: 80px;}
.timeline-graph{ padding: 0 !important }
.director-stats .t2{ display: inline-block; }


/*dashboard*/

.dashboard { max-width: 1667px; margin: auto }

.dashboard-nav1 { background: #f1f3f4 !important }
.dashboard .purchases .title-sub{ font-weight: 600; position: relative; padding-left: 22px }
.dashboard .purchases .title-sub > span{ position: absolute; left: 0; top: 5px }

.dashboard .recent .striped-table td:first-child a{ display: block; position: relative; padding-left: 22px }
.dashboard .recent .striped-table td:first-child a > span{ position: absolute; left: 0; top: 2px }

.dashboard .welcome .t2{ margin-bottom: 5px }
.dashboard h3{ font-size: 22px; }

.dashboard .recent .content a{ font-weight: 600;  }
.dashboard .recent .striped-table{ min-height: 310px }

.dashboard .purchases .blue-button{ float: right; }
.dashboard .purchases table:first-child{ margin-bottom: 20px }


.db-products .content:hover{ box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); }
.db-products .content{ transition: all 0.25s ease-in }
.db-products .product-content{ padding: 30px; padding-left: 188px  }
.db-products .product-img{ text-align: center; position: absolute; left: 10px; top: 20px; height: 100%;}
.db-products a{ text-decoration: none; color: #000 }
.db-products h2{ font-weight: bold; margin-bottom: 5px }

.dashboard .non-available{ padding: 105px 20px; text-align: center; }
.dashboard .non-available span{ font-size: 17px; color: #929292; display: block; margin-top: 10px }

/*settings*/
.settings h2 { font-size: 13px;margin-top: 23px;margin-bottom: 5px;font-weight:600;}
.settings input[type=text], .settings select, .settings input[type=password] {box-sizing: border-box; border: 1px solid #d8d8d8; padding: 3px 10px; width: 300px}
.settings input[type=text]:focus, .settings input[type=password]:focus { box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);  border: 1px solid #c7c7c7;}
.settings select {padding: 3px 7px;}
.settings td:first-child{ width: 100px }
.settings td{ padding-top: 5px; }


/*search suggest*/
#search_suggest_results { box-shadow: 0px 2px 8px -3px rgba(0,0,0,0.70);;z-index:50;display:none;position:absolute;min-width:211px;background:#fff }
#search_suggest_results a { position:relative;padding:10px 15px;color:#000;text-decoration:none;display:block;font-size:9pt;white-space:nowrap; border-bottom: 1px solid #f4f3f3; }
#search_suggest_results span { position:absolute;right:15px;top:15px; }
#search_suggest_results .building-icon { position: static; vertical-align:  sub; }
#search_suggest_results a:hover,.suggest-highlight { box-shadow: inset 211px -4px 0px 0px #f5f5f5; }

/*explorer*/

.explorer .explorer-header { padding: 20px 20px 13px 20px; }
.explorer .explorer-header .title{ font-size: 15px;}
.explorer .explorer-header .orange-button, .explorer-header .grey-button,.explorer-header .dark-grey-button{ float: right; margin-left: 10px }
.explorer .explorer-header { margin: 0 }
.explorer .explorer-header > div{ border-bottom: 0 }

.explorer .refine { border-radius: 5px;text-align: center;background: #fff;padding: 10px 12px;padding-top: 19px;text-decoration: none;display: block;font-weight: 600;position: absolute;right: 0;top: 0;box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.08);height: 43px; transition: all 0.25s ease-in}
.explorer .refine .plus-icon{ height: 8px; width: 8px;  background-position: -28px -717px; vertical-align: initial }
.explorer .refine:hover{ box-shadow: 0 1px 3px 0 rgba(60,64,67,0.302), 0 4px 8px 3px rgba(60,64,67,0.149) }
.explorer .refine:hover .plus-icon{ animation-name: spin; animation-duration: 270ms; animation-fill-mode: both; animation-timing-function:ease-in-out; animation-duration: 500ms; }
.explorer .refine-start{ box-shadow: 0 1px 2px 0 rgba(60,64,67,0.302), 0 1px 3px 1px rgba(60,64,67,0.149) }

.explorer .explorer-table td:first-child{ white-space: nowrap; width: 5px; font-weight:600; font-size:11px; text-align:center; background1:#fafafa !important; font-size: 13px; font-weight: 200; color: #969696 ;     vertical-align: middle; }
.explorer .explorer-table td{ padding: 10px; border: 1px solid #f7f7f7; vertical-align: top }
.explorer .explorer-table td .icon-note{ opacity: 0.5;  vertical-align: sub; margin-left: 8px }
.explorer .explorer-table td .icon-y-note{ vertical-align: sub; margin-left: 8px }
.explorer .explorer-table .options { overflow: hidden; height: 0; transition: all 0.25s ease-in }
.explorer .explorer-table .options a{ color: #000 }
.explorer .explorer-table tr:hover .options{ height: 31px }
.explorer .explorer-table tr:hover .icon-note{ opacity: 0.9; }

.explorer .explorer-table tr:hover td:first-child{ color: #000 }
.explorer .explorer-table tr:hover td{ border-bottom: 1px solid #dadada }
.explorer .explorer-table tr:hover td:first-child{ border-left: 1px solid #dadada }
.explorer .explorer-table tr:hover td:last-child{ border-right: 1px solid #dadada }

.explorer .explorer-table .options > div {display: inline-block; background: #fff;border: 1px solid #e0e0e0;border-radius: 3px;box-sizing: content-box;margin-top: 7px; transition: all 0.25s ease-ink}
.explorer .explorer-table .options > div:hover { border: 1px solid #cfcfcf; }
.explorer .explorer-table .options .contacts{ font-size: 10px; text-decoration: none; padding: 4px 12px; border-radius: 3px; display: inline-block;}
.explorer .explorer-table .options .phone-small-icon { vertical-align: middle; margin-right: 3px}
.explorer .explorer-table tr:hover { background: #fafbfb }
.explorer .explorer-table tr:first-child td a{ position: absolute;right: 8px; top: 9px; opacity: 1}
.explorer .explorer-table tr:first-child td:last-child{ padding: 0 !important; width: 21px;}
.explorer .explorer-table td:first-child{ padding-right: 10px !important;;}
.explorer .explorer-table tr:first-child td:last-child:hover{ background: #efeeee; cursor: pointer;}
.explorer .explorer-table tr:first-child td:last-child:hover .plus-icon{ border: 1px solid #000;}
.explorer .explorer-table tr:first-child td:last-child .plus-icon{     border: 1px solid #c3c3c3;height: 14px;width: 14px;margin: 12px 10px 0 10px;border-radius: 50%;background-position: -25px -714px;;}
.explorer .explorer-table tr:first-child td a span{  border: 1px solid #cacaca;height: 14px !important; width: 14px !important; background-position: -26px -849px;border-radius: 4px;}
.explorer .explorer-table tr:first-child td:hover a span{ border: 1px solid #9c9c9c;}
.explorer .explorer-table tr:first-child td:hover a{opacity: 1;  }
.explorer .explorer-table tr:first-child td:last-child { padding-right: 65px; }
.explorer .explorer-table tr:first-child td:last-child a{ right: 45px }
.explorer .explorer-table tr:first-child td{ font-weight:600; white-space: nowrap; position: relative; padding-right: 30px;}
.explorer .explorer-table{ margin: 20px !important; overflow: auto; position: relative;}
.explorer .explorer-table td:nth-child(2) a{ font-weight: 600; }

.explorer-table .view-overlay{ position: absolute; bottom: 0; left: 0;  width: 100%; height: 380px; z-index: 1 }
.explorer-table .view-overlay > div{ background: rgba(251, 251, 251, 0.93); padding: 6% 18%;  text-align: center; box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2); width: 100%; height: 100%}
.explorer-table .view-overlay span {display: block;  margin-bottom: 15px; color: #808080;}
.explorer-table .view-overlay .blue-button {display: inline-block;margin: 5px;border-radius: 4px;padding: 4px 14px;text-decoration: none;color: #fff;font-weight:700 !important;transition: all 0.25s ease-in;background: #2e40a7;}

.explorer .tooltip{ position: absolute;top: 179px;right: 100px;z-index: 1; animation-name: fadeInLeft; animation-duration: 270ms; animation-fill-mode: both; animation-timing-function:ease-in-out; animation-duration: 750ms; animation-delay: 250ms;}
.explorer #tooltipAdd{ top: 256px !important; right: 10px !important; animation-name: fadeInUp !important; animation-delay: 500ms !important;}
.explorer .tooltip-content .right-pointer{ box-shadow: none;}

.explorer-filter-parent{ margin: 20px; margin-top: 0; position: relative; padding-right: 74px}
.explorer-filter-parent > div{ padding: 7px;background: #eef0f1;box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.05); overflow: hidden;  white-space: nowrap; height: 73px;}
.explorer-filter-parent .arrow{ position: absolute; background: #ffffff; display: block; padding: 26px 5px; cursor: pointer; transition: all 0.25s ease-in }
.explorer-filter-parent .right{right: 65px;top: 0; box-shadow: -3px 1px 1px rgba(0, 0, 0, 0.05)  }
.explorer-filter-parent .right:hover{box-shadow: -3px 1px 3px rgba(0, 0, 0, 0.05); transform: translateX(2px);}
.explorer-filter-parent .left{left: 0;top: 0; box-shadow: 3px 1px 1px rgba(0, 0, 0, 0.05) }
.explorer-filter-parent .left:hover{left: 0;top: 0; box-shadow: 3px 1px 3px rgba(0, 0, 0, 0.05); transform: translateX(-2px) ; }
.explorer-filter-parent .chevron-right-icon, .explorer-filter-parent .chevron-left-icon{ width: 13px;}
.explorer-filter  { background: #fff; display: inline-block; margin: 3px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12); vertical-align: middle; padding: 3px; animation-name: slideInRight; animation-duration: 270ms; animation-fill-mode: both; animation-timing-function:ease-in-out; animation-duration: 1s !important}
.explorer-filter h3{ font-weight:600; font-size: 12px; padding: 3px; padding-bottom: 0 }
.filter-tag {cursor:default; position: relative;background: #305c8a;padding: 2px 5px;font-size: 9pt;border-radius: 3px; margin:3px; color: #fff; font-weight:600; display: inline-block;}
.filter-tag:hover a { animation: none !important;}
.filter-tag a {position: absolute;right: 0;top: 0;padding: 3px 6px;text-decoration: none;font-size: 8pt;font-weight:600;color: #fff;border-radius: 3px; animation-name: fadeOut; animation-duration: 270ms; animation-fill-mode: both; animation-timing-function:ease-in-out; animation-delay: 500ms; background: #2b2b2b  }

.filter-sic-tag { position: relative; border-bottom: 1px solid #e4e4e4;}
.filter-sic-selected .add-filter{ font-weight:600; }
.filter-sic-selected .chevron-right-icon{ transform: rotate(90deg);}
.filter-sic-selected .chevron-right-icon:hover{ transform: rotate(-90deg) !important;}
.filter-sic-tag > a{ position: absolute;top: 9px;left: 0;width: 9px;height: 9px;padding: 1px 1px;border-radius: 2px;background: #fafafa;border: 1px solid #e8e8e8;border-bottom: 1px solid #d2d2d2;border-right: 1px solid #d2d2d2; }
.filter-sic-tag .add-filter{  border-bottom: none !important; margin-left: 20px !important; padding-right: 25px !important;}
.filter-sic-tag .plus-icon{position: absolute; top: 5px; right: 0}
.filter-sic-tag .chevron-right-icon{ height: 9px; width: 9px; background-position: -25px -208px; display: block; transition: all 0.25s ease-in}
.filter-sic-tag .chevron-right-icon:hover{ transform: rotate(90deg);}

.highlight-tag { animation-name: fadeIn !important; animation-duration: 270ms; animation-fill-mode: both; animation-timing-function:ease-in-out;animation-duration: 500ms;  }

.none-applied{ padding:17px 10px; }

.sorted-column{background: #fcfcfc }

.export-options { padding: 0 !important }
.export-options > div{ padding: 20px 15px; border-bottom: 1px solid #f0f0f0 }
.export-options .e-sub-heading{ padding-bottom: 10px; font-weight:600 }
.export-options .column-tag{ max-width: none; background: #f4f3f3 }
.export-options .preview table{ background: #fff; box-shadow: 0px 2px 8px -3px rgba(0,0,0,0.27); }
.export-options .preview td{ padding: 10px; border: 1px solid #f0f0f0; font-size: 11px; white-space: nowrap}
.export-options .preview td:first-child{ width: 1px; background: #fafafa !important; font-weight:600; }
.export-options .preview tr:first-child td{ background: #fafafa !important; font-weight:600; }
.export-options #preview { overflow-y:hidden; overflow-x:scroll; }

.export-options .range input[type=text]{ margin-bottom: 0 !important; }
.export-options .count{ background: #16507d;margin-right: 5px;border: 0;border-radius: 50%;color: #fff;font-weight:600;width: 10px;text-align: center; }

.add-field-button { position:absolute;right:15px;z-index:1;margin-top:-8px;width:320px }
.add-field-button .grey-button { float:right  }

.export-applied{ width: 280px !important; padding-bottom: 120px; }
.export-applied > div:first-child{ padding: 20px !important; width: 100% !important; }
.export-applied .total{ font-size: 14px; font-weight:600}
.export-applied .total span{ color: #b12704; display: inline-block !important;}
.export-applied .company-count{ border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; padding: 15px 0; margin: 15px 0}
.export-applied .company-count h1 { font-size:13px;font-weight:600 }
.export-applied .fields > span{ display: block; margin-top: 3px; font-size: 13px;}
.export-applied h2{ font-size: 14px; font-weight:600;}

#add-fields { background:#fff;clear:both;height:250px;overflow-x:auto;border:1px solid #ccc;box-shadow:0 2px 4px rgba(0,0,0,0.2); }
#add-fields div { background:#fff; padding: 6px 10px; border-bottom:1px solid #eaeaea; font-weight:600; font-size: 11px;}
#add-fields div:hover { cursor:pointer;background: #f5f5f5 }
#add-fields div span { float:right; }

/*explorer contact popup*/
.contact-popup { height: 667px; width: 1000px; }
.contact-popup .col2 {width: 50% !important;}
.contact-popup .col2 > div{ background: #fff; border-bottom: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8 }
.contact-popup .sub-title{font-size: 15px; padding: 15px 20px; font-weight: 600; background1: #f4f4f4}
.contact-popup .basic-table td{ padding: 5px 0; padding-right: 20px }
.contact-popup .basic-table table{ width: auto;}
.contact-popup .striped-table{ padding: 10px 20px }
.contact-popup .striped-table td{ border-bottom: 0; position: relative; padding-left: 30px; }
.contact-popup .striped-table .map-icon{ position: absolute; left: 10; top: 14px }
.contact-popup .striped-table .user-icon{ position: absolute; left: 10; top: 14px }
.contact-popup .basic-table{ padding: 10px 20px }
.contact-popup .people .striped-table { overflow: auto; overflow-x: hidden !important;  height: 311px; }
.contact-popup .people .striped-table .desc{ padding-left: 0 }
.contact-popup .trading .striped-table { overflow: auto; overflow-x: hidden  !important; height: 591px; }
.contact-popup .trading .striped-table .desc{ background: url('/img/phone-s-icon.png') no-repeat 0 4px; padding-left: 14px; font-weight: 600 }

/*explorer filter popup*/

.explorer-overlay { background: rgba(0, 0, 0, 0.1); position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 997; }
.explorer-overlay iframe,.explorer-overlay .iframe { background:#fff url('/img/ring_50px.gif') center no-repeat; max-width: 900px; width: 100%; display: block; border: 0; margin: auto; margin-top: 100px;  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); max-height: 500px; height: 100%;}
.explorer-overlay .iframe { background:#fff !important; }


.show-iframe iframe,.show-iframe .iframe { transform: scale(1); transition: all 200ms ease-out; }
.hide-iframe iframe,.hide-iframe .iframe { transform: scale(0.90); transition: all 200ms ease-in;}

.hide-iframe {opacity: 0; visibility: hidden; transition: all 200ms ease-in;}
.show-iframe {opacity: 1; visibility: visible; transition: all 200ms ease-out;}


.explorer-iframe{ max-height: 500px; height: 100%;}

.explorer-iframe .title { background: #000; color: #fff; padding: 10px 15px; font-weight:600; position: relative;}
.explorer-iframe .title a { color: #fff; font-weight:600; text-decoration: none; position: absolute; right: 5px; top: 6px; padding: 5px 10px; border-radius: 3px }
.explorer-iframe .title a:hover { background: #e81123; text-shadow: rgba(71, 71, 71, 0.61) 0px 2px 2px }

.explorer-iframe-child{ height: 100%; width: 100%; display: table; background: #fff }
.explorer-iframe-child > div{ display: table-cell; border-right: 1px solid #dedede; padding-bottom: 40px; vertical-align: top;}

.explorer-iframe-child .filters {  width: 225px; background: #fafafa; overflow: hidden; }
.explorer-iframe-child .filters > div{ width: 110%; height: 100%; overflow: auto;}
.explorer-iframe-child .filters:hover > div{ width: 100% }


.filter-items {width: 216px; overflow: hidden; transition: all 0.25s ease-in}
.filter-items .parent { font-weight:600; padding: 8px 15px; border-top: 1px solid #e8e8e8;  }
.filter-items .parent-active { background: #f5f5f5 }
.filter-items .parent-active .dropdown-arrow-icon { opacity: 0 !important; }
.filter-items .parent-active:hover { box-shadow: inset 300px -4px 0px 0px #f5f5f5; }
.filter-items .parent span {vertical-align: bottom;}
.filter-items .parent .dropdown-arrow-icon { margin: 5px; float: right; margin-right: 10px; opacity: 1; transition: all 0.25s ease-in}
.filter-items .parent:hover, .filter-items .child:hover{ box-shadow: inset 300px -4px 0px 0px #f5f5f5; cursor: pointer; }
.filter-items .child { padding: 5px 15px; padding-left: 36px;}
.filter-items .child-active { color: #01579B; font-weight:600 }
.filter-items .child .dropdown-arrow-icon { margin: 5px; float: right; }
.filter-items .child .chevron-right-icon { float: right; transition: all 0.25s ease-in; }
.filter-items .child:hover .chevron-right-icon { opacity: 1; margin-right: -5px }
.filter-items .child:last-child {margin-bottom: 10px}

.explorer-iframe .loading .filter-tag { background: #e2e2e2;color:#e2e2e2 }
.explorer-iframe .loading h3 { color:#949494 }

.explorer-iframe-child .applied .filter-tag a { animation:none;display:none }
.explorer-iframe-child .applied .filter-tag:hover a { display:block }
.explorer-iframe-child .applied{ width: 200px; padding-bottom: 110px; position: relative; background: #f7f6f6}
.explorer-iframe-child .applied .filter-tag{ margin: 0 0 5px 6px;}
.explorer-iframe-child .applied .filter-tag{ margin: 0 0 5px 6px;}
.explorer-iframe-child .applied > div:first-child{ height: 390px; width: 110%; border-bottom: 1px solid #dedede; padding: 7px; overflow: auto; overflow-x: hidden; }
.explorer-iframe-child .applied h3{ padding: 6px; padding-bottom: 6px !important; }
.explorer-iframe-child .applied .filter-tag{margin-right: 6px; }
.explorer-iframe-child .applied > div:first-child:hover{ width: 100%; }

.explorer-iframe-child .applied > div:last-child{ height: 60px; position: absolute; height: 70px; width: 100%; bottom:40px; padding: 10px 15px; background: #fafafa  }
.explorer-iframe-child .applied > div:last-child a{ display: block;  }
.explorer-iframe-child .applied > div:last-child span{ display: block; font-weight:600; margin-bottom: 5px  }

.explorer-iframe-child .applied .explorer-filter{ max-width: 178px; margin-right: 0 !important; width: 100%; animation-name: none }
.explorer-iframe-child .applied .explorer-filter:first-child{ margin-top: 0 }
.explorer-iframe-child .no-filters{ color: #bfbfbf; padding-top: 15px !important; font-size: 11px; padding-left: 38px !important;}

.explorer-iframe-child .filter-content{ position: relative; }
.explorer-iframe-child .filter-content > div{ position: absolute; width: 100%;top: 0; left: 0; bottom: 40px; padding: 10px 15px; overflow-x:hidden; overflow-y: auto; min-height:460px; }
.explorer-iframe-child .filter-content input[type=text] { border: 1px solid #d2d2d2;width: 100%;padding: 5px 10px; margin-bottom: 20px;}
.explorer-iframe-child .filter-content .search{ background: url(img/icons.png) no-repeat; background-position: 8px -1030px; padding-left: 30px !important;}
.explorer-iframe-child .filter-content .input-date-start{ background: url(img/icons.png) no-repeat; background-position: 8px -1065px; padding-left: 30px !important;}
.explorer-iframe-child .filter-content .input-date-end{ background: url(img/icons.png) no-repeat; background-position: 8px -1102px; padding-left: 30px !important;}
.explorer-iframe-child .filter-content .input-user{ background: url(img/icons.png) no-repeat; background-position: 8px -1136px; padding-left: 30px !important;}
.explorer-iframe-child .filter-content .input-pound{ background: url(img/icons.png) no-repeat; background-position: 8px -1172px; padding-left: 30px !important;}
.explorer-iframe-child .filter-content .input-percent{ background: url(img/icons.png) no-repeat; background-position: right -59px top -1405px; padding-left: 10px !important;}
.explorer-iframe-child .filter-content h1{ font-size: 13px; font-weight:600; margin-bottom: 10px}
.explorer-iframe-child .filter-content .add-filter{  padding: 5px 0;border-bottom: 1px solid #e4e4e4;color: #003967; cursor: pointer; transition: all 0.25s ease-in }

.explorer-iframe-child .filter-content .add-filter-selected {  color:#d0d0d0 !important; }
.explorer-iframe-child .filter-content .add-filter-selected .plus-icon{ opacity:0;transition: all 0.25s ease-in }

.explorer-iframe-child .filter-content .add-filter:hover{ background: #fafafa; padding-left: 5px; }
.explorer-iframe-child .filter-content .add-filter .plus-icon{ float: right; vertical-align: middle; }
.filter-content .animate-right { background:#fafafa; animation-name: fadeOutRight; animation-duration: 270ms; animation-fill-mode: both; animation-timing-function:ease-in-out; animation-duration: 500ms !important }

.filter-content .range{ overflow: hidden; }
.filter-content .range > div{ float: left; vertical-align: middle;}
.filter-content .range > div div{ font-size: 11px; color: #797979; padding-bottom: 3px}
.filter-content .range .dash{ margin:20px 10px }
.filter-content .range input{ width: 110px; margin-bottom: 15px }

.filter-content .sub-heading{ margin-top: 30px; font-weight:600; margin-bottom: 5px }
.filter-content .sub-heading:first-child{ margin-top: 15px !important;}
.filter-content .export-rows input { width:80px !important;margin:0 10px }

.filter-content .grey-button{ background:#eff0f2 !important; display: inline-block; padding: 4px 10px}
.filter-content .grey-button span{ vertical-align: middle;; float: right; margin-left: 5px; width: 11px !important;}

.filter-content .filter_financials .dropdown-arrow-icon{ float: right; margin: 5px}
.filter-content .filter_financials .range{  border-bottom: 1px solid #e4e4e4;}
.filter-content .filter_financials .range > .grey-button{margin-top: 0px; margin-bottom: 30px}
.filter-content .filter_financials .range > div{ margin-top: 20px;}
.filter-content .filter_financials .dash{ margin-top: 42px !important;}

.column-tag { cursor:move; background: white;max-width: 180px;padding: 4px 8px; padding-left: 20px; box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.17);margin-bottom: 7px; font-weight:600; font-size: 12px; position: relative;}
.column-tag a{ position: absolute; right: 8px; top: 2px; text-decoration: none; font-weight:600; color: #000;  }
.column-tag .costs { float:right;margin-right:15px;font-weight: 600; }
.column-tag .drag-icon{  position: absolute; left: 8px; top: 7px; }
.column-tag-ghost { opacity:0.3 }

#column_menu { display:none;background:#fff;position:absolute;z-index:1; box-shadow:0 2px 4px rgba(0,0,0,0.2);border:1px solid #ccc }
#column_menu a {display:block;color:#333;padding:6px 8px;text-decoration:none;font-size:12px;white-space:nowrap }
#column_menu a:hover { box-shadow: inset 120px -4px 0px 0px #f5f5f5; }

#save_menu { white-space:nowrap; display:none;background:#fff;position:absolute;z-index:1; box-shadow:0 2px 4px rgba(0,0,0,0.2);border:1px solid #ccc; padding: 10px 15px;}
#save_menu input[type=text]{ margin-right: 5px; border: 1px solid #d8d8d8; width: 200px !important; padding:3px 10px}
#save_menu a{ padding:4px 10px}
#save_menu > div{ margin-bottom: 5px}

.show-columns-button{ cursor: pointer; }

.explorer-filter-parent .none-applied { color: #3e3e3e; font-size: 11px; padding:23px 20px !important}

/*startup data*/
	.startup-data-popup { height: 100%; overflow: hidden; padding-top: 0; background: #fff }
	.startup-data-popup  > div { padding:25px }

	.startup-data-popup .titlebar { border-bottom: 1px solid #ececec; padding: 15px 25px; position: relative;user-select: none;}
	.startup-data-popup .titlebar .title{ font-weight: 600; font-size: 12px;}
	.startup-data-popup .titlebar .c-close-icon { position: absolute; right: 25px; top: 18px; cursor: pointer; }
	.startup-data-popup .titlebar .calendar1-icon { width: 15px; }

	.startup-data-popup #header { position: relative; z-index: 1; }
      	.startup-data-popup 	#header h1{font-size: 20px; margin-bottom: 10px; font-weight: 500;  margin-left: 5px; }
      	.startup-data-popup  #header span{ display: inline-block;background: #006390;color: #fff;vertical-align: middle;border-radius: 50%;font-size: 12px;font-weight: 700;margin-right: 6px;width: 19px;height: 19px;text-align: center;padding-top: 1px;; }
	.startup-data-popup #header .search input[type=text]{ border:1px solid transparent; padding: 5px 14px; width: 100%; background: url(/img/icons.png) no-repeat #f1f3f4; background-position: 11px -1030px; padding-left: 32px !important; box-sizing: border-box;}

	.startup-data-popup .progress { height: 5px; width: 200px; background: #f1f3f4; position: absolute; top: 37px; right: 30px; overflow: hidden; }
	.startup-data-popup .progress > div{ height: 5px; width: 25%; background: #03A9F4;}

	.startup-data-popup #filters { height: calc(100% - 51px - 117px - 49px - 49px);  overflow: auto; padding-top: 0; }

	.startup-data-popup #filters > div {padding: 8px; border-bottom: 1px solid #f3f3f3; transition: all 100ms ease-in; cursor: pointer}
	.startup-data-popup #filters > div:hover { background: #f1f3f4; }
	.startup-data-popup #filters > div span{ vertical-align: middle; font-size: 12px;}
	.startup-data-popup #filters > div .map-icon{ height: 13px; width: 16px}
	.startup-data-popup #filters > div .plus-icon{ float: right;}

	.startup-data-popup #added-filters { padding:0; overflow: hidden; height: 49px; position: relative; user-select: none;}
	.startup-data-popup #added-filters > div{ white-space: nowrap; overflow: auto; height: 100px; padding: 15px 25px;}
	.startup-data-popup #added-filters .tags {display: inline-block;border: 1px solid #006390;padding: 3px 8px;font-weight: 700;font-size: 11px;color: #006390;border-radius: 12px;line-height: 10px;margin-right: 5px; }
	.startup-data-popup #added-filters .tags .close { color: #000; font-size: 10px; cursor: pointer; overflow: hidden; width: 0px; display: inline-block; transition: ease-in-out 200ms; vertical-align: bottom;}
	.startup-data-popup #added-filters .tags:hover .close { width: 6px }

	.startup-data-popup #added-filters .tags:hover .close { width: 6px }
	.startup-data-popup #added-filters #chevron-left, #added-filters #chevron-right {cursor: pointer; position: absolute; padding: 13px 19px}
	.startup-data-popup #added-filters #chevron-left {left: 0px;top: 0px; background: linear-gradient(to right, #fff 60%,rgba(255, 255, 255, 0) 112%); display: none;}
	.startup-data-popup #added-filters #chevron-right {right: 0px;top: 0px; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 45%); display: none;}

	.startup-data-popup #filterTags { scroll-behavior: smooth; }

	.startup-data-popup .footer {background: #fafafa; border-top: 1px solid #eaeaea; padding: 15px 25px; position: relative; }
	.startup-data-popup .footer a{ position: relative; z-index: 1 }
	.startup-data-popup .footer { display: table; width: 100%}
	.startup-data-popup .footer > div { display: table-cell;}
	.startup-data-popup .footer > div:nth-child(2) { text-align: center;  font-weight: 600; position: absolute; left: 0; right: 0; margin: auto; }
	.startup-data-popup .footer > div:last-child { text-align: right; }


/*manager*/
.manager-header { position: relative; }
.manager-header .items{ margin-top:5px }
.manager-header h1{ margin-top:10px }
.manager-header input[type=text]:hover{ border:1px solid #e6e6e6;cursor:pointer; }
.manager-header input[type=text]:focus{ border:1px solid #e6e6e6; }
.manager-header input[type=text]{ margin-top:10px;border:1px solid #fff;font-size:26px; }

.manager{ padding-right: 310px;}
.manager .company-list-sb{ background: #f0efef; width: 300px; height: 100%; top: 0; right: 0; position: absolute; }
.manager .company-list-sb .title{ border-bottom: 1px solid #e8e8e8; }
.manager h1{ margin: 9px}

.manager .company-listing { animation-name: cascadeDown; animation-duration: 270ms; animation-fill-mode: both; animation-timing-function:ease-in-out; animation-duration: 500ms; background: #fff; margin: 10px; overflow: hidden; margin-bottom: 20px; box-shadow: 0px 2px 8px -3px rgba(0,0,0,0.74); }
.manager .company-listing > div{ border-bottom: 1px solid #f7f7f7; padding: 10px 15px }
.manager .company-listing .cl-header{ position: relative; }
.manager .company-listing .cl-header .notes{width: auto; position: absolute; right: 15px; top: 12px; cursor: pointer; }
.manager .company-listing .cl-header .notes div{ font-size: 9px;position: absolute;border-radius: 3px;padding: 0px 4px;background: #595f69;color: #fff;font-weight:600;z-index: 1;top: 13px; left: -3px }
.manager .company-listing .cl-header a{text-decoration: none;font-size: 17px !important;font-weight:600; }
.manager .company-listing .cl-header span{ display: block; color: #888888 }
.manager .company-listing .cl-header .building-icon{ display: inline-block; vertical-align: sub; width: 20px}
.manager .company-listing .time{ float: right;}
.manager .company-listing .t3{ display: inline-block;}
.manager .company-listing .activity{ padding: 4px 15px; font-size: 12px;}
.manager .company-listing .activity:last-child{ padding-bottom: 10px}
.manager h1{ margin-top: 50px; margin-bottom: 15px; color: #a7a7a7;}
.manager h1:first-child{ margin-top: auto;}

.manager-popups #overlay{ position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.05); z-index: 2; visibility: hidden;}
.manager-popups #new_list{ position: absolute; width: 100%; height: 100%; z-index: 3; top: 0; left: 0; visibility: hidden; }
.manager-popups #new_list > div{margin: auto; background: #fff; max-width: 400px; width: 100%;; margin-top: 200px; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); }
.manager-popups #new_list .new-list-form{ padding: 15px 15px; overflow: hidden;}
.manager-popups #new_list input{ float: left; margin-right: 5px; padding: 5px 10px; margin-top: 5px; height: 29px; }
.manager-popups #new_list input[type=text]{ border: 1px solid #c1c1c1; padding: 4px 10px; width: 83% }

.manager-popups #notes{ position: absolute; width: 100%; height: 100%; z-index: 3; top: 0; left: 0; visibility: hidden;}
.manager-popups #notes > div{margin: auto; background: #fff; max-width: 600px; width: 100%;; margin-top: 100px; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); }
.manager-popups #notes .new-note-form{ padding: 15px 15px; overflow: hidden; background: #f7f7f7;}
.manager-popups #notes input{ float: left; margin-right: 5px; padding: 5px 10px; margin-top: 3px; height: 29px; }
.manager-popups #notes input[type=text]{ border: 1px solid #c1c1c1; padding: 4px 10px; width: 83% }
.manager-popups #notes .added-notes{ height: 400px; border-bottom: 1px solid #e5e4e4 }



.manager-popups .title { background: #000; color: #fff; padding: 10px 15px; font-weight:600; position: relative;}
.manager-popups .title a { color: #fff; font-weight:600; text-decoration: none; position: absolute; right: 5px; top: 6px; padding: 5px 10px; border-radius: 3px }
.manager-popups .title a:hover { background: #e81123; text-shadow: rgba(71, 71, 71, 0.61) 0px 2px 2px }

.new-list-button{ display: block; }

/* plan & account popup */

.popup_parent { background:#000;height:100%;position:fixed;top:0;left:0;width:100%;opacity:0.6;filter:alpha(opacity=60);z-index:998   }
.popup_child { overflow:auto;box-shadow:1px 1px 0px 0px rgba(50, 50, 50, 0.75);z-index:999;position:fixed;margin:auto;top:0;left:0;right:0;bottom:0;background:#fff;border:0 }


/* quickview */

#quickview{ position:absolute; z-index:100; }
#quickview .company-name{ font-size: 14px; font-weight: bold; display: inline-block; width: 240px; overflow: hidden; white-space: nowrap; vertical-align: middle; text-overflow: ellipsis;}
#quickview .address{ font-size: 11px; display: block;}
.quickview-content { background: #fff; position: relative;  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.43); border-radius: 5px; width: 300px; animation-name: scale; animation-duration: 270ms; animation-fill-mode: both; animation-timing-function:ease-in-out;}
.quickview-content .pointer{  position: absolute; bottom:-14px; left: 50%; transform: rotate(-45deg); margin-left: -19px; background: #fff; width: 30px; height: 30px; box-shadow: -1px 1px 1px rgba(0,0,0,0.2); padding: 0; border: 0}
.quickview-content .items{ padding: 10px; font-size: 11px;}
.quickview-content .items > span{ margin-bottom: 2px; display:inline-block}
.quickview-content > div{ padding: 10px; border-bottom: 1px solid #e4e1e1}
.quickview-content .finance div{ display: inline-block; width: 32%; padding: 4px 0;}
.quickview-content .t1{ font-size: 17px }
.quickview-content .t3{ margin-bottom: -2px }

/* hint */
#hint_div{ position:absolute; z-index:100; background:#383838;color:#fff;border-radius:3px;font-size:11px;opacity:0.9;padding:3px 5px;font-weight:600;white-space:nowrap }

#grid[data-columns]::before {
	content: '2 .column.size-1of2';
}

#grid { position:relative; }
/*.column { float: left; }*/
.size-1of2 { width: 20%; }
.size-1of1 { width: 100%; }

@media (max-width: 500px){
	#grid[data-columns]::before {content: '1 .column.size-1of1'; }
}