html, body, .rap{
	
	height:100% !important;
}

button, .nav, #header, #menu-rap{
	
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
	supported by Chrome and Opera */

}

*:focus{
	
	box-shadow:none;
}

.noselect, .noselect-all * {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

select{
	
	padding:10px 0;
	border:solid 1px #ccc;
	box-shadow: 0 0 3px 1px rgba(0,0,0,.1);
	font-size: 18px;
	border-radius:3px;
	margin: 8px 8px 8px 0;
	text-indent: 10px;
	max-width:100%;
	overflow: hidden;
}

#inform .form.template #message{
	
	margin:0 !important;	
	padding: 0;
}

#inform .form.template{
	
	padding:0 !important;
}

.shade:not(.ng-hide){
	
	transition:background .3s;	
	background: rgba(0,0,0,.3);
}


.activity.full .body:not(.full) > *:not(.full):not(.center) {
    margin-right:10px;
    margin-left:10px;
}

.activity.full .body > p, .activity.full .body > h1{
	
	margin-top:10px;
}

.activity.full{
	
	height:100%;
	padding:0;
	width:100%;
	position:relative;
	margin:0 auto;
	top:0 !important;
}

.activity.full .body{
	
	position:absolute;
	right:0;
	left:0;
	top:0px;
	bottom:0px;
	overflow-y:scroll;
}

.activity.full.header .body{

	top:50px;
}
.activity.full.footer .body{

	bottom:60px;
}

.activity.full.footer .footer.show-overflow{
	
	overflow: visible;
}

.activity.full.footer.footer-80 .body{

	bottom:80px;
}
.activity.full.footer.footer-80 button.float{
	
	bottom:30px;	
}

.activity.full.header .header h1{
	
	line-height: 50px;
	padding:0px 10px;
	display: inline-block;
}

.activity.full.header > .header:first-child, .activity-header{
	
	/*position:absolute;*/
	right:0;
	left:0;
	height:50px;
	top:0px;
	    box-shadow: 0 0px 5px 0 rgba(0,0,0,0.2);
	z-index: 1;
}

.activity-header label{
	
	line-height: 50px;
}

.activity.full:not(.footer) .footer{

	transition:bottom .3s;
	bottom:-100px;	
	display:none;
}
.activity.full.footer .footer{

	transition:bottom .3s;
	bottom:0px;	
}
.activity.full .footer{
	
	position:absolute;
	right:0;
	left:0;
	height:60px;
	box-shadow: 0 -5px 10px 2px rgba(0,0,0,.2);
	overflow: hidden;
}
.activity.full.footer-80 .footer{

	height: 80px;
}

.activity.full.footer .footer .button{
	
		margin:5px;
		float: right;
}

.activity.full.footer .footer .button.left{
	
	float: left;
}

/**
 * 	main rap
 */
.main.rap{
	
	position: absolute;
    bottom: 0;
    top: 70px;
    margin: 0 auto;
    right: 0;
    left: 0;
    padding: 0;
    height:auto !important;
}

#signal_activity{
	
	margin:0;
	position: relative !important;
}

.main.rap .activity{
	
	padding-top:0;	
}

ul.list-view{
	
	list-style:none;
	padding: 0;
	background-color: inherit;
}

ul.list-view li{
	
	padding:0;
	cursor: pointer;
	position: relative;
	background-color: inherit;
}
ul.list-view li label{

	display: block;	
}

ul.list-view li input[type=checkbox]{
	
	width: 20px;
    height: 50px;
    margin: 0 10px;
}

.dialog-footer{
	
	position: absolute;
	bottom:0;
}


ul.list-view:not(.multiline) li input, ul.list-view:not(.multiline) li select{
	
	display: inline-block;
	vertical-align:middle;
	position:absolute;
	bottom:0;
	top:0;
	right:0;
	width:auto;
	padding:0 5px;
	text-indent:0;
    line-height: 18px;
}

ul.list-view li:active{
	
	opacity:.7;
}

ul.list-view li img{
	
	vertical-align: middle;
	max-height:50px;
	margin:0 10px 0 0;
}

input[type=radio]{
	
	display:inline !important;
	width:auto !important;
}

ul.expandable {
	
	list-style: none;
	padding:0;
	font-size: 20px;
}

