/* General */

.body{
    min-height:calc(100vh - 68px);
    padding-bottom:68px;
}

.body.odds{
    min-height:100vh;
    padding-bottom:0px;
}

ul.nav-main li img{
    margin-right: 0.8em;
}

.flex-row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-box{
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.panel.panel-custom.panel-dark > .panel-heading {
    background: #1d2127;
    border-radius: 0;
    padding: 12px 18px;
    color:#abb4be;
    border-bottom: 1px solid #171717;
}

.panel-custom .panel-heading + .panel-body{
    border-radius: 0;
}

.panel-custom.dark-body .panel-body {
    background: #313844;
}

.panel-custom.dark-body .panel-body.sub-panel {
    background: #3c4453;
    border-bottom: 1px solid #313844;
    border-left: 1px solid #313844;
    border-right: 1px solid #313844;
    box-shadow: inset 0 4px 2px -2px rgba(0, 0, 0, 0.4);
}

.panel-custom.dark-body .panel-body.sub-panel.reverse {
    box-shadow: inset 0px -4px 2px -2px rgba(0, 0, 0, 0.4);
}

.panel-custom .panel-body{
    border-radius:0;
}

.panel-custom.dark-body .panel-footer{
    background: #1d2127;
    border-radius: 0;
    padding: 12px 18px;
    color: #abb4be;
    border-top: 1px solid #171717;
}

.inline-block{
    display:inline-block;
}

.visible-xlg {
    display: none !important;
}

.visible-xlg-block,
.visible-xlg-inline,
.visible-xlg-inline-block {
    display: none !important;
}

@media (min-width: 1600px) {
    .visible-xlg {
        display: block !important;
    }
    table.visible-xlg {
        display: table !important;
    }
    tr.visible-xlg {
        display: table-row !important;
    }
    th.visible-xlg,
    td.visible-xlg {
        display: table-cell !important;
    }
}
@media (min-width: 1600px) {
    .visible-xlg-block {
        display: block !important;
    }
}
@media (min-width: 1600px) {
    .visible-xlg-inline {
        display: inline !important;
    }
}
@media (min-width: 1600px) {
    .visible-xlg-inline-block {
        display: inline-block !important;
    }
}

@media only screen and (max-width:767px){
    html, body{
        padding-bottom:26px;
    }
}



@media only screen and (min-width:768px){
    html.sidebar-left-big-icons .sidebar-left .nano .sidebar-widget {
        display: block;
        text-align: center;
        margin: 0 auto;
        text-indent: 0;
    }
    html.sidebar-left-collapsed .sidebar-left .nano:hover .sidebar-widget, html.sidebar-left-collapsed .sidebar-left .nano:hover .separator {
        display: none;
    }
    html.scroll .sidebar-left .sidebar-header, html.boxed .sidebar-left .sidebar-header, html.sidebar-left-big-icons .sidebar-left .sidebar-header{
        display:none;
    }
}

.img-responsive{
    display:inline-block;
}

html .panel-transparent.panel-featured > .panel-heading{
    background: #f6f6f6;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #DADADA;
    padding: 18px;
    position: relative;
    margin-bottom:15px;
}

.panel-title[data-panel-toggle=""]:hover{
    cursor:pointer;
}

.divider {
    border: 0;
    height: 1px;
    margin: 44px auto;
    background-image: -webkit-linear-gradient(left, transparent, #DBDBDB, transparent);
    background-image: linear-gradient(to right, transparent, #DBDBDB, transparent);
    text-align: center;
    position: relative;
    clear: both;
}

.divider.divider-solid {
    background: #2ac461;
}

.divider a {
    position: absolute;
    top: -19px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    background: #4e545c;
    font-size: 1.7rem;
}

.divider a:focus{
    text-decoration: none;
}

.btn-outline {
    border: 1px solid #2ac461;
    padding: 6px 12px;
}

.btn-outline:hover{
    border-color: #2ac461;
    background-color: #2ac461;
    color:#fff;
}

.btn-outline-dark{
    border:1px solid #1d2127;
    color:#1d2127;
    background: transparent;
}

.btn-outline-dark:hover,
.btn-outline-dark:active,
.btn-outline-dark:focus,
.btn-outline-dark.active,
.btn-outline-dark.active:active,
.btn-outline-dark.active:hover,
.btn-outline-dark.active:focus,
.btn-outline-dark.active[disabled]{
    color: #fff;
    background-color: #1d2127;
    border-color: #1d2127 #1d2127 #07080a;
    opacity: 1;
}

.btn-outline-light{
    border:1px solid #fff;
    color:#fff;
    background: transparent;
}

.btn-outline-light:hover,
.btn-outline-light:active,
.btn-outline-light:focus,
.btn-outline-light.active,
.btn-outline-light.active:active,
.btn-outline-light.active:hover,
.btn-outline-light.active:focus{
    color: #1d2127;
    background-color: #fff;
    border-color: #fff #fff #fff;
}

/* Header */
.header {
    border-bottom:3px solid #2ac461;
}

.header-right{
    height:54px;
}

@media (min-width:1025px){
    .header-right{
        margin-right: 30px;
    }
}

.userbox {
    display: inline-block;
    margin: 0;
    height:100%;
}

@media (min-width:768px){
    .userbox{
        width:160px;
        margin-left:10px;
    }
}

.userbox > a{
    padding: 10px 15px;
    height: 54px;
    width: 100%;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    display: flex;
    align-items: center;
    position:relative;
}

.userbox > a:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    top: -3px;
    left: 0;
    opacity: 0;
}

.userbox > a:before{
    border-color: #CCC transparent transparent transparent;
    border-style: solid;
    border-width: 4px;
    content: " ";
    float: none;
    margin-top: 0;
    margin-left: 0;
    border-color: #444 transparent transparent transparent;
    position: absolute;
    right: 15px;
    top: 17px;
}

.userbox .profile-info {
    margin: 0 0 0 10px;
}

.userbox .profile-picture img{
    width:32px;
}

.userbox .name {
    font-size: 1.4rem;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 72px;
}

.userbox .wallet-balance{
    color: #777777;
    font-size:1.1rem;
    line-height:1.4;
}

.userbox .custom-caret{
    display:none;
}

.userbox a:hover:before{
    border-color: #2ac461 transparent transparent transparent;
}

.userbox .dropdown-menu{
    top: -10000px;
    display: block;
    opacity: 0;
    left:0;
    border-radius: 0;
    border: 0;
    border-top: 3px solid #CCC;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
    margin: -3px 0 0 0;
    min-width: 160px;
    padding: 5px;
    -webkit-transition: -webkit-transform 0.2s ease-out;
    -moz-transition: -moz-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    transform: translate3d(0, 10px, 0);
    border-top-color: #2ac461;
}

.userbox.open .dropdown-menu{
    border-radius: 0;
    border: 0;
    border-top: 3px solid #CCC;
    margin: -3px 0 0 0;
    min-width: 160px;
    padding: 5px;
    border-top-color: #2ac461;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    left:0;
    width: auto;
}

.userbox.open .dropdown-menu i{
    font-size: inherit;
    margin-right:5px;
    vertical-align:unset;
}

.userbox.open .dropdown-menu li{
    margin:0;
}

.userbox .dropdown-menu li a,
.userbox.open .dropdown-menu li a{
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    white-space: nowrap;
    border-bottom: 1px solid #f4f4f4;
    color: #777;
    font-size: 0.9em;
    font-weight: 400;
    padding: 8px;
    position: relative;
    text-transform: none;
}

.userbox .dropdown-menu li:last-child a{
    border-bottom:0;
}

.userbox .dropdown-menu li a:hover,
.userbox.open .dropdown-menu a:hover{
    color:#2ac461;
    background:#fff;
}

.userbox .dropdown-menu li a i{
    margin-right:5px;
}

@media (min-width:1200px){
    .userbox.open .dropdown-menu,
    .userbox > a:hover + .dropdown-menu,
    .userbox .dropdown-menu:hover{
        top: calc(100% + 3px);
        display: block;
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
    .userbox:hover > a:after,
    .userbox.open a:after{
        background: #2ac461;
        opacity:1;
    }
}

@media (max-width:1199px){
    .userbox.open .dropdown-menu{
        top: calc(100% + 3px);
        display: block;
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
    .userbox.open > a:after{
        background: #2ac461;
        opacity:1;
    }
}

.header .sign-in{
    height: 100%;
    display: flex;
    align-items: center;
    float: right;
}

.header .sign-in a{
    color: #444;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
}

@media (max-width:767px){
    .header .sign-in{
        float: right;
        padding: 19px 15px;
    }
}

.notifications.language .notification-menu a:hover .title{
    color:#2ac461;
}

.notifications.language{
    margin-right:25px;
}

.notifications.language > li .notification-icon{
    box-shadow:none;
}

.language .notification-menu .title{
    text-transform: capitalize;
    padding: 4px 0 0;
}

@media only screen and (min-width:767px){
    .notifications > li:last-child{
        margin:0;
    }
}

@media only screen and (min-width:768px) and (max-width:1024px){
    .header .separator{
        margin:0 15px 0;
    }
}

/* Sidebar */

.sidebar-left{
    background:#1D2127;
    z-index:999
}

.profile-panel .panel-heading.bg-success{
    background: #1d2127;
    border-radius: 0;
    border-bottom: 1px solid #465162;
}

.profile-panel .widget-profile-info .profile-picture img{
    width:90px;
    height:90px;
}

.profile-panel .widget-profile-info .profile-info .profile-footer{
    display:flex;
    justify-content:space-between;
}

.sidebar-left .nav-main li.separator{
    margin: 0px 10px 0;
    border-bottom: 1px solid #465162;
    text-indent: -20px;
    padding: 10px 0;
}

.sidebar-widget .widget-header h6,
.sidebar-widget .widget-header h6 a{
    color: #2ac461;
}

.sidebar-left hr.separator {
    background: rgba(204, 204, 204, 0.1);
}

.bottom-links{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px;
    height: 68px;
    width: 300px;
    background: #fff;
    border-top: 3px solid #2ac461;
}


@media only screen and (min-width: 768px){
    html.fixed .sidebar-left .nano-content {
        padding-bottom: 68px;
    }
}
/* Acount bar = footer */
footer.fixed{
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    display:flex;
    z-index:1020
}

footer.fixed .button-holder{
    width: 152px;
    background: #fff;
    border-top: 3px solid #2ac461;
    line-height: 60px;
    display: block;
    padding: 0px;
    text-align: center;
}

footer.fixed .box-holder{
    width:calc(100% - 152px);
    background: #fff;
    border-top: 3px solid #2ac461;
}

footer.fixed .bar-box{
    width:25%;
    text-align: center;
    float:left;
    position:relative
}

footer.fixed .bar-box:before {
    content: " ";
    display: block;
    background-color: #F6F6F6;
    background-image: -webkit-linear-gradient(#F6F6F6 60%, #EDEDED);
    background-image: linear-gradient(#F6F6F6 60%, #EDEDED);
    width: 1px;
    height: 100%;
    position: absolute;
}

footer.fixed .bar-box:after {
    position: absolute;
    top: 50%;
    transform:translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    right: -10px;
    z-index: 10;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    background-color: #F6F6F6;
    background-image: -webkit-linear-gradient(#F6F6F6 60%, #EDEDED);
    background-image: linear-gradient(#F6F6F6 60%, #EDEDED);
    font-size: 20px;
    font-weight: bold;
}

footer.fixed .bar-box:last-child:after{
    display:none;
}

footer.fixed .bar-box.allocated:after,footer.fixed .bar-box.available:after{
    content:"\002B"
}

footer.fixed .bar-box.profit:after{
    content:"\003D"
}

footer.fixed .bar-box h3{
    margin-top:10px;
    margin-bottom:0;
}

footer.fixed .bar-box h4{
    font-weight: 100;
    font-size: 1.4rem;
    margin-top: 4px;
}

.footer{
    background: #1d2127;
    border-top: 4px solid #171717;
    padding: 15px;
    position: relative;
    z-index: 999;
}

.footer .license-img{
    width: 32px;
}

@media only screen and (max-width:1024px){
    footer.fixed .button-holder{
        display:none;
    }
    footer.fixed .box-holder{
        width:100%;
    }
}

@media only screen and (max-width:767px){
    
    footer.fixed .bar-box.available:before{
        display:none;
    }
    
    footer.fixed .bar-box.allocated{
        display:none;
    }
    
    footer.fixed .bar-box h3{
        font-size: 1.4rem;
    }
    
    footer.fixed .bar-box h4{
        font-size:1.0rem;
        font-weight: 200;
    }
    
    .header {
        border-top: 0;
        border-bottom: 3px solid #2ac461;
        float: left;
        width: 100%;
        background: #fff;
    }
    
    .header .logo-container {
        background-color: transparent;
        background-image:none;
        border: 0;
        position:relative;
        left:0;
        top:0;
        float:left;
        width:60px;
    }

    .header .logo img{
        height:30px;
    }
    
    .header .header-right{
        float:right !important;
        margin-top:0;
        width: calc(100% - 60px);
    }
    
    .language .notification-menu li {
        margin: 0 0 15px;
    }
    
    .userbox:after{
        left: 0px;
        top: -3px;
    }
    
        .notifications.language > li{
            margin:0;
        }
    
    .userbox {
        float: right;
        margin: 0px;
    }
    
    .userbox.in{
        padding-top:16px;
    }
    
    .userbox.in.open {
        padding: 10px 0;
    }

    .userbox > a{
        line-height: unset;
        height: 60px;
        padding: 10px 13px;
        border-right: 0;
        width: 60px;
    }

    .userbox .dropdown-menu{
        left:-160px;
    }
    
    .userbox.open .dropdown-menu {
        left: auto;
        padding: 0;
        width: 100vw;
        border-top: 3px solid #2ac461;
        right: 0;
    }

    .userbox.open .dropdown-menu ul li{
        margin-bottom:0;
    }

    .userbox.open .dropdown-menu ul li a{
        border-bottom: 1px solid #e8e8e8;
        color: #333;
        text-transform: uppercase;
        font-weight: 600;
        border-radius: 0;
        padding: 10px 10px;
        line-height: 24px;
        font-size: 1.3rem;
    }
    
    .userbox.open .profile-picture {
        display: inline-block;
    }
    
    .userbox .profile-info {
        display:none;
    }

    .userbox > a:before{
        display:none;
    }
        
    .sidebar-left .sidebar-header{
        height:auto;
    }

    .sidebar-left .sidebar-header .sidebar-title {
        background: #1d2127;
        color: #465162;
        padding: 0px;
        font-size: 1.3rem;
    }
    
    .sidebar-left .sidebar-header .logo{
        position: absolute;
        top: -43px;
        left: 60px;
        z-index: 1000;
    }

    .header .toggle-sidebar-left {
        background: #ffffff;
    }

    .header .toggle-sidebar-left {
        background: #fff;
        height: 60px;
        line-height: 60px;
        right: 0px;
        top: 0px;
        width: 60px;
        border-radius: 0;
        color: #4e545c;
        border-right: 1px solid #e8e8e8;
        font-size: 16px;
    }

    .sidebar-left-opened .header .toggle-sidebar-left i:before{
        content: "\f00d";
    }

    .header .logo-container .logo {
        position: absolute;
        left: 50vw;
        transform: translateX(-50%);
        margin-left: 0;
    }
    .sidebar-left{
        top: 63px;
        padding: 0;
    }
    .sidebar-left{
        z-index: 9999 !important;
    }
    .sidebar-left .nav-main{
        padding-top:15px;
    }
}

/*Login & Register Screens*/
.body-sign .logo{
    margin-top:31px;
}

.btn-register{
    width:100%;
    max-width:300px;
}

body .btn.btn-register{
    padding: 15px 30px;
    font-weight: 600;
}

body .btn.btn-register i {
    font-size: 17px;
    line-height: 17px;
    margin-left: 5px;
}

/*Strategy admin*/
@media only screen and (min-width:1200px){
    #strategy-list{
        table-layout: fixed;
    }
}

/*Edit profile page*/
.intl-tel-input{
    display:block;
}

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

.user .header-avatar .img-md {
    height: 214px;
    width: 214px;
    position:relative;
}

.user .header-avatar img {
    border-radius: 50%;
}

.user .header-avatar {
    border-radius: 50%;
    display: inline-block;
    height: 224px;
    width: 224px;
    border: 5px solid #2ac461;
}

.user .avatarEdit {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.5);
    border-radius:50%;
    z-index:3;
    display:none;
    border:2px solid #fff
}
.user .avatarEdit input[type='file'] {
    width:100%;
    height:100%;
    opacity:0;
    position:absolute;
    cursor:pointer;
    z-index:5
}
.user .avatarEdit span {
    width:100%;
    margin-top:45%;
    display:inline-block;
    text-align:center;
    font-size:20px;
    color:#fff
}

.user .dropdown-menu{
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.user #coverUploadMenu {
    margin:0 30px
}
.zoom-slider-wrapper {
    margin-bottom:10px;
    position:relative;
    height:30px
}
.zoom-slider-wrapper .fa-image {
    position:absolute;
    bottom:0
}
.zoom-slider-wrapper .fa-image:first-child {
    left:0
}
.zoom-slider-wrapper .fa-image:last-child {
    right:0
}
.zoom-slider-wrapper .cropit-image-zoom-input {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    height:5px;
    background:#eee;
    -webkit-border-radius:5px;
    border-radius:5px;
    outline:none;
    width:150px;
    position:relative;
    vertical-align:bottom;
    margin-top:10px;
    display:inline-block;
    margin-left:-15px
}
.zoom-slider-wrapper .cropit-image-zoom-input::-moz-range-track {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    height:5px;
    background:#eee;
    -webkit-border-radius:5px;
    border-radius:5px;
    outline:none
}
.zoom-slider-wrapper .cropit-image-zoom-input::-webkit-slider-thumb {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width:15px;
    height:15px;
    background:#888;
    -webkit-border-radius:50%;
    border-radius:50%;
    -webkit-transition:background .25s;
    -moz-transition:background .25s;
    -o-transition:background .25s;
    -ms-transition:background .25s;
    transition:background .25s
}
.zoom-slider-wrapper .cropit-image-zoom-input::-webkit-slider-thumb:active {
    background:#bbb
}
.zoom-slider-wrapper .cropit-image-zoom-input::-moz-range-thumb {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width:15px;
    height:15px;
    background:#888;
    -webkit-border-radius:50%;
    border-radius:50%;
    -webkit-transition:background .25s;
    -moz-transition:background .25s;
    -o-transition:background .25s;
    -ms-transition:background .25s;
    transition:background .25s
}
.zoom-slider-wrapper .cropit-image-zoom-input.custom::-moz-range-thumb:active {
    background:#bbb
}
#avatarEditForm .cropit-image-preview {
    position:absolute;
    top:0;
    left:0;
    cursor:move;
    border-radius:50%
}
#avatarEditForm .btn-container {
    position:absolute;
    text-align:center;
    bottom:-30px;
    width:100%;
    display:none;
    border:1px solid #ddd;
    padding:10px;
    background:rgba(255,255,255,0.7);
    border-radius:3px;
    width:250px;
    text-align:center;
    left:-15px
}
#avatarEditForm .cropit-image-preview.cropit-image-loaded {
    z-index:10
}
#avatarEditForm .cropit-image-preview.cropit-image-loaded+.btn-container {
    z-index:11;
    display:block
}

/* User profile page*/
.user-page .user-header{
    background: transparent;
    box-shadow: none;
}

.user-page .statistics .panel-body{
    background: transparent;
    box-shadow: none;
}

.user-page .blog img{
    border: 4px solid #2ac461;
}

.user-page .user-name{
    font-size: 2.2em;
    width: 100%;
    display: block;
    line-height: 1.4;
}

@media only screen and (min-width:1600px){
    
    .user-page .blog{
        position: absolute;
        left: 15px;
        width: 221px;
        padding: 0;
        top: 0;
        background: #ecedf0;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
    }
    .user-page .user-header{
        padding-left: 249px;
        height: 221px;
    }
}

@media only screen and (min-width:1200px) and (max-width:1599px){
    .user-page .user-name{
        margin-top: 25px;
    }
    .total-profit{
        margin-top:0 !important;
    }
    .total-profit .col-lg-6 {
        width: auto;
    }
    .total-profit .h1 {
        font-size: 2.8rem;
    }
}

@media only screen and (max-width:1199px){
    .user-page .blog{
        width: 100px;
        padding: 0;
        position: absolute;
        left: 15px;
        top: 15px;
    }
    .user-page .blog img {
        border: 2px solid #2ac461;
    }
    .user-page .user-box{
        padding-left: 115px;
    }
    .user-page .user-name{
        font-size: 1.8em;
    }
    .user-page .user-box hr{
        margin-top:11px !important;
    }
    .user-page .total-profit{
        margin-top: 0 !important;
    }
    .user-page .total-profit .col-lg-6 {
        width: auto;
        float: left;
    }
    .user-page .total-profit .h1 {
        margin-top: 0 !important;
        font-size: 2.6rem;
    }
    .user-page .total-profit p{
        font-size:80%;
    }
}

@media only screen and (max-width:767px){
    .user-page ul.simple-card-list li:last-child{
        margin-bottom: 0;
    }
    .user-page .user-header{
        padding-bottom: 0;
    }
    .user-page .divider.divider-solid{
        margin:29px auto 44px;
    }
    .user-page .divider a{
        font-size:12px;
    }
}

/* Strategy box*/

.panel.strategy-box {
    margin-bottom: 30px;
}

.strategy-box .panel-heading{
    padding:15px;    
    border-radius: 0;
}

.panel.statistics .panel-body{
    padding-bottom:35px;
}

.flotTip {
    z-index: 999;
}

.strategy-box .panel-heading .profile-picture img{
    width: 42px;
    border: 2px solid #2ac461;
}

.strategy-box .panel-heading .userbox a:hover{
    text-decoration: underline;
}

.strategy-box .panel-heading .userbox .name {
    color: #2ac461;
    font-size: 1.8rem;
    line-height: 1.2em;
}

.strategy-box .profit-rate p{
    font-size: 2.4rem;
    line-height:30px;
}

.strategy-box .profit-rate small{
    text-transform: uppercase;
}

.strategy-box .chart-row{
    padding-right:15px;
    margin-left:-15px;
}

.strategy-box .risk-factor{
    border: 1px solid;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    display: inline-block;
    line-height: 24px;
    font-size: 18px;
}

.strategy-box .risk-factor.risk-6{
    border-color:#ed9c28;
}

.strategy-box .risk-factor.risk-7{
    border-color:#d2322d;
}

.strategy-box hr.solid{
    border-color:#eee;
}

.strategy-box .profit-rate .col-md-4, .strategy-box .profit-rate .col-xs-4{
    border-left:1px solid #eee;
}

.strategy-box .profit-rate .col-md-4:first-child, .strategy-box .profit-rate .col-xs-4:first-child{
    border-left:0;
}

@media only screen and (max-width: 767px){
    .strategy-box .userbox {
        float: none;
        margin: 0;
        width:100%;
    }
    .strategy-box .userbox:after {
        display:none;
    }
    .strategy-box .userbox .profile-picture {
        display: inline-block;
    }
    .strategy-box .userbox .profile-info {
        max-width: calc(100% - 85px);
    }
    .strategy-box .userbox .name {
        max-width: 100%;
    }
}

/*Strategy box Inactive*/


/* Strategy List*/

.filters{
    float:left;
    width:100%;
    margin-bottom: 25px;
}

.filter-box{
    width:auto;
}

/* Language Admin*/
.secondary-info{
    display: inline-block;
    margin-top: 10px;
    padding: 2px 5px 2px 0;
    font-size: 90%;
    border-top: 1px solid #efefef;
}

.font-weight-bold{
    font-weight:bold
}

.admin-actions .btn{
    min-width:34px;
}

#page-list tbody td, #page-list-default tbody td {
    position: relative;
}

.email-body{
    padding-bottom: 40px;
}

.update-date{
    position:absolute;
    bottom:10px;
}

.email-subject label, .email-body label{
    border-bottom: 1px solid #efefef;
    padding-bottom: 5px;
    margin-bottom: 5px;
    text-transform:capitalize;
}

#new_key, #new-country-fee, #cancel-adding, #new-import{
    display:none;
}

