﻿
/*Extra Css for CMS tbutton popup*/
.trade-entry-input-list > li{margin-bottom: 10px; position: relative;}
.trade-entry-input-list > li label{display: inline-block; margin: 7px 10px 0 0; width: 125px;}
.trade-entry-input-list > li > p{display:inline-block; vertical-align: top; position: relative;}
.trade-entry-input-list > li > p input , .stock-trade-search-input{border: none; border-bottom: 1px solid #1190e0; color: #1190e0; font-size: 14px; height: 28px; width: 265px;}
.stock-trade-search-input{border-bottom: none; height: 26px; width: 138px;}
.trade-entry-input-list > li > p input:disabled , .invest-down input:disabled{border-bottom-color:#c5c5c5; color: #333; background: none;}
.trade-entry-input-list > li p.invest-down{border-bottom: 1px solid #1190e0; height: 28px; width: 265px;}
.trade-entry-input-list > li .intvest-time{height: auto; border-bottom: none; line-height: 20px; min-width: 245px; color: #1190e0;}
.trade-entry-input-list > li .inst-arrow{vertical-align: text-bottom; padding-top: 0;}
.trade-scheme-charges{margin-top: 0;}
.trade-val-text{margin-top:20px; font-weight: bold;}
.order-entry-steps .ui-datepicker-trigger{display: none;}
.order-entry-re .order-price-option , .trade-validation{width: 330px;}
.trade-more-icon{background:url(/app/css/images/portfolio/plus-small.png); display: inline-block; width: 10px; height:10px;}
.trade-more-info.active .trade-more-icon , .price-more-info.active .trade-more-icon{background:url(/app/css/images/portfolio/neg-small.png);}
.trade-scheme-charges .scheme-moreinfo{float: none; margin-right: 0;}
/*Extra Css for CMS tbutton popup*/


/*style added by ashish 14032019 for Alert Popup in CMS Pages*/
.trade-entry-input-list li ul.price-selection-list .radio label {
    width: 180px;
    line-height: 1;
    margin-top:0px !important;
}

.trade-entry-input-list>li.price-condition .price-field-list li label, .price-selection-list li label {
    margin-top: 0;
}

.trade-entry-input-list li ul.price-selection-list .radio {
    width: 180px;
    line-height: 1;
}

.trade-entry-input-list > li.price-condition p.invest-down {
    width: 170px;
    height: 28px;
}

.show-more-price-field .trade-more-icon {
    background: url(../../images/portfolio/plus-small.png);
    display: inline-block;
    width: 10px;
    height: 10px;
}
.show-more-price-field .trade-more-info.active .trade-more-icon,
.show-more-price-field .price-more-info.active .trade-more-icon {
    background: url(../../images/portfolio/neg-small.png);
}

.mar-val-inper span.red-text {
    color: #BA0000;
    font-size: 16px;
}



.trade-lumsetp1-re .con-1 {
    font-size: 24px !important;
    color: #1190e0;
}

.trade-lumsetp1-re.order-entry-re {
    width: 285px;
    background: #f8f8f8;
}

.share-price-info-list li {
    float: left;
    width: 50%;
    font-size: 14px;
}

.order-entry-rig {
    margin-bottom: 10px;
}

.order-entry-rig .mar-val {
    font-size: 24px;
}

.order-entry-re .rea-mod-time {
    font-size: 14px;
}

.share-price-info-list li:first-child {
    border-right: 1px dotted #c5c5c5;
    padding-right: 20px;
}

.share-price-info-list li:last-child {
    padding-left: 20px;
}

.trade-lumsetp1-re.order-entry-re.price-info-wrapper .con-1 {
    margin-top: 0px;
    }


.alert-popup-steps .trade-lumpsum {
    font-size: 14px !important;
}

.price-condition value .rea-mod-time {
    position: absolute;
    top: 45px;
    font-size: 18px;
    z-index: 7;
    width: 230px;
}

div.flash-error, div.flash-notice, div.flash-success {
    padding: .8em;
    margin-bottom: 1em;
    border: 2px solid #ddd;
}

div.flash-error {
    text-align: center;
        background: #FBE3E4;
    color: #8a1f11;
    border-color: #FBC2C4;
}

div.flash-error a {
    color: #1190e0 !important;
    text-decoration: underline;
}


.tbutton-popup-widget .search-icon {
    padding: 9px 0;
}

.tbutton-popup-widget .sip-condition {
    margin-top: 3px;
}

.tbutton-popup-widget .multisip-condition {
    margin-top: 15px;
}

.tbutton-popup-widget #terms-multisip {
    margin-top: 16px;
}


@media(max-width: 768px){
    .alert-popup-steps .trade-lumsetp1-le {
        width: 100%;
    }

    .price-selection-list li {
        display: block;
    }

    .lumpsum-selection-div .invest-down .inst-arrow {
    margin-top: 20px;
    }

    .invest-drop-txt.order-entry-trade-option {
        margin-top: 0 !important;
    }

    .banner-align .intvest-time, .banner-com .intvest-time {
        border-bottom: 0px solid #fff;
    }

    .banner-align .invest-down, .banner-com .invest-down {
        border-bottom: 1px solid #fff;
        margin-bottom: 20px;
    }

    .banner-align .invest-down .inst-arrow , .banner-com .invest-down .inst-arrow {
    position: relative;
    top: -10px;
    }
    .trade-entry-input-list > li.price-condition .price-field-list {
        padding-left: 10px;
    }

}

/*style added by ashish 14032019 for Alert Popup in CMS Pages end */

.tbutton-popup-widget .tbutton-popup-container a {
    color: #337ab7;
    text-decoration: none;
}

.tbutton-popup-widget .ui-datepicker-trigger {
    top: 0px;
 }

 .tbtn-errormodel-content {
    background-color: #fff;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 100%;
}

.tbtn-errormodel-content .close {
    right: -25px;
    top: -5px;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: #0d57a0!important;
    border: 0;
    width: 35px;
    height: 35px;
}

.tbtn-errormodel-content .tbtn-btn-primary {
    background: #0d57a0;
    border: 0;
    color: #fff;
    padding: 5px 15px;
    margin: 35px 0;
}