ul.expandable li {

		border-top:solid 1px #555;
}
ul.expandable li label{
	
	height: 40px;
	line-height: 40px;
	border-bottom:solid 1px #555;
	display: block;
}
ul.expandable.full li label{

	padding-left:10px;	
}

.expandable li .container{
	padding:10px;
	display:none;
	background-color:rgba(255,255,255,0.05);
	box-shadow: inset 0 0 5px 0  #000;
}
.expandable li.open .container{
	display:block;
}

.button{
	
	display: inline-block;
}
#header .rap{

	position:relative;	
}
#header .rap a.item#headline{
	
	position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    color: #eee;
    font-family: tahoma;
    max-width: 250px;
    margin:auto;
    z-index:-1;
}

#confDrawer{
	
	top:0 !important;
}


@media (min-width:500px){
	
	#header .rap a.item#headline{
		z-index:0;	
	}
	
	
	.p-select img{
		
		max-width: 480px;
	}
	
	ul.list-view.block li{
	
		display:inline-block;
		width: 50%;
		border-bottom:none !important;
	}

}

@media (max-width:500px){
	
	div.switch-select-two label{
		
		width: 49%;
    	display: inline-block;
	}
	
	.activity.footer .footer > button.full{
	
	    display: block;
	    width: 98%;
	    margin: 1% !important;
	    height: 85%;
	}
	
	button.full{
		
		display: block;
	    width: 98%;
	    margin: 1%;
	}
	
}

@media (max-width:1000px){
	
	#header .rap a.item#headline{
		
		line-height: 30px;	
	}
	
	.main.rap {
		
		top:50px;
	}
}

/**
 * 	switch button
 */

.list-view li .onoffswitch{
	
	float: right;
	    margin: 10px;
}

.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch input[type=checkbox]{
	
	display:none !important;
}

.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    height: 30px; padding: 0; line-height: 30px;
    /*border: 2px solid #999999;*/ border-radius: 30px;
    background-color: #474747;
    transition: background-color 0.3s ease-in;
}
.onoffswitch-label:before {
    content: "";
    display: block; width: 30px; margin: 0px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 58px;
    /*border: 2px solid #999999;*/ border-radius: 30px;
    transition: all 0.2s ease-out 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #5CB876;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
   border-color: #5CB876;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0px; 
}

#confDrawer{
	
	    overflow-y: scroll;
}

#confDrawer ul li:not(:nth-child(0)) img {
    height: 20px;
    top: 3px;
    position: relative;
}

#help li a{
	
	color: #F7A001;
    background: url('../images/ic-link.png') no-repeat left;
    padding: 0 0 0 22px;
    background-size: auto 17px;
}

.activity > h1:first-child{
	
	margin-top:10px;
}

#login.activity input{
	
	margin-bottom:10px;
}

.signal-result-navigation li.nav button, .h-menu li.nav button{
	
	margin:0;
	background-color: transparent;
	width: 100%;
	height:100%;
}

.nav.two{
	
	width:50%;
}

/**
 * 	ripple


.ripple {
  position: relative;
  overflow: hidden;
}

.ripple:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  background: #3f51b5;
  border-radius: 100%;
  opacity: .6;

  transform: scale(0);
}

@keyframes ripple {
  0% {
    transform: scale(0);
  }
  20% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}

.ripple:not(:active):after {
  animation: ripple 1s ease-out;
}

/* fixes initial animation run, without user input, on page load.
 
.ripple:after {
  visibility: hidden;
}

.ripple:focus:after {
  visibility: visible;
} */

.socia-footer-bar{
	
	background-color: #434343;position:fixed;bottom:0;left:0;width:100%;color:white;padding:0px;vertical-align: middle;
display: table-cell;height:auto;border-top:solid #555 1px;box-shadow:0 -3px 3px 1px rgba(0,0,0,.3);
}

::-webkit-scrollbar { 
    display: none; 
}

