.container-bg {
    width: 100%;
    max-width: 926px;
}
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0;
}
.red-text {
    color: #eb6400;
    margin-left: 4px;
    font-size: 12px;
    position: absolute;
    top: 9px;
}
.top-tile_info {
    font-size: 14px;
    padding-top: 25px;
}
.top-tile_info-suss {
    color: #5eb73b;
}
.top-tile h6 {
    font-size: 14px;
    font-weight: 600;
    padding-top: 20px;
}
.Futures_Options {
    display: flex; 
    justify-content: center; 
    padding-top: 25px;
}
.activate-all {
    padding-top: 20px;
}
.activate-all .checkbox-container {
    padding-left: 30px;
    font-size: 14px;
}
.checkbox-container .checkmark {
    width: 20px;
    height: 20px;
    border: 1px solid #888888;
    box-shadow: none;
    top: -3px;
}
.checkmark.active {
    border: 1px solid #eb6400;
    color: #eb6400 !important;
}
input:checked label {
    color: #eb6400;
}
input[type="checkbox"]:focus ~ label {
    color: #eb6400;
}
/*  */
.MY-account {
    width: 100%;
    border-radius: 10px;
    filter: drop-shadow(1.935px 7.762px 10.5px rgba(0,0,0,0.06));
    background-color: #ffffff;
    border: 1px solid #dedede;
    padding: 20px 0;
    margin: 20px 0;
}
.market5list {
    /* padding: 0 20px; */
}
.market5list > li {
    display: inline-block;
    width: calc(25% - 29px);
    margin-left: 20px;
}
.market5list > li.ml0 {
    margin-left: 0;
}
.market5list > li .form-group {
    margin-bottom: 0;
    position: relative;
}
.form-group .form-control, .select-con {
    height: 46px !important;
}
.select-con .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 46px;
    font-size: 14px;
}
.select2-container--default .select2-results>.select2-results__options li {
    font-size: 14px;
}
.select-con .select2-container--default .select2-selection--single {
    height: 46px;
}
.gray-text {
    color: #504b4b;
}
.form-control {
    font-size: 14px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    transform: translate(0, -50%);
    margin-top: 0;
}
.commodity {
    padding: 20px;
    padding-bottom:0px; /*Vishal*/
}
.commodity a{
    font-size: 12px;
    color: #eb6400;
    padding-bottom: 25px;
    display: inline-block;
}
.commodity-lbl {
    font-size: 16px;
    color: #1b1b1a;
    display: inline-block;
}
.commodity .form-group {
    margin-bottom: 0;
}
.categori-wise-commod {
    display: flex;
    flex-wrap: wrap;
}

.View-Brokerage {
    padding-top: 10px; /*vishal*/
    display: inline-block;
    padding-left: 20px;
}
.View-Brokerage a {
    font-size: 12px;
    color: #888888;
}
.View-Brokerage img {
    vertical-align: bottom;
    padding-right: 5px;
}
.upload-bank_sta {
    background-color: #fef7e8;
    margin: 15px 0;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.upload-bank_sta p {
    font-size: 14px;
    font-weight: 600;
}
.upload-bank_sta p span {
    font-size: 12px;
    color: #888888;
    padding-left: 10px;
}
.bank_imgbox {
    display: inline-block;
    padding-top: 15px;
    font-size: 12px;
    color: #504b4b;
}
.Bank-text {
    display: inline-block;
    padding: 0 10px;
}
.upload_btn_jet {
    display: inline-block;
    width: 100%;
}
.upload_btn_jet input {
    display: none;
}
.upload_btn_jet label {
    cursor: pointer;
    border: 1px solid #eb6400;
    color: #eb6400;
    font-size: 14px;
    display: inline-block;
    border-radius: 8px;
    width: 100px;
    text-align: center;
    padding: 10px 14px;
    vertical-align: middle;
    margin-bottom: 0;
}
.accept_tnc {
    padding-left: 20px;
}
.accept_tnc a {
    color: #eb6400;
    font-weight: normal;
}
.btn-activate {
    width: 121px;
    height: 35px;
    border-radius: 8px;
    background-color: #eb6400;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.btn-activate:hover {
    color: #ffffff;
}

.derivative-modal .modal-content {
    box-shadow: rgba(0, 0, 0, 0.06) 2px 8px 18px;
    border-radius: 10px;
    padding: 0px;
}
.derivative-modal .modal-body {
    text-align: center;
    padding: 30px 20px;
}
.derivative-modal .close-icon {
    position: absolute;
    top: 20px;
    right: 20px;
}
.sucss-check {
    display: block;
    text-align: center;
    padding-bottom: 16px;
}
#Ledger .modal-info {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: normal;
    display: inline-block;
    height: 62px;
}
.derivative-modal .btn-primary {
    margin-top: 32px;
    width: 101px;
    height: 35px;
}
.derivative-modal .btn-primary.btn-pan {
    width: 219px;
}