#page-list tr:hover .loading-overlay, #page-list-default tr:hover .loading-overlay{
    background:#f5f5f5;
}

#page-list tbody tr, #page-list-default tbody tr{
    transition: all 0.3s ease-in-out;
}

#page-list .highlight, #page-list-default .highlight {
    background-color: rgba(42, 196, 97, 0.8);
}

/* Dark Theme*/
html.dark footer.fixed .button-holder, html.dark footer.fixed .box-holder{
    background: #1d2127;
}

html, body {
    background: #4e545c;
}

html.flexbox .content-body, html.flexboxlegacy .content-body {
    background: #4e545c;
}

.call-to-action.call-to-action-top.custom-page-header {
    background-color: #1d2127;
    margin: -40px -40px 0 -40px;
    box-shadow: 0 0 0px 4px #171717;
    padding: 30px 25px;
}

.call-to-action.custom-page-header .call-to-action-content h2{
    color:#abb4be;
    margin:0;
    font-size: 2.5rem;
}

.call-to-action.custom-page-header .call-to-action-content h2.lead{
    font-size:1.9rem;
}

.nav-tabs{
    border-bottom: 0;
    margin-bottom:30px
}

.nav-tabs>li>a{
    margin-right: 20px;
    border-radius: 0 0 5px 5px;
    background: transparent;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-top: 4px solid #171717;
    color: #fff;
    margin-top: 0px;
    font-size: 1.3rem;
    text-transform: uppercase;
    font-weight: 600;
    opacity: 0.7;
    box-shadow: none;
    transition: border-color 0.2s ease-out;
}

