.add_watchlistbtn {font: 900 12px 'Lato', arial; color: #000 !important;padding: 6px 10px;order: 1px solid #DBE9F0;border-radius: 3px; background: #f7f7f7; margin-bottom: 10px; display: inline-block;text-decoration: none !important;}
    #add_watchlist_option *, #add_watchlist_option { box-sizing: border-box; }
    #add_watchlist_option {font-family: 'Lato', sans-serif}
    #add_watchlist_option.watchlist_modal{text-align: center;}
    #add_watchlist_option.watchlist_modal .modal-dialog {width:500px; display: inline-block; text-align: left; vertical-align: middle;}
    #add_watchlist_option.watchlist_modal.modal:before {content: ''; display: inline-block; height: 100%;vertical-align: middle; margin-right: -4px;}
    #add_watchlist_option.watchlist_modal .modal-content { border-radius:3px; overflow: hidden; background:#fff; }
    #add_watchlist_option.watchlist_modal .modal-dialog { border:none; background: none;}
    #add_watchlist_option.watchlist_modal .modal-header { font:900 18px 'Lato', Arial, sans-serif; background: #F6F8FB; color:#333333; text-align:center; padding: 15px !important;}
    #add_watchlist_option.watchlist_modal .modal-header .close { color:#555657; position: absolute; right: 10px; top: 5px;  opacity: 1 !important; font-size: 30px; margin-top: 0 !important; margin-right: 0;}
    #add_watchlist_option .pncaddwl { width: 360px; margin: 15px auto 20px; text-align: left;}
    .ad_watchdropdown_nw.width64:last-child {width: 85px !important;}
    #add_watchlist_option .pncaddwl .watchlist_items > li { border-bottom:1px dotted #DEDEDE; padding:10px;}
    #add_watchlist_option .pncaddwl .watchlist_items > li label { margin:0px; color:#333333; font:12px 'Roboto', sans-serif; display: flex; align-items: center;}
    #add_watchlist_option .pncaddwl .watchlist_items > li .sel_radio { vertical-align: middle; display: inline-block; width:20px; height:20px; border:1px solid #DDDDDD; background:#fff; border-radius:50%; margin-right:10px; position:relative;}

    #add_watchlist_option .pncaddwl .watchlist_items > li input[type=radio] {display: none;}
    #add_watchlist_option .check_label input:checked~.sel_radio:after { content: ""; width:12px; height:12px; background:#036BA5; border-radius:50%;   position:absolute; left:2px; top:3px; left:3px;}
    #add_watchlist_option .pnwlinpu { border:1px solid #BBBBBB; padding:5px; background:#fff; border-radius:2px; color:#939393; font:700 italic 12px 'Lato', sans-serif; width:130px;}
    #add_watchlist_option .delActbtn { text-align:center;}
    #add_watchlist_option .delActbtn button, #add_watchlist_option .pncaddwl li button { display:inline-block; border-radius:3px;  border: none; cursor: pointer; background:#999999; color:#fff; font:12px/33px 'Lato', Arial, sans-serif; width: 86px; height: 36px; margin:0 10px; }
    #add_watchlist_option .pncaddwl ul > li button {font:12px/27px 'Lato', Arial, sans-serif; width:70px; }
    #add_watchlist_option .delActbtn button:hover, #add_watchlist_option .pncaddwl ul > li button:hover { background:#000000; }
    #add_watchlist_option .watchlist_disabled{pointer-events: none; opacity: 0.5; user-select: none; /* supported by Chrome and Opera */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */-ms-user-select: none; /* Internet Explorer/Edge */}
    #add_watchlist_option .ad_watchdropdown{position: relative;}
    #add_watchlist_option .ad_watchdropdown select{ background-color: transparent; border:1px solid #CCCCCC; border-radius: 3px; width: 100%; height: 30px; -webkit-appearance: none; -moz-appearance:    none; appearance:none; padding:0px 20px 0px 10px; font-size: 12px; cursor: pointer; position: relative; z-index: 1;}
    #add_watchlist_option .ad_watchdropdown:after{content: ""; border: solid #000000; border-width: 0 1px 1px 0;padding: 3px;margin-left: 5px;
    width: auto; height: auto; margin-bottom: 0px; display: inline-block;vertical-align: middle; transform:rotate(45deg);-webkit-transform:rotate(45deg); position: absolute; top: 10px; right: 10px; z-index: 0;}
    #add_watchlist_option .ad_watchdropdown_nw { position: relative; border-radius:15px; border:1px solid #CCCCCC; background:#fff; display: inline-block; width: 125px; height: 30px; }
    #add_watchlist_option .ad_watchdropdown_nw > a { color:#444444 !important; font: 500 11px/10px 'Lato', sans-serif;   display:block; padding: 9px 10px; text-decoration: none !important; }
    #add_watchlist_option .ad_watchdropdown_nw.active { border:1px solid #333; color:#000;  }
    #add_watchlist_option .ad_watchdropdown_nw > a:after { position: absolute; width:5px; height: 5px; display: block; content: ""; border-left:1.5px solid #000000; border-bottom:1.5px solid #000000; transform: rotate(-45deg); right:10px; top:10px;  }
    #add_watchlist_option .ad_watchdropdown_nw.active > a:after { border-left:1.5px solid #000; border-bottom:1.5px solid #000;}

    #add_watchlist_option .ad_watchdropdown_nw .dropdown-menu { padding: 10px 0; width: 100%; border-radius: 3px; min-width: 62px;}
    #add_watchlist_option .ad_watchdropdown_nw .dropdown-menu > li { padding:0 10px;}
    #add_watchlist_option .ad_watchdropdown_nw .dropdown-menu > li:hover { background:#E4E4E4;}
    #add_watchlist_option .ad_watchdropdown_nw .dropdown-menu > li > a { font: 12px 'Lato',sans-serif;  padding: 10px 0; border-radius:0px; 
    text-decoration: none; border:none; border-bottom: 1px dashed #E4E4E4;}
    #add_watchlist_option .ad_watchdropdown_nw .dropdown-menu > li a:hover, .ad_watchdropdown_nw .dropdown-menu > li a:focus {background:none;} 
    #add_watchlist_option .ad_watchdropdown_nw .dropdown-menu > li:last-child a { border: none;}  
    #add_watchlist_option .ad_watchdropdown_nw .dropdown-menu > li > a:hover { background:none;}
    #add_watchlist_option .ad_watchdropdown_nw .cust_scroll { max-height: 210px; overflow-y: auto; scrollbar-color: #CEBEB4 transparent; scrollbar-width: thin; } 
    #add_watchlist_option .ad_watchdropdown_nw .cust_scroll::-webkit-scrollbar { height: 6px; width: 5px; background-color: transparent; border-radius: 5px }
    #add_watchlist_option .ad_watchdropdown_nw .cust_scroll::-webkit-scrollbar-thumb { width: 5px;  height: 100px !important; background-color: #333; border-radius: 3px }
    #add_watchlist_option .watchlist_items {margin-bottom: 30px;}
    #add_watchlist_option .delActbtn button:nth-of-type(1) {background-color: #ffffff; color: #666666; font: 700 12px "Lato", sans-serif; border: 1px solid #CCCCCC;}
    #add_watchlist_option .delActbtn button:nth-of-type(1):hover {background-color: #000000; color: #ffffff;}
    #add_watchlist_option .delActbtn button:nth-of-type(2) {width: 72px;}
    #add_watchlist_option .selectbox_text {font: 12px/16px "Roboto", sans-serif; color: #333333; display: inline-block;
        margin-right: 8px;}
    .width64 {width: 64px !important;}
    .ad_watchdropdown_nw:nth-of-type(3) {margin: 0 10px;}

    
