::-webkit-input-placeholder {
   color: #838383;
}

:-moz-placeholder { /* Firefox 18- */
   color: #838383;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #838383;
}

:-ms-input-placeholder {
   color: #838383;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
}
body {
    background: #f7f7f7;
    color: #424242;
    padding: 0;
    margin: 0;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    line-height: 125%;
    /*position: relative;*/
    cursor: default;
}

/* We use this to get basic styling on all basic form elements */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    background-color: #fff;
    font-family: inherit;
    border: 1px solid #d0d0d0;
    box-shadow: 0;
    color: #000000;
    display: block;
    font-size: 1rem;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    height: 3rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.15s linear;
    transition: all 0.15s linear;
}
input {
    display: block;
}
input:focus, select:focus, textarea:focus {
    outline: 0;
}

select {
    background-color: #fff;
    border: 1px solid #d0d0d0;
    height: 3rem;
}

.select {
    font-family: inherit;
    box-shadow: 0;
    color: #000000;
    font-weight: bold;
    display: block;
    font-size: 1rem;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    width: 100%;
    box-sizing: border-box;
    -webkit-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

a {
    color: #008cba;
    text-decoration: none;
    outline: 0;
}
.blue {
    color: #008cba;
}
.blue-hover:hover.fa {
    color: #008cba;
}
ul {
    margin: 0;
    margin-bottom: 10px;
}
a:hover {
    color: #007399;
    cursor: pointer;
    text-decoration: underline;
}
.no-margin {
    margin: 0!important;
}
.pointer {
    cursor: pointer;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.text-center {
    text-align: center;
}

.d-block {
    display: block !important;
}

.d-inline-block {
    display: inline-block !important;
}

.cursor-pointer {
    cursor: pointer;
}

.position-relative {
    position: relative !important;
}
/* Preset Margins */
.margin-top-5 {
    margin-top: 5px;
}
.margin-top-10 {
    margin-top: 10px;
}
.margin-top-15 {
    margin-top: 15px;
}
.margin-right-5 {
    margin-right: 5px;
}
.margin-right-10 {
    margin-right: 10px;
}
.margin-right-15 {
    margin-right: 15px;
}
.margin-left-5 {
    margin-left: 5px;
}
.margin-left-10 {
    margin-left: 10px;
}
.margin-left-15 {
    margin-left: 15px;
}
.margin-left-40 {
    margin-left: 40px;
}
.margin-top-25 {
    margin-top: 25px;
}
.margin-top-30 {
    margin-top: 30px;
}
.margin-top-40 {
    margin-top: 40px;
}
.margin-top-60 {
    margin-top: 60px;
}
.margin-bottom-15 {
    margin-bottom: 15px;
}
.margin-bottom-25 {
    margin-bottom: 25px;
}
.padding-left-15 {
    padding-left: 15px;
}
.padding-right-15 {
    padding-right: 15px;
}
.padding-left-40 {
    padding-left: 40px;
}
.padding-10 {
    padding: 10px;
}
.padding-15 {
    padding: 15px;
}
.padding-20 {
    padding: 20px;
}
.padding-30 {
    padding: 30px;
}
/* END Preset Margins */

.underline-constant {
    text-decoration: underline;
}
.underline:hover {
    text-decoration: underline;
}

.top-nav {

}

.noselect {
  -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 */
}

/* Header which can be used on any div */
header {
    height: 90px;
}
header .desktop-nav {
    position: fixed; top: 0; left: 110px; right: 0; height: 90px;
    z-index: 113;
    border-bottom: 2px solid #919191;
    background: #fff;
    /*
    background: #3d7bb6;
    color: #fff;
    */
}
header .desktop-nav .wrapper {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}
header .desktop-nav .wrapper .headerContent {
    padding-left: 20px;
    display: table-cell;
    vertical-align: middle;
    font-size: 0.95em;
    font-weight:500
}
header .desktop-nav .wrapper .logo-link {
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0px;
}
header .desktop-nav .wrapper .title {
    color: #fff;
    font-size: 1.4em;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}
header .desktop-nav .wrapper .controls {
    text-align: right;
    display: table-cell;
    vertical-align: middle;
}
header .desktop-nav .wrapper .controls .imgUser {
    padding-right:25px;
    vertical-align: middle;
    display: inline-block;
    cursor:pointer;
}
header .desktop-nav .wrapper .controls .imgUser:hover .user {
    color: #3697e0;
}
header .desktop-nav .wrapper .controls .imgUser:hover .imgHolder {

}
header .desktop-nav .wrapper .controls .imgUser .imgHolder {
    width:50px;height:50px;border-radius:50%;overflow:hidden;border: 1px solid #e3e3e3;display:inline-block;vertical-align:middle;margin-right:10px;margin-right:15px;
}
header .desktop-nav .wrapper .controls .imgUser .imgHolder .img {
    width: 50px;
}
header .desktop-nav .wrapper .controls .imgUser .user {
    display:inline-block;color:#6c6c6c;vertical-align: middle;font-weight:700;
}
header .desktop-nav .wrapper .controls .search {
    width:120px;margin-left:15px;margin-right:10px;display:inline-block;
}
header .desktop-nav .wrapper .controls .search input {
    border-radius:5px;border:1px solid #e3e3e3;background:#fff;color:#000000;outline:0;margin:0;padding:0;width:100%;height:28px;vertical-align: middle;font-size:0.6em;padding:2px;text-align:center;font-style: italic;
}
header .desktop-nav .wrapper .controls .main {
    padding-left:15px;vertical-align: middle;
    display:table;display:inline-block;
}
header .desktop-nav .wrapper .controls .main .item {
    display:table-cell;vertical-align:middle;width:60px;position:relative;text-align:center;
}
header .desktop-nav .wrapper .controls .main .item .alert {
    position: absolute;
    font-size: 0.5em;
    font-weight: 700;
    top: -5px;
    right: 6px;
    background: rgba(255, 0, 0, 0.8);
    width: 22px;
    height: 22px;
    border-radius: 100%;
}
header .desktop-nav .wrapper .controls .main .item .alert .container {
    width:100%;height:100%;text-align:center;color:#fff;
}
header .desktop-nav .wrapper .controls .main .item .alert .fa {
    color: #fff; font-size: 0.95em;
}
header .desktop-nav .wrapper .controls .main .item .fa {
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
    font-size:2em;
    margin: 0;
    padding:0;
    color:#6c6c6c
}
header .desktop-nav .wrapper .controls .main .item .active {
    color: #3697e0
}
header .desktop-nav .wrapper .controls .main .item .fa:hover {
    color: #3697e0;
}
header .desktop-nav .wrapper .upgradeTrial .table-cell:first-child {
    width:55px;
}
header .desktop-nav .wrapper .upgradeTrial .table-cell .fa {
    font-size:2.75em;
}
header .desktop-nav .wrapper .upgradeTrial .table-cell .info {
    font-weight:800;font-size:1.1em;margin-top:5px;
}

.userControls {
    margin: 5px 10px 0 0;
    list-style: none;
    text-align: left;
    color: #76838f;
    border: 1px solid #e4eaec;
    border-radius: 3px;
    background: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 3px 12px rgba(0,0,0,.05);
    box-shadow: 0 3px 12px rgba(0,0,0,.05);
    position:fixed;
    top:60px;
    right:0;
    width:190px;
    z-index: 122;
    display:none;
}
.userControls .nav {
    width: 100%;
    font-size: 0.9em;
    font-weight: 400;
    padding: 10px;
    color: #000;
    cursor: pointer;
    vertical-align: middle;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.userControls .navHover:hover {
    background: #ddd;
    color: #000;
}
.userControls .nav .fa {
    width: 25px;
    font-size: 0.9em;
    margin-left: 4px;
    color: #546c98;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.userControls .navHover
{
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.userControls .navHover:hover .fa
{
 color: #1b7fcc;
}

/* card box */
.card-box {
    background-color: white;
    position: relative;
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    font-weight: bold;
    box-shadow: 0 0 4px 2px #eee;
    color: #767b83;
    line-height: 1.5rem;
    margin-top: 2rem;
}

.card-box__title {
    display: block;
    margin-bottom: .8rem;
    font-size: 1.15rem;
    font-weight: 600;
    color: #424242;
}

/* form control */
input.form-control,
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 1.5rem + 2px);
    padding: 0.75rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #1e2022;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d5dae2;
    border-radius: 0.3rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

input.form-control:focus,
.form-control:focus {
    color: #1e2022;
    background-color: #fff;
    border-color: #d5dae2;
    outline: 0;
    box-shadow: 0 0 10px rgba(43, 159, 249, 0.14);
    border-color: #2B9FF9;
}

/* Buttons */
.btn {
    background: #3e92d0;
    color: #292929;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    /*border-radius: 3px 3px 3px 3px;*/
    border: 0;
    font-size: 1em;
    padding: 8px;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.btnv2 {
    background: none;
    color: #c6c6c6;
    border: 0;
    font-size: 1em;
    padding: 6px 10px 6px 10px;
    border: 1px solid #c6c6c6;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.5s

}
.btnv2:focus {
    outline: 0;
}
.btnv2:hover {
    background:#eaeaea
}
.btn .fa {
    color: #757575;
}
.btn:hover .fa {
    color: #008cba;
}
.btn:hover {
    opacity: 0.9;
}

.btn-complete {
    /*margin-top: 10px;*/
    padding: 12px;
    font-size: 1em;
    border: 0;
}
.btn-gradient {
    background: #3e92d0;
    background: -webkit-linear-gradient(#246da2, #3e92d0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#246da2, #3e92d0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#246da2, #3e92d0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#246da2, #3e92d0); /* Standard syntax */
}
.btn-complete-small {
    /*margin-top: 5px;*/
    margin-left: 0px;
    /*margin-bottom: 5px;*/
    padding: 9px;
    font-size: 0.9em;
    border: 0;
}
.btn-complete-nomargin {
    margin-top: 0px;
    border: 0;
}
.btn-complete-vsmall {
    margin-top: 5px;
    margin-left: 0px;
    margin-bottom: 5px;
    padding: 8px;
    font-size: 0.75em;
    border: 0;
}
.btn-complete-fullWidth {
    width: 100%;
}
.btn-complete-dropshadow {
    box-shadow: 0px 4px 10px #989898;
}

.btn-red {
    background: #c50101;
}

.btn-green {
    background: #44ab00;
}

.btn-grey {
    background: #bab9b9;
}
.btn-grey-dark {
    background: #525250;
}
.btn-orange {
    background: #f19100;
}

.btn-white {
    background: #ffffff;
    border: 1px solid #008cba;
    color: #008cba;
}
.btn-yellow {
    background: #ffc540
}

.btn-right-margin {
    margin-right: 5px;
}
.btn-right {
    float: right;
}
.btn-left {
    float:left;
}

.btn-v3 {
    display: inline-block;
    font-weight: 500;
    color: #1e2022;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.75rem 1rem;
    height: calc(1.5em + 1.5rem + 2px);
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.3125rem;
    transition: all 0.2s ease-in-out;
}

.btn-primary {
    background-color: #2B9FF9;
    border: none;
    color: white;
}

.btn-radius {
    border-radius: 2px;
}

.btn-success {
    background-color: #00d06f;
    border: none;
    color: white;
}

.btn.btn-success .fa {
    color: white;
}

.btn-success:hover,
.btn-success:focus {
    background: #00b962;
    box-shadow: 0 4px 11px rgba(0, 185, 98, 0.5);
    outline: none;
}


.btn-primary.focus, .btn-primary:focus {
    background-color: #54b4ff;
    box-shadow: 0 4px 11px rgba(55, 125, 255, 0.35);
    outline: none;
}
/* End Buttons */

/* standard tooltip */
.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 140px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 130%;
    left: 50%;
    margin-left: -75px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.white {
    color: #fff;
}
.offwhite {
    color: #f1f4f5;
}

.errorMessage {
    margin-top: 5px;
    margin-bottom: 5px;
    color: red;
    font-size: 0.7em;
    display:none;
}

.content {
    position: fixed;
    left: 110px;
    right: 500px;
    top: 90px;
    bottom: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    background: #f7f7f7;
}
.content_notification {
    position: fixed;
    bottom: 20px;
    left: 20px;
    width:100%;
    max-width: 300px;
    border-radius: 20px;
    padding: 20px;
    background:#fff;
    border: 1px solid #919191;
    font-size: 0.9em;
    font-weight: 500;
    z-index: 901;

}

.content-wrapper {
    width: 100%;
    background: #f7f7f7;
}


/* content slide slide */
.content-slide {
    position: fixed;
    left: 110px;
    right: 500px;
    top: 90px;
    bottom: 0;
    z-index:-1;
}
.content-slide .content-slide-content {
    width: 100%;
    display:none;
    background: #f1f4f5;
    height: 100%;
    top: 0;
    padding: 10px 20px 10px 20px;
    font-size: 1em;
    overflow-y: scroll;
    overflow-x: hidden;
}
.content-slide .content-slide-content p {
    font-size: 1em;
    margin: 0px;
}

.roomUpdateInfo fieldset {
    border: 1px solid #dddddd;
    margin-top: 20px;
    padding: 10px;
}
.roomUpdateInfo legend {
    font-size:0.85em;
    font-weight: bold;
}

/*
* Left Menu CSS
*/
.left-menu {
    background: linear-gradient(to right, #408bce , #3d7bb6);
    border-top: 0;
    font-size: 18px;
    width: 110px;
    bottom: 0;
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 10;
    overflow: hidden;
}
.left-menu .left-menu-scroll {
    position: absolute;
    bottom:0;
    top: 0;
    left: 0;
    right: 0;
    overflow-y: scroll;
    overflow-x: hidden;
}



/* Left bar navigation */
.left-menu .nav {
    width: 100%;
    font-size: 12px;
    padding: 12px 0px 12px 0px;
    margin-bottom: 10px;
    text-align: center;
    color: #fff;
    vertical-align: middle;
}
.left-menu .navHover {
    font-weight: 800;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0.7;
}
.left-menu .navHover:hover {
    background-color: #5599d8;
    opacity: 1;
}
.left-menu .navActive {
    border-left: 3px solid #f1f4f5;
    color: #fff;
    font-weight: 800;

}
.left-menu .smallNav {
    padding: 6px 0px 6px 0px;
    margin-bottom: 10px;
}
.left-menu .smallNav .fa {
    color: #bab9b9;
}
.left-menu .nav .break {
    border-bottom: 1px solid #fff;
    margin: 0px 15px 0px 15px;
}
.left-menu .nav .fa {
    font-size: 30px;
    display: block;
    margin-bottom:10px;
}
.left-menu .nav #userTradeIdeaAlert .fa {
    font-size: 12px;
    float: right;
    margin-right: 10px;
    margin-top: -40px;
}
.left-menu .nav .searchUserProfile {
    margin-bottom: 0px;
}
.left-menu .nav .errorMsg {
    font-size:9px;
    text-align: right;
}
.left-menu .menuNav {
    color: #757575;
    border-bottom: 1px solid #757575;
    padding:0;
    font-weight: bold;
}
.left-menu .menuNavInactive:hover {
    opacity: 0.8;
}
.left-menu .menuNavActive {
    color: #bab9b9;
    border-bottom: 1px solid #3c88b2;
    padding:0;
}
.left-menu .menuHeader {
    color: #757575;
    border-bottom: 3px solid #757575;
    padding:0;
    font-weight: bold;
}

.left-menu h2 {
    font-size: 15px;
    font-weight: bold;
    margin-left: 12px;
    margin-right: 20px;
    color: #bab9b9;
}

.activeUsers {
    position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:#fff;overflow-y:scroll;display:none;
}

/* Active User List */
.activeUserList {
    font-size: 16px;
    width: 100%;
}
.activeUserList .nav {
    margin: 0px 10% 20px 10%;
    font-weight: 800;
}
.activeUserList .nav .search {
    border:none;border-bottom: 1px solid #eee;padding: 3px; width:100%;
}
.activeUserList .nav .menuNavActive span {
    border-bottom: 2px solid #408bce;
}
.activeUserList .userList {
    display: block;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    padding: 8px 25px 8px 25px;
}
.activeUserList .userList .table .table-cell:first-child {
    width: 60px;
}
.activeUserList .userList .myfxbook {
    opacity: 0.6;
}
.activeUserList .userList:hover .myfxbook {
    opacity: 1;
}
.activeUserList .userList:hover a {
    text-decoration: underline;
}
.activeUserList .userList:hover .fa {
    color: #008cba;
}
.activeUserList .userList img {
    vertical-align: middle;
    margin-right: 10px;
    max-width: 40px;
    max-height: 40px;
}
.activeUserList .userList .imgavatar {
    min-width: 50px;
    min-height: 50px;
    border-radius: 50%;
    border: 2px solid #e3e3e3;
}
.activeUserList .userList a {
    font-size: 1em;
    font-weight: 700;
    color: #6c6c6c;
}
.activeUserList .userList .fa {
    font-size: 2em;
}
.activeUserList .userList .joined {
    font-size: 0.8em;
}
.activeUserList .userList:hover {
    background: #eeeeee;
}
.activeUserList .userList .userInfo {
    vertical-align: middle;
}
.activeUserList .userList .userInfo .status {
    font-size:11px;color:#b2b2b2;
}
.activeUserList .userList .rep {
    float: right;
    padding-right: 5px;
    padding-top: 10px;
    font-size: 12px;
    color: #737373;
}
.activeUserList .userList .online {
    width:7px;height:7px;background:#44ab00;border-radius: 50%;display:inline-block;
}
.activeUserList .userList .offline {
    width:7px;height:7px;background:#b2b2b2;border-radius: 50%;display:inline-block;
}
.activeUserList .userList  .mute {
    display: inline-block;
    background: url('/img/traderoom/mute.svg') no-repeat;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    background-size: 10px 10px;
}
.activeUserList .userList  .mute:hover {
    width: 13px;
    height: 13px;
    background-size:13px 13px;
}
.activeUserList .userList  .muted {
    display: inline-block;
    background: url('/img/traderoom/mute_blue.svg') no-repeat;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    background-size: 10px 10px;
}
.activeUserList .userList  .muted:hover {
    width: 13px;
    height: 13px;
    background-size:13px 13px;
}
.left-menu .contentArea {
    font-size: 12px;
    display: block;
    padding: 2px 0 2px 12px;
}




/* Close in top right */
.closeSlide {
    float: right;
    background: url('/img/traderoom/close.svg') no-repeat;
    width: 15px;
    height: 15px;
    background-size: 15px 15px;
    vertical-align: middle;
    display: inline-block;
    opacity: 0.7;
}
.closeSlide:hover {
    opacity: 1;
}


/* Chat block */
.chat-block {
    background-color: #fbfbfb;
    border-left: 1px solid #d2d2d2;
    box-shadow: 0 0 40px -10px rgba(37,45,51, .3);
    font-size: 18px;
    width: 500px;
    bottom: 0;
    position: fixed;
    top: 90px;
    right: 0;
    z-index: 111;
}
.chat-block .chat-control {
    position: absolute;
    bottom: 0px;
    padding: 0px 25px 0px 25px;
    height: 80px;
    width: 100%;
    z-index: 1;
    text-align: right;
}
.chat-block .chat-control .chat-surround {
    width:100%;border:1px solid #d0d0d0;background:#fff;border-radius: 20px;height:60px;margin-top:10px;
}
.chat-block .chat-control .btn {
    background: #fff;
    border: 1px solid #d0d0d0;
    border: none;
}
.chat-block .chat-control .btn:focus {
    outline: 0
}
.chat-block .chat-control .btn .fa {
    font-size: 2em;
}
.chat-block .chat-text {
    font-size: 16px;
    color: #000000;
    font-weight: 500;
    background-color: #fff;
    resize: none;
    width: 100%;
    border: none;
    height: 58px;
    margin: 0;
    border-radius:20px 0px 0px 20px;

}
.chat-block .chat-text:focus {
    outline:0;
}
.chat-block .color-picker {
    float:right;
    width: 31px;
    height: 31px;
    border: 1px solid #D0D0D0;
    margin-top: 12px;

}
.chat-block .color-picker .color:hover {
    opacity: 0.8;
}
.chat-block .svg-popout {
    background: url('/img/traderoom/expand-in-new-window.svg') no-repeat;
    background-size: cover;
    width: 26px;
    height: 26px;
    fill: #3e92d0;
    float:left;
    margin-left:10px;
    margin-top: 10px;
    cursor: pointer;
    z-index: 1;
}
.chat-block .svg-popout:hover {
    opacity: 0.8;
}
.chat-block .svg-emoticon {
    background: url('/img/traderoom/smile.svg') no-repeat;
    background-size: cover;
    width: 26px;
    height: 26px;
    fill: #3e92d0;
    float:left;
    margin-left:15px;
    margin-top: 10px;
    cursor: pointer;
    z-index: 1;
}
.chat-block .svg-emoticon:hover {
    opacity: 0.8;
}
.chat-block .svg-at {
    background: url('/img/traderoom/at-sign.svg') no-repeat;
    background-size: cover;
    width: 26px;
    height: 26px;
    fill: #3e92d0;
    float:left;
    margin-left:15px;
    margin-top: 10px;
    cursor: pointer;
    z-index: 1;
}
.chat-block .svg-at:hover {
    opacity: 0.8;
}

.flex {
    display: flex;
}
.flex-row {
    display: flex;
    flex-flow: row wrap;
}

/* Where chat resides */
#chat-wrapper {
    width: 100%;
    top:0px;
    bottom:80px;
    position: absolute;
    overflow:hidden;
}
#chat-wrapper .chatDropMsg {
    position:absolute;top:35px;left:0px;right:0px;background:#f7f7f7;z-index:1;border-radius:0px 0px 0px 0px;padding:10px;display:none;font-size:14px;border-style:solid;border-width:1px 0px 1px 0px;border-color: #ececec;
}
.onlineTradersTopChat {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    position:relative;top:0;left:0;right:0;background:#f7f7f7;z-index:1;border-radius:0px 0px 0px 0px;font-size:16px;text-align:center;
}
.onlineTradersTopChat:hover {
    background: #eeeeee;
}
.onlineTradersTopChat .fa {
    font-size: 1.2em;
}
.onlineTradersTopChat:hover .fa {
    color: #008cba;
}
.chatDropMsgContent .table-cell:first-child {
    width:130px
}
.chatDropMsgContent .table-cell:first-child img {
    max-width:120px;
}
.chatDropMsgContent .table-cell:last-child {
    width:25px;
}

#chat-log {
    overflow:hidden;
    position: absolute;
    bottom: 0;
    top: 0px;
    width: 100%;
}
#chat-log .unread-chat {
    position: absolute;
    bottom: 0;
    opacity: 0.7;
    text-align: center;
    width: 100%;
    display: none;
    z-index:200;
}
#chat-log .unread-chat .btn {
    background: #fff;
    border: 1px solid #6c6c6c
}
#chat-log .unread-chat:hover {
    opacity: 0.9
}
.chat-log-multi {
    position: absolute;
    top:0;
    bottom: 0px;
    left: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    word-wrap: break-word;
}
#chat-log .watchNow {
    position:absolute;bottom:10px;left:25px;right:25px;height:50px;background: #e08a3f;border-radius: 25px;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s; color:#fff;box-shadow: 0px 4px 10px #d9d9d9;
}
#chat-log .watchNow .table {
    height:100%;padding: 5px 10px 5px 10px;
}
#chat-log .watchNow .table .table-cell:first-child {
    width:38px;
}
#chat-log .watchNow .table .table-cell .imgHolder {
    width: 35px; height: 35px;min-width:35px;min-height:35px;display:inline-block;vertical-align:middle;margin-right:10px; border-radius: 50%;border: 2px solid #fff;overflow:hidden;
}
#chat-log .watchNow .table .table-cell .imgHolder img {
    width: 35px; max-width: 35px;
}
#chat-log .watchNow .fa {
    font-size: 0.7em;
}
#chat-log .watchNow .fa:hover {
    opacity: 0.6;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;
}
#chat-log .watchNow:hover {
    -moz-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;
    text-decoration: underline;
}