.nav>li>a:focus, .nav>li>a:hover {
    background-color: transparent;
}

.nav-tabs li a:hover {
    border-bottom-color: transparent;
    border:0;
    border-top: 4px solid #2ac461;
    box-shadow: none;
    background:transparent;
    color:#fff;
    opacity:1;
}

.nav-tabs>li>a .fa-stack{
    margin-right:10px;
}

.nav-tabs li.active a, 
.nav-tabs li.active a:hover, 
.nav-tabs li.active a:focus {
    background: #4e545c;
    color: #fff;
    border-bottom: 0;
    border: 0;
    border-top: 4px solid #2ac461;
    opacity: 1;
}

@media (max-width:767px){
    .call-to-action.call-to-action-top.custom-page-header{
        margin: 0 -10px;
        padding: 22px 15px;
        text-indent: 0;
    }
    .call-to-action.custom-page-header .call-to-action-content h2{
        text-indent: 0;
        font-size: 1.8rem;
    }
}

@media (max-width:320px){
    .call-to-action.custom-page-header .call-to-action-content h2{
        font-size: 1.7rem;
    }
}

/*System alerts custom*/
.alert.custom-alert {
    background-image: none;
    background-color: #fff;
    box-shadow: none;
    padding-left: 50px;
    position: relative;
    border-radius: 0;
    color:#333;
}