html{
	
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

.nav.ic img{
	
	width: auto;
    height: 50%;
    margin: 10px 0 10px 10px;
    vertical-align: top;
}

.nav.ic{
	
	    text-indent: -10px;
}

ul.num{
	
	list-style-type: decimal;
}

.h-scroll{
	
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

ul.h-menu{
	
	margin:0;
	padding:0;
	height: 45px;
}

.h-menu li{
	
	line-height: 45px;
}

ul.h-menu li{

display: inline-block;
float:none;
	padding:0 20px;
	width:auto !important;
	cursor: pointer;
}

*[pull-to-refresh]{
	
	-webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */  
 
}

.rap.main, .rap.main .activity, .rap.main .activity .body, .rap.main .activity ul{
	background-color: inherit;
}

body.user-status-201 .rap.main .activity, body.user-status-203 .rap.main .activity, body.user-status-100 .rap.main .activity, body .rap.main .activity.no-menu{
	
	top:0 !important;
}

div#dialog img {
    max-width: 100%;
}

.main.rap .activity, #signal_activity{

      position: absolute !important;
       bottom:0;
       top:45px !important;
       height: auto !important;
}

.rap.main.no-menu .activity, .rap.main.no-menu #signal_activity.activity{
	
	top:0 !important;
}

.activity.no-menu {
    z-index: 11;
}

button.fab{
	
	position: fixed;
	bottom:90px;
	right:10px;
	height:70px;
	width:70px;
	border-radius: 60px;
	background: red;
	margin:0 !important;
	padding:0;
	box-shadow:0 0 10px 0 rgba(0,0,0,.5);
	outline: none;
}
.user-status-200 button.fab{
	bottom:110px;	
}

button.fab img{
	
	height: 100%;
	width:auto;
}

#header a.item{
	
	    display: inline-block;
}

iframe{
		
		border:none;
	}
	iframe body{
		
		margin:0 !important;
	}
	
iframe.chart, .chart-cover{
	
	height:250px;
	width: 100%;
}

.chart-cover{
	
	position: absolute;
	width: auto;
    left: 10px;
    right: 10px;
        box-shadow: inset 0 0 0 8px #12151c;
    
}

.chart-cover .chart-link{
	
	position: absolute;
    height: 40px;
    bottom: 30px;
    left: 11px;
    width: 196px;
}

p.full{
	
	max-width:none !important;
}

.footer-banner {
	
	background: #000;
    height: 100%;	
}
.footer-banner a{
	
	    display: block;	
}
.footer-banner img{
	
	max-width:100%;
	    display: block;
	margin:0 auto;
}

.activity.l-footer .footer{
	
	height:105px;
}

.activity.l-footer, .activity.l-footer .trial {
	
	bottom:105px;
}

#confDrawer .social-icons a img{
	
	height: 30px !important;	
}
#confDrawer .social-icons a{
	
	display: inline-block;
}

.list-view.multiline li > a:first-child{
	
	display: block;
}

.list-view.multiline li .button{
	
	
	text-align: center;
}

.list-view.multiline li{
	
	height: auto;
	min-height: 50px;
	    line-height: normal;
}

.list-view.multiline li > label{

	    display: block;
    right: 95px;
    position: absolute;
    left: 10px;
    bottom: 0;
    top: 0;
    padding: 10px 0;
}

/**
 * 	exit dialog style
 */

div#dialog.exit ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

div#dialog.exit ul li {
    text-align: center;
    padding: 13px 5px;
    background: cadetblue;
    color: white;
    margin: 7px;
    border-radius: 4px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);
}

#dialog.no-btns .dialog-buttons{
	
	display: none;
}
#dialog.no-btns #dialog-body{
	
	bottom:0;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

ul.list-view.block li{

   
    margin:0 !important;
    padding:0 !important;
}
ul.list-view.block li .b3, ul.list-view.block li .b2{
	
	display: inline-block !important;
	width:32% !important;
	    font-size: inherit;
	    text-indent: 10px;
	        vertical-align: top;
}

ul.list-view.block li .b2{

		width:49% !important;
}

ul.list-view.block li .b3.center{
	
	text-align: center;
}

.activity.header .header input.full {
    width: 94%;
    background: transparent;
    margin: 0px;
    border-bottom:solid 1px;
}

.activity.header .header input.full:focus{
	
	outline: none;
}

.list-view li a.full{
	
	display: block;
}

.b2,.b3{
		
		display: inline-block;
		vertical-align: top;
	}
	
	.b2 .full, .b3 .full, .b1 .full {
	    width: 95%;
	    margin: 2.5%;
	}
	
	
	.b2,.b3,.b1{
		
		margin:0 !important;
		padding-left:0 !important;
		padding-right:0 !important;
	}
	
	
	
	.b2{
		
		width: 49%;
		
	}
	.b3{
		
		width: 30%;
	}
	
	.b1{
		
		display: block;
		width:100%;
	}