/* Horizontal line across the div with text in the middle */
.horiLine {
    text-align: center;
    border-bottom: 1px solid #ddd;
    line-height: 0;
    padding: 0;
}
.horiLine span {
    background-color: whitesmoke;
    font-size: 11px;
    padding: 0 15px;
}



.success-tick {
    background: url('/img/traderoom/done-tick.svg') no-repeat;
    width: 40px;
    height: 40px;
    margin-right: 15px;
    background-size: 40px 40px;
    vertical-align: middle;
    display: inline-block;
}
.fail-tick {
    background: url('/img/traderoom/close-cross.svg') no-repeat;
    width: 40px;
    height: 40px;
    margin-right: 15px;
    background-size: 40px 40px;
    vertical-align: middle;
    display: inline-block;
}


.pop-chat-active {
    position: absolute;
    left: 0;
    margin-top: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    z-index:-1
}

/* DIV for covering chat in room when popout active */
.pop-chat-active .pop-chat-active-content {
    width: 100%;
    background: #fff;
    height: 100%;
    top: 0;
    overflow-y: auto;
    bottom:0;
    display: none;
    padding: 10px 20px 10px 20px;
    font-size: 12px;
}

.pop-chat-active .pop-chat-active-content button {
    position: relative;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    background: #f7f7f7;
    border: 1px solid #6c6c6c
}

.pop-chat-active .pop-chat-active-content .easyNav {
    width: 100%;
    border-bottom: 1px solid #dddddd;
    font-size: 18px;
    padding: 12px 0 12px 0px;
    color: #008cba;
    cursor: pointer;
}
.pop-chat-active .pop-chat-active-content .easyNav:hover {
    background-color: #e8e8e8;
}

/* Chat Row */
.chat-row {
    font-size: 16px;
    color: #6c6c6c;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    margin-bottom: 18px;
    padding-left: 25px;
    padding-right: 25px;
}
.chat-row-dark {
    background-color: #323232;
}
.chat-row:hover {
    background: #f9f9f9;
}
.chat-row-noHover:hover {
    background: none;
}
.chat-row .table .table-cell:first-child {
    width: 45px;
}
.chat-row .user {
    color: #6c6c6c;
    font-weight: 500;
}
.chat-row .user .table .table-cell:first-child {
    width: auto;
}
.chat-row .user .table .table-cell:last-child {
    width: 50px;
}
.chat-row .user .avatar {
    border: 4px solid #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.chat-row .user a {
    text-decoration: none;
}
.chat-row .user a:hover {
    text-decoration: underline;
}
.chat-row .user .userTitle {
    color: #757575;
    margin-left: 12px;
    font-size: 0.65em;
    font-weight: 700;
}
.userProfileTitle {
    color: #757575;
    font-size: 13px;
}