#View-Brokerage-Details .modal-body {
    padding:  0;
    text-align: left;
}
.View-Brokerage-header {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 18px 0;
    padding-bottom: 18px;
    border-bottom: 1px solid #ededed;
    text-align: center;
}
#View-Brokerage-Details .modal-info {
    padding: 0 30px;
}
.Brokerage-info h4 {
    color: #eb6400;
    font-size: 14px;
    font-weight: 600;
}
.view-detail li {
   padding: 7px 0;
    color: #504b4b;
}
.Brokerage-info .odd {
    font-size: 14px;
    color: #504b4b;
    width: 150px;
    padding: 0;
}
.Brokerage-info .even {
    font-size: 16px;
    font-weight: 600;
    position: relative;
    padding: 0;
}
.Brokerage-info {
    display: flex;
}
.box-left{
    width: 55%;
}
.box-right {
    width: 45%;
}
.box-left .view-detail {
   border-right: 2px dashed #dedede;
    margin-right: 30px;
}
.view-detail {
    margin-top: 13px;
    margin-bottom: 20px;
}


.form-check {
    position: relative;
}
.form-check label {
    font-size: 14px;
    line-height: 18px;
    color: #222020;
    display: flex;
    align-items: center;
    margin-left: 10px;
    text-align:left; /*vishal*/
}
.form-check .form-check-input {
    margin-top: 0;
    margin-bottom: 0px;
    position: absolute;
    width: 0px;
    visibility: hidden;
    opacity: 0;
}
.form-check .form-check-input:checked ~ span {
    color: #eb6400;
}
.form-check .form-check-input ~ span:before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(../images/checkbox-mark-svg.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 96%;
    position: absolute;
    top: -1px;
    left: 0px;
}
.form-check .form-check-input:checked ~ span:before {
    background-image :url(../images/checkbox-svg.svg);
}

.chkSegment { /*vishal*/
    margin-right: 15px;
}

@media (min-width: 576px) {
    #Ledger .modal-dialog {
        max-width: 532px;
    }
    #View-Brokerage-Details .modal-dialog {
        max-width: 802px;
    }
}

.addoncalendar .input-group-addon {
    background-position: -47px -272px;
}

::-webkit-input-placeholder { 
    font-size: 14px;
    color: #888888;
}

:-ms-input-placeholder {
    font-size: 14px;
    color: #888888;
}

::placeholder {
    font-size: 14px;
    color: #888888;
}
.accept-warp {
    display: none;
}
.modal-info.info-web {
    display: block !important;
}
.modal-info.info-mobile {
    display: none !important;
}
.btn.btn-primary {
    background: #eb6400;
}
.web-none {
    display: none;
}