.alert.custom-alert.alert-dark{
    background-color: #1d2127;
    color: #fff;
}

.alert.custom-alert.alert-danger{
    border-color: #d2322d;
}

.alert.custom-alert.alert-warning{
    border-color: #ed9c28;
}

.alert.custom-alert.alert-success{
    border-color: #47a447;
}

.alert.custom-alert.alert-info{
    border-color: #5bc0de;
}

.alert.dismissable.custom-alert:before {
    content: "";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2.5rem;
}

.alert.dismissable.custom-alert.alert-danger:before {
    color: #d2322d;
    content: "\f057";
}

.alert.dismissable.custom-alert.alert-warning:before{
    color: #ed9c28;
    content: "\f071";
}

.alert.dismissable.custom-alert.alert-success:before{
    color: #47a447;
    content: "\f058";
}

.alert.dismissable.custom-alert.alert-info:before{
    color: #5bc0de;
    content: "\f05a";
}

.alert.custom-alert h4{
    margin-bottom:5px;
}

.alert.custom-alert p{
    line-height:1.3;
    color: #777;
}

.input-group-btn:last-child>.btn.show-password{
    z-index:9999;
}

.btn.btn-text-link {
    background: none;
    color: #2ac461;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.p-xs-30{
    padding:0 30px;
}

