body {background-color: #f8f8f8 !important;}


#ct-app-head{
	height: 60px;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    border-bottom: 1px solid #d5dce3;
    background: #fff;
    display: flex;
}
#ct-app_body{
	display: flex;
    position: relative;
    margin-top: 60px;
    flex: 1 0 auto;
    overflow-x: hidden;
}
.ct-app-sidebar {
	height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    padding-top: 60px;
    z-index: 100;
}
.ct-menu {
	border-right: 1px solid #d5dce3;
    height: 100%;
    color: #b8c4d0;
    background: #fff;
    display: flex;
    flex-direction: column;
}
.menu-item{
	position: relative;
    border-left: 3px solid transparent;
    display: flex;
    text-decoration: none;
    cursor: default;
    align-items: center;
}
.ct-menu_title {
    font-size: 10px;
    line-height: 12px;
    padding: 20px 8px 4px;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 0.05em;
}
.menu-item-active{
	color: #1691c6;
    background: #daeffe;
    border-left-color: #1691c6;
}
.ct-supporting-media {
    color: #195c7d;
    text-align: center;
}
.ct-app_content {
	flex: 1 0 auto;
    position: relative;
}
.page-content{
	margin: 0 auto;
}
.ct-app_content .col {padding: 0 15px;}
.dashboard-page section{
	margin-bottom:25px;
}
.dashboard-page section h2{
	font-size: 20px;
	text-align: center;
    color: #555;
    font-weight: bold;
}
.dashboard-page section h4{
	font-size: 10px;
    color: #555;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 6px;
    margin-left: 10px;
}
.dashboard-card{
	background: #FFFFFF;
	border: 1px solid #E9EDF0;
	margin-bottom:15px;
	padding:20px;
}
.next-step-actions-container {
	margin-top: 20px;
	padding: 20px;
	background: #F8F8F8;
	border: 1px solid #B8C4D0;
}
.thanks-registering-desc {
	    text-align: center;
	}