@media screen and (min-width: 1025px) {
    .modal-dialog {
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
    }
    .modal-content {
        margin: 0 auto;
    }
}
@media screen and (max-width: 1024px) {
    .market5list > li {
        width: 33%;
        margin-left: 0;
        padding: 0 10px;
        margin-top: 15px !important;
        margin-bottom: 10px !important;
    }
    .market5list > li.ml0 {
        margin-left: inherit;
    }
    .content-bg {
        padding-top: 5px !important;
    }
    .height46 .form-control {
        width: 160px;
    }
    .height46 select, .height46 .select-con {
        width: 180px !important;
    }
}
@media screen and (max-width: 960px) {
    .market5list > li {
        width: 49.5%;
    }
    .common-tabs-wrap ul.nav-tabs {
        overflow-x: scroll;
    }
    .common-tabs-wrap ul.nav-tabs>li>a:focus, .common-tabs-wrap ul.nav-tabs>li>a:hover {
        border-bottom: 1px solid #e4e4e4;
    }
    .tabs-left-list {
        display: block;
    }
    .tabs-left-list>li {
        display: inline-block;
    }
    .tabs-left-list>li:last-child {
        display: block;
        margin-top: 20px;
    }
    /* .height46 .form-control {
        width: 190px;
    } */
    .height46 select, .height46 .select-con {
        width: 200px !important;
    }
    .tabs-right-list>ul>li>a.cancel-order-wrap {
        margin-top: 75px !important;
    }
    .eoffmar-table {
        overflow-x: scroll;
        white-space: nowrap;
    }
}
@media screen and (min-width:768px) and (max-width:768px) {
    .categori-wise-commod .form-check { /*vishal*/
        margin-right: 8px !important;
    }
    .form-check label {
        margin-left : 7px;
    }
    .commodity-lbl {
        font-size: 14px;
    }
}

@media screen and (min-width:820px) and (max-width:820px) {
    .categori-wise-commod .form-check { /*vishal*/
        margin-right: 8px !important;
    }

    .form-check label {
        margin-left: 7px;
    }

    .commodity-lbl {
        font-size: 14px;
    }
}


@media screen and (max-width:767px) {
    .header-mobiel {
        display: none;
    }
    .for-mobiel {
        padding-top: 0;
    }
    .top-tile_info {
        text-align: left;
        line-height: 16px;
        font-size: 12px;
        padding-top: 10px;
    }
    .top-tile h6 {
        text-align: left;
        padding-top: 10px;
        font-size: 12px;
    }
    .Futures_Options {
        padding-top: 15px;
        justify-content: left;
    }
    .MY-account {
        margin-top: 0;
        margin-bottom: 75px;
    }
    .market5list > li {
        width: 49%;
        margin-bottom: 0 !important;
    }
    .market5list {
        padding: 0 10px;
    }
    .form-group .form-control, .select-con {
        height: 32px !important;
    }
    .select-con .select2-container--default .select2-selection--single .select2-selection__rendered {
        height: 32px;
        line-height: 32px;
    }
    .select-con .select2-container--default .select2-selection--single {
        height: 32px;
        line-height: 32px;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        transform: translate(0, -70%);
    }
    .categori-wise-commod .form-check {
        margin: 8px 0;
    }
    .commodity-lbl {
        margin-bottom: 10px;
    }
    .accept-warp {
        position: fixed;
        bottom: 25px;
    }
    .d-none-mob {
        display: none;
    }
    .accept_tnc {
        padding-left: 0;
    }
    .accept-warp {
        display: block;
        background-color: #ffffff;
        width: 100%;
        bottom: 0px;
        padding: 15px;
    }
    .btn-activate {
        width: 100%;
    }
    .Brokerage-info {
        flex-direction: column;
    }
    .box-right, .box-left {
        width: 100%;
    }
    .box-left .view-detail {
        margin-right: 0;
        border-right: none;
    }
    #View-Brokerage-Details .modal-info {
        padding: 0 15px;
    }
    .view-detail ul {
        justify-content: space-between;
    }
    .modal-info.info-web {
        display: none !important;
    }
    .modal-info.info-mobile {
        display: block !important;
        height: 100% !important;
    }
    .derivative-modal .btn-primary, .derivative-modal .btn-primary.btn-pan {
        width: 100%;
    }
    .commodity a {
        padding-bottom: 0;
        color: #222020;
        vertical-align: middle;
        font-weight: 600;
        font-size: 14px;
    }
    .deri-application-box {
        width: 100%;
        background: #EAF6FE;
        border: 1px solid #E8EBEF;
        box-sizing: border-box;
        box-shadow: 0px 8px 16px rgb(110 120 130 / 5%);
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 9px 15px;
        position: relative;
        margin-bottom: 25px;
    }
    .web-none {
        display: inline-block;
    }
  
}


