.market-news-page{border:1px solid #ddd;background-color:#fff;}
.market-news-page .SelectBox{width:inherit;line-height: 22px;}
.market-news-page .SumoSelect{text-align:left;}
.market-news-page .SumoSelect label{font-weight:normal;}
.market-news-page .SumoSelect > .CaptionCont > label {margin-bottom: 0px;}

.xmarket-news-page caption>span{vertical-align: super;}

.market-news-page div.filter-panel{display:none;line-height: 30px;}

.market-news-page .filter-oppener-btn{line-height:30px;cursor:pointer;}

/*.market-news-page .date-filter{min-width:155px;}*/
.market-news-page .filter-panel .SumoSelect{min-width:108px;width:100%;}

.market-news-page > .filter-button, .market-news-page > .search-filter{display:none;}


.market-news-page .search-filter{padding-left: 0px;}

.market-news-page .filter-panel{padding: 0 20px 10px 20px;}
.market-news-page .filter-panel .col-12{padding:5px 10px;}
.market-news-page .filter-panel .col-12 > div > div{width:100%;}
.market-news-page .filter-panel > div > span{display:inline-block;width:150px;float:left;line-height:30px;}
.market-news-page .row.search{border-top:1px solid #ddd;padding:10px;}
.market-news-page .dataTables_length{float:right;position: relative;}

.market-news-page .headline-row {cursor:pointer;}

@media (min-width: 768px) {


    .market-news-page .filter-panel{padding: 0 23px 10px 25px;}
    .market-news-page .filter-panel .col-12 > div > div.date-filter{width:155px;}
    .market-news-page .filter-panel .col-sm-4{padding:5px;}
    .market-news-page .filter-panel .col-sm-4:last-child{padding-right:0px;}
    .market-news-page .filter-panel .col-sm-4:first-child{padding-left:0px;}
    .market-news-page input.date-filter {
        width: 118px !important;
    }
    .market-news-page .dataTables_length label.newsPerPage {
		bottom: 2px;
		position: absolute;
		padding-right: 5px;
		right: 32px;
		width: 134px;
		max-width : 150px !important;
        padding-right: 5px;
    }
    .filter-button .btn-link{
            margin-left: -30px;
    }
    .market-news-page  .search-input{ width:300px !important;}
    .market-news-page  .input-group-btn{ padding-left: 10px !important;}
    .market-news-page .category-container{width:50%;}
    .market-news-page .instrument-container{width:50%;}
    .market-news-page .instrument-label{margin-left: 5px;}


}

@media (min-width: 769px) {
   .market-news-page .row.pager-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    margin-right: 0px;
    margin-left: 10px;
    padding-right: 0px;
}
}

@media (max-width: 768px) and (min-width: 768px) {
    .market-news-page .row.pager-wrapper {
        padding-top: 10px;
        padding-bottom: 10px;
        width: 100%;
        margin-right: 0px;
        margin-left: 8px;
        padding-right: 0px;
    }

    .market-news-page #date-row{
        padding-right: 2%;
    }
    .market-news-page #category-row{
        padding-left: 4%;
        padding-right: 4%;
    }
    .market-news-page #instrument-row{
        padding-left: 4%;
        padding-right: 3px;
    }
}

@media (min-width: 992px){
    .market-news-page .row.pager-wrapper {
        padding-top: 10px;
        padding-bottom: 10px;
        width: 100%;
        margin-right: 0px;
        margin-left: 8px;
        padding-right: 0px;
    }

    .market-news-page #date-row{
        padding-right: 2%;
    }
    .market-news-page #category-row{
        padding-left: 4%;
        padding-right: 5%;
    }
    .market-news-page #instrument-row{
        padding-left: 5%;
        padding-right: 3px;
    }
}

@media (max-width: 991px) and (min-width: 890px) {
    .market-news-page .row.pager-wrapper {
        padding-top: 10px;
        padding-bottom: 10px;
        width: 100%;
        margin-right: 0px;
        margin-left: 8px;
        padding-right: 0px;
    }

    .market-news-page #date-row{
        padding-right: 6%;
    }
    .market-news-page #category-row{
        padding-left: 4%;
        padding-right: 5%;
    }
    .market-news-page #instrument-row{
        padding-left: 5%;
        padding-right: 3px;
    }
}

@media (max-width: 889px) and (min-width: 776px) {
    .market-news-page .row.pager-wrapper {
        padding-top: 10px;
        padding-bottom: 10px;
        width: 100%;
        margin-right: 0px;
        margin-left: 8px;
        padding-right: 0px;
    }

    .market-news-page #date-row{
        padding-right: 3%;
    }
    .market-news-page #category-row{
        padding-left: 4%;
        padding-right: 4%;
    }
    .market-news-page #instrument-row{
        padding-left: 4%;
        padding-right: 3px;
    }
}

@media (max-width: 768px) and (min-width: 481px) {
    .market-news-page .row.pager-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    margin-right: 0px;
    margin-left: 7px;
    padding-right: 0px;
}
}