@media all and (max-width:767px){
    #add_watchlist_option.watchlist_modal .modal-dialog{margin: 80px 10px 0px; width: 95%; display: block;}    
    .watchlist_modal.modal.bottom.fade .modal-dialog {
        bottom: -372px;
        top: unset;
        position: fixed;
        -webkit-transition: opacity 0.3s linear, bottom 0.7s ease-out;
        -moz-transition: opacity 0.3s linear, bottom 0.7s ease-out;
        -o-transition: opacity 0.3s linear, bottom 0.7s ease-out;
        transition: opacity 0.3s linear, bottom 0.7s ease-out;
        width: 100%;
    }

    .watchlist_modal.modal.bottom.fade.in .modal-dialog {
        bottom: 0;
    }

    #add_watchlist_option .pncaddwl {width: 100%; text-align: center; margin-bottom: 0;}
    #add_watchlist_option .ad_watchdropdown_nw {width: 120px;}
    .modal-backdrop.in {z-index: 9999;}
    .watchlist_modal.modal {top: unset; bottom: unset; transform: unset;}
    #add_watchlist_option .watchlist_items {width: 65%; margin: auto; margin-bottom: 20px;}
    .width64 {display: none;}
    .watchlist_modal .modal-body {padding: 0 !important;}
    #add_watchlist_option .delActbtn button:nth-of-type(1) {width: 48%; border-radius: 0; margin: 0;}
    #add_watchlist_option .delActbtn button:nth-of-type(2) {width: 50%; border-radius: 0; margin: 0;}
    #add_watchlist_option .delActbtn button {height: 40px; text-transform: uppercase; background: transparent;
        color: #666666; border: 1px solid #CCCCCC;}
    #add_watchlist_option .delActbtn button {box-sizing: content-box;}
    .ad_watchdropdown_nw.width64 {display: none !important;}
    .modal-open .modal {z-index: 99999;}
}
/* avoid IOS Background scroll on popup*/
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        body.modal-open {
            overflow: hidden;
            position: fixed;
            height: 100%;
            width: 100%;
            left: 0px;
            top: 0px;
        }

        html {
            height: calc(100vh + 50px);
        }
    }
}