@media screen and (max-width:575px) {
    .upload_btn_jet label {
        width: auto;
        padding: 9px 13px;
    }
    .upload-bank_sta p span {
        padding-left: 0;
        display: block;
        padding-top: 8px;
    }
    .categori-wise-commod .form-check {
        margin-right: 30px !important;
    } 
}
@media screen and (min-width: 540px) and (max-width: 540px) {
    .categori-wise-commod .form-check {
        margin-right: 75px !important;
    }
}
@media screen and (max-width:414px) {
    .commodity a {
        font-size: 11px;
    }
    .deri-application-box {
        padding: 9px 5px;
    }

    .chkSegment { /*vishal*/
        margin-right: 0;
    }
    .form-check label { /*vishal*/
        margin-left: 7px;
    }
}
@media screen and (max-width :360px) {
    .Futures_Options .form-check label {
        font-size: 13px;
    }
    .Brokerage-info .even {
        font-size: 15px;
    }

    .market5list { /*vishal*/
        padding: 0 7px;
    }
}

::placeholder {
    color: #222020 !important;
}


.modal-info{line-height: 1.5;font-size: 15px;}

.accept-new1 { /*Vishal*/
    display: none;
}

@media screen and (max-width :767px) {  /*Vishal*/
    .footer-summ-box {
        border-top: 1px solid #E1E3E5;
        background: #fff;
        padding: 15px;
        width: 100%;
        position: fixed;
        bottom: 0px;
        left: 0px;
        z-index: 111;
    }

    .btn-block {
        display: block;
        width: 100%;
    }
    .btn-activate {
        margin-bottom :10px;
    }
    .m_mrt0 {
        margin-top : 0;
    }
    .accept-new1 .form-group a {
        color: #eb6400;
    }

    .accept-new1{
        display: block;
    }

    .dactbeneficiary-main {
        padding-bottom:40px;
    }
}

@media screen and (max-width:375px) { /*vishal*/
    .categori-wise-commod .form-check {
        margin-right: 20px !important;
    }
    .upload-bank_sta p {
        font-size : 12px;
    }
}

@media screen and (max-width: 576px) {
    .modal-content iframe {
        height: 700px;
        width: 335px;
    }
}

@media screen and (max-width: 767px) {
    .modal-content {
        padding: 11px;
        
    }
}

.viewmodal {
    border-radius: 10px;
    position: relative;
    padding: 0px 0px 0px 0px;
}



.viewbody {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0.75rem;
}

/*******datepicker css start*******/
.datepicker.dropdown-menu {
    min-width: 270px;
    padding: 2px;
}

.datepicker table {
    width: 100%;
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
}

    .datepicker table thead tr:nth-child(2) {
        border-bottom: 1px solid #dedede;
    }

.datepicker td,
.datepicker th {
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
}

.datepicker th {
    font-weight: normal;
    color: #848488;
}

.datepicker td {
    font-weight: 500;
    color: #1b1b1a;
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
    background: #eee;
    cursor: pointer;
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .datepicker table tr td span.new,
    .datepicker table tr td span.old {
        color: #999;
    }

    .datepicker table tr td span.disabled,
    .datepicker table tr td span.disabled:hover {
        background: 0 0;
        color: #999;
        cursor: not-allowed;
    }

.datepicker .datepicker-switch,
.datepicker .next,
.datepicker .prev,
.datepicker tfoot tr th {
    cursor: pointer;
}

.datepicker .datepicker-switch {
    width: 145px;
}

.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
    background: #eee;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover {
    background: #ff9c52;
    color: #ffffff;
}

.datepicker table tr td span.active,
.datepicker table tr td.active.active {
    background: #eb6400;
    color: #ffffff;
}


/*******datepicker css end*******/