.form .b2, .form .b3{
	
	max-width:150px;
}
.form .b1{
	
	max-width:300px;
}

.rap.main .activity .intl-tel-input ul.country-list{

	   background-color: white !important;	
       color: #333 !important;
}

ul.brokers-list li label {
    margin-top: 10px;
    margin-right: 100px;
}

@media (max-width:1000px){

	.only-desktop, [only-desktop]{
		display: none;
	}
}
/**
 * 	new desktop design
 */
@media (min-width:1000px){
	
	[drawer-btn]{
		
		display: none;
	}
	
	[only-mobile]{
		display: none;
	}
	
	div#confDrawer {
	    left: 0 !important;
	    position: fixed;
	    width: 20% !important;
	    bottom: 0;
	    top: 0;
	    max-height: initial;
	    height: auto !important;
        display: block;
    	opacity: 1;
    	box-shadow: 2px 0 10px 0 rgba(0,0,0,0.2);
    	z-index:10000 !important;
	}
	
	div#inform, div#loader {
	    width: 80% !important;
	    left: 20% !important;
	}
	
	#header {
	    left: 20% !important;
	    position:relative;
	    width:80% !important;
	        height: 49px !important;
	        padding:0 !important;
	}
	
	.main.rap{
		
		left: 20% !important;
		 top: 49px;
	}
	
	.rap {
	    width: 80% !important;
	    margin: 0 !important;
	       
	}
	
	#header .rap{
		
		width:100% !important;
	}
	
	.main.rap .activity, #signal_activity {
		
		width:100% !important;
		top:0 !important;
	}
	
	p, .notice {
	    max-width: none !important;
	}
	
	#menu-rap {
	   top: 0px !important;
	    margin-left: 60px !important;
	    position: fixed;
	    height: 49px;
	}
	
	div#dialog {
	    left: 20%;
	}
	
	.burger-menu-btn{
		
		    display: none !important;
	}
	
	#header-menu{
		    margin: 6px !important;
	}
	
	#header a.item {
	    padding: 3px !important;
	}
}

.onoffswitch.small .onoffswitch-label:before {
	
	    position: relative;
    top: 5px;
    bottom: 0;
    right: -5px;	
        width: 15px;
    height: 15px;
}
.onoffswitch.small .onoffswitch-label {
    
    width: 65px;
    height: 27px;
    float: right;
    
}
.onoffswitch.small .onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: -45px;
}

.exit-inform{
	
	cursor:pointer;
	color:#333;
	    padding: 6px 11px;
    font-weight: bold;
    font-size: 16px;
    position: absolute !important;
    top: -10px;
    right: -10px;
    background: inherit;
    border-radius: 30px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
}

button.lighter{
    background: transparent;
    color: inherit;
    box-shadow: inset 0 0 1px 0px #000;
}

/**
 * 	full height activity including top bar
 */
.rap.main .activity.full.topbar {
    top: -50px !important;
    z-index: 1000;
}

.activity.header .header .ic {
    height: 30px;
    width: auto;
    margin: 10px 0 10px 5px;
    vertical-align: top;
}
.activity.topbar .header button{
	
	    margin: 5px;
    background: transparent;
}

.h-img-list{
	
	
}

.h-menu.h-img-list li{
	line-height: initial;
	padding:0px;
}

.h-menu.fixed{
	
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
    position: absolute;
    right: 0;
    left: 0;
}


button.float {
    border-radius: 25px;
    width: 56px;
  height: 56px;
    position: absolute;
    right: 10px;
    bottom: 10px;
        box-shadow: 0 2px 3px 1px rgba(0,0,0,0.2), 0 4px 12px -7px rgba(0,0,0,.15);
  border-radius: 50%;
}
button.float.left {
	right:initial;
		left:10px;
}

.activity-header > button.float, .activity-header > a > button.float{
	
	bottom:-15px;
}

button.float.no-stick{

	position: absolute;
}
button.float.wash {
	transition:all .3s;
    right: 0;
    width: 100%;
    bottom: 0;
    z-index: 10000000;
    border-radius: 0;
    height: 100%;
    margin:0;
        
}
button.float.big {

	height: 60px;
    width: 60px;	
    border-radius: 30px;
}