.bs4-row{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

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

section.new-page-header {
    background-color: #1d2127;
    margin: -30px -30px 34px -30px;
    box-shadow: 0 0 0px 4px #171717;
    padding: 15px 30px;
    position:relative;
}

section.new-page-header h1.page-title {
    font-size: 3rem;
    margin: 0;
    color: #fff;
}

.page-tabs{
    margin-top:-34px;
}

.page-tabs .swiper-wrapper{
    margin-bottom:0;
}

.page-tabs li.swiper-slide {
    width: auto;
}

@media (min-width:768px) and (max-width:1024px){
    section.new-page-header h1.page-title {
        font-size: 2rem;
    }
}

#page-list-default_wrapper > div.table-responsive,
#page-list-default_wrapper table.table-responsive{
    border:0 !important;
}

.sport-icon.sport-icon-small {
    background-image: url(../../images/sport-icons-big.png);
    background-repeat: no-repeat;
    background-size: 560px 132px;
    width: 23px;
    height: 23px;
    display: inline-block;
}

.sport-icon.sport-icon-small.football{
    background-position: -179px -111px;
}

.sport-icon.sport-icon-small.tennis {
    background-position: -322px -111px;
}

.sport-icon.sport-icon-small.basketball {
    background-position: -179px 0;
}

