﻿.loaderimage {
    background-image: url(../images/loaderajax.gif);
    background-repeat: no-repeat;
    background-position: center;
    height: 30px
}

.scroll-custom {
    height: 400px;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #4b55c1 transparent
}

.scroll-custom::-webkit-scrollbar-track {
    margin-top: 15px
}

.scroll-custom::-webkit-scrollbar {
    width: 6px;
    background-color: #f5f5f5;
    margin-top: 15px
}

.scroll-custom::-webkit-scrollbar-thumb {
    background-color: #4b55c1;
    margin-top: 15px
}

#suggesstion-box {
    list-style-type: none;
    padding-inline-start:0;position: absolute;
    border-radius: 6px;
    background: #fff;
    width: 100%;
    max-width: 76%;
    z-index: 2;
    text-align: left;
    top: 99%;
    box-shadow: 2px 3px 5px -1px rgba(0,0,0,.5);
    overflow: hidden
}

#suggesstion-box #country-list {
}

#suggesstion-box #country-list li {
    padding: 5px 10px;
    background: #fff;
    color: #000;
    border-bottom: 1px solid #f41112;
    font-size: 14px;
    font-weight: 500
}

.add-clear-span .svg-inline--fa {
    right: 50px!important;
    top: 16px!important
}

#suggesstion-box #country-list .searchclick {
    cursor: pointer!important
}

#social-traders-suggesstion-box {
    list-style-type: none;
    padding-inline-start:0;position: absolute;
    border-radius: 6px;
    background: #fff;
    width: 100%;
    max-width: 76%;
    z-index: 2;
    text-align: left;
    top: 100%;
    box-shadow: 2px 3px 5px -1px rgba(0,0,0,.5);
    overflow: hidden
}

#social-traders-suggesstion-box #country-list {
    border-top: 1px solid #f41112
}

#social-traders-suggesstion-box #country-list li {
    padding: 5px 10px;
    background: #fff;
    color: #000;
    border-bottom: 1px solid #f41112;
    font-size: 14px;
    font-weight: 500
}

#social-traders-suggesstion-box #country-list li:hover {
    background: rgba(244,17,18,.1);
    cursor: pointer
}

#filterpopup .pop-number-active {
    background-color: #f41112!important;
    color: #fff!important;
    cursor: pointer!important
}

header .main-nav ul>li.dropdown .dropdown-menu.megamenu>.row>ul {
    display: flex;
    flex-flow: wrap
}

header .main-nav ul>li.dropdown .dropdown-menu.megamenu>.row>ul>li {
    width: 50%
}

.deposit-section .nav-pills li a {
    width: auto
}

.fund-table .data-table thead tr th p {
    white-space: nowrap
}

.section-profit-loss .custom-tab-list li a {
    padding: 10px!important;
    font-family: poppins,sans-serif!important;
    font-weight: 600;
    border-radius: 0;
    font-size: 13px
}

.section-profit-loss .custom-tab-list li:first-child,.section-profit-loss .custom-tab-list li:last-child {
    border-radius: 0
}

.section-profit-loss label {
    font-family: poppins-regular,sans-serif!important
}

.section-profit-loss .calculate-margin-results span.red_highlightes {
    background-color: #ffebeb!important;
    font-size: 16px;
    color: #000!important;
    font-family: poppins-regular,sans-serif!important;
    padding: 5px!important;
    font-weight: 600;
    display: block;
    text-align: center;
    border-radius: 0
}

.f-14 {
    font-size: 14px
}

.paragraph_txt p {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 15px
}

.input_wrap li label+span.input_style {
    width: 100%!important;
    text-align: left!important;
    padding: 10px 20px!important;
    font-size: 15px;
    height: 50px;
    border: 1px solid #ccc!important;
    color: #ccc;
    resize: none
}

header .main-nav.fixed {
    border-bottom: none!important;
    position: fixed;
    width: 100%;
    z-index: 999;
    top: 0;
    -webkit-box-shadow: 0 0 24px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 24px 0 rgba(0,0,0,.1);
    -webkit-animation: slideInDown .9s;
    animation: slideInDown .9s
}

.section-slider .faq-block {
    width: 100%;
    height: 120px;
    box-shadow: 0 6px 15px #000;
    margin: 0 auto;
    border-radius: 15px;
    background: #fff;
    text-align: center;
    transition: .5s ease all;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.section-slider .faq-block.active {
    transform: translateY(-5px);
    background: #f41112;
    box-shadow: 0 6px 15px #f41112!important
}

.section-slider .faq-block:hover {
    transform: translateY(-5px);
    background: #f41112;
    box-shadow: 0 6px 15px #f41112!important
}

.section-ask-ques {
    background: #f2f4f6
}

.section-slider {
    background: #f2f4f6
}

.section-ask-ques .card-head {
    border-radius: 15px!important
}

.section-ask-ques .card-detail {
    border-radius: 0 0 15px 15px!important
}

.section-slider .faq-block.active p {
    color: #fff
}

.section-slider .faq-block:hover img:nth-child(2) {
    display: inline-block!important
}

.section-slider .faq-block:hover p {
    color: #fff
}

.section-slider .faq-block:hover img:first-child {
    display: none!important
}

.trade-currency .loaderimagecls {
    background-image: url(../images/loaderajax.gif);
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    z-index: 99
}

.help-block {
    color: red;
    font-weight: 700
}

.form-group .error {
    color: red
}

.number-count-ribbon {
    width: 50px;
    height: 50px;
    background-color: #00A4E3;
    color: #fff;
    font-weight: 600;
    position: absolute;
    top: -8px;
    left: 89%;
    border-radius: 27px;
    display: flex;
    justify-content: space-evenly;
    align-items: center
}

ul#country-list {
    max-height: 300px;
    overflow-y: auto
}

#pamm-traders-suggesstion-box {
    list-style-type: none;
    padding-inline-start:0;position: absolute;
    border-radius: 6px;
    background: #fff;
    width: 100%;
    max-width: 76%;
    z-index: 2;
    text-align: left;
    top: 100%;
    box-shadow: 2px 3px 5px -1px rgba(0,0,0,.5);
    overflow: hidden
}

#pamm-traders-suggesstion-box #country-list {
    border-top: 1px solid #f41112
}

#pamm-traders-suggesstion-box #country-list li {
    padding: 5px 10px;
    background: #fff;
    color: #000;
    border-bottom: 1px solid #f41112;
    font-size: 14px;
    font-weight: 500
}

#pamm-traders-suggesstion-box #country-list li:hover {
    background: rgba(244,17,18,.1);
    cursor: pointer
}