.f-right{
	
	float:right;
}
.f-left{
	
	float:left;
}

.activity.footer .footer .full.one-line{
	
	height: 60px;
    margin: 0;
    line-height: 60px;
    text-indent: 20px;
}

.ic-title-vert{
	
    line-height: 180%;
    font-size: 13px;
}

.ic-title-vert i{
	
	display: block;
}

ul.clip{
	
	overflow-y:hidden !important;
}

 .list-pull-loader{
	
	width:40px;
	height:40px;
	display: block;
	margin:0 auto;
	border-radius: 50%;
    line-height: 40px;
    text-align: center;
    font-size: 21px;
}

.list-pull-loader.light{
	
	background: white;
	color:inherit;
}

#inform .enquiry .buttons{
	height: 40px;	
}
#inform .enquiry button{
	
	float: right;
	margin-left:5px;
}

.cont.fixed.under-menu{
	 top: 47px;	
}
.cont.fixed{
	
	position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0px;
    overflow-y: scroll;
}

img.medium{
	
	max-width: 100px;
	width:80%;
}
img.big{
	
	max-width: 500px;
	width:100%;
}

#confDrawer li > i, #confDrawer li > a > i {
    font-size: 20px;
    margin-right: 10px;
}

.block{
	
	display: block;
}

.center{
	margin-left:auto;
	margin-right:auto;
}

.t-right{
	
	text-align: right;
}

.t-left{
	
	text-align: left !important;
}

/**
 * 	share
 */
ul.share-dialog {
    list-style: none;
        text-align: center;
        padding:0;
}

ul.share-dialog li {
    display: inline-block;
}

ul.share-dialog li i {
    font-size: 50px;
}

.list-view.drop-down li:first-child{
	
	border-top:none;
}

.list-view.drop-down.drop-down-fixed{
	position: absolute;
	z-index:10;
}

.list-view li i.f-right{
	
	 padding: 0 15px;
	     position: absolute;
    right: 0;	
}
.list-view li i{
	
	line-height: inherit;
   
}

.list-view.drop-down{
	
    max-width: 500px;
    background: white;
    height: auto;
    bottom: inherit;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,.2);
    margin: auto;
    position: relative;
    width: 100%;
    float: right;
}

.activity-header.no-shadow{
	
	box-shadow:none !important;
}

.activity-header > label:first-child {
    padding-left: 20px;
}

.m1{
	
	margin-left:10px !important;
	margin-right:10px !important;
	
}
.p1{
	
	padding-left:10px !important;
	padding-right:10px !important;
	
}
.inline-block{
	display: inline-block;
}

.mt1{
	
	margin-top:10px !important;
	
}
.mt2{
	
	margin-top:15px !important;
	
}

.top-m{
	
	margin-top:10px;	
}

.next-to-icon{
	
	right: 40px;
    position: relative;
    left: 0;
    width: auto !important;
    display: inline-block !important;
    vertical-align: top;
}

ul.lv.mb li{
	
	margin-bottom:10px;
}

.list-loader.loader-2 .circular{

	position: absolute;	
}
.list-loader{
	
	background: white;
    border-radius: 50%;
    padding: 7px;
    height: 40px;
    width: 40px !important;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
}

.mt{
	
	margin-top:10px;
}

ul.grid-view li img{
	
	width:100%;
}

.item-disabled-op{
	
	opacity:.5;
}

.grid-view.thumb li{
	
	overflow: hidden;
}

.grid-view.thumb li img{
	
	width:100%;
	height:auto;
	max-height: 100%;
}

.grid-view.thumb i.icon-gallery-icon{
	
    font-size: 50px;
}

.dialog-header input[type=text]{
	
	    padding: 0 !important;
    margin: 0 !important;	
    border:none;
}
*:not(#dialog) > .dialog-header{
	    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    padding: 0;
    line-height: 50px;
    margin: 0 !important;
    border-bottom: solid 1px #eee;
    text-indent: 10px;
    box-shadow: 0 0px 4px 0px rgba(0,0,0,.1);
    z-index: 1;
}

.exit-inform{
	
	z-index:2;
}

.query-p{
	
	margin-bottom:0 !important;
	margin-top:2px !important;
	padding:0 !important;
}

.dialog-body{
	
	padding:10px 0;
}

.under-dialog-header{
	
	margin-top:50px;
}