.next-step-desc{
	position:relative;
	padding-left: 55px;
	padding-bottom: 15px;
}
.next-step-desc:before{ 
  content: ''; 
  display: block; 
  position: absolute;
  left: 0px;
  width:40px; 
  height:40px;   
  border-radius: 20px;
  background: url("https://ct-prod.s3.amazonaws.com/assets/wordpress_assets/appexample/urgent-contact-icon.svg") no-repeat; 
 	background-position: center;
  background-color: #1691c6; 
}
.next-step-desc.urgent-transfer:before{ 
  content: ''; 
}
.contact-num-container {
	display: flex;
    align-items: center;
    border-bottom: 1px solid #B8C4D0;
    padding: 10px 0;
    line-height: 20px;
}
.contact-num-location {
	padding-left: 8px;
}
.contact-num{
	flex-grow: 1;
	text-align: right;
}
.setup-progression{
	display: flex;
	align-items: center;
	width:100%;
	margin-bottom: 20px;
}
.setup-start{
	width: 14px;
	height: 14px;
	border: 4px solid #1691c6;
	border-radius: 7px
}
.setup-progression-bar {
	flex-grow: 1;
	height: 4px;
	margin-right: -3px;
    margin-left: -3px;
	background-image: linear-gradient(-90deg, #41B412 0%, #1695CA 100%);
}
.progression-step-container {
	display: flex;

}
.progression-step {
	flex-grow: 1;
	height: 4px;
	border-right: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
}
.progression-step.first-step {border-left: none;}
.progression-step.last-step {border-right: none;}
.progression-step.step-todo {
    background-color: #E0E0E0;
}
.setup-finish{
	width: 36px;
	height: 36px;
	border: 4px solid #E0E0E0;
	border-radius: 18px;
	background: url("https://ct-prod.s3.amazonaws.com/assets/wordpress_assets/appexample/trophy-icon.svg") no-repeat; 
  	background-position: center;
}
.recent-quotes h5{
	margin-top: 0px;
	margin-bottom: 10px;
	font-weight: 400;
    color: #444;
}
.dashboard-card .rates{
	display: flex;
	color: #B8C4D0;
}
.dashboard-card .rate-value{
	margin-right: 15px;
	text-align: right;
	font-size: 16px;
	line-height: 16px;
}
.dashboard-card .rate-value span{
	font-size: 10px;
	margin-right: 14px;
}
.dashboard-card .rates i{
	position: absolute;
	line-height: 23px;
	font-size: 16px;
}
.dashboard-card .rate-value span.positive{
	color: #41B412 !important;
}
.dashboard-card .rate-value span.negative{
	color: #E53935 !important;
}
.recent-quotes .chart{
	height: 42px;
	width: 100%;
}
.recent-quotes .gbp-usd{
	background: url("https://ct-prod.s3.amazonaws.com/assets/wordpress_assets/appexample/gbp-usd-chart-1.svg") no-repeat; 
  	background-position: bottom right;
  	background-size: 100% 42px;
}
.recent-quotes .gbp-eur{
	background: url("https://ct-prod.s3.amazonaws.com/assets/wordpress_assets/appexample/gbp-eur-chart-1.svg") no-repeat; 
  	background-position: bottom right;
}
.recent-quotes .eur-usd{
	background: url("https://ct-prod.s3.amazonaws.com/assets/wordpress_assets/appexample/gbp-usd-chart-1.svg") no-repeat; 
  	background-position: bottom right;
}
.recent-recipient h5{
	margin: 0px;
	font-weight: 400;
    color: #444;
}
.recipient-card-title {
	display: flex;
	align-items: center;
	margin-bottom: 14px;
}
.recipient-type{
	width: 20px;
	height: 20px;
	margin-right: 5px;
	margin-left: 10px;
	background-position: center;
}
.recipient-type.type-personal {
	background: url("https://ct-prod.s3.amazonaws.com/assets/wordpress_assets/appexample/recipient-type-p.svg") no-repeat; 
}
.recipient-type.type-business {
	background: url("https://ct-prod.s3.amazonaws.com/assets/wordpress_assets/appexample/recipient-type-b.svg") no-repeat; 
}
.recipient-account-details {
	font-size: 14px;
    color: #B8C4D0;
    line-height: 14px;
}
.recipient-last-trade {
	font-size: 12px;
}

@media(max-width:767px) {
	.ct-app_content {
   		margin-left: 0px;
   		width: 100%;
	}
	.page-content{
		padding:30px 20px 65px;
	}
	.ct-app-sidebar {
		display:none;
	}
	.ct-menu_title,
	.ct-menu_item-label {
		display: none;
	}
	.contact-num-container{
		margin: 0px 0px;
	}
	.thanks-registering-desc {
	    margin: 0 auto;
	}
}
@media(min-width:768px){
	.ct-app_content {
   		margin-left: 60px;
	}
	.page-content{
		max-width:670px;
		padding:0px;
	}
	.ct-app-sidebar {
	    display: block;
	    width:59px;
	}
	.menu-item{
		border-bottom: 1px solid #d5dce3;
	}
	.ct-menu_title,
	.ct-menu_item-label {
		display: none;
	}
	.ct-menu_item-icon{
		width: 59px;
		height: 59px;
	}
	.ct-menu_item-icon img{
		width: 57px;
		height: 57px;
	}
	.contact-num-container{
		margin: 0px 55px;
	}
	.ct-menu_item-icon img{
		width: 45px;
	    height: 45px;
	    margin: 8px 5px;
	}
	.thanks-registering-desc {
		width: 100%;
	    margin: 0;
	}
}
@media(min-width:992px){
	.page-content{
		max-width:895px;
	}
	.menu-item{
		border-bottom: 1px solid #d5dce3;
	}
	.ct-menu_title,
	.ct-menu_item-label {
		display: none;
	}
	.ct-menu_item-icon{
		width: 59px;
		height: 59px;
	}
}
@media(min-width:1200px){
	.ct-app_content {
   		margin-left: 206px;
	}
	.page-content{
		max-width: 955px;
	}
	.ct-app-sidebar {
	    width: 206px;
	}
	.menu-item{
		border-bottom: none;
	}
	.ct-menu_title,
	.ct-menu_item-label {
		display:block;
	}
	.ct-menu_item-icon{
		width: 30px;
		height: 30px;
	}
	.ct-menu_item-icon img{
		width: 30px;
		height: 30px;
		margin: 0px;
	}
}
.countrylist:before{ 
  content: ''; 
  display: block; 
  width:20px; 
  height:14px; 
  background: url("https://ct-prod.s3.amazonaws.com/assets/wordpress_assets/country-flags/country-flag-sprite.png") no-repeat; 
  background-size: 80px auto; 
}
.next-step-actions-container .countrylist:before {margin-top: 4px;}

.countrylist.flag-aed:before {background-position: -40px -28px;}
.countrylist.flag-ar:before {background-position: 0px 0px;}
.countrylist.flag-at:before {background-position: -60px -168px;}
.countrylist.flag-au:before {background-position: -20px 0px;}
.countrylist.flag-be:before {background-position: 0px -182px;}
.countrylist.flag-bg:before {background-position: 0px -14px;}
.countrylist.flag-bh:before {background-position: -40px 0px;}
.countrylist.flag-br:before {background-position: -60px 0px;}
.countrylist.flag-ca:before {background-position: -20px -14px;}
.countrylist.flag-ch:before {background-position: -60px -140px;}
.countrylist.flag-cn:before {background-position: -40px -14px;}
.countrylist.flag-cy:before {background-position: -20px -182px;}
.countrylist.flag-cz:before {background-position: 0px -28px;}
.countrylist.flag-de:before {background-position: 0px -182px;}
.countrylist.flag-dk:before {background-position: -20px -28px;}
.countrylist.flag-ee:before {background-position: -40px -182px;}
.countrylist.flag-es:before {background-position: -20px -224px;}
.countrylist.flag-eu:before {background-position: -60px -28px;}
.countrylist.flag-fr:before {background-position: -60px -182px;}
.countrylist.flag-gh:before {background-position: -20px -42px;}
.countrylist.flag-gr:before {background-position: -20px -196px;}
.countrylist.flag-hk:before {background-position: -40px -42px;}
.countrylist.flag-hr:before {background-position: -60px -14px;}
.countrylist.flag-hu:before {background-position: -60px -42px;}
.countrylist.flag-ie:before {background-position: -40px -196px;}
.countrylist.flag-il:before {background-position: -20px -56px;}
.countrylist.flag-in:before {background-position: 0px -56px;}
.countrylist.flag-it:before {background-position: -60px -196px;}
.countrylist.flag-jm:before {background-position: -40px -56px;}
.countrylist.flag-jo:before {background-position: 0px -70px;}
.countrylist.flag-jp:before {background-position: -60px -56px;}
.countrylist.flag-ke:before {background-position: -20px -70px;}
.countrylist.flag-kw:before {background-position: -40px -70px;}
.countrylist.flag-lt:before {background-position: 0px -84px;}
.countrylist.flag-lu:before {background-position: 0px -210px;}
.countrylist.flag-lv:before {background-position: -60px -70px;}
.countrylist.flag-ma:before {background-position: -60px -84px;}
.countrylist.flag-mt:before {background-position: -20px -210px;}
.countrylist.flag-mu:before {background-position: -20px -84px;}
.countrylist.flag-mx:before {background-position: -40px -84px;}
.countrylist.flag-ng:before {background-position: -20px -98px;}
.countrylist.flag-nl:before {background-position: -40px -210px;}
.countrylist.flag-no:before {background-position: -40px -98px;}
.countrylist.flag-nz:before {background-position: 0px -98px;}
.countrylist.flag-om:before {background-position: -60px -98px;}
.countrylist.flag-ph:before {background-position: -20px -112px;}
.countrylist.flag-pk:before {background-position: 0px -112px;}
.countrylist.flag-pl:before {background-position: -40px -112px;}
.countrylist.flag-pr:before {background-position: -60px -210px;}
.countrylist.flag-qa:before {background-position: -60px -112px;}
.countrylist.flag-ro:before {background-position: 0px -126px;}
.countrylist.flag-ru:before {background-position: -20px -126px;}
.countrylist.flag-sa:before {background-position: -40px -126px;}
.countrylist.flag-se:before {background-position: -40px -140px;}
.countrylist.flag-sg:before {background-position: -60px -126px;}
.countrylist.flag-si:before {background-position: 0px -140px;}
.countrylist.flag-sk:before {background-position: 0px -224px;}
.countrylist.flag-th:before {background-position: 0px -154px;}
.countrylist.flag-tn:before {background-position: -40px -154px;}
.countrylist.flag-tr:before {background-position: -60px -154px;}
.countrylist.flag-tt:before {background-position: -20px -154px;}
.countrylist.flag-ug:before {background-position: 0px -168px;}
.countrylist.flag-uk:before {background-position: -20px -168px;}
.countrylist.flag-us:before {background-position: -40px -168px;}
.countrylist.flag-za:before {background-position: -20px -140px;}

.rate-value, .chart, .recipient-card-title, .recipient-card-desc {opacity: 0.3;}