.chat-row .user .time {
    font-weight: 500;
    float: right;
    color: #c1c1c1;
    margin-right: 5px;
    font-size: 0.8em;
}
.chat-row .user .time {
    margin-right: 2px;
}
.chat-row .user .message:first-child {
    margin-left: -18px;
}
.chat-row .message {
    margin-left: -4px;
    display: table;
    margin-top: 4px;
    font-size:0.9em;
    color: #3e3e3e;
    font-weight: 500;
    background:#efefef;
    border-radius:20px;
    padding:8px 25px 8px 25px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
.chat-row .message .chatDelete {
    display: none;
}
.chat-row .message:hover .chatDelete {
    display: inline-block
}

.chat-row .message img {
    max-width: 100%;
    display: block;
    opacity: 0.7;
    padding: 5px 0 6px 0;
}
.chat-row .message img:hover {
    opacity: 1;
}
.chat-row .message .autoPopulate {
    margin-left: 10px;
}
.chat-row .message .autoPopulate img {
    max-width: 40%;
    max-height: 200px;
    border-left: 4px solid #dddddd;
    padding-left: 4px;
    display: inline-block;
    vertical-align: top;
}
.chat-row .message .autoPopulate .fullImg {
    max-width: 80%;
}
.chat-row .message .autoPopulate .autoPopulateDetails {

    width: 60%;
    padding-left: 8px;
    display: inline-block;
}
.chat-row .message .autoPopulate .url {
    color: #b0b0b0;
}
.chat-row .message .autoPopulate .title {
    color: #000;
}
.chat-row .message .autoPopulate .date {
    font-size:11px;
    color: #cacaca;
}

.chat-row .table-reverse {
    direction: rtl;
}
.chat-row .table-reverse .user .message:first-child {
    margin-left: 0px;
    margin-right: -18px;
}
.chat-row .table-reverse .user .time {
    float: left;
}
.chat-row .table-reverse .message {
    direction: ltr;
}

.chat-row .tradeSignal {
    width: 100%;
    border: 1px solid #e3e3e3;border-radius: 20px;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s; color:#6c6c6c;margin: 0px 5px 0px 5px;
}
.chat-row .tradeSignal:hover {
    text-decoration: underline;
    background: #eeeeee;
}
.chat-row .tradeSignal .table {
    height:100%;padding: 5px 10px 5px 10px;
}
.chat-row .tradeSignal .table .table-cell:first-child {
    width:55px;
}
.chat-row .tradeSignal:hover .fa {
    opacity: 0.6;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;
}
.chat-row .tradeSignal:hover {
    -moz-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;
    text-decoration: underline;
}

.chat-row .infoMessage {
    color: #3e92d0;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.4px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
.chat-row .infoMessage .avatarImg {
    display:inline-block;
    vertical-align: middle;
    border: 1px solid #bab9b9;
    max-width: 50px;
    max-height: 50px;
    min-width: 50px;
    min-height: 50px;
    margin-right:15px;
}
.chat-row .infoMessage .userOnline {
    display:inline-block;vertical-align:middle;
}

.chat-row-single {
    font-size: 14px;
    line-height: 22px;
}

.chat-row-single .user {
    display: block;
    color: #008cba;
}

.chat-row-single .user .time {
    float:right;
    color: #cacaca;
    margin-right: 5px;
}

.chat-row-single .message {
    display: inline;
}



.chat-log-connection {
    font-size:9px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}



.stream-content {
    position:fixed;top:110px;left:140px;right:530px;background:#fff;box-shadow: 0px 4px 10px #d9d9d9;z-index:1;background:#fff;display:none;
}
.stream-content .fa {
    /*color: #bab9b9*/
    color: #535353;
}
.stream-content .table {
    display:flex;flex-flow: row wrap;align-items: center;
}
.stream-content .table-cell:first-child {
    width: 300px;
}
.stream-content .stream-info {
    display: table;
    width: 100%;
    padding: 10px;
}
.stream-content .stream-info .stream-cell {
    display: table-cell
}
.stream-content .stream-info .stream-cell:first-child {
    width: 90px;
}
.stream-content .stream-info .stream-cell:last-child {
    padding-right: 15px;
}

.stream-content .stream-info .stream-cell .title {
    font-size: 1.35em;
    font-weight: 600;
}
.stream-content .stream-info .stream-cell .imgHolder {
    width:70px;height:70px;border-radius:50%;overflow:hidden;margin-right:20px;
}
.stream-content .stream-info .stream-cell .imgHolder img {
    width: 70px; height: 70px;
}
.stream-content .stream-info .stream-cell .desc {
    font-size: 1.2em;
    font-weight: 500;
    margin-top: 0.5em;
}
.stream-content .stream-info .stream-cell .rate {
    margin-top: 0.35em;
    font-size: 1.2em;
}
.stream-content .stream-info .stream-cell .rate .fa {
    color: #c2c2c2;
    transition: all 0.5s;
}
.stream-content-rows .stream-info {
    margin-top: 10px; margin-bottom: 10px;
}
.stream {
    position: relative;
    padding-bottom: 56.25%; /* 16:9  56.25 21:9 42.85% */
    padding-top: 0px;
    height: 0;
}
.stream iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.streamControls {
    width:100%;background:#121212;height:40px;text-align:right;

}
.streamControls button {
    height:100%;border:none;background: #121212; color:#fff; font-size:18px; font-weight: bold;vertical-align:middle;outline:0; opacity: 0.6; cursor: pointer;
}
.streamControls button:hover {
    opacity: 1;
}



.videoHolder {
    position: relative;
    padding-bottom: 55.10%; /* 16:9  56.25 */
    padding-top: 5px;
    height: 0;
}
.videoHolder iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    border: 2px solid #000;
}

.news-feed {
    position: fixed;
    bottom: 0;
    background: #fff;
    height: 0px;
    padding: 10px 30px 10px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #ececec;
    box-shadow: 0 0 40px -10px rgba(37,45,51, .3);
}
.news-feed .imgHolder {
    width: 30px;
}
.news-feed .title {
    width: 120px;
}
.news-feed .title .small {
    font-size: 0.7em;
    display: block;
}
.news-feed .item .text {
    max-height: 50px; width: 100%;
    overflow: hidden;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
}
.news-feed .item .text {
    font-size: 0.85em;
}
.news-feed .item .details {
    margin-right: 20px;
    font-size: 0.7em;
}

.trade-idea-table {
    background-color: #eee;
    color: #292929;
    border: 1px solid #eee;
    border-radius: 5px;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 10px;
}
.trade-idea-table tr.hiddenTableRow {
    display:none;
}
.trade-idea-table tr.green {
    background-color: #a8e4a9;
}
.trade-idea-table td.viewmore {
    border-top: 1px solid #dddddd;
    color: #008cba;
    font-size:11px;
}
.trade-idea-table th {
    padding: 8px 0 8px 0;
    text-align:center;
    font-size:16px;
}
.trade-idea-table th.right {
    text-align: right;
    padding-right:10px;
}
.trade-idea-table tbody td {
    padding: 5px 0 5px 0;
}
.trade-idea-table tbody tr:hover {
    background-color: #d4d4d4
}
.trade-idea-table td {
    text-align:center;
    font-size: 12px;
}
.trade-idea-table td.right {
    text-align: right;
}

.viewAllTradeIdeas {
    padding: 5px;
    background-color: #757575;
    border-bottom: 3px solid #008cba;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
    margin-right: 15px;
}
.viewAllTradeIdeas:hover {
    opacity: 0.8;
}
.trade-ideas {
    margin-right: 15px;
}


.black {
    color: black;
}

.stats .black {
    color: black;
}

.stats .red {
    color: red;
}

.stats .green {
    color: #37b63a;
}

.red {
    color: #e82f11
}
.red-bg {
    background-color: #e82f11;
}
.green {
    color: #37b63a;
}
.green-bg {
    background-color: #37b63a;
}
.orange {
    color: #ffb018;
}
.orange-burnt {
    color: #e68e5b;
}
.yellow {
    color: #fec936;
}
.grey {
    color: #bab9b9;
}
.grey-hover:hover {
    color: #bab9b9;
}

.grey-light {
    color: #c2c2c2;
}
.grey-dark {
    color: #949494;
}
.grey-darker {
    color: #585858;
}


.opacity-med:hover {
    opacity: 0.8;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.opacity-low:hover {
    opacity: 0.6;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}


.green-block {
    background: #60b789;
    color: #fff;
    padding:3px;
    display: inline-block;
    min-width: 100px;
}
.red-block {
    background: red;
    color: #fff;
    padding: 3px;
    display: inline-block;
    min-width: 100px;
}

.add-trade-idea {
    float: right;
}

.likes-wrapper {
    cursor: pointer;
    display: inline-block;
}

.likes-wrapper-right {
    margin-right: 22px;
    float: right;
}

.likes-wrapper .like i {
    color: #bab9b9;
}
.likes-wrapper .liked i {
    color: #4898d6;
}
.ilike {
    color: #4898d6
}
/*
.likes-wrapper .like span {
    margin-left: 30px;
}
*/

.likes-wrapper .dislike {
    display: inline-block;
    vertical-align: top;
    background: url('/img/traderoom/dislike_gray.svg') no-repeat;
    background-size: contain;
    width: 17px;
    height: 17px;
    margin-top: 2px;
}

.likes-wrapper .disliked {
    background: url('/img/traderoom/dislike_blue.svg') no-repeat;
    background-size: contain;
}

.likes-wrapper .dislike span {
    margin-left: 25px;
    position: relative;
    top: -2px;
    color: #828384;
    font-size: 11px;
}

.likes-wrapper .like:hover, .likes-wrapper .dislike:hover {
    opacity: 0.8;
}




.popup {
    display: none;
    width: 500px;
    font-size: 1em;
    background:#fff;
    /*border: 1px solid #D4D4D4;*/
    -webkit-box-shadow: 0 0 20px #000;
    -moz-box-shadow: 0 0 20px #000;
    box-shadow: 0 0 20px #000;
    z-index: 900;
    color: #bab9b9;
    position: absolute;
    top: 20px;
    margin-left: auto;
    margin-right: auto;
    left:0;
    right:0;
}

.popup button {
    margin-top: 10px;
    padding: 9px;
    font-size: 1em;
    border: 0;
    border-radius: 3px;
}

.popup button small {
    color: #757575;
    font-size: 0.65em;
}

.popup p {
    margin: 0;
    text-align: center;
}

.popup .pp-logo {
    background: url('/img/traderoom/paypal-logo.svg') no-repeat;
    width: 75px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    background-size: contain;
    margin-top: 5px;
    margin-left: 10px;
    float: right;
}

.popup .tip-submit {
    display: inline-block;
    vertical-align: top;
    padding: 3px 28px;
    height: 30px;

    margin-left: 10px;
}

.popup textarea {
    font-size: 1em;
    height: 70px;
    resize: none;
    margin: 20px 0 11px 0;
}


/*
* Start Popup Add Trade Idea
*/
.popup-trade-idea .columns {
    display: flex; flex-flow: row wrap;
}
.popup-trade-idea .columns .block {
    margin-bottom: 1em;
    margin-right: 1%;
    width: 48%;
    border: 1px solid #c6c6c6;
    padding: 30px;
    transition: all 0.3s;
    background:#fff;
    box-shadow: 0px 4px 10px #d9d9d9;
}
.popup-trade-idea .columns .block:hover {
    box-shadow: 0px 12px 20px #d9d9d9;
}
.popup-trade-idea img {
    width: 100%;
    height: 300px;
    cursor: pointer;
}
.popup-trade-idea .items {
    display: flex;
    flex-flow: row wrap;
}
.popup-trade-idea .items .item {
    width: 110px;
}
.popup-trade-idea label {
    font-size: 0.8em;
    margin-right: 0px;
    display: block;
}
.popup-trade-idea .upload-idea-image {
    position: absolute;
    font-size: 20px;
    margin-left: 262px;
    margin-top: -189px;
    background: white;
    padding: 10px 30px;
    border: 1px dashed gray;
    cursor: pointer;
    opacity: 0.7;
}
.popup-trade-idea select {
    width: 100px;
    font-size: 1em;
}
.popup-trade-idea input  {
    width: 100px;
    font-size: 1em;
}
.popup-trade-idea textarea {
    font-size: 1em;
    margin: 0px 0 0px 0;
    height: 100px;
}
.popup-trade-idea .submit-idea {
    padding: 7px 0;
    font-size: 16px;
    margin-top: 20px;
    width: 100%;
}
/*
* END Popup Add Trade Idea
*/

.popup-bg {
    position: fixed;
    background: rgba(128, 128, 128, 0.8);
    top: 0;
    left: 0;
    display:none;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 113;
    cursor: pointer;
}


.shareText {
    margin-top: 10px;
}
.shareText .shareInput {
    font-size: 12px;
}





.large-text {
    font-size: 14px;
}
.large-text-xl {
    font-size: 20px;
}

.modNotificationList {
    margin-bottom: 5px;
    display: block;
}
.modNotificationList .modNotiSmall {
    font-size:10px;
    margin-bottom: 1px;
}

.contentSlideContent h2 {
    text-decoration: none;
}
.contentSlideContent .contentHeader {
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
    margin-right: 30px;
}

.contentSlideContent .contentHeader img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.contentSlideContent .contentHeader img:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
.contentSlideContent .contentInfo {
    margin-bottom: 20px;
    margin-left: 0px;
    display: none;

}
.contentSlideContent .contentInfo h1 {
    font-size: 34px;
}

.contentSlideContent .contentInfo p {
    font-size: 13px;
}
.contentSlideContent .contentInfo .image {
    margin-top: 25px;
    margin-bottom: 5px;
    display: block;
}
.contentSlideContent .contentInfo .image-inline {
    display: inline-block;
}
.contentSlideContent .contentInfo .lowOpacity {
    opacity:1;
}
.contentSlideContent .contentInfo .lowOpacity:hover {
    opacity:0.7;
}

.contentSlideContent .contentInfo .blurb {
    display: block;
}

.contentSlideContent .contentInfo .broker {
    width: 100%;
    margin-top: 30px;
}
.contentSlideContent .contentInfo .broker p {
    margin-bottom: 8px;
}

.contentSlideContent .contentInfo .broker table td {
    padding-right: 20px;
}


.clear {
    clear: both;
}

.text-white {
    color: white;
}
.txt-vlg {
    font-size:18px;
}
.txt-vvlg {
    font-size:22px;
    line-height:30px;
}
.txt-vvvlg {
    font-size:28px;
    line-height:32px;
}
.txt-vvvvlg {
    font-size:34px;
    line-height:38px;
}
.txt-lg {
    font-size: 15px;
}
.txt-md {
    font-size: 14px;
}
.txt-smm {
    font-size:12px;
}
.txt-sm {
    font-size: 11px;
}
.txt-smmm {
    font-size:10px;
}
.txt-strong {
    font-weight: bold;
}
.txt-center {
    text-align: center;
}
.txt-right {
    text-align:right;
}
.txt-white {
    color: #fff;
}
.txt-size-10 {
    font-size: 10px;
}
.txt-size-11 {
    font-size: 11px;
}
.txt-size-12 {
    font-size: 12px;
}
.txt-size-13 {
    font-size: 13px;
}
.txt-size-14 {
    font-size: 14px;
}
.txt-size-15 {
    font-size: 15px;
}
.txt-size-16 {
    font-size: 16px;
}
.txt-size-18 {
    font-size: 18px;
}
.txt-size-20 {
    font-size: 20px;
}
.txt-size-24 {
    font-size: 24px;
}
.txt-size-28 {
    font-size: 28px;
}
.txt-size-32 {
    font-size: 32px;
}
.txt-size-34 {
    font-size: 34px;
}
.txt-size-36 {
    font-size: 36px;
}
.txt-size-42 {
    font-size: 42px;
}
.txt-size-46 {
    font-size: 46px;
}
.txt-size-52 {
    font-size: 52px;
}
.txt-size-em-04 {
    font-size: 0.4em;
}
.txt-size-em-05 {
    font-size: 0.5em;
}
.txt-size-em-06 {
    font-size: 0.6em;
}
.txt-size-em-07 {
    font-size: 0.7em;
}
.txt-size-em-08 {
    font-size: 0.8em;
}
.txt-size-em-09 {
    font-size: 0.9em;
}
.txt-size-em-1 {
    font-size: 1em;
}
.txt-size-em-11 {
    font-size: 1.1em;
}
.txt-size-em-12 {
    font-size: 1.2em;
}
.txt-size-em-13 {
    font-size: 1.3em;
}
.txt-size-em-14 {
    font-size: 1.4em;
}
.txt-size-em-15 {
    font-size: 1.5em;
}
.txt-size-em-16 {
    font-size: 1.6em;
}
.txt-size-em-17 {
    font-size: 1.7em;
}
.txt-size-em-18 {
    font-size: 1.8em;
}
.txt-size-em-19 {
    font-size: 1.9em;
}
.txt-size-em-2 {
    font-size: 2em;
}
.txt-size-em-3 {
    font-size: 3em;
}
.txt-size-em-4 {
    font-size: 4em;
}
.txt-size-em-5 {
    font-size: 5em;
}
.txt-line-height-16 {
    line-height: 16px;
}
.txt-line-height-18 {
    line-height: 18px;
}
.txt-line-height-20 {
    line-height: 20px;
}
.txt-line-height-22 {
    line-height: 22px;
}
.txt-line-height-24 {
    line-height: 24px;
}
.txt-line-height-26 {
    line-height: 26px;
}
.txt-line-height-28 {
    line-height: 28px;
}
.txt-weight-300 {
    font-weight: 300
}
.txt-weight-400 {
    font-weight: 400
}
.txt-weight-500 {
    font-weight: 500
}
.txt-weight-600 {
    font-weight: 600
}
.txt-weight-700 {
    font-weight: 700
}
.txt-weight-800 {
    font-weight: 800
}
.txt-style-italic {
    font-style: italic;
}
.txt-strikethrough {
    text-decoration: line-through;
}
.vertical-align-middle {
    vertical-align: middle;
}
.vertical-align-bottom {
    vertical-align: bottom;
}
.vertical-align-top {
    vertical-align: top;
}



.benefits01 {
    background: transparent url('/img/traderoom/benefits/ForexSignalsCom-TradingRoom-benefits-01-normal.jpg') no-repeat;
    width:250px;
    height: 100px;
}
.benefits01:hover {
    background: transparent url('/img/traderoom/benefits/ForexSignalsCom-TradingRoom-benefits-01-hover.jpg') no-repeat;
}
.benefits02 {
    background: transparent url('/img/traderoom/benefits/ForexSignalsCom-TradingRoom-benefits-02-v2-normal.jpg') no-repeat;
    width:250px;
    height: 100px;
}
.benefits02:hover {
    background: transparent url('/img/traderoom/benefits/ForexSignalsCom-TradingRoom-benefits-02-v2-hover.jpg') no-repeat;
}
.benefits03 {
    background: transparent url('/img/traderoom/benefits/ForexSignalsCom-TradingRoom-benefits-03-normal.jpg') no-repeat;
    width:250px;
    height: 100px;
}
.benefits03:hover {
    background: transparent url('/img/traderoom/benefits/ForexSignalsCom-TradingRoom-benefits-03-hover.jpg') no-repeat;
}

.blink {
    animation: blink 2s linear infinite;
}
@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.4;
    }
    100% {
        opacity: 1;
    }
}
.blink-bg {
    animation: blink-bg 2s linear;
    animation-iteration-count: 5;
}
@keyframes blink-bg {
    0% {
        background: #fff;
    }
    50% {
        background: #a2da80;
    }
    100% {
        background: #fff;
    }
}
.schedule {
    width: 100%;
    text-align: left;
    margin-bottom: 0px;
    font-size: 16px;
}

.scheduleBlock {
    margin-top: 40px;
}
.scheduleBlock h2 {
    border-bottom: 2px solid #757575;
}