.sport-icon.sport-icon-small.am_football {
    background-position: -287px -36px;
}

.sport-icon.sport-icon-small.baseball {
    background-position: -143px 0;
}

.sport-icon.sport-icon-small.rugby_union {
    background-position: -503px -74px;
}

.sport-icon.sport-icon-small.rugby_league {
    background-position: -538px -74px;
}

.sport-icon.sport-icon-small.ice_hockey {
    background-position: -466px -36px;
}

.sport-icon.sport-icon-small.mma {
    background-position: -179px -72px;
}

.sport-icon.sport-icon-small.boxing {
    background-position: -360px 0px;
}

.sport-icon.sport-icon-small.cricket {
    background-position: -539px 0px;
}

.content-body{
    padding:30px;
}



@media (max-width:767px){
    .fb_dialog {
        right: unset !important;
        left: 18pt;
        bottom: 69px !important;
        z-index:50 !important;
    }
    .content-body{
        padding: 0 0 30px 0;
    }
    section.new-page-header{
        margin: 0 0px 20px 0px;
        padding: 15px;
    }
    section.new-page-header.no-tabs {
         margin-bottom: 43px;
    }
    section.new-page-header h1.page-title {
        font-size: 2rem;
    }
    .page-tabs {
        margin-top: -20px;
    }
    .userbox .profile-picture {
        display: inline-block;
    }
    .userbox .profile-picture img{
        margin-right: 0px;
    }
    .userbox.open .dropdown-menu a {
        font-size: 1.1rem;
    }
}