.dialog-buttons{
	
	margin:10px;
}

input, textarea {
  -webkit-user-select: text !important;
  -khtml-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}

.t-center p{
	
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}

button a{
	color: inherit !important;
	text-decoration: none !important;
}

#inform .form .dialog-button{
	
	float:right;
	margin-left:10px;
}

.vs-repeat-after-content, .vs-repeat-before-content{
	
}

@media (min-width:1000px){
*[ng-click="drawer.toggleDrawer()"]{
	
	display: none;
}
}

#confDrawer .sub-menu li{
	
	padding-left: 55px;
}

input.flat{
	
	    background: transparent;
    border-bottom: solid 1px #919191;
}

.sub-text{
	
	color:#858585;
}

@media (min-width:1000px){
	.desk-max-500{
		
	    max-width: 500px;
   		 margin: auto !important;
   		 
	}
}

.rating { 
  border: none;
  float: left;
}

.rating > input { display: none !important; } 
.rating > label:before { 
  margin:0 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating > .half:before { 
  content: "\f089";
  position: absolute;
}

.rating > label { 
  color: #ddd; 
 
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 


.broker-survey-rate .rating{
	
	    margin: auto;
    display: inline-block;
       border: solid 1px #ccc;
    padding: 5px 10px !important;
    border-radius: 4px;
        direction: rtl;
}

.broker-survey-rate h2 {
    font-size: 130%;
    font-weight: 600;
}

fieldset.rating:before {
    content: '1';
    color: #888;
    float:left;
    margin-right: 5px;
}

fieldset.rating:after {
        content: '5';
    color: #888;
    float:right;
        margin-left: 5px;
}

textarea{
	
	font-family: inherit;
    border-color: #ccc;
    font-size: inherit;
}

.form.inform-dialog #message {
    padding: 10px;
    text-align: initial;
}

.form.inform-dialog {
    text-align: center;
}

.form.inform-dialog > button {
    margin: 10px;
}

.bold{

	font-weight: bold;
}

.uppercase{

	text-transform: uppercase;
}

.toast.good{

	background: #5CB876;

}

.new-email-box {
    width: 70% !important;
	margin: 0 !important;
	float: left;
}

.update-email-box button.change-email {

	width:25%;
	margin-left: 1%;
}

.update-email-box{

	line-height: 45px;
	height: 45px;
	max-width: 400px;
}

.update-email-box input{

	font-size: inherit;
}

button[disabled="disabled"]{

	opacity:.5;
}

button.loading-button{

	position: relative;
    overflow: hidden;
}

button.loading-button.loading{

	text-indent:-300%;
	pointer-events: none;
}

button.loading-button.loading:after {
    content: ' ';
    border: 3px solid;
	border-top: 3px solid transparent;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    animation: loading-button-spin 2s linear infinite;
    position: absolute;
	left: 0;
	right: 0;
	top:0;
	bottom:0;
    margin: auto;
}

@keyframes loading-button-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

textarea.fxc-broker-text-review{

	height: 100px;
}

[view-flipper], [view-flipper] *{

	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}


ul.drop-down-autocomplete{

	background:inherit;
	max-height: 500px;
	overflow-y: scroll;
	background-color: white !important;
    margin: 0;
    padding: 0;
	box-shadow: 0 4px 5px 0 rgba(0,0,0,.4);
	position: absolute;
}

.drop-down-autocomplete li{

	padding:10px;
}


.broker-lp .body, .broker-lp .footer, .rap.main .broker-lp.activity{

	background: #000000 !important;
	color:#BBBBBB;
}

.broker-lp .promo-banner{

	width:100%;
	height: auto;
	margin:0 auto;
	display:block;
	max-width:400px;

}

.chat-float-pink{

	background:transparent url('/res/images/chat-float-pink.svg') no-repeat center;
	background-size: 90% auto;
}

.footer .chat-float-pink {
    position: absolute;
    right: 10px;
	top: -70px;
	height: 60px;
    box-shadow: none;
    line-height: 29px;
    padding: 0 10px 5px 10px;
}

#brokers .footer{

	overflow: visible;
}

.h-menu.two-blocks li{

	width: 50% !important;
    text-align: center;
    padding: 0;
    float: left;
}

.h-menu.two-blocks li.selected{

	border-bottom:solid 3px;
}