.stream-schedule {
    background: #e08a3f;
    border-top: 1px solid #161f24;
    border-bottom: 1px solid #161f24;
    height: 60px;
    width: 100%;
    display: table;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.stream-schedule:hover {
 background: #d4741e;
}
.stream-schedule .fa {
    font-size: 12px;
    margin-right: 8px;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.stream-schedule:hover .fa {
    color: #fff;
}
.stream-schedule .hideVideo {
    display: inline-block;  height: 80px; position: absolute; right: 0px; text-align:right;vertical-align:middle;font-size:40px;  padding-left: 10px;
}
.stream-schedule .hideVideo i {
    font-size:60px;margin-top:10px; opacity: 0.7
}
.stream-schedule .hideVideo i:hover {
    opacity: 1;
    cursor:pointer;
}
.stream-schedule .hideVideo .online  {
    float:right;margin-top: 0px;margin-left:4px;margin-right:20px;
}
.stream-schedule .hideVideo .online i {
    font-size:10px;
}
.stream-schedule .nextUp {
    height: 60px; padding-left:15px; width: 100%;display:table-cell;vertical-align:middle;
}
.stream-schedule .nextUp img {
    width: 45px; height: 45px;min-width:45px;min-height:45px;display:inline-block;vertical-align:middle;margin-right:10px; border-radius: 50px;border: 1px solid #175686;
}
.stream-schedule .nextUp .info {
    display: inline-block;
    vertical-align: middle;
    color:#fff;
}
.stream-schedule .nextUp .info span {
    display: block;
    line-height:16px;
}
.stream-schedule .nextUp .info .title {
    font-size:14px;
}
.stream-schedule .nextUp .info .name {
    font-size:13px;
}
.stream-schedule .nextUp .info .time {
    font-size:13px;
}


.streamBlock {
    margin-top: 10px;
    width: 100%;
}

.streamBlock img {
    width: 100px;
    float: left;
    margin-right: 10px;
    border: 2px solid #000;
}

.streamBlock img:hover {
    border: 2px solid #008cba
}

/*
* Start Trade Ideas
*/

.tradeIdea::after {
    content: "";
    clear: both;
    display: block;
}
.tradeIdea [class*="col-"] {
    float: left;
    padding-right: 15px;
    padding-top: 15px;
}
.tradeIdea .col-1 {
    width: 33.33%;
}
.tradeIdea .block {
    background-color: #fff;
    color: #000;
    font-weight: normal;
    text-align: center;
    position: relative;
    border-radius: 3px 3px 3px 3px;
    min-height: 300px;
    box-shadow: 0px 4px 10px #d9d9d9;
}
.tradeIdea .block .profile {
    text-align: left;
    margin-bottom: 0px;
    width: 100%;
    padding:10px;
}
.tradeIdea .block .profile img {
    width: 40px;
    height: 40px;
    margin-right: 8px;
    vertical-align: top;
    border-radius: 50px;
    border: 2px solid #bab9b9;
}
.tradeIdea .block .profile .userinfo {
    display: inline-block;
}
.tradeIdea .block .profile .userinfo .usertitle {
    font-size:11px;color:#bab9b9
}
.tradeIdea .block .profile a {
    font-size: 15px;
    color: #3877bb;
    font-weight: 600;
}
.tradeIdea .block .profile span {
    font-size: 12px;
    float: right;
    line-height: 40px;
    vertical-align: middle;
    color: #565656;
}
.tradeIdea .block .profile .fa {
    font-size: 24px;
    vertical-align: baseline;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.tradeIdea .block .profile .fa:hover {
 color: #3e92d0;
}
.tradeIdea .block .imgHolder {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.tradeIdea .block .imgHolder img {
    width: 100%;
    max-height: 200px;
    height: 200px;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.tradeIdea .block .imgHolder:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.tradeIdea .block .imgHolder .idea-info {
    position:absolute;bottom:0px;right:0;left:0;height:30px;background:#94b9da;width:100%;opacity: 0.9;color:#fff;font-weight:500;
}
.tradeIdea .block .imgHolder .idea-special {
    background:#dabd94;
}
.tradeIdea .block .imgHolder .idea-info .table {
    display:table;height:100%;width:100%;
}
.tradeIdea .block .imgHolder .idea-info .table .cell {
    display:table-cell;width:100%;vertical-align:middle;opacity:1;text-align:left;padding-left:10px;
}
.tradeIdea .block .imgHolder .idea-info .table .cell a {
    color: #000;
    font-weight: 700;
}
.tradeIdea .block .imgHolder .idea-info .table .cell span {
    float:right;
    padding-right:10px;
    font-weight: 700;
}
.tradeIdea .block .timeInfo {
    display: block;
    width: 100%;
    font-size: 11px;
    text-align: right;
    padding-right:10px;
}
.tradeIdea .block .timeInfo span {
    opacity: 0.3;
}
.tradeIdea .block .timeInfo span:hover {
    opacity: 0.6
}
.tradeIdea .block .addIdea .center {
    padding-top: 55px;
}
.tradeIdea .block .addIdea div:hover {
    text-decoration: underline;
}
/*
* Trade ideas version 2
*/
.trade-idea-block-v2 {
    position: relative; top: 0; left: 0; right: 0;background:#fff;font-size:1em;
}
.trade-idea-block-v2 .header {
    position: relative; top: 0; left: 0; right: 0; height: 40px; text-align: left; padding: 10px 10px 10px 10px; font-size:1.1em;color:#fff;
    background: -webkit-linear-gradient(left, #408bce , #3d7bb6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #408bce , #3d7bb6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #408bce , #3d7bb6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #408bce , #3d7bb6); /* Standard syntax */
}


.trade-idea-block-v2 .header-special {
    background: #dabd94;
}
.trade-idea-block-v2 .signalInfo {
    width:100%;border-bottom: 2px solid #eee;padding:10px 30px 10px 30px;
}
.trade-idea-block-v2 .signalInfo .table {
    display:inline-table
}
.trade-idea-block-v2 .signalInfo .table:first-child {
    width: 35%;
}
.trade-idea-block-v2 .signalInfo .table:nth-child(2) {
    width: 65%;
}
.trade-idea-block-v2 .signalInfo .table .table-row {
    display: inline; width: auto;
}
.trade-idea-block-v2 .signalInfo .table .table-cell {
    margin-bottom: 15px;
}
.trade-idea-block-v2 .signalInfo .table:first-child .table-cell:first-child {
    width: 100px;
}
.trade-idea-block-v2 .signalInfo .table .table-cell .imgHolder {
    width: 80px; height: 80px; overflow: hidden; border: 1px solid #eee; border-radius: 40px;box-shadow: 0px 4px 10px #d9d9d9;
}
.trade-idea-block-v2 .signalInfo .table .table-cell .imgHolder img {
    width:80px; height: 80px; min-width: 80px; min-height: 80px; max-width: 80px; max-height: 80px;
}
.trade-idea-block-v2 .signalInfo .table .follow {
    font-size:52px;
}
.trade-idea-block-v2 .signalInfo .table .follow .likes-wrapper {
    display: inline-block;margin-right:15px;
}

.trade-idea-block-v2 .signalInfo .table .table-cell .term {
    font-size: 14px;
    background: gray;
    padding: 5px;
    vertical-align: middle;
    line-height: 8px;
    color: white;
    display: inline-block;
}
.trade-idea-block-v2 .signalInfo .table .table-cell .pair {
    font-size:28px;
    display: inline-block;
}
.trade-idea-block-v2 .signalInfo .table .table-cell .term-short {
    background: #e82f11;
}
.trade-idea-block-v2 .signalInfo .table .table-cell .term-long {
    background: #60b789;
}
.trade-idea-block-v2 .signalInfo .table .table-cell .stats {
    display: inline-block;
    color: #000;
    margin-left: 5px;
    vertical-align: middle;
}

.trade-idea-block-v2.feedback-modal .signalInfo {
    border-bottom: none;
    padding: 0;
}

.trade-idea-block-v2.feedback-modal .header {
    background-color: #2B9FF9;
    background-image: url("/img/trading-candlesticks.svg");
    background-position: left;
    text-align: center;
    padding: 40px 20px 25px;
    margin-top: 0;
    height: auto;
    font-size: 23px;
    line-height: 1.5;
    color: #fff;
}

.greetingTP .js_closeFeedback,
.greetingSM .js_closeFeedback {
    color:white;
    padding: 14px;
    border-radius: 4px;
    font-size: 16px;
    background: #2B9FF9;
    display: inline-block;
    text-decoration: none;
    margin-top: 16px;
}

.greetingTP .js_closeFeedback:hover,
.greetingSM .js_closeFeedback:hover {
    background: #54b4ff;
}

.greetingTP span.message,
.greetingSM span.message {
    font-size: 16px;
    line-height: 24px;
    display: block;
}

@media (min-width: 320px) and (max-width: 400px) {
    .trade-idea-block-v2.feedback-modal .rating {
        transform: scale(.6);
    }
}

@media (min-width: 401px) and (max-width: 600px) {
    .trade-idea-block-v2.feedback-modal .rating {
        transform: scale(.75);
    }
}

.trade-idea-block-v2.feedback-modal h3 {
    margin-top: 25px;
    margin-bottom: 10px;
    color: #646464;
    font-weight: 400;
}

.trade-idea-block-v2.feedback-modal .header span {
    display: block;
}

.trade-idea-block-v2.feedback-modal .header img {
    margin-top: 30px;
}

.trade-idea-block-v2.feedback-modal .fa.fa-times {
    font-size: 14px;
    color: white;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 10px;
    margin-right: 10px;
}

.trade-idea-block-v2.feedback-modal .rating {
    height: auto;
    padding: 15px 0;
}



.trade-idea-block-v2 .signalCommentary .details {
    width:70%;padding: 10px 20px 10px 30px;color:#000;
}
.trade-idea-block-v2 .signalCommentary .comments {
    width: 30%;border-left: 2px solid #eee;padding: 10px; height:100%;
}
.trade-idea-block-v2 .signalCommentary .description {
    margin-bottom: 25px;
}
.trade-idea-block-v2 .signalCommentary .description h1 {
    font-size:24px;
}
.trade-idea-block-v2 .signalCommentary .chart {
    max-width:100%;
}
.trade-idea-block-v2 .signalCommentary .comments .canvas {
    overflow:hidden;
}
.trade-idea-block-v2 .signalCommentary .comments .canvas .container {
    height:100%;position:relative;
}
.trade-idea-block-v2 .signalCommentary .comments .canvas .container .feed-comments {
    position:absolute;top:0;left:0;right:0;bottom: 65px;overflow-y:scroll;
}
.trade-idea-block-v2 .signalCommentary .comments .canvas .container .feed-comments .item {
    padding:10px;
}
.trade-idea-block-v2 .signalCommentary .comments .canvas .container .feed-comments .item .table .table-cell:first-child {
    width:40px;
}
.trade-idea-block-v2 .signalCommentary .comments .canvas .container .feed-comments .item .table .table-cell .imgHolder {
    width:30px;height:30px;border-radius:20px;border: 1px solid #e3e3e3;overflow:hidden;
}
.trade-idea-block-v2 .signalCommentary .comments .canvas .container .feed-comments .item .table .table-cell .imgHolder img {
    width: 30px;
}
.trade-idea-block-v2 .signalCommentary .comments .canvas .container .feed-comments .item .feed-message {
    background: #f8f8f8;
    border-radius: 15px;
    padding: 8px 15px 8px 15px;
}
.trade-idea-block-v2 .signalCommentary .comments .canvas .container .comment {
    position:absolute;bottom: 0px; left:0;right:0; height: 60px;
}
.trade-idea-block-v2 .signalCommentary .comments .canvas .container .comment input {
    border-radius: 5px; background:#fff;color:#000;
}

/*
* END Previous Streams
*/

.row::after {
    content: "";
    clear: both;
    display: block;
}
[class*="col-"] {
    float: left;
    padding-right: 15px;
    padding-top: 15px;
}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-6-shrink {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

.bg-block .bgcontent::after {
    content: "";
    clear: both;
    display: block;
}
.bg-block {
    background:#fff;border-radius: 0px;width:100%;color:#424242;/*box-shadow: 0px 4px 10px #d9d9d9;*/
}
.bg-block-slide {
    position:absolute;width:auto;top:10px;bottom:10px;left:15px;right:15px;
}
.bg-block .bgcontent {
    padding: 20px;
}
.bg-block .bgcontent .bg-imgHolder {
    width:80px;height:80px;border-radius:50%;overflow:hidden; box-shadow: 0px 4px 10px #d9d9d9;
}
.bg-block .bgcontent .bg-imgHolder img {
    width: 80px;height:80px;min-width:80px;min-height:80px;max-width:80px;max-height:80px;
}
.bg-block .bgcontent-scroll {
    position:absolute;top:45px;bottom:0px;left:0;right:0;overflow-y:hidden;padding-bottom:0px;
}
.bg-block .bgcontent-scroll .container {
    position:relative;top:0;bottom:0;left:0;right:0;overflow:hidden;
}
.bg-block .bgcontent-scroll .container .scrollDiv {
    position:absolute;bottom:0;top:0;overflow-y:scroll;left:0;right:0;
}
.bg-block .header {
    background:#3273b7;height:40px; /*border-radius: 5px 5px 0px 0px;*/padding:10px;color:#fff;font-weight:800;font-size:15px;
}
.bg-block .headerGradient {
    background: -webkit-linear-gradient(left, #408bce , #3d7bb6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #408bce , #3d7bb6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #408bce , #3d7bb6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #408bce , #3d7bb6); /* Standard syntax */
}
.bg-block .headerGradient-special {
    background: -webkit-linear-gradient(left, #c19960 , #dabd94); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #c19960, #dabd94); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #c19960, #dabd94); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #c19960 , #dabd94); /* Standard syntax */
}
.bg-block .image {
    vertical-align:middle;margin-right:15px;float:right;margin-left:10px;
}
.bg-block .info {
    display:block;vertical-align:middle;margin-left:15px;
}
.bg-block .info .title {
    font-size:20px;margin-bottom:12px;
}
.bg-block .info .title span {
    color: #3e92d0; font-weight: 900;
}
.bg-block .info .txt {
    line-height: 24px;
}
.bg-block-dropInfo {
    width:100%;
}
.bg-block-dropInfo .backdrop {
    background:#b7b7b7;border-radius: 0px 0px 5px 5px;padding:15px;color:#fff;margin-left:30px;margin-right:30px;
}
.bg-block-dropInfo .backdrop .imgHolder {
    width: 40px; height: 40px; overflow: hidden; border-radius: 20px; display: inline-block; margin-right: 10px;
}
.bg-block-dropInfo .gradient {
    background: -webkit-linear-gradient(left, #5e86af , #7aa5d0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #5e86af, #7aa5d0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #5e86af, #7aa5d0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #5e86af , #7aa5d0); /* Standard syntax */
}

.bg-block-top {
    background-color: #292929;
    color: #bab9b9;
    padding: 15px;
    border-top: 3px solid #008cba;
    font-weight: normal;
}
.bg-block-light-black-border {
    background-color: #757575;
    color: white;
    padding: 10px 5px 10px 25px;
    /*border-bottom: 3px solid #000;*/
    font-weight: normal;
    vertical-align: middle;
}
.bg-block-light-black-border img {
    vertical-align: middle;
    margin-right: 10px;
}

.bg-block-old {
    background-color: #292929;
    color: #f1f4f5;
    padding: 15px;
    border-left: 3px solid #008cba;
    font-weight: normal;
}

.bg-block-noborder {
    background-color: #757575;
}
.bg-block-light {
    background-color: #757575;
}
.bg-block-verylight {
    background-color: #d7d7d7;
}
.border-radius {
    border-radius: 3px 3px 3px 3px;
}
.bg-block-tradeIdea {
    background-color: #757575;
    color: #bab9b9;
    padding: 15px;
    border-top: 3px solid #008cba;
    font-weight: normal;
    text-align: center;
    min-height: 260px;
    position: relative;
}
.bg-block-tradeIdea img {
    width: 60%;
    max-height: 80px;
}
.bg-block-tradeIdea .imgHolder {
    min-height: 85px;
}
.bg-block-tradeIdea h2 {
    margin-top: 0px;
    font-size: 14px;
    margin-bottom: 2px;
}
.bg-block-tradeIdea h2 span {
    text-transform: lowercase;
}
.bg-block-tradeIdea .tradeIdea-control {
    width: 100%;
    position: absolute;
    text-align: center;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 8px;
    color: #a09e9e;
}
.bg-block-tradeIdea .tradeIdea-control .indv::after {
    clear: both;
    display: block;
}

.bg-block-tradeIdea .tradeIdea-control .fa:hover {
    opacity: 0.8;
}
.bg-block-tradeIdea .addIdeaBlock {
    opacity: 0.8;
    margin-top: 50px;
}
.bg-block-tradeIdea .addIdeaBlock:hover {
    opacity: 1;
    text-decoration: underline;
}
.bg-block-tradeIdea .addIdea {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
}
.bg-block-tradeIdea-light {
    background:#e6e6e6;color:#000;border-top: none; border-radius: 3px 3px 3px 3px;
}
.align-right {
    text-align: right;
}
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
.valign-middle {
    vertical-align: middle;
}
.float-right {
    float: right;
}

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

.managedAccountBlock::after {
    clear:both;
    display: block;
    content: "";
}
.managedAccountBlock img {
    float: left;

    margin-right: 20px;
    max-width: 100%;

}

/* User Profile v2 */
.userPage {
    font-size: 16px;
}
.userPage .controls .fa {
    font-size: 3em;
}
.userPage .avatar {
    width: 160px;
}
.userPage .avatar .imgHolder {
    width:140px;height:140px;border-radius:50%;border: 1px solid #e3e3e3;overflow:hidden;
}
.userPage .avatar .imgHolder img {
    width: 140px;
    height: 140px;
}
.userPage .userHeader .username {
    font-size:1.65em;
}
.userPage .userHeader .status {
    font-size: 1em;
    line-height:1.25em;
}
.userPage .avatar img {
    max-width: 140px;margin-left: auto;margin-right: auto;display:block;
}
.userPage .nav {
    border-bottom: 2px solid #eee;font-size:1em;margin-top:30px;display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.userPage .nav .item {
    display:inline-block;text-transform: uppercase;padding: 0px 10px 0px 10px;margin-right:10px;flex: 0 0 auto;
}
.userPage .nav .active {
    border-bottom:4px solid #62afda;
}
.userPage .splitInfo {
    display: table-cell;
    width:50%;
    vertical-align: top;
}
.userPage .splitInfo:first-child {
    border-right: 2px solid #eee;
}
.userPage .splitInfo .feed .item {
    border-bottom:1px solid #eee;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.userPage .splitInfo .feed .item:hover {
    background:#eee;
}
.userPage .splitInfo .feed .item .imgDiv {
    width:60px;
}
.userPage .splitInfo .feed .item .imgDiv .fa {
    font-size: 2.5em;
}
.userPage .splitInfo .feed .item .imgHolder {
    width:2.5em;height:2.5em;border-radius:20px;overflow:hidden;
}
.userPage .splitInfo .feed .item .imgHolder .img {
    width:2.5em;
}
.userPage .cols [class*="col-"] {
    float: left;
    padding-right: 15px;
    padding-top: 15px;
}
.userPage .cols .col-1 {
    width: 33.3%;
}
.userPage .cols::after {
    content: "";
    clear: both;
    display: block;
}

/* Notification block */
.block-notification {
    max-height:300px;overflow:hidden;
}
.block-notification .title {
    border-bottom: 1px solid #e6e6e6;padding:7px;
}
.block-notification .scroll {
    overflow-y:scroll;height:200px;
}
.block-notification .viewall {
    width:100%;padding:7px;text-align:center;border-top:1px solid #e6e6e6;
}
.notification .table {
    padding:10px;border-bottom:1px solid #eee;width:100%;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.notification .table:hover {
    background:#eee;
}
.notification .table .holder {
    width:40px;display:table-cell;vertical-align:middle;text-align:left;
}
.notification .table .holder .avatar {
    vertical-align:middle;width:30px;height:30px;max-width:30px;max-height:30px;border-radius:15px;border:2px solid #e3e3e3;overflow:hidden;
}
.notification .table .holder .avatar img {
    max-width:30px;max-height:30px;width:30px;height:30px;
}

/* news block */
.news .table {
    padding:10px;border-bottom:1px solid #eee;width:100%;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.news .table:hover {
    background:#eee;
}
.news .table .holder {
    width:70px;display:table-cell;vertical-align:middle;text-align:left;
}
.news .table .holder .avatar {
    vertical-align:middle;width:50px;height:50px;max-width:50px;max-height:50px;border-radius:25px;overflow:hidden;box-shadow: 1px 1px 10px #757575;
}
.news .table .holder .avatar img {
    max-width:50px;max-height:50px
}

.checkbox-inline {
    margin-right: 4px;
    display: inline-block;
}
.checkbox-inline input[type="checkbox"] {
    display: inline-block;
}

/* mymessages v2 */
.myMessages-v2 .chat-row:hover {

}
.myMessages-v2 .chat-row .user {
    color:#000;
}
.myMessages-v2 .chat-row .message {
    color:#000;
}
.myMessages-v2 .chat-row .user .message:first-child {
    margin-left: 0px;
}
.myMessages-v2 .convoDetail .convoDetailData .table-reverse .message {
    background:#cbf7cc;
    margin-right: 0px;
}
.myMessages-v2 .convoList {
    position:absolute;bottom:0;top:0;left:0;width:300px;overflow:hidden;border-right: 1px solid #eee;
}
.myMessages-v2 .convoList h1 {
    font-size: 1.5em;
}
.myMessages-v2 .convoList .scroll {
    position:absolute;top:50px;bottom:0;left:0;right:0;overflow-y:scroll;padding-right: 10px;
}
.myMessages-v2 .convoList .scroll .search {
    border-radius: 5px;
    outline: 0px;
    background: #fff;
}
.myMessages-v2 .convoList .scroll .search:hover {
    outline: 0px;
}
.myMessages-v2 .convoList .convoListDetails {
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    padding: 10px 0px 10px 0px;
}
.myMessages-v2 .convoList .convoListDetails:hover {
    background:#eee;
}
.myMessages-v2 .convoList .convoListDetails .table-cell:first-child {
    width: 50px;
}
.myMessages-v2 .convoList .convoListDetails .imgHolder {
    width:40px;height:40px;border-radius:20px;overflow:hidden;border: 1px solid #e3e3e3;display:inline-block;
}
.myMessages-v2 .convoList .convoListDetails .imgHolder .avatar {
    width:40px;margin:auto;
}

.myMessages-v2 .convoDetail {
    position:absolute;bottom:0;top:0;left:310px;right:0;overflow-y:hidden;overflow-x:hidden;
}
.myMessages-v2 .convoDetail h1 {
    font-size: 1.5em;
}
.myMessages-v2 .convoDetail .convoInput {
    position: absolute;
    bottom: 0px;
    width: 100%;
}
.myMessages-v2 .convoDetail .convoInput .pm-chat-text {
    border-radius: 5px;
    border:1px solid #d0d0d0;background:#fff;border-radius: 20px;
    outline: 0px;
    background: #fff;
}
.myMessages-v2 .convoDetail .convoInput .pm-chat-text:hover {
    outline: 0px;
}
.myMessages-v2 .convoDetail .convoDetailData {
    position: absolute;
    width: 100%;
    bottom: 70px;
    top: 50px;
    overflow-y: scroll;

}
.myMessages-v2 .convoDetail .convoDetailData .chat-row {

}
.myMessages-v2 .convoDetail .convoDetailData .message {
    max-width:90%;
}

.progress-bar {
    display:inline-block;width:80%;background:#bab9b9;height:5px;
}
.progress-bar div {
    background:#4ac22d;height:100%;
}

/* Affiliate PAge */
.myAffiliate {
    width: 100%;
    font-size:16px;
}
.myAffiliate .block {
    background: linear-gradient(to right, #408bce , #639ace);
    box-shadow: 0px 4px 10px #d9d9d9;
    padding: 30px;
    color: #fff;
    font-size: 1.2em;
}
.myAffiliate .block .link input {
    background: #1766ab;
    padding: 1em 1.2em 1em 1.2em;
    color:#fff;
    border-radius: 0px;
    margin-top: 10px;
    border: none;
    width: 100%;
    font-size: 1.3em;
}
.myAffiliate .cols [class*="col-"] {
    float: left;
    padding-right: 7px;
    padding-left: 7px;
    padding-top: 15px;
}
.myAffiliate .cols .col-1 {
    width: 25%;
}
.myAffiliate .cols::after {
    content: "";
    clear: both;
    display: block;
}
.myAffiliate .fieldset {
    border: 1px solid #eee; border-radius:5px;
}
.myAffiliate .stats {
    font-size:22px;
}
.myAffiliate .statsMargin {
    margin-left: 7px;
    margin-right: 7px;
}
.myAffiliate .stats .affBlock {
    background: none;
    border: 1px solid #c6c6c6;
    transition: all 0.3s;
    background:#fff;
    box-shadow: 0px 4px 10px #d9d9d9;
    text-align: center;
}

.myAffiliate .stats .affBlock span {
    display: block;
    font-weight: 500;
    margin-top:10px;
}
.myAffiliate li {
    line-height:150%;
}
.myAffiliate .earnings .row {
    max-width: 500px;
    border-bottom: 1px solid #d4d4d4;
    border-top: 1px solid #d4d4d4;
    padding: 10px;
}
.myAffiliate .earnings .row:nth-child(odd) {
    background:#f2f2f2;
}

/* Welcome Pop Content */
.welcome-content {
    position:absolute; top:0px; left:0px; bottom:0px; right:0px;overflow-x:hidden;overflow-y:hidden;color:#000;
}
.welcome-content p {
    display: block;
    text-align: left;
    margin-bottom: 16px;
}
.welcome-content .pad-content {
    padding: 20px; font-size: 18px; line-height: 22px;
}
.welcome-content .img {
    display:inline-block;max-width:800px;vertical-align: middle;width:100%;
}
.welcome-content .topNav {
    position: absolute; top: 0px;left:0px;right:0px;height: 100px;background:#797979;
}
.welcome-content .topNav .step {
    display: inline-block;
    width: 14%;
    text-align:center;
    margin: auto;
    padding: auto;
    font-size:14px;
    height: 100%;
    vertical-align: top
}
.welcome-content .topNav .stepArrow {
    display: inline-block;
    width: 2%;
    text-align:center;
    vertical-align: top;
    height: 100%;
    color: #b1b1b1;
}
.welcome-content .topNav .stepArrow i {
    margin-top:35px;
}
.welcome-content .topNav .step img {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    margin-top: 10px;
    opacity: 0.3;
}
.welcome-content .topNav .step p {
    font-size:13px;
    font-weight: normal;
    color: #fff;;
    display: block;
    margin-top: 8px;
    text-align: center;
}
.welcome-content h1 {
    color: #fff;
    border-bottom: 3px solid #f7941f;
    display:table-cell;line-height:40px;
}

.welcome-content .bottomNav {
    position: absolute; bottom: 0px;left:0px;right:0px;height: 45px;background:#d7d7d7;border-top: 3px solid #cacaca;
}
.welcome-content .bottomNav button {
    background:#d7d7d7;width:auto;color:#525250; outline: 0;margin-top:2px;
}
.welcome-content .bottomNav button:hover {
    opacity: 0.8;
}
.welcome-content .welcome-scroll {
    position: absolute;bottom: 45px;top:100px;left:0px; right:0px;overflow-y:scroll;overflow-x:hidden;
    background: url('/img/traderoom/welcomeWizard/tabs/BG2.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
}
.welcome-content .welcome-scroll .tile2 {
    background: url('/img/traderoom/welcomeWizard/tabs/Wizard-Background-03.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    height:100%;
}
.welcome-content .welcome-scroll .tile3 {
    background: url('/img/traderoom/welcomeWizard/tabs/Wizard-Background-02.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    height:100%;
}
.welcome-content .traders img {
    margin-right: 30px;
    border-radius: 50px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.welcome-content .traders .tradersUpcoming img {
    width: 80px;
}
.welcome-content .traders .tradersUpcoming {
    width: 90px;
}
.welcome-content div.traders i.fa-play-circle {
    color:#0dc50d;
}
.welcome-content .imgHolder {
    width: 55%;
}
.welcome-content .liveStreamsImgHolder {
    padding-left: 30px;
}
.welcome-content .liveStreamsImgHolder img {
    width: 100%;
}
.welcome-content .info {
    vertical-align:middle;padding-left:40px;
}
.welcome-content .info .payBtns img:hover {
    opacity: 0.8
}
.welcome-content .checkPointMargin {
    margin-top: 15px;
}
.welcome-content .videoHolder {
    border: none;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 55.10%;
}

/* Welcome wizard v2 */
.welcome-wizard {
    position:absolute; top:0px; left:0px; bottom:0px; right:0px;overflow-x:hidden;overflow-y:hidden;color:#fff;background:#e9e9e9;
}
.welcome-wizard .topNav {
    position: absolute; top: 0px;left:0px;right:0px;height: 300px;background:#207eb2; padding-top: 40px;
}
.welcome-wizard .topNav .welcome {
    font-size: 28px;
    line-height: 36px;
}
.welcome-wizard .topNav .welcome .username {
    font-size: 40px;
    line-height: 46px;
}
.welcome-wizard .topNav .why {
    font-size:20px;
    font-weight: 600;
    font-style: italic;
    margin-bottom: 15px;
    text-align: center;
}
.welcome-wizard .topNav .icons {
    text-align:right;margin-right:20px;
}
.welcome-wizard .topNav .icons .number {
    margin-right: 6px;
    font-size:19px;
    vertical-align: middle;
}
.welcome-wizard .topNav .icons .fa {
    font-size: 4em;
    margin-right: 15px;
}
.welcome-wizard .topNav .icons .fa:last-child {
    margin-right: 0px;
}
.welcome-wizard .topNav .icons .selected {
    color: #e18a17;
    font-size: 5.5em;
}
.welcome-wizard .topNav .trial {
    font-size:52px;text-align:right;margin-right:20px;
}
.welcome-wizard .topNav .trial .fa {
    color: #e18a17;
    font-size: 70px;
}
.welcome-wizard .topNav .trial .table-cell:last-child {
    width: 90px;
}
.welcome-wizard .align {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
}
.welcome-wizard .container {
    position: absolute; top: 150px; left: 0px; right: 0px; bottom: 100px; background:#fff;border-radius: 8px; overflow-y: hidden;overflow-x: hidden;width:80%;max-width:1200px;margin-left:auto;margin-right:auto;box-shadow: 0px 4px 10px #a4a4a4;font-size:18px;
}
.welcome-wizard .container .scroll {
    position:absolute;top:0px;bottom:0px;left:0px;right:0px;overflow-y:hidden;color:#000;overflow-y:scroll;padding:20px;padding-left:40px;padding-right:40px;font-size: 52px;line-height: 120%;
}
.welcome-wizard .container .scroll h1 {
    font-size: 32px;
    line-height: 120%;
}
.welcome-wizard  .txt-large {
    font-size: 76%;
    line-height: 120%;
}
.welcome-wizard  .txt-medium {
    font-size: 60%;
    line-height: 120%;
}
.welcome-wizard  .txt-small {
    font-size: 45%;
    line-height: 120%;
}
.welcome-wizard  .txt-smaller {
    font-size: 35%;
    line-height: 120%;
}
.welcome-wizard .container .scroll .bullets {
    margin-left:140px;
}
.welcome-wizard .container .scroll .bullets .table .table-cell:first-child {
    width:80px;
}
.welcome-wizard .container .scroll .tradeSignals .tradeSignalExample {
    width: 55%;
    max-width: 450px;
    padding-right: 20px;
}
.welcome-wizard .container .scroll .tradeSignals .tradeSignalExample img {
    width: 100%;
}
.welcome-wizard .container .scroll .summary-table-info .summary-video {
    width: 53%;
}
.welcome-wizard .container .scroll .summary-table-info .summary-txt {
    padding-left:25px;
}
.welcome-wizard .container .scroll .comp_accounts  {
    padding: 10px; width:95%;margin-left:auto;margin-right:auto;border: 1px solid #6f6f6f;border-radius: 5px; background: -webkit-linear-gradient(left, #9dc9e4 , #c1dced); /* For Safari 5.1 to 6.0 */background: -o-linear-gradient(right, #9dc9e4, #c1dced); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(right, #9dc9e4, #c1dced); /* For Firefox 3.6 to 15 */background: linear-gradient(to right, #9dc9e4 , #c1dced); /* Standard syntax */
}
.welcome-wizard .container .scroll .comp_accounts table img {
    max-width: 30px;
    width: 30px;
    max-height: 30px;
    height: 30px;
    border-radius: 15px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
}
.welcome-wizard .container .scroll .comp_accounts td, .welcome-wizard .container .scroll .comp_accounts th {
    border-bottom: 1px solid #949494;
}
.welcome-wizard .container .scroll .summary-table {
    width:95%;margin-left:auto;margin-right:auto;
}
.welcome-wizard .container .scroll .summary-table .table-cell {
    width: 80px;
}
.welcome-wizard .container .scroll .testimonials .table-cell {
    margin-top: 10px;
}
.welcome-wizard .container .scroll .testimonials .table-cell img {
    border-radius: 50px;vertical-align: middle;box-shadow: 0px 4px 10px #a4a4a4;width:100px;height:100px;margin-right:10px;float:left;
}
.welcome-wizard .container .scroll .testimonials .table-cell::after {
    clear: both;
    display: block;
    content: "";
}
.welcome-wizard .container .scroll .review img {
    width:120px;
    vertical-align:middle;
    display: inline-block;
}
.welcome-wizard .container .scroll .review .fa {
    font-size: 22px; color: #f3d817;
}
.welcome-wizard .container .scroll .review .fa:last-child {
    padding-right: 10px;
}
.welcome-wizard .container .scroll .review span {
    border-left: 1px solid #000;
    padding-left: 10px;
}

.welcome-wizard .bottomNav {
    position: absolute; bottom: 0px;left:0px;right:0px;height: 90px;color:#000;text-align:right;vertical-align:middle;
}
.welcome-wizard .bottomNav .position {
    width:80%;max-width:1200px;margin-left:auto;margin-right:auto;color:#656364;
}
.welcome-wizard .bottomNav .btn {
    font-size: 30px;
    padding: 12px;
    margin:0;
    background:#ffc439;
}
.welcome-wizard .bottomNav .btn .fa {
    color: #fff;
}
.welcome-wizard .quote .imgHolder {
    width: 120px;
}
.welcome-wizard .quote .img {
    vertical-align: middle;box-shadow: 0px 4px 10px #a4a4a4;border-radius:50px;
}
.welcome-wizard .quote .greyscale {
    filter: grayscale(100%);
}
.welcome-wizard .quote .txt span {
    display: block;
}
.welcome-wizard .quote .txt .name {
    line-height: 140%;
}
.welcome-wizard .quote .txt .info {
    line-height: 120%;
}
.welcome-wizard .quoteIndent {
    margin-left: -70px;
}
.welcome-wizard .quoteIndent .img {
    max-width: 65px;
    margin-top: -5px;
}
.welcome-wizard .quoteIndent .imgHolder {
    width: 75px;
}
.welcome-wizard .quoteList .imgHolder {
    width: 110px;
}
.welcome-wizard .quoteList .imgHolder img {
    max-width: 80px;
    max-height: 80px;
    width: 80px;
    height: 80px;
}
.welcome-wizard .quoteList .marketLiveInfo {
    border-left:1px solid black;padding-left:40px;
    width: 250px;
}
.welcome-wizard .videoHolder {
    border: none;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 55.10%;
}

/* Splash Wizard */
.splash-wizard {
    position:absolute;top:0;bottom:0;left:0;right:0;overflow-y: hidden;overflow-x: hidden;
}
.splash-wizard .scroll {
    position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow-y:scroll;
}
.splash-wizard .top {
    position:absolute;top:0;left:0;right:0;height:400px;background: -webkit-linear-gradient(left, #3e92d0 , #94c8e7); /* For Safari 5.1 to 6.0 */    background: -o-linear-gradient(right, #3e92d0, #94c8e7); /* For Opera 11.1 to 12.0 */    background: -moz-linear-gradient(right, #3e92d0, #94c8e7); /* For Firefox 3.6 to 15 */    background: linear-gradient(to right, #3e92d0 , #94c8e7); /* Standard syntax */
}
.splash-wizard .container {
    max-width:1000px;padding-top:20px;padding-bottom:20px;margin:auto;color:#fff;font-size:30px; padding: 30px;
}
.splash-wizard .container .large {
    font-size:1.6em;margin-top:10px; line-height:110%;
}
.splash-wizard .bottom {
    position:absolute;top:0px;left:0;right:0;bottom:0;
}
.splash-wizard .bottom .item {
    width:100%;border-bottom: 1px solid black;text-align:center;padding:15px;color:#525250; line-height: 110%;
}
.splash-wizard .bottom .box1 {
    border: 1px solid black;background:#eee;display:inline-block;width:45%;vertical-align: middle;font-size:0.6em;
}
.splash-wizard .bottom .box1 .offer {
    background: #acacac; color: #fff; font-size: 1.3em; line-height: 100%;
}
.splash-wizard .bottom .box1 button {
    font-size: 1em; background: #ecab49;
}


.splash-wizard .bottom .box2 {
    border:1px solid black;width:55%;display:inline-block;margin-left:-10px;background:#fff;box-shadow: 0px 0px 15px 1px #696969;vertical-align: middle;font-size:0.8em;
}
.splash-wizard .bottom .box2 .offerTop {
    float:right;margin-top:-30px;margin-right:-30px;background:#fff;width:90px;height:90px;border-radius:50%;border: 3px solid #95d57f;color:#525250;text-align:center;padding-top:16px;line-height:110%
}
.splash-wizard .bottom .box2 .offer {
    background: -webkit-linear-gradient(left, #95d57f , #c4ecbb); /* For Safari 5.1 to 6.0 */    background: -o-linear-gradient(left, #95d57f, #c4ecbb); /* For Opera 11.1 to 12.0 */    background: -moz-linear-gradient(left, #95d57f, #c4ecbb); /* For Firefox 3.6 to 15 */     background: linear-gradient(to right, #95d57f , #c4ecbb); /* Standard syntax */
    padding: 5px; font-size: 1.5em; color: #fff;  line-height: 100%;
}
.splash-wizard .bottom .box2 .offer .strike {
    margin-bottom: 8px;
    text-decoration: line-through;
    font-size: 0.8em;
}
.splash-wizard .bottom .box2 button {
    font-size: 1.4em;
}
.splash-wizard .bottom .item:last-child {
    border-bottom: none;
}
.splash-wizard .promo {
    font-size:13px
}
.splash-wizard .promo input {
    border: none; border-bottom: 1px solid #eee; background:#fff;outline:0;text-align:center;font-style:italic;padding:5px; display: inline-block; margin-left: 5px;
}
.splash-wizard .bottom .disclaimer {
    font-size:0.8em; color:#525250;width: 100%; text-align:center;margin-top: 25px;
}

/* Podcasts */
.podcast .header {
    width:100%;background:#3e92d0;height:50px;display:table;margin-bottom:10px;vertical-align: middle;color:#fff;padding:0px 10px 0px 30px;font-size:22px;font-weight:600;border-radius:0px;
}
.podcast .headerGrey {
    background: #949494;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.podcast .headerGrey:hover {
    opacity: 0.6;
}
.podcast .headerShadow {
    box-shadow: 0 3px 5px rgba(80, 80, 80, 0.3);
}
.podcast .header:hover .fa {
    opacity: 0.6;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.podcast .container {
    padding: 10px;
}
.podcast .container .podcastItem {
    width:100%;padding-left:30px;
}
.podcast .container .podcastItem .tbl {
    background:#46535a;width:100%;border-radius:5px;min-height:175px;padding:10px;color:#fff;margin-bottom:10px;display:table;
}
.podcast .container .podcastItem .tbl .podcastInfo {
    height:100%;vertical-align:middle;font-size:22px;padding:10px; width: 300px;border-right:1px solid #eee;
}
.podcast .container .podcastItem .tbl .podcastInfo .banner {
    background:#3e92d0;width:300px;position:relative; left: 0;margin-left:-45px;border-radius: 3px;padding:12px;background: -webkit-linear-gradient(left, #3e92d0 , #5caddc); /* For Safari 5.1 to 6.0 */    background: -o-linear-gradient(right, #3e92d0, #5caddc); /* For Opera 11.1 to 12.0 */    background: -moz-linear-gradient(right, #3e92d0, #5caddc); /* For Firefox 3.6 to 15 */    background: linear-gradient(to right, #3e92d0 , #5caddc); /* Standard syntax */
}
.podcast .container .podcastItem .tbl .podcastInfo .banner .table .table-cell:first-child {
    width:35px;
}
.podcast .container .podcastItem .tbl .podcastInfo .banner .table .table-cell:nth-child(2) {
    width:50px;
}
.podcast .container .podcastItem .tbl .podcastInfo .banner .imgHolder {
    width:40px;height:40px;overflow:hidden;border-radius:20px;box-shadow: 1px 1px 10px #757575;display:inline-block;vertical-align:middle;margin-right:10px;background:#fff;
}
.podcast .container .podcastItem .tbl .podcastInfo .banner .imgHolder img {
    width:40px;
}
.podcast .container .podcastItem .tbl .prelude  {
    padding-left: 20px;
}
.podcast .container .podcastItem .tbl .prelude .statInfo {
    display: inline-block;
}
.podcast .container .podcastItem .tbl .prelude .statInfo:last-child {
    margin-left: 30px;
}
.podcast .container .podcastItem .tbl .playBtn {
    font-size:100px;margin-right:20px;
}
.podcast .container .podcastItem .tbl .durationBlock {
    width: 220px;
}
.podcast .container .podcastItem .tbl .durationBlock .duration {
    font-size:22px;
}



.soundcloud {
    position:fixed;background:#264460;z-index:112;bottom:0;left:0;right:0;height:0px;color:#fff;text-align:center;padding: 0px 15px 0px 15px;
}
.soundcloud .table {
    height:100%;
}
.soundcloud .table .table-cell:last-child {
    width: 40px;
}

/* Home tab */

/* New home news feed */
.home .notification {

}
.home .notification .container {
    background:#ababab;width:100%;height:30px;color:#fff;border-radius: 0px 0px 0px 0px;padding:4px;font-weight:600;
}
.home .notification .container-orange {
    background: #e08a3f;
}

.home .bg-block {
    border: 1px solid #919191;
}
.home .sortContainer {
    font-size:18px; /*border-bottom: 1px solid #7d7d7d;*/padding-bottom: 15px;
}
.home .sortContainer .title {
    display:inline-block;
}
.home .sort {
    min-width:65px;height:25px;border-radius:5px;color:#fff;font-size:0.65em;text-transform: capitalize;display:inline-block;text-align:center;padding:2px;margin:auto;/*box-shadow: 0px 4px 20px #d9d9d9;*/
}
.home .sort .fa {
    font-size:1.1em;
}
.home .item .data:hover {
    background: #e7e7e7;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border-radius: 0px 5px 5px 0px;
}
.home .item .icon {
    width:80px;text-align:center;vertical-align:middle;color:#fff;padding: 5px;font-size:12px;border-radius: 0px 0px 0px 0px;
}
.home .item .iconBlue {
    background: #408bce;
    color: #fff;
    border: 1px solid #d5d5d5;
    padding: 2px 8px 0px 8px;
}
.home .item .iconGreen {
    background: #4ac22d;
}
.home .item .iconRed {
    background: #e43c3c;
}
.home .item .iconOrange {
    background: #e08a3f;
}
.home .item .iconPaleGreen {
    background: #55bc9e;
}
.home .item .iconPurple {
    background: #9f9ac2;
}
.home .item .iconGold {
    background: #dabd94;
}
.home .item .iconGrey {
    background: #ebebeb;
    color: #6c6c6c;
    border: 1px solid #d5d5d5;
}
.home .item .icon .fa {
    font-size:35px;display:block;margin-bottom:10px;
}
.home .item .user {
    width: 90px;
}
.home .item .user .imgHolder {
    width: 80px; height: 80px; border-radius:50%; overflow: hidden;display:inline-block;box-shadow: 0px 4px 20px #d9d9d9;
}
.home .item .user .imgHolder img {
    width: 80px; min-height:80px;min-width:80px;
}
.home .item .details {
    padding-left: 10px;
}
.home .item .details .title {
    font-size:18px;
}
.home .item .details .subtitle .followers {
    margin-left: 10px;
}
.home .item .details .subtitle {
    font-size:15px;
    margin-top: 3px;
}
.home .item .details .subtitle .stop {
    margin-left: 10px;
}

.news_grid {
    display: grid;
    column-gap: 2%;
    -webkit-column-gap: 2%;
    -moz-column-gap: 2%;
    grid-row-gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(32%,32%));
    grid-auto-rows: 40px;
    grid-column-gap: 2%;
    margin-top:25px;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    font-size: 16px;
}
.news_grid .news_item {
    background:#fff; box-shadow: 0px 4px 10px #d9d9d9;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    font-size: 0.9em;
}

.news_grid .news_item .bar {
    height:10px;width:100%;
}
.news_grid .news_item .barBlue {
    background:#408bce
}
.news_grid .news_item .barGreen {
    background: #4ac22d;
}
.news_grid .news_item .barMaroon {
    background: #9f5f5f;
}
.news_grid .news_item .barPurple {
    background: #716b77;
}
.news_grid .news_item .barYellow {
    background: #ffc540
}
.news_grid .news_item .clrMaroon {
    color: #9f5f5f
}

.news_grid .news_item .barRed {
    background: #e43c3c;
}
.news_grid .news_item .title {
    font-size: 1.2em; font-weight: 600;
}
.news_grid .news_item .title .blue {
    color: #3e92d0;
}
.news_grid .news_item .title .small {
    font-size: 0.7em;
}
.news_grid .news_item .contentArea {
    padding: 10px;
}
.news_grid .news_item .contentArea .table .img {
    width:55px;
}
.news_grid .news_item .contentArea .imgHolder {
border-radius:50%;width:45px;height:45px;overflow:hidden;border: 1px solid #fff;
}
.news_grid .news_item .course .header-content .fa {
    font-size: 2.2em;
}
.news_grid .news_item .course .header-content .title .fa {
    font-size: 1em;
}
.news_grid .news_item .course .header-content .subtitle {
    margin-top: 4px;
    font-size: 0.8em;
    font-weight: 500;
}
.news_grid .news_item .course .header-content .subtitle a, .news_grid .news_item .course .header-content .subtitle a:hover {
    color: #bab9b9;
    text-decoration: underline;
}
.news_grid .news_item .course .courseList .table-row:hover {
    background:#f9f9f9;
}

.news_grid .news_item .course .courseList .table-cell {
    padding: 2px 0px 2px 0px;
}
.news_grid .news_item .course .courseList .table-cell .fa-youtube-play {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.news_grid .news_item .course .courseList .table-cell:hover .fa-youtube-play {
    color: red;
}
.news_grid .news_item .course .courseList .success {
    color: #4ac22d;
    font-weight: 800;
}
.news_grid .news_item .progress {
    display:inline-block;
}
.news_grid .news_item .upcomingSchedule {
    border-bottom: 1px solid #eee;
    margin-bottom: 8px;
    padding-bottom: 4px;
}
.news_grid .news_item .upcomingSchedule .imgHolder {
    width: 55px; height: 55px; border-radius: 50%;
}
.news_grid .news_item .upcomingSchedule .imgHolder img {
    width: 55px;
    height: 55px;
}
.news_grid .news_item .upcomingSchedule:hover {
    background:#f9f9f9;
}
.news_grid .news_item .upcomingSchedule .title {
    font-size: 1em;
}
.news_grid .news_item .upcomingSchedule .cat {
    font-size: 0.8em;
}
.news_grid .news_item .upcomingSchedule .author {

    font-size: 0.9em;
}
.news_grid .news_item .upcomingSchedule .time {
    font-size: 0.8em;
    width: 100px;
}
.news_grid .news_item .upcomingSchedule .fa-clock-o {
    font-size: 22px;
}
.news_grid .news_item .upcomingSchedule .countdown {
    display: table;
    width: 100%;
    max-width: 300px;
    margin-top: 15px;
}
.news_grid .news_item .upcomingSchedule .countdown div {
    display: table-cell;
    width: 33%;
    text-align: center;
    font-size: 1.7em;
    font-weight: 800;
}
.news_grid .news_item .upcomingSchedule .countdown div span {
    display: block;
    font-size: 0.5em;
    margin-top: 6px;
    font-weight: 500;
}



/* academy tab */
.academy .cols {
    display:flex;flex-flow: row wrap;

}
.academy .block {
    border-radius: 0px;color:#424242;/*box-shadow: 0px 4px 10px #d9d9d9;*/
    padding: 20px;width:49%;margin-left:0.5%;margin-right:0.5%;position: relative;margin-top: 15px;
    border: 1px solid #c6c6c6;
    transition: all 0.3s;
    background:#fff;
    box-shadow: 0px 4px 10px #d9d9d9;
}


.academy .block:hover {
    box-shadow: 0px 12px 20px #d9d9d9;
}
.academy .block-full-width {
    width: 100%;
}
.academy .block-border {
    border: 1px solid #c6c6c6;
}
.academy .block .header {
    height:45px; /*border-radius: 5px 5px 0px 0px;*/padding:10px;font-weight:800;font-size:1.2em;
}
.academy .block .header .status .fa {
    font-size: 10px;
    margin-right: 3px;
}
.academy .block .imgHolder {

}
.academy .block .imgHolder img {
    width: 100%; max-width:450px;
}
.academy .block .btn-bottom {
    position:absolute;bottom:0;padding:10px;bottom:20px;left:20px;right:20px;
}
.academy .avatar {
    border-radius: 50%; width:80px;/* border: 1px solid #175686;*/vertical-align:middle;margin-right:15px;
}
.academy .table .table-cell-avatar {
    width: 80px;
}
.academy .table .about {
    font-size: 0.75em;
}

.academy .funnelBlock {
    background: linear-gradient(to right, #408bce , #3d7bb6);
    padding: 15px;
    color: #fff;
    box-shadow: 0px 4px 10px #d9d9d9;
}
.academy .funnelBlock img {
    padding-top: 5px;
}
.academy .hiddenContent {
    display: none;
    position: absolute;
    top: 0;
    left: -10px;
    right: -10px;
    background: #f7f7f7;
    height:105%; /* Has to be over 100% to hide the possible shadow from the boxes below this */
    padding: 0px 10px 0px 10px;
}

.academy .videoRating {
    padding:10px;text-align:right;width:100%;
}
.academy .videoRating .fa:first-child {
    margin-right: 25px;
}
.academy .videoRating .fa {
    font-size: 40px;
}
.academy .videoRating .selected {
    color: #4898d6;
}
.academy .videoDescription {
    padding: 10px;
}
.academy .videoDescription .title {
    border-bottom: 2px solid #eee;padding-bottom:5px;margin-bottom:10px;
}
.academy .videoDescription .item {
    width: 100%;
    background: #e6f7cb;
    border: 1px solid #eee;
    border-radius: 5px;
    padding:10px;
}
.academy .back {
    font-size:16px;color:#bab9b9;
}
.academy .back .fa {
    font-size:30px;vertical-align:middle;display:inline-block;margin-right:5px;
}

/* Forex TV */
.forex-tv .cols [class*="col-"] {
    float: left;
    padding-right: 15px;
    padding-top: 15px;
}
.forex-tv .cols .col-1 {
    width: 33.33%;
}
.forex-tv .cols::after {
    content: "";
    clear: both;
    display: block;
}
.forex-tv .block {
    background:#fff;border-radius: 5px;width:100%;color:#424242;box-shadow: 0px 4px 10px #d9d9d9;height:310px;min-height:310px;height:100%;position:relative;
}
.forex-tv .block .btn-bottom {
    position:absolute;bottom:0;padding:10px;bottom:5px;left:0;width:100%;
}
.forex-tv .block .header {
    background: #3273b7;
    height: 45px;
    border-radius: 5px 5px 0 0;
    padding: 10px 15px;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
}
.forex-tv .block .avatarHolder {
    width: 80px; height: 80px; max-width: 80px; max-height: 80px; overflow:hidden;display:inline-block; border: 1px solid #175686;  border-radius: 50px; margin-right:15px;vertical-align:middle;
}
.forex-tv .block .avatar {
   width:80px;
}
.forex-tv .block .info {
    display:inline-block;vertical-align:top;
}
.forex-tv .hiddenContent {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #f1f4f5;
    height:100%;
}
.forex-tv-table {
    border-collapse: separate;border-spacing: 0px 5px;
}
.forex-tv-table .table-row {
    background: #f1f4f5;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.forex-tv-table .table-row:hover {
    background: #dbe0e2;
}
.forex-tv-table .table-row-dark {
    background: #dbe0e2;
}
.forex-tv-table .table-cell {
    padding:15px;
    vertical-align: middle;
}
.forex-tv .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 20px;
}
.forex-tv .switch input {display:none;}
.forex-tv .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffb018;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 5px;
}
.forex-tv .slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.forex-tv input:checked + .slider {
  background-color: #008cba;
}
.forex-tv input:focus + .slider {
  box-shadow: 0 0 1px #008cba;
}
.forex-tv input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.forex-tv .globalNews .head {
    background:#e08a3f;height:22px;width:100%;border-radius: 5px 5px 0px 0px;text-align:center;color:#fff;
}
.forex-tv .globalNews .foot {
    background:#b7b7b7;text-align:center;width:100%;color:#fff;border-radius: 0px 0px 5px 5px;height:22px;
}
/* End Forex TV */

/* Charts */
.charts {
   background: #3b5161;position:absolute;top:0;bottom:0;left:0;right:0;
}
.charts .toolbox {
    position:absolute;top: 0px; left:0px;right:0px;text-align:right;z-index:100;background:#505053;
}
.charts .toolbox select {
    border-radius:5px;background:#505053;color:#fff;padding:10px;margin-right:0px;outline:0;border:none;border-radius:0px;
}
.charts .toolbox select:hover {
    background: #707073;
}
.charts .toolbox button {
    background:#505053;color:#fff;border:none;padding:10px;margin-right:0px;outline:0;
}
.charts .toolbox button:hover {
    background: #707073;
}
.charts .toolbox button:last-child {
    margin-right: 10px;
}
.charts .toolbox .active {
    background: #000;
}
.charts .canvas {
    position:absolute;bottom:0;left:0;right:0;top:35px;text-align:center;
}
.charts .canvas_drawing {
    z-index:999;position:absolute;top:35px;bottom:0;left:0;right:0px;display:none;
}
.charts .canvas_drawing canvas {
    width: 100%; height:100%;
}
.chartBlock {
    position:relative;top:0;bottom:0;left:0;right:0;background:#3b5161;border-radius:3px;
}
.chartBlock input {
    padding:3px;margin:0;border:none;outline:0;text-align:center;
    background:#fff;border: 1px solid #eee;border-radius:5px;
}
.chartBlock button {
    background:#505053;color:#fff;border:none;outline:0;padding:6px;cursor:pointer;
    width:50px;margin-top:5px;
}
.chartBlock button:hover {
    background: #707073;
}
.chartBlock .indicatorList {
    background: #fff;
}
.chartBlock .indicatorList .search {
    border-bottom:1px solid #eee;height:40px;position:relative;
}
.chartBlock .indicatorList .search .fa {
    position:absolute;left:10px;top:8px;font-size:20px;color:#bebebe;
}
.chartBlock .indicatorList .search input {
    width:100%;height:100%;border:none;text-align:left;padding-left:40px;
}
.chartBlock .indicatorList .title {
    border-bottom:1px solid #eee;padding:10px;width:100%;text-align:left;
}
.chartBlock .indicatorList .item {
    padding:10px;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
}
.chartBlock .indicatorList .item:hover {
    background:#eee;
}
.chartBlock .indicatorList .active {
    background:#eee;
}
.chartBlock .indicatorList .item .configMenu {
    display:none;padding:15px;
}
.chartBlock .indicatorList .item .configMenu .desc {
    font-size:11px;
}
.chartBlock .indicatorList .item .buttonDiv {
    width:100%;text-align:right
}

/* V2 Bare Layout */
.bare {
    padding: 30px;
    font-size: 1em;
}
.bare h1 {
    font-size: 1.5em;
    line-height: 1.2em;
    margin-top:0;
}
.bare .txt-large {
    font-size: 1.1em;
    line-height: 1.5em;
}
.bare .columns {
    display: flex; flex-flow: row wrap;
}
.bare .columns .block {
    margin-bottom: 1em;
    margin-right: 1%;
    width: 32%;
    border: 1px solid #c6c6c6;
    padding: 30px;
    transition: all 0.3s;
    background:#fff;
    box-shadow: 0px 4px 10px #d9d9d9;
}
.bare .columns .blockHover:hover {
    box-shadow: 0px 12px 20px #d9d9d9;
}
.bare .columns .perks:hover {
    box-shadow: 0px 12px 20px #d9d9d9;
}
.bare .columns .perks {
    text-align: center;
    position: relative;
}
.bare .columns .perks .imgHolder {
    min-height: 70px;
    max-height: 70px;
}
.bare .columns .perks img {
    width: 100%;
    max-width: 200px;
    display: block;
    margin-bottom: 30px;
    margin: auto;
}
.bare .columns .perks h2 {
    font-size: 1.3em;
}
.bare .columns .perks p {
    font-size: 1.05em; margin-top: 25px;margin-bottom: 25px;
}
.bare .columns .perks button {
    position: absolute; bottom: 0;left:0;right:0;
}



.awards .block {
    background: linear-gradient(to right, #408bce , #639ace);
    box-shadow: 0px 4px 10px #d9d9d9;
    padding: 30px;
    color: #fff;
    font-size: 1.2em;
}
.awards .block .table .table-cell:last-child {
    min-width: 260px;
}
.awards .block img {
    width: 100%;
    max-width: 260px;
}
.awards .block input {
    display: inline-block;
    max-width: 300px;
    border-radius: 15px;
    border: 1px solid #eee;
    background: none;
    color: #fff;
}
.awards .block button {
    background: #fff;
    border-radius: 50%;
    color: #408bce;
    width: 40px;height:40px;
    margin-left: 15px;
}
.awards .block button .fa {
    color: #408bce;
}
.awards .block a {
    color: #fff;
}
.awards .block a:hover {
    color: #fff;
}

.awards .lastwinners {
    font-size: 1.6em;
}

/* Raffle */
.awards .raffle-info {
    display: flex;
    flex-flow: row wrap;
}
.awards .raffle-info .raffle-container {
    font-size: 1em;
    width: 32%;
    margin-right: 2%;
    border: 1px solid #c6c6c6;border-radius:0px;padding:30px;line-height: 120%;
    text-align: center;
    background:#fff;
    box-shadow: 0px 4px 10px #d9d9d9;
    transition: all 0.3s;
}
.awards .raffle-info .raffle-container:hover {

}
.awards .raffle-info .raffle-container:last-child {
    margin-right: 0%;
}
.awards .raffle-info .raffle-container .imgHolder {
    width:80px;height:80px;border-radius:50%;overflow:hidden; border: 1px solid #eee;margin-top:15px;
}
.awards .raffle-info .raffle-container .imgHolder img {
    max-width: 80px; max-height: 80px; width: 80px; height: 80px;
}
.awards .raffle-info .raffle-container .title {
    font-size: 1.4em; margin-top: 15px;
}
.awards .raffle-info .raffle-container .subTitle {
    font-size: 1.4em; font-weight: 800; margin-top: 10px;
}



/* Membership Upgrade */
.membership-upgrade {
    position:absolute;left:0;right:0;top:0;bottom:0;color:#949494
}
.membership-upgrade .header {
    position: relative;
    background-color: transparent;
    padding: 0;
    margin-bottom: -8px;
}

.membership-upgrade .header img {
    width: 100%;
}

.membership-upgrade .header .description-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 16px;
    margin-left: 190px;
    color: white;
}

.membership-upgrade .header .description-wrapper .title {
    font-family: 'Raleway Medium', sans-serif;
    letter-spacing: .2px;
    font-size: 24px;
    margin-bottom: 12px;
    font-weight: 600;
}

.membership-upgrade .header .description-wrapper .author {
    margin-bottom: 14px;
}

.membership-upgrade .header .description-wrapper .review {
    font-size: 12px;
}

.membership-upgrade .header .description-wrapper .review .fa-star {
    font-size: 16px;
    color: #ffdf1f;
}

.membership-upgrade .header .description-wrapper .review .fpa {
    margin-right: 4px;
}

.js_trialMember_container .btn-wrapper {
    background:#fff;
    padding:0 15px 15px;
    margin-top: -10px
}

.js_trialMember_container .detail ul {
    list-style: none;
}

.js_trialMember_container .detail ul li {
    line-height: 30px;
    font-size: 15px;
    display: flex;
    align-items: baseline;
}

.js_trialMember_container .detail ul li span {
    margin-left: 8px;
    color: #898989;
}

.js_trialMember_container  .detail .fa {
    font-size: 14px;
    color: #2b9ff9;
}

.membership-upgrade .subheader {
    background:#fff;padding:15px;position:relative;top:0;left:0;right:0;
}
.membership-upgrade .subheader .fa-star {
    color:#fde16d
}
.membership-upgrade .subheader .info {
    font-size:0.8em;margin-top:5px;
}
.membership-upgrade .subheader img {
    position:absolute;right:0;bottom:0;width:100px
}

.membership-upgrade .detail {
    background: white;
    padding: 20px 15px 10px;
    font-size: 0.75em;
}

.membership-upgrade .detail ul {
    margin-left: -25px;
    margin-right: 10px;
}

.membership-upgrade button {
    padding: 15px;
}

.membership-upgrade .close-popup {
    cursor: pointer;
    left: 0;
    position: absolute;
    top: 0;
    margin-top: 50px;
    margin-left: 8px;
    color: white;
    background: #ffffff4a;
    border-radius: 100px;
    width: 17px;
    text-align: center;
    font-size: 14px;
    line-height: 1rem;
    height: 17px;
}

.premium-order-summary {
    border-radius: 5px;
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.premium-order-title {
    font-size: 14px;
    line-height: 20px;
    color: #898989;
    text-align: center;
}

.premium-order-summary .table .table-row {
    margin-bottom: 10px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dotted;
    line-height: 32px;
}

.premium-order-summary .table .table-row .table-cell {
    font-family: 'Raleway SemiBold', sans-serif;
}

@media (min-width: 768px) {

    .premium-order-title {
        font-size: 16px;
        line-height: 27px;
    }
}

@media (max-width: 768px) {
    .membership-upgrade .header .description-wrapper {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: left;
        margin-left: 26%;
        color: white;
        transform: scale(.8);
        width: 100%;
        margin-bottom: 3%;
    }

    #js_popup.popup-small.popup {
        width: 95% !important;
        margin-top: 10%;
    }
}

@media (max-width: 410px) {
    .membership-upgrade .header .description-wrapper {
        margin-left: 25%;
        margin-bottom: 4px;
        transform: scale(.75);
        width: 85%;
    }

    .membership-upgrade .header .description-wrapper .author {
        margin-bottom: 8px;
    }

    .membership-upgrade .header .description-wrapper .title {
        font-size: 22px;
    }
}

@media (max-width: 350px) {

    .membership-upgrade .header .description-wrapper {
        margin-left: 25%;
        margin-bottom: -5px;
        width: 85%;
    }

    .membership-upgrade .header .description-wrapper .title {
        font-size: 18px;
        margin-bottom: 6px;
    }

    .membership-upgrade .header .description-wrapper .author {
        margin-bottom: 2px;
        font-size: 15px;
    }

}

/* Popup box */
.popup-box
{
    display: none;
    position: fixed;
    bottom: 0px;
    right: 220px;
    height: 285px;
    background-color: #273238;
    width: 300px;
    border: 1px solid rgba(29, 49, 91, .3);
}

.popup-box .popup-head
{
    background-color: #757575;
    padding: 5px;
    color: #bab9b9;
    font-weight: bold;
    font-size: 14px;
    clear: both;
}

.popup-box .popup-head .popup-head-left
{
    float: left;
}

.popup-box .popup-head .popup-head-right
{
    float: right;
    opacity: 0.5;
}

.popup-box .popup-head .popup-head-right a
{
    text-decoration: none;
    color: inherit;
}

.popup-box .popup-messages
{
    height: 100%;

}
.popup-box .chat-pm {
    max-height: 185px;
    height: 185px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding:5px;
}

.popup-box .pm-chat-text {
    position: fixed;
    bottom: 0;
    font-size: 12px;
    width: 292px;
    margin-left: 2px;
    margin-right: 2px;
}

/* Emoticon menu */
.emoticon-menu {
    position: relative;
    display:inline-block;
}
.emoticon-content {
    display:none;
    bottom: 0;
    left: -200px;
    position: absolute;
    background-color: #fff;
    width: 190px;
    height: 200px;
    overflow: hidden;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

}
.emoticon-content .scroll {
    padding: 12px 12px;
    position: absolute; top: 0; left:0; right:0; bottom:0;
    overflow-y: scroll;
}
.emoticon-content .twa {
    padding: 5px;
    margin-bottom: 8px;
    margin-right: 8px;
    opacity: 0.7;
}
.emoticon-content .twa:hover {
    opacity: 1;
}
.emoticon-menu:hover .emoticon-content {

}

/* Charts */
.highcharts-tooltip>span {
    background: white;
    border: 1px solid silver;
    border-radius: 3px;
    box-shadow: 1px 1px 2px #888;
    padding: 8px;
}

/* Slick */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}
.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\f10c"; width: 20px; height: 20px; font-family: "FontAwesome"; font-size: 6px; line-height: 5px; text-align: center; color: #fff; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: #fff; opacity: 0.75; }
.slick-prev, .slick-next { position: absolute; display: block; height: 200px; width: 50px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 1; }
.slick-prev { left: -10px; top: 0; }
[dir="rtl"] .slick-prev { left: auto; right: -10px; top: 0; }
.slick-prev:before, .slick-next:before {
    font-family: FontAwesome;
    font-size: 24px;
    line-height: 1;
    color: #999;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev:before { content: "\f053"; }
[dir="rtl"] .slick-prev:before { content: "\f054"; }

[dir="rtl"] .slick-next { left: -10px; top: 0; right: auto; }
.slick-next:before { content: "\f054"; }
[dir="rtl"] .slick-next:before { content: "\f053"; }
.slick-next { right: -10px; top: 0; }
[dir="rtl"] .slick-next { left: -10px; top: 0; right: auto; }

/* Flash stuffs */
@-webkit-keyframes flash-red {
  from { background-color: red; }
  to { background-color: inherit; }
}
@-moz-keyframes flash-red {
  from { background-color: red; }
  to { background-color: inherit; }
}
@-o-keyframes flash-red {
  from { background-color: red; }
  to { background-color: inherit; }
}
@keyframes flash-red {
  from { background-color: red; }
  to { background-color: inherit; }
}
.flash-red {
  -webkit-animation: flash-red 1s infinite; /* Safari 4+ */
  -moz-animation:    flash-red 1s infinite; /* Fx 5+ */
  -o-animation:      flash-red 1s infinite; /* Opera 12+ */
  animation:         flash-red 1s infinite; /* IE 10+ */
}

@-webkit-keyframes flash-green {
  from { background-color: green; }
  to { background-color: inherit; }
}
@-moz-keyframes flash-green {
  from { background-color: green; }
  to { background-color: inherit; }
}
@-o-keyframes flash-green {
  from { background-color: green; }
  to { background-color: inherit; }
}
@keyframes flash-green {
  from { background-color: green; }
  to { background-color: inherit; }
}
.flash-green {
  -webkit-animation: flash-green 1s infinite; /* Safari 4+ */
  -moz-animation:    flash-green 1s infinite; /* Fx 5+ */
  -o-animation:      flash-green 1s infinite; /* Opera 12+ */
  animation:         flash-green 1s infinite; /* IE 10+ */
}

@-webkit-keyframes flash-opacity {
  from { opacity: 0.5; }
  to { opacity: inherit; }
}
@-moz-keyframes flash-opacity {
  from { opacity: 0.5; }
  to { opacity: inherit; }
}
@-o-keyframes flash-opacity {
  from { opacity: 0.5; }
  to { opacity: inherit; }
}
@keyframes flash-opacity {
  from { opacity: 0.5; }
  to { opacity: inherit; }
}
.flash-opacity {
  -webkit-animation: flash-opacity 2s infinite; /* Safari 4+ */
  -moz-animation:    flash-opacity 2s infinite; /* Fx 5+ */
  -o-animation:      flash-opacity 2s infinite; /* Opera 12+ */
  animation:         flash-opacity 2s infinite; /* IE 10+ */
  -webkit-animation-timing-function: linear; /* Safari 4.0 - 8.0 */
  animation-timing-function: linear;
}

/* Mobile Nav */
header .mobile-nav {
    position: fixed; top: 0; left:0; right:0; height: 0px;text-align: center;padding:0 0 0 0;display:none;background: #e9e9e9;border-bottom:1px solid #e3e3e3;/*box-shadow: 0px 3px 19px #000000;*/
}
header .mobile-nav button {
    background:transparent;border:none;display:inline-block; width: 16%; height: 100%;text-align:center; cursor: pointer;color:#424242;font-weight: bold;text-transform:uppercase;outline:0;
}
header .mobile-nav .active {
    border-bottom: 3px solid #008cba;
    color: #408bce;
    background:transparent;
}
header .mobile-nav button:active, .mobile-nav button:hover {
    background:transparent;
}
header .mobile-nav .block i {
    display:block;
}
header .mobile-nav .fa {
    font-size: 1.5em;
}
.bullet-ticks ul {
    list-style-type: none;
    margin-left: 0px !important;
    padding-left: 0px !important;
}
.bullet-ticks li {
    background-color:#757575 !important;
    font-size:13px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    border-left: none !important;
}
.bullet-ticks li .fa {
    color: #3ec276;
}

.fxPropImg img {
    width: 100%;
    max-width: 530px;
}

@media only screen and (max-width: 1800px) {
    /* Reduce the size of the chat */
    .content { right: 400px; }
    .stream-content { right: 430px }
    .content-slide { right: 420px; }
    .chat-block { width: 420px; }


    .col-3 { width: 33.3% }
    .benefits01, .benefits01:hover, .benefits02, .benefits02:hover, .benefits03, .benefits03:hover { background-size: 190px; }
    .tradeIdea .col-1 { width: 50%; }
    .splash-wizard .container { font-size: 28px }
    .splash-wizard .bottom .item { padding: 10px }
    .splash-wizard .bottom .box2 .offerTop { width: 80px; height: 80px; padding-top: 14px }
}

@media only screen and (min-width: 1600px) {
    .academy .block-maxsize {
        max-width: 500px;
    }

}

@media only screen and (max-width: 1600px) {
    .max-1600 { display: none }

    /* Welcome Wizard */
    .welcome-wizard .container .scroll { font-size: 46px; }

    /* Podcast Section */
    .podcast .container .podcastItem .tbl .podcastInfo { width: 290px; }
    .podcast .container .podcastItem .tbl .prelude { padding-left: 10px; }
    .podcast .container .podcastItem .tbl .playBtn { font-size:75px; margin-right: 10px; }
    .podcast .container .podcastItem .tbl .durationBlock { width: 60px; }
    .podcast .container .podcastItem .tbl .durationBlock .table { text-align: center; }
    .podcast .container .podcastItem .tbl .durationBlock .table-cell { display: table-cell }
    .podcast .container .podcastItem .tbl .prelude .statInfo { display: block; }
    .podcast .container .podcastItem .tbl .prelude .statInfo:last-child { margin-left: 0px; }

    /* Content columns */
    .forex-tv .cols .col-1 { width: 50%; }

    .raffle-info .raffle-container { font-size: 0.9em }



}
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1500px) {
    /* Reduce the size of the chat */
    .content { right: 360px; }
    .stream-content { right: 390px }
    .stream-content .stream-info { font-size: 0.8em; }
    .stream-content .stream-info .stream-cell .imgHolder { width: 50px; height: 50px; }
    .stream-content .stream-info .stream-cell .imgHolder img { width: 50px; height: 50px; }
    .stream-content .stream-info .stream-cell:first-child { width: 60px }
    .content-slide { right: 380px; }
    .chat-block { width: 380px; }
    .news_grid { column-gap: 2%; grid-column-gap: 2%; grid-template-columns: repeat(auto-fill, minmax(49%,49%)); }

    .col-3 { width: 50% }
    .col-6-shrink { width: 100%; }




    /* Benefits */
    .benefits01, .benefits01:hover, .benefits02, .benefits02:hover, .benefits03, .benefits03:hover { background-size: 150px }

    .contentSlideContent .contentInfo .broker img { width: 150px; }
    /* Managed Acocunts PAge */
    .managedAccountBlock img { display: block; float: none; }

    /* Welcome Wizard */
    .welcome-wizard .container .scroll { font-size: 42px; }

    .splash-wizard .container { font-size: 24px }
    .splash-wizard .bottom .box2 .offerTop { width: 65px; height: 65px; padding-top: 11px }
    .raffle-info .raffle-container { font-size: 0.8em }
    .max-1500 { display: none; }
}

@media only screen and (max-width: 1400px) {
    .content-slide { left: 0px; }


    /* Welcome Wizard */
    .welcome-wizard .container .scroll { font-size: 40px; }

    /* Podcast Section */
    .podcast .container .podcastItem .tbl .podcastInfo { display: block; width: 100%; border-right: none; }
    .podcast .container .podcastItem .tbl .podcastInfo .banner { width: 100%; }
    .podcast .container .podcastItem .tbl .prelude  { display: block; width: 100% }
    .podcast .container .podcastItem .tbl .durationBlock { display: block;  }
    .podcast .container .podcastItem .tbl .durationBlock .table { text-align: left; }
}

@media only screen and (max-width: 1340px) {
    .max-large { display: none; }
    .schedule { font-size: 12px; }

    .welcome-content .margin-top-40 {
        margin-top: 10px;
    }



    .chat-row { margin-bottom: 15px; }

    /* Welcome Wizard */
    .welcome-wizard .container .scroll { font-size: 38px; }


}

@media only screen and (max-width: 1200px) {
    .max-medium { display: none; }
    .streamBlock .featuredInfo {
        display: none;
    }
    .left-nav-spotlight { display: none; }
    .welcome-content .topNav .step img { width: 40px; height: 40px; }
    .welcome-content .txt-vvlg { font-size: 18px; }
    .welcome-content h1 { font-size:22px;line-height: 26px; }

    /* Welcome Wizard */
    .welcome-wizard .container .scroll { font-size: 36px; }
    .welcome-wizard .tradeSignals .quote .img { width: 60px; height: 60px; }
    .welcome-wizard .tradeSignals .quote .imgHolder { width: 75px; }

    .raffle-info .raffle-container .title-sm { display: block; }
    .membership-perks .table .col { display: block; margin-bottom:10px; text-align:center; }
    .bare .columns .block { width: 49%; }
}
@media only screen and (max-width: 1150px) {
    .max-small { display: none; }
    .col-3 { width: 100% }

    /* Reduce the size of the chat */
    .content { right: 320px; }
    .stream-content { right: 350px }
    /*
    .stream-content .table-cell { display: block; }
        */
    .stream-content .stream-info .stream-cell { display: table-cell; }
    .stream-content .stream-info .stream-cell .title { margin-top: 0px }


    .content-slide { right: 320px; }

    .news_grid { column-gap: 0%; grid-column-gap: 0%; grid-template-columns: repeat(auto-fill, minmax(100%, 100%)); }

    .chat-block { width: 320px; }
    .chat-row {padding-left: 15px; padding-right: 15px;}
    .chat-block .chat-control { padding: 0px 15px 0px 15px; }


    #chat-log .watchNow { left: 15px; right: 15px; }

    /* Content columns */
    .home .cols .col-1 { width: 100% }
    .forex-tv .cols .col-1 { width: 100%; }
    .academy .cols-reverse { flex-direction: column-reverse }
    .academy .block { width: 100%; margin-right: 0px; padding: 10px; }

    .home .item .user { display: none }
    .home .item .details .subtitle .followers { display: block; margin-left: 0px; margin-top: 3px; }

    .max-1150 { display: none; }

    .tradeIdea .col-1 { width: 100%; }
    /*
    .trade-idea-block .idea-header .tradeIdeaDetails { vertical-align: middle; }
    .trade-idea-block .idea-header .stats { display: block; margin-left: 0px; }
    */

    /* Welcome Wizard */
    .welcome-wizard .container .scroll { font-size: 34px; }
    .welcome-wizard .topNav .icons .fa { font-size: 3em; }
    .welcome-wizard .container .scroll .bullets .table .table-cell:first-child { width: 50px }
    .welcome-wizard .topNav .trial .txt-medium {font-size: 18px; }
    .welcome-wizard .topNav .trial .fa { font-size:50px; }
    .welcome-wizard .topNav .trial .table-cell:last-child { width: 60px }

    .trade-idea-block-v2 .signalInfo .table:first-child, .trade-idea-block-v2 .signalInfo .table:nth-child(2) { width: 100%; margin-bottom: 20px; display: table; }
    .trade-idea-block-v2 .signalInfo .table .table-cell .pair { font-size:22px; }

    .myAffiliate .cols .col-1 { width: 50%; }

    .splash-wizard .container { font-size: 22px }
    .splash-wizard .bottom .box2 .offerTop { width: 60px; height: 60px; padding-top: 10px }

    .awards .block .table .table-cell:last-child { display: none }
    .awards .raffle-info .raffle-container { width: 100%; margin-right: 0; margin-bottom: 10px; }

    .myMessages-v2 .convoList { width: 100%; border-right: none; }
    .myMessages-v2 .convoDetail { display: none; left:0; }
    .myMessages-v2 .convoDetail h1 { font-size: 1.0em; margin: 5px 0px 3px 0px; }
    .myMessages-v2 .convoDetail .convoDetailData { top: 35px; }



}
@media only screen and (max-width: 950px) {
    .max-vsmall { display: none }
    .max-950 {display: none; }
    .trade-idea-block-v2 .signalCommentary .details, .trade-idea-block-v2 .signalCommentary .comments { display: block; width: 100%; }
    .trade-idea-block-v2 .signalInfo .table .table-cell .stats { margin-left: 0px; display: block; margin-top: 3px; font-size: 16px; }
    .home .item .actionItem img { width: 100px; height: 56px; }
    .home .item .actionItem .box { width: 100px; height: 56px; }
    .home .item .actionItem { width: 105px; }
    .home .item .details { padding-left: 2px; }
    .home .item .details .subtitle .stop { margin-left: 0px; margin-top: 5px; display: block;}
    .bare .columns .block { width: 100%; margin-right: 0%; }
}



@media only screen and (max-width: 900px) {
    .chat-row .infoMessage .avatarImg { display: none; }
    /*
    .chat-block {
            width: 240px;
    } */
    .chat-row {padding-left: 10px; padding-right: 10px;}


    .chat-block .chat-control { padding: 0px 10px 0px 10px; }
    .chatDropMsgContent .table-cell:first-child {
        display: none;
    }
    #chat-log .watchNow { left: 10px; right: 10px; }
    #chat-log .watchNow .table .table-cell:first-child {
        display: none;
    }
    #chat-log .watchNow .table .table-cell:last-child {
        font-size:1em;
    }
    .welcome-content .topNav .step img {
        width: 30px;
        height: 30px;
    }
    .welcome-content .topNav .step {
        font-size: 12px;
    }

    .stream-schedule .table .showMore {
        width: 125px; max-width:125px;
    }

    .userPage .nav { margin-top: 15px; }
    .userPage .avatar { width: 95px; }
    .userPage .avatar .imgHolder { width:80px;height:80px;border-radius:50%; }
    .userPage .avatar .imgHolder img { width: 80px; height: 80px; }
    .userPage .userLocation { display: block; margin-left: 0px; margin-top:3px; }
    .userPage .userHeader .username { font-size:1.5em; }
    .userPage .userHeader .status { font-size:0.9em; line-height: 1.1em; }
    .userPage .nav .item { font-size:13px;padding: 0px 4px 0px 4px;margin-right:4px; }
    .userPage .splitInfo { display: block; width:100%; vertical-align: top; margin-bottom: 15px; }
    .userPage .splitInfo:first-child { border-right: none }

    /* Welcome Wizard */
    .welcome-wizard .container .scroll .summary-table-info .summary-video { display: block; width: 100%; }
    .welcome-wizard .container .scroll .summary-table-info .summary-txt { display: block; width: 100%; padding-left: 0px; }

    .splash-wizard .container { font-size: 22px }
    .splash-wizard .container .large { margin-top: 10px; }


}


/*
* This has been designed for mobile
*/

@media only screen and (max-width: 768px) {
    /* Remove the left menu and content area for mobile size */
    .left-menu {
        display: none;
    }
    header {
        height: 50px;
    }
    header .mobile-nav {
        height: 50px;
        display: block;
        z-index:901;
    }
    header .desktop-nav {
        display: none;
        height: 0px;
    }
    .content {
        width: 100%;
        left: 0px;
        right: 0px;
        top: 50px;
    }
    .stream-content {
        width: 100%;
        left:0px;
        right: 0px;
        top: 50px;
    }

    .stream-content .table-cell { display: table-cell; }
    .stream-content .table-cell:first-child { width: 100px }

    .stream-content .stream-info { font-size: 0.6em; }
    .stream-content .stream-info .stream-cell .imgHolder { width: 40px; height: 40px; }
    .stream-content .stream-info .stream-cell .imgHolder img { width: 40px; height: 40px; }
    .stream-content .stream-info .stream-cell:first-child { display: none; }
    .stream-content .stream-info .stream-cell .desc { margin-top: 0.1em; }
    .stream-content-rows .table-cell{ display: block;width: 100%; }
    .stream-content-rows .stream-info { margin: 0 }

    .content-slide {
        top: 50px;
        right: 0px;
    }

    .btn-popOutChat {
        display: none;
    }
    .btn-showAtMessages {
        display: none;
    }

    .benefitButtons { display: none; }

    #chat-log .watchNow .table .table-cell:first-child {
        display: table-cell;
    }
    #chat-log .watchNow .table .table-cell:last-child {
        font-size:1.2em;
    }

    /* For mobile, the chat becomes full screen */
    .chat-block {
        width: 100%;
        top: 50px;
        display: none;
        box-shadow: none;
        border-left: none;
    }

    .welcome-content .topNav { height: 60px; }
    .welcome-content .welcome-scroll { top: 60px; }
    .welcome-content .topNav .step {
        width: 15.5%;
    }
    .welcome-content .topNav .step p {
        display: none;
    }
    .welcome-content .topNav .step img {
        margin-top: 15px;
        width: 25px;
        height: 25px;
    }
    .welcome-content .pad-content {
        padding: 8px; font-size: 14px;
    }
    .welcome-content .topNav .stepArrow {
        display: none;
    }
    .welcome-content .traders img {
        margin-right: 15px;
        width: 45px;
        height: 45px;
    }
    .welcome-content .traders .tradersUpcoming img {
        width: 45px;
        height: 45px;
    }
    .welcome-content .traders .tradersUpcoming {
        width: 55px;
    }
    .welcome-content .traders .clock {
        font-size: 16px;
        margin-bottom:6px;
    }
    .welcome-content .traders .name {
        font-size: 20px;
    }
    .welcome-content .info {
        padding-left: 0px;
    }
    .welcome-content .table-cell { display: block; }
    .welcome-content .traders .table .table-cell {display: table-cell !important; }
    .welcome-content .imgHolder { width: 100%; margin-bottom: 15px; }
    .welcome-content .liveStreamsImgHolder { padding-left: 0px; margin-top: 10px; }
    .welcome-content .checkPointMargin { margin-top: 5px; }
    .welcome-content .videoHolder { margin-top: 5px; margin-bottom: 5px }

    .stream-schedule .table .nextUp .title {
        font-size:13px;
    }


    .content-slide .content-slide-content { padding: 0px; border: none; }
    .bg-block-slide { top: 0px; left: 0px; right: 0px; bottom: 0px; }
    .bg-block-slide .header { border-radius: 0px 0px 0px 0px; background: #bbbbbb; }

    /* Welcome Wizard */
    .welcome-wizard .topNav { height: 160px; padding-top: 40px; }
    .welcome-wizard .topNav { padding-top: 10px; }
    .welcome-wizard .topNav .welcome { font-size: 26px;line-height: 100%; }
    .welcome-wizard .topNav .welcome .username { font-size: 28px;line-height: 100%; display: inline-block}
    .welcome-wizard .topNav .why { display: none;  }
    .welcome-wizard .topNav .table-cell { display: block;  }
    .welcome-wizard .topNav .trial .table-cell { display: table-cell;  }

    .welcome-wizard .topNav .icons { margin-right:15px; margin-top: 15px; }
    .welcome-wizard .topNav .icons .why { margin-top: 10px; }
    .welcome-wizard .align { width: 95%; }
    .welcome-wizard .container { width: 95%; top: 100px; bottom: 70px; }
    .welcome-wizard .container .scroll { padding-left: 20px; padding-right: 20px; padding-top: 20px; font-size: 31px; }
    .welcome-wizard .container .scroll .bullets { margin-left: 90px; }
    .welcome-wizard .quote .imgHolder { width: 90px; }
    .welcome-wizard .quote .img { width: 70px; }
    .welcome-wizard .quoteIndent { margin-left: -5px; }
    .welcome-wizard .bottomNav { height: 65px; }
    .welcome-wizard .bottomNav .fa-7x { font-size: 5em }
    .welcome-wizard .bottomNav .btn { font-size: 20px; padding: 12px; }
    .welcome-wizard .bottomNav .btn .margin-right-15 { margin-right: 10px; }
    .welcome-wizard .bottomNav .position { width: 95%; }

    .trade-idea-block-v2 { margin-top:0px; background: #fff;left:0;right:0;margin-left:0px;margin-right:0px; }
    .trade-idea-block-v2 .header { border-radius: 0px 0px 0px 0px; background: #bbbbbb; }
    .trade-idea-block-v2 .signalInfo { padding: 10px; }
    .trade-idea-block-v2 .signalInfo .table:first-child .table-cell:first-child { width: 65px; }
    .trade-idea-block-v2 .signalInfo .table .table-cell .imgHolder { width: 55px; height: 55px; }
    .trade-idea-block-v2 .signalInfo .table .table-cell .imgHolder img { width:55px; }
    .trade-idea-block-v2 .signalInfo .table .follow { font-size: 36px; }
    .trade-idea-block-v2 .signalCommentary .details { padding: 10px; }
    .trade-idea-block-v2 .signalCommentary .comments { border-left: none; }
    .trade-idea-block-v2 .signalCommentary .comments .canvas { overflow: visible; }
    .trade-idea-block-v2 .signalCommentary .comments .canvas .container { height:auto;position:static; }
    .trade-idea-block-v2 .signalCommentary .comments .canvas .container .feed-comments { position: static; height: auto; overflow: visible; bottom: 0; }
    .trade-idea-block-v2 .signalCommentary .comments .canvas .container .comment { position: static; display: block; }

    /* Podcast Section */
    .podcast .container .podcastItem { padding-left: 0px; }
    .podcast .container .podcastItem .tbl .podcastInfo .banner { width: 100%;  }

    .bg-block .info { margin-left: 0px; }

    .splash-wizard .bottom .container { display: flex; flex-flow: column; }
    .splash-wizard .container .large { font-size: 1.2em }
    .splash-wizard .bottom .box1 { display: block; order: 2; width: 100%; margin-top: 40px; }
    .splash-wizard .bottom .box2 { display: block; width: 100%; margin-left: 0px; margin-top: 25px;  order: 1; }
    .splash-wizard .bottom .promo { order: 3 }
    .splash-wizard .bottom .disclaimer { order: 4 }


    #chat-wrapper { bottom: 60px }
    .chat-row { margin-bottom: 10px; }
    .chat-block .chat-control { height: 60px; }
    .chat-block .chat-control .chat-surround { height: 40px; }
    .chat-block .chat-text { height: 38px; }
    .chat-block .chat-control .btn { padding: 4px }
    .chat-block .chat-control .btn .fa { font-size: 1.5em; }
    .onlineTradersTopChat { font-size:0.8em; height: 35px }

    .academy .avatar { width:40px;margin-right:8px; }
    .academy .table .table-cell-avatar { width: 40px; vertical-align: top; }
    .academy .funnelBlock { text-align: center; }
    .academy .funnelBlock img { display: block; margin: 0px auto 10px auto }


    .userPage .avatar { width: 65px; vertical-align: top; }
    .userPage .controls .fa { font-size: 1.75em; }
    .userPage .avatar .imgHolder { width:55px;height:55px;border-radius:50%; }
    .userPage .avatar .imgHolder img {  width: 55px; height: 55px; }
    .userPage .userHeader .username { font-size:1.1em; }
    .userPage .userHeader .status { font-size:0.7em; line-height: 0.85em; }
    .userPage .nav { margin-top: 5px; }

    .myMessages-v2 .convoDetail .convoInput .pm-chat-text { height: 40px; margin-bottom: 10px; }
    .myMessages-v2 .convoDetail .convoDetailData { bottom: 55px; }

    .popup-trade-idea .columns .block { width: 100%; margin-right: 0 }

    .bg-block .bgcontent { padding: 10px; }

    .bare { font-size: 0.8em; }

    .chatDropMsgContent .table-cell:first-child {
        display: table-cell;
    }
    .max-768 { display: none; }

}

@media only screen and (max-width: 600px) {
    .welcome-wizard .container .scroll .review span {
        padding: 0;
        border: none;
    }
    .welcome-wizard .container .scroll .review .quote {
        display: block; margin-top: 5px;
    }
}

@media only screen and (max-width: 500px) {
    .max-500 { display: none; }
    .home .sortContainer { border: none; padding-bottom: 10px;}
    .home .padding-30 { padding: 15px; }
    .home .padding-15 { padding: 8px; }
    .raffle-info .raffle-container .previousWinner { display: none; }
    .bare { padding: 15px }
}

@media only screen and (max-width: 480px) {

    /* Welcome Wizard */
    .welcome-wizard .container { width: 100%; border-radius: 0px; }
    .welcome-wizard .container .scroll { padding-left: 10px; padding-right: 10px; padding-top: 12px; }
    .welcome-wizard .topNav .icons { text-align:center;margin-right:0px }
    .welcome-wizard .topNav .icons .number { display: none; }
    .welcome-wizard .topNav .icons .fa { margin-right: 20px; }
    .welcome-wizard .quoteIndent { margin-left: 0px; }
    .welcome-wizard .container .scroll .bullets { margin-left: 0px; }
    .welcome-wizard .container .scroll .summary-table .table-cell { display: inline-block; width: 33%; margin-top: 10px; }
    .welcome-wizard .container .scroll .testimonials .table-cell {display: block; }

    .chatDropMsgContent .table-cell:first-child {
        width:90px
    }
    .chatDropMsgContent .table-cell:first-child img {
        max-width:80px;
    }

    .max-480 { display: none; }
}

@media only screen and (max-width: 400px) {

}

@media only screen and (max-width: 365px) {
    .chatDropMsgContent .table-cell:first-child {
        display:none;
    }
}