.btn.load-more{
    border-radius: 0;
    background: transparent;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-top: 4px solid #fafafa;
    color: #fff;
    opacity: 0.7;
    margin-top: 0px;
    font-size: 1.3rem;
    text-transform: uppercase;
    font-weight: 600;
    transition: border-color 0.2s ease-out;
    box-shadow: none;
    text-shadow: none;
    margin-top: -4px;
    padding: 10px 15px;
}

.btn.load-more:hover,
.btn.load-more:active,
.btn.load-more:focus{
    opacity: 1;
    border-top-color: #2ac461 !important;
    background:transparent;
}

.edit-profile.body-sign{
    max-width:50vw;
}

.bs-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.section-heading-flex{
    display: -ms-flexbox;
    display: flex;
    justify-content:space-between;
    align-items:center;
}

.panel-tabs{
    margin-top:-4px;
}

.panel-tabs .nav-tabs{
    margin-bottom:0;
}

.panel-tabs .nav-tabs>li{
    margin-bottom:0;
    width: auto;
}

html .scroll-to-top{
    right:auto;
    left:10px;
}

.page-tabs .nav-tabs>li>a{
    padding:15px;
}

@media only screen and (max-width: 767px){
    .body {
        padding-bottom: 0;
    }
    html, body {
        padding-bottom: 0px;
    }
    .page-tabs .nav-tabs>li>a {
        margin-right: 10px;
        font-size: 1.1rem;
        padding: 12px 15px
    }
}

.content-body > .row + .row {
    padding-top: 0px;
}

.panel-custom.dark-body .panel-footer .action-buttons {
    position: relative;
}

.action-buttons .dropdown-menu {
    transform: translateX(-100%);
    left: 100%;
    padding: 0;
    min-width: 170px;
}

.action-buttons .dropdown-menu > a {
    width: 100%;
    margin: 0 !important;
    border-radius: 0;
    background: #313844;
    box-shadow: none;
    color: #fff;
    border: 0;
    border-top: 1px solid #1d2127;
    text-align: right;
}

.action-buttons .dropdown-menu > a:hover {
    background: #424b5c;
    box-shadow: none;
}

@media (max-width:767px){
    .g-recaptcha {
        transform: scale(0.86);
        -webkit-transform: scale(0.86);
        -ms-transform: scale(0.86);
        transform-origin:0 0;
        max-width:100px !important;
    }
    .sidebar-widget .widget-header h6{
        font-weight:800;
        margin-left: 47px;
    }
    .sidebar-left .nav-main li.separator {
        margin: 20px 10px 0;
        border-bottom: 0;
        padding: 10px 0;
        text-indent:0;
    }
    .sidebar-widget{
        margin:0;
    }
    ul.nav-main > li > a {
        padding: 10px 20px;
    }
    .call-to-action.call-to-action-top.custom-page-header{
        margin:0;
    }
    .hidden-mobile .text-btn{
        display:none;
    }
    .hidden-mobile .icon-btn{
        display:block;
    }
}

#register-form .form-control[disabled],
#register-form .form-control[readonly],
#register-form fieldset[disabled] .form-control{
    background-color:#fff;
}

#datepicker_dob{
    line-height:1.33333;
}

#register-form .picker select{
    padding: 5px 10px;
    margin: 0 5px;
}

.picker__weekday{
    text-align:center;
}

.admin-dropdown > ul > li:last-child:hover > ul {
    top: calc(100% + 1px) !important;
    transform: translateY(-100%);
}

@media only screen and (min-width: 768px){
    html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li.admin-dropdown > ul.nav-children,
    html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li.admin-dropdown ul.nav-children.reverse {
        top:100%;
        transform:translateY(-100%);
        -webkit-transform: translateY(-100%);
        border-left: 0;
        padding: 0;
    }
    .admin-dropdown > .nav.nav-children li {
        border-bottom: 1px solid #1d2127;
    }
    .admin-dropdown > .nav.nav-children li:hover > a,
    html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li.admin-dropdown ul.nav-children li:hover > a:hover{
        background: #1c2026;
    }
    html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li.admin-dropdown ul.nav-children li a {
        padding: 10px 15px;
    }
    html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li.admin-dropdown  ul.nav-children ul.nav-children {
        padding: 0;
    }
    html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li.admin-dropdown ul.nav-children{
        border-left: 1px solid #171717;
    }
    html.sidebar-left-big-icons .sidebar-left .nano .nav-main .admin-dropdown li.nav-parent:hover > a:before{
        display:none;
    }
    html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li.admin-dropdown ul.nav-children li.nav-parent > a:after{
        padding: 11px 10px;
    }
}