@media (max-width: 767px) and (min-width: 481px) {
    .market-news-page .row.pager-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    margin-right: 0px;
    margin-left: -14px;
    padding-right: 0px;
}
}

@media (max-width: 480px)  {
    .market-news-page .row.pager-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    margin-right: 0px;
    margin-left: -14px;
    padding-right: 0px;
}
}

@media (min-width: 992px) {
    .market-news-page .dataTables_wrapper .dataTables_length {
        float: right;
    }
    .market-news-page input.date-filter {width:100% !important;}
}

@media (max-width: 767px) {
    .market-news-page .dataTables_length label.newsPerPage {
        bottom: 2px;
		position: absolute;
		padding-right: 5px;
		right: 36px;
		width: 100px;
		max-width : 100px !important;
        padding-right: 5px;
    }
    .row.search{
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 10px !important;
    }
    .market-news-page .search .col-12 {padding-right: 0px !important;}

    .market-news-page .date-filter{
        width: 100% !important;
        min-width: 10px !important;
        font-size:12px !important;
	text-align:center;
    }
    .market-news-page .SelectBox{font-size:14px !important;}

    /*.market-news-page .dataTables_length .CaptionCont.SelectBox{
        width: 60px;
    }*/

    .market-news-page .dataTables_length > .SumoSelect {
        margin-right: -45px;
    }

    .market-news-page  #date-row{margin-bottom:20px;}
    .market-news-page  #category-row{margin-bottom:20px;}
    .dataTables_length >.SumoSelect > .optWrapper {
        min-width: 60px !important;
        width: 60px;
    }

    .market-news-page .SumoSelect > .optWrapper {
        overflow: inherit;
    }

    .market-news-page .dataTables_length {
        padding-top: 7px;
    }

    .market-news-page .dataTable thead th.sorting{
        display: none;
    }

    .market-news-page .dataTable thead th.sorting_desc{
        display: none;
    }

    .market-news-page .dataTable thead th.sorting_asc{
        display: none;
    }

    .market-news-page .search-filter .input-group-btn{
        padding-left: 5px;
        padding-top: 0px;
    }

    .filter-button .btn-link{
        padding-left: 2px;
        margin-top: 8px;
    }

    .market-news-page .date-filter {
        min-width: 100px;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .market-news-page .dataTables_length {
        padding-right: 20px;
        position: relative;
    }


}

@media (max-width: 400px) {
.SumoSelect > .optWrapper.isFloating{
	position:absolute;
    top: 70px;
	    height: 200px;
}
.market-news-page .SumoSelect > .optWrapper > .options{
	background-color:white;
	border: 1px solid #ddd;
    box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11);
}

}

.market-news-modal .new-header h4{
    color: #333333 !important;
    font-weight: bold !important;
	   margin-bottom: 0px;
}
.market-news-modal .new-header h3{
    color: #333333 !important;
    font-weight: bold !important;
	   margin-bottom: 0px;
}
.market-news-modal .page-header{
	margin-bottom:10px;
}
.market-news-modal .line{margin-top:20px;margin-bottom:0px;}
.market-news-modal .risk{padding: 20px 40px 0px 40px;text-align: left;font-size: 11px;color:#848484 !important;}

.SumoSelect > .optWrapper {
    min-width: 200px;
}
.dataTables_length >.SumoSelect > .optWrapper {
    min-width: 55px;
}
th > .SumoSelect{width:100%;}

.new-header h3{
    color: #333333 !important;
    font-weight: bold !important;
    margin-bottom: 2px;
}

.new-header{
    margin-bottom: 2px;
}


.modal.market-news-modal .modal-body{
    padding: 0 5% 15px;
}

body.modal-open div.modal.market-news-modal{
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}
body.modal-open div.modal.market-news-modal img {
	max-width: 100% !important;
    height:auto !important;
}
@media (min-width:992px){
    .market-news-modal div.modal-dialog{
        width: 800px;

    }
}

@media (min-width:768px) and (max-width:991px) {
    .market-news-modal div.modal-dialog{
        width: 600px;

    }
}

@media (max-width:767px) {
    .market-news-modal div.modal-dialog{
        width: 300px;

    }
}

.rtl .market-news-page .dataTables_length{float:left;}

.rtl .market-news-page .dataTables_length label.newsPerPage {
    padding-left: 5px;
    left: 36px;
    right: auto;
}

.rtl .market-news-page .SumoSelect{
    text-align:right;
}

@media (max-width: 767px) {
    .rtl .market-news-page .dataTables_length {
        padding-right: 0px;
        padding-left: 20px;
    }

    .rtl .market-news-page .dataTables_length .CaptionCont.SelectBox{
        margin-left: auto;
        margin-right: auto;
    }

    .rtl .market-news-page .dataTables_length > .SumoSelect {
        margin-right: 0px;
        margin-left: -45px;
    }

    .rtl .market-news-page .row.pager-wrapper {
        margin-right: -14px;
        margin-left: 0px;
        padding-left: 0px;
    }
}