.body-sign{
    height:unset;
}

.body-sign .center-sign{
    padding: 11vh 0;
}

.body-sign .input-group-btn button{
    white-space:nowrap;
}

.cc-revoke, .cc-window{
    display:block;
}
.cc-banner .cc-message,
.cc-compliance{
    text-align:center;
}
.cc-compliance{
    display:block;
}
.cc-btn{
    display:inline-block;
    padding: .4em 3.5em;
    margin-top:1em;
}

@media (max-width:767px){
    .cc-btn{
        width:100%;
        margin-top:0;
    }
    .nav.nav-main > .admin-dropdown > ul{
        display: block !important;
    }
    .login-warning{
        width: calc(100% - 60px);
        margin: 30px 30px 0;
    }
}
.requested-details .progress.light{
    height: 33px;
    margin: 21px 0;
    background: #1d2127;
    border: 1px solid #abb4be;
    position:relative;
}
.requested-details .progress.light span{
    position: absolute;
    top: 0;
    line-height: 33px;
    color: #fff;
    left: 0;
    width: 100%;
    text-align: center;
}

.requested-details .progress.light .progress-bar{
    line-height: 33px;
    font-size: 1.5rem;
    background: #404959;
}

table.dataTable span.highlight {
    background-color: #e6e6e6;
    color: #777;
    padding:0;
}

.flex-g-1 { flex-grow:1; }
.flex-g-2 { flex-grow:2; }
.flex-g-3 { flex-grow:3; }
.flex-g-4 { flex-grow:4; }
.flex-g-5 { flex-grow:5; }

.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.introjs-button{
    padding:6px 12px;
    color:#fff !important;
    text-decoration:none !important;
    background:transparent !important;
    background-image:none !important;
    border-color:#fff !important;
    text-shadow:none !important;
}

.introjs-button.introjs-disabled{
    border-color:#aaa !important;
    color:#aaa !important;
}

.introjs-helperNumberLayer{
    background-image: none;
    background-color: #171717;
    border-width: 1px;
    border-radius: 4px;
}

.introjs-tooltip.tutorial-tooltip{
    background-color: #171717;
    color: #fff;
    border: 1px solid #fff9;
    padding:15px;
    min-width:300px;
}

.introjs-bullets ul li a.active {
    background: #fff;
}

.introjs-bullets ul li a{
    background: rgba(255, 255, 255, 0.5);
}

.introjs-skipbutton {
    background: none;
    box-shadow: none;
    text-shadow: none;
    color: #fff;
    float: left;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform:scale(1);
        transform:scale(1);
    }
    50% {
        -webkit-transform:scale(1.2);
        transform:scale(1.2);
    }
    100% {
        -webkit-transform:scale(1);
        transform:scale(1);
    }
}
@keyframes pulse {
    0% {
        -webkit-transform:scale(1);
        transform:scale(1);
    }
    50% {
        -webkit-transform:scale(1.2);
        transform:scale(1.2);
    }
    100% {
        -webkit-transform:scale(1);
        transform:scale(1);
    }
}

.guide-running .click-me {
    -webkit-animation:  pulse 2s infinite; /* Safari 4+ */
    -moz-animation:  pulse 2s infinite; /* Fx 5+ */
    -o-animation:  pulse 2s infinite; /* Opera 12+ */
    animation:  pulse 2s infinite;
}
.mfp-content.introjs-fixParent{
    z-index: 10001 !important;
}
.mfp-wrap.introjs-fixParent{
    z-index: 10001 !important;
}
.modal-guide .introjs-arrow.top{
    border-bottom-color: #171717;
}
.modal-guide .introjs-helperLayer{
    display:none !important;
}
.modal-guide .introjs-overlay{
    display:none !important;
}

#start-tutorial{
    float:right;
}

#modal .introjs-showElement{
    background-color: #fff;
    background-color: rgba(255,255,255,.9);
    border: 1px solid #777;
    border: 1px solid rgb(224, 224, 224);
    border-radius: 4px;
    box-shadow: 0 2px 15px rgba(0,0,0,.4);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    padding: 5px !important;
}

.introjs-tooltiptext{
    font-size:1.3rem;
    line-height:1.4;
}

.guide-title{
    margin-top: 0;
    border-bottom: 1px solid hsla(0, 0%, 30%, 1);
    padding-bottom: 10px;
}

.btn-modal-guide{
    padding: 0;
    background: transparent;
    border: 0;
    float: right;
}

.strategy-modal header.panel-heading h2{
    display:inline-block;
}

.mfp-content .mfp-close{
    display:none;
}
.table-responsive{
    border:0;
}

.table-dark{
    background-color:#171717;
    color:#fff;
}

.table-dark th{
    border-color:#777a7d !important;
}

.table-dark td{
    background: #1d2127 !important;
    border-color: #313844 !important;
}

.btn-copy{
    cursor:pointer
}