/*
*  Default Screener Skeletom
*  @author: Subhranil Dutta (subhranild@zacksindia.com)
*  copyright: 2017- 2018
*/

body{
    background: #fafafa;
    overflow-x: hidden;
}

.container-custom {
    width: 720px;
    padding-left: 0;
    padding-right: 0;
    /*overflow-x: hidden;
    overflow-y: hidden;*/
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-9 {
    width: 75%;
  }


/* custom attributes for width */
@media (min-width: 900px) {
  /*.container-custom {
    width: 720px;data-title
    
    padding-left: 0;
    padding-right: 0;
  }*/
  /*.col-lg-3 {
    width: 25%;
  }
  .col-lg-9 {
    width: 75%;
  }*/
}
/*@media (min-width: 992px) {
  .container-custom {
    width: 900px;
  }
}
@media (min-width: 1200px) {
  .container-custom {
    width: 740px;
    position: relative;
  }
}*/ 


/* Custom Modal*/
@media (min-width: 768px){
    #runscreen_result .modal-dialog {
        width: 875px;
        margin: 30px auto;
        background: #fff;
        overflow: hidden;
        border: none;
    }
    #runscreen_result .modal-dialog .modal-content{
        border: none;
    }
    #runscreen_result .modal-content .modal-body{
        padding: 0;
        min-height: 500px;
    }
    #runscreen_result .modal-content .modal-body object body{
        padding: 0;
    }
}


/*Global Class*/
body, div, ul, li, a, p, span, a:hover, input, select, fieldset, button, label, legend{
    font-family: Arial,sans-serif;
    outline: 0 none;
}

/*Global form field*/
input[type=text], input[type=password], select, input[type=search]{
    border: 1px solid #cacaca;
    color: #000;
    font-size: 9pt;
    padding: 3px;
    margin: 0 5px 0 0;
    display: inline-block;
    min-width: 80px;
    outline: 0 none;
}
input[type=checkbox], input[type=radio]{
    border: 1px solid #cacaca;
    color: #ccc;
    margin: 0 0 0 0;
    display: inline-block;
    outline: 0 none;
    background: #fff;
    padding: 2px;
    /*zoom: 1.5;*/
    height: 16px;
    width: 16px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
input[type=submit], input[type=button], button{
    border: 1px solid #cacaca;
    background: #000;
    border-radius: 0;
    padding: 3px 8px;
    color: #fff;
    font-size: 10pt;
    text-align: center;
    min-width: 80px;
    text-decoration: none;
    font-weight: normal;
    outline: 0 none;
}
input[type=submit]:hover, input[type=button]:hover, button:hover{
    opacity: 0.8;
    transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
}


/*Error Message*/
.error{
    color: #de6812;
    font-size: 9pt;
    font-weight: bold;
    font-stretch: extra-expanded;
}
.error span{
    font-size: 13pt;
}

/*Global keyframes*/
/* Go from zero to full opacity */
@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}


/*Global Container Style*/
.container{
    margin-top: 15px;
}
.container-custom .panel, .container-custom .panel-heading{
    border-radius: 0;
}


/*Rank Box*/
.rank-chip{
    width: 18px;
    height: 18px;
    text-align: center;
    border: 1px solid #29323B;
    background: #484848;
    color: #ececec;
    display: inline-block;
    border-radius: 2px;
    line-height: 17px;
    font-weight: bold;
    font-size: 8pt;
}
/*.chip-value-1{
    background: #00ad13;
    border: 1px solid #028d11;
    color: #fff;
}
.chip-value-2{
    background: #086218;
    border: 1px solid #023d0c;
    color: #fff;
}
.chip-value-3{
    background: #ec9c01;
    border: 1px solid #ba7c01;
    color: #fff;
}
.chip-value-4{
    background: #800101;
    border: 1px solid #560202;
    color: #fff;
}
.chip-value-5{
    background: #e10d0d;
    border: 1px solid #b50101;
    color: #fff;
} */

/*Srting Arrows*/
    /*Sorting Desending*/
    table.dataTable thead .sorting_desc{
        background-image: url(../../../images/screener/sort_desc.png) !important;
        padding-right: 15px !important;
    }
    /*Sorting Asending*/
    table.dataTable thead .sorting_asc{
        background-image: url(../../../images/screener/sort_asc.png) !important;
        padding-right: 15px !important;
    }
    /*Sorting Default*/
    table.dataTable thead .sorting{
        background-image: url(../../../images/screener/sort_both.png) !important;
        padding-right: 15px !important;
    }


/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    color: #000;
}

/*Disable Button*/
.tab button.disabled {
    opacity: 0.2;
    background-color: #596f86;
    color: #fff;
    cursor: inherit;
}
.tab button.disabled:hover{
    opacity: 0.2;
    background-color: #596f86;
    color: #fff;
    cursor: inherit;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
    transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
}

/* Create an active/current tablink class */
.tab button.tabhighlight {
    background-color: #ccc;
}

/* Style the tab content */
/*new-screen-wrapper{
    min-height: 560px;
    display: contents;
    width: 100%;
    float: left;
}*/
.tabcontent {
    display: none;
    padding: 0;
    border: 1px solid #ccc;
    border-top: none;
    margin: 0;
}
/* Styled for fading effect */
.tabcontent {
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
    /*min-height: 496px;*/
}


/* Page Header */
.container-custom > h3.page-header{
    margin: 0;
    padding: 5px 10px;
    color: #005e00;
    font-weight: bold;
    margin-bottom: 15px;
    border-bottom: 1px solid #cacaca;
    position: relative;
    font-size: 22px;
}


/*Individual Tab Container*/
/*Left Panel*/
.tabcontent > aside{
    padding-left: 0;
    padding-right: 0;
}
    .tabcontent > aside .panel-group{
        margin-bottom: 0;
    }
        .tabcontent > aside .panel-group .panel{
            border: none;
        }
            /*Panel Heding*/
            .tabcontent > aside .panel-group .panel .panel-heading{
                background: #4b4b4b;
            }
                .tabcontent > aside .panel-group .panel .panel-heading h4.panel-title{
                    color: #fff;
                    font-size: 11pt;
                }
            /*Panel Body*/
            .tabcontent > aside .panel-group .panel .panel-body{
                background: #fff;
                padding: 0;
                border-right: 1px solid #cacaca;
            }
                .tabcontent > aside .panel-group .panel .panel-body ul{
                    margin: 0;
                    padding: 0;
                    list-style: none;
                }
                    .tabcontent > aside .panel-group .panel .panel-body ul li{
                        list-style: none;
                        border-bottom: 1px solid #cacaca;
                        /*background: #ececec;*/
                        padding: 5px 9px;
                        cursor: pointer;
                        line-height: 17px;
                    }
                        .tabcontent > aside .panel-group .panel .panel-body ul li a{
                            padding: 0;
                            margin: 0;
                            text-decoration: none;
                            color: #318fbd;
                            /*display: block;*/
                            font-size: 9pt;
                        }
                        .tabcontent > aside .panel-group .panel .panel-body ul li:hover{
                            background: #ececec;
                        }


/* Right Panel */
.tabcontent > section.criteria-wrapper{
    padding-left: 1px;
    padding-right: 0;
    float: right;
}

    /*Select Criteria*/
    .tabcontent > section.criteria-wrapper .panel-group.select-criteria
    , .tabcontent > section.criteria-wrapper .panel-group.choose-category{
        margin-bottom: 0;
        float: left;
        width: 100%;
        margin-bottom: 5px;
    }
        .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel
        , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel{
            border: none;
        }
            /*Panel Heding*/
            .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel > .panel-heading
            , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel > .panel-heading{
                background: #4b4b4b;
            }
                .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel > .panel-heading h4.panel-title
                , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel > .panel-heading h4.panel-title{
                    color: #fff;
                    font-size: 11pt;
                }

            /*Panel Body*/
            .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body{
                /*height: 360px;
                overflow-y: scroll;*/
            }
            .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body
            , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body{
                background: #fff;
                padding: 0;
                min-height: 145px;
                padding-top: 7px;
            }
                .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul      
                , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul{
                    margin: 0;
                    padding: 0;
                }
                    .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li
                    , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li{
                        list-style: none;
                        padding: 3px 0 3px 5px;
                        margin-bottom: 1px;
                        float: left;
                        width: 100%;
                    }
                    .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li:hover
                    , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li:hover
                    , .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body table tr:hover
                    , .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body table tr:nth-child(even):hover
                    , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body table tr:hover
                    , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body table tr:nth-child(even):hover{
                        background: #e8e8e8;
                        transition: all linear 0.1s;
                        -moz-transition: all linear 0.1s;
                        -webkit-transition: all linear 0.1s;
                    }
                    
                        .tabcontent > section.criteria-wrapper.my-screen .panel-group.select-criteria .panel .panel-body table tr:hover
                        , .tabcontent > section.criteria-wrapper.my-screen .panel-group.select-criteria .panel .panel-body table tr:hover td
                        , .tabcontent > section.criteria-wrapper.my-screen .panel-group.select-criteria .panel .panel-body table tr.odd:hover td.sorting_1{
                            background-color: whitesmoke !important;    
                        }
                        .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li fieldset{
                            width: 91%;
                            float: left;
                        }
                            .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li label{
                                margin-bottom: 0;
                            }
                            .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li fieldset span
                            , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li fieldset span{
                                margin-bottom: 0;
                            }
                            .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li fieldset label.criteria-name
                            , .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li fieldset legend.criteria-name
                            , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li fieldset label
                            , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li fieldset > legend
                            , .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body table fieldset legend.criteria-name
                            , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body table fieldset legend.criteria-name{
                                width: 205px;
                                float: left;
                                color: #4b4b4b;
                                font-size: 9pt;
                                font-weight: bold;
                                padding-top: 3px;
                            }
                            .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li fieldset > label
                            , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li fieldset > legend{
                                padding-top: 6px;
                                width: auto;
                            }
                            .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body table fieldset > div.criteria-situation
                            , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li fieldset > div.criteria-situation{
                                float: right;
                            }
                            .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li fieldset span.criteria-select{
                                padding-top: 0;
                            }
                            .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li fieldset span.criteria-select
                            , .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body table fieldset span.criteria-select
                            , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body table fieldset span.criteria-select{
                                position: relative;
                            }
                            .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li fieldset span.criteria-select
                            , .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body table fieldset span.criteria-select
                            , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body table fieldset span.criteria-select{
                                width: 140px;
                                float: left;
                                text-align: right;
                                padding-right: 10px;
                            }
                            .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li fieldset span .formErrorContent
                            , .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body table fieldset span .formErrorContent{
                                /*right: 40px;*/
                                min-width: 150px;
                            }
                            .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li fieldset span.criteria-select-box
                            , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li fieldset span.criteria-select-box{
                                width: 77px;
                                float: left;
                                text-align: right;
                                padding-left: 0;
                            }
                                .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li fieldset span.criteria-select-box a.premium{
                                    padding-right: 10px; 
                                }
                                .tabcontent > section.criteria-wrapper #criteria_panel ul li fieldset span.criteria-select-box input[type=checkbox]{
                                    position: relative;
                                    top: 2px;
                                }
                                .tabcontent > section.criteria-wrapper #criteria_panel ul li fieldset span.criteria-select-box span.rank-chip{
                                    position: relative;
                                    top: -2px;
                                    left: -1px;
                                }

                            .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li fieldset span.criteria-select select
                            , .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body table fieldset span.criteria-select select
                            , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body table fieldset span.criteria-select select
                            , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li fieldset span.criteria-select select
                            , .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li fieldset span.criteria-select input[type=text]
                            , .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body table fieldset span.criteria-select input[type=text]
                            , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body table fieldset span.criteria-select input[type=text]
                            , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li fieldset span.criteria-select input[type=text]                                
                            {
                                width: 100%;
                            }

                        .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li > a
                        , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li > label a
                        , .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body table td > a
                        , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body table td label > a{
                            border: 1px solid #4AA255;
                            background: #4AA255;
                            color: #fff;
                            border-radius: 0;
                            text-decoration: none;
                            padding: 2px 5px;
                            font-size: 10pt;
                            text-align: center;
                            font-weight: normal;
                            outline: 0 none;
                            display: inline-block;
                            margin:0 0 0 5px;
                        }
                        .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li > a:hover
                        , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li > label a:hover
                        , .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body table td > a:hover
                        , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body table td > a:hover{
                            background: #d6d6d6;
                            color: #035E0E;
                            border: 1px solid #4b4b4b;
                            transition: all linear 0.3s;
                            -moz-transition: all linear 0.3s;
                            -webkit-transition: all linear 0.3s;
                        }
                        .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li > a.negative
                        , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li > label a.negative
                        , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body table td > label a.negative{
                                border: 1px solid #6b6b6b;
                                background: #ccc;
                                color: #6b6b6b;
                        }
                        .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li > a.negative:hover
                        , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li > label a.negative:hover
                        , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body table td > label a.negative{
                                color: #fff;
                                border: 1px solid #000;
                                background: #6B6B6B;
                        }

    /*Choose Category*/
    .tabcontent > section.criteria-wrapper .panel-group.choose-category{
        margin-bottom: 5px;
    }
        .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body{
            height: 145px;
            overflow-y: scroll;
        }
            .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li{
                padding: 3px 3px 3px 4px;
            }
            .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li fieldset label.criteria-name{
                width: 190px;
            }
            .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li fieldset span.criteria-select
            , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body table fieldset span.criteria-select{
                width: 96px;
                float: left;
                text-align: right;
                padding-right: 5px;
            }
            .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li fieldset{
                width: 80%;
                float: left;
            }
                    .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel > .panel-heading button
                    , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel > .panel-footer button{
                        background: #4AA255;
                        color: #fff;
                        border: 1px solid #4AA255;
                        float: right;
                        margin-top: -20px;
                    }
                    .tabcontent > section.criteria-wrapper #added_criteria_panel ul li fieldset span.rank-chip-selector
                    , .tabcontent > section.criteria-wrapper #criteria_panel ul li fieldset span.rank-chip-selector{
                        float: left;
                        /*background: #fff;*/
                        padding: 0 5px 0 5px;
                        /*padding: 2px 5px 3px 6px;*/
                        /*border: 1px solid #dadada;*/
                        display: inline-block;
                        text-align: center;
                        border-radius: 4px;
                        margin-right: 5px;
                    }
                    .tabcontent > section.criteria-wrapper #criteria_panel ul li fieldset span.rank-chip-selector{
                        position: relative;
                    }
                    .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel > .panel-heading button:hover
                    , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel > .panel-footer button:hover{
                        background: #e8e8e8;
                        color: #075F12;
                        border: 1px solid #075F12;
                    }
                    .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel > .panel-heading button.negative
                    , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel > .panel-footer button.negative{
                        border: 1px solid #6b6b6b;
                        background: #ccc;
                        color: #000000;
                    }
                    .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel > .panel-heading button.negative:hover
                    , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel > .panel-footer button.negative:hover{
                        color: #080808;
                        border: 1px solid #ececec;
                        background: #ececec;
                    }
            .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li fieldset + label{
                float: left;
                text-align: right;
            }


            .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li > span{
                float: right;
                width: 17%;
                text-align: right;
            }
            .tabcontent > section.criteria-wrapper .panel #added_criteria_panel ul li fieldset input[type=checkbox]{
                position: relative;
                top: 3px;
            }
            .tabcontent > section.criteria-wrapper .panel #added_criteria_panel ul li fieldset span.rank-chip{
                position: relative;
                top: -2px;
                left: -2px;
            }

        .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel > .panel-footer{
            background: #b1afaf;
            float: left;
            width: 100%;
            /*position: relative; */
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            padding: 10px 6px;
        }
            .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel > .panel-footer p{
                float: left;
                font-weight: bold;
                color: #000;
                margin-bottom: 0;
            }
            .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel > .panel-footer button{
                margin-top: 0;
                position: absolute;
                right: 7px;
                top: 6px;
            }


/* Default Page Loader */
.page-loader{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
    .page-loader .page-loader-bg{
        position: absolute;
        top: 0;
        left: 0;
        background: #29323b;
        width: 100%;
        height: 100%;
        opacity: 0.5;
    }
    .page-loader img{
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
    }


/*Datatables*/
.data-table-wrapper{
    min-height: 500px;    
}
.data-table-wrapper .DTFC_ScrollWrapper{
    min-height: 550px;
    /*max-height: 1200px;*/
    overflow-y: auto;
    overflow-x: hidden;
}
.datatable-list .panel{
    border: none;
}
.datatable-list .panel-heading{
    background-color: inherit;
    border: none;
    border-radius: 0;
    font-weight: bold;
    color: #4b4b4b;
    border-bottom: 1px solid #cacaca;
    padding-left: 0;
    padding-right: 0;
}
.datatable-list .panel-body{
    padding-left: 0;
    padding-right: 0;
    border: none;
    border-radius: 0;
}
.datatable-list .panel-footer{
    padding-left: 0;
    padding-right: 0;
    border: none;
    border-radius: 0;
    background: none;
}



#screener_table_wrapper colgroup{
    display: none !important;
}


#screener_table_wrapper .dt-buttons{

    @media screen and (max-width: 768px){
        width: 100%;
        top: -6px !important;
    }
}

#screener_table_wrapper .dt-scroll{

    @media screen and (max-width: 768px){
        position: relative;
        top: 28px;
    }
}

#screener_table_wrapper .dt-scroll-head table th{
    font-size: 10pt;
    padding: 4px 5px;
    line-height: 15px;
    outline: 0 none;
    word-break: break-word;
    height: 25px;
    box-sizing: content-box;
}

#screener_table_wrapper .dt-scroll-head table th.dt-type-numeric div.dt-column-header{
    flex-direction: row;
}


#screener_table_wrapper .dt-scroll-body thead th{
    height: 0;
    padding: 0;
    font-size: 0;
    border-bottom: none;
}
#screener_table_wrapper .dt-scroll-body thead th select
, #screener_table_wrapper .dt-scroll-body thead th input{
    display: none;
    height: 0;
}

#screener_table_wrapper .dt-scroll-body tbody th
, #screener_table_wrapper .dt-scroll-body tbody td{
    padding: 4px 5px;
    font-size: 10pt;
    line-height: 15px;
    outline: 0 none;
    word-break: break-word;
}
#screener_table_wrapper .dt-scroll-head thead th:nth-child(n+4){
    text-align: center;
}

#screener_table_wrapper .dt-scroll-body tbody th input{
    position: relative;
    top: 4px;
}
#screener_table_wrapper .dt-scroll-body tbody th a{
    margin-left: 5px;
}
#screener_table_wrapper .dt-scroll-body tbody td.align-center{
    text-align: center;
}
#screener_table_wrapper .dt-scroll-body tbody td.align-right{
    text-align: right;
}


#screener_table_wrapper .dt-scroll-head thead th:first-child
, #screener_table_wrapper .dt-scroll-body tbody th{
    min-width: 90px !important;
    width: 90px !important;
    max-width: 90px !important;
}

#screener_table_wrapper .dt-scroll-head thead th:nth-child(2)
, #screener_table_wrapper .dt-scroll-body tbody td:nth-child(2){
    min-width: 300px !important;
    width: 300px !important;
    max-width: 300px !important;
}

#screener_table_wrapper .dt-scroll-head thead th:nth-child(3)
, #screener_table_wrapper .dt-scroll-body tbody td:nth-child(3){
    min-width: 70px !important;
    width: 70px !important; 
    max-width: 70px !important;
}

#screener_table_wrapper .dt-scroll-head thead th:nth-child(n+4)
, #screener_table_wrapper .dt-scroll-body tbody td:nth-child(n+4) {
    min-width: 100px !important;
    width: 100px !important;
    max-width: 100px !important;
}


#screenlist_wrapper .dt-length{
    float: right;
    margin-top: 10px;
    font-size: 10pt;
}

#screenlist_wrapper .dt-paging{
    float: left;
    margin-top: 10px;
}

#screenlist_wrapper button.dt-paging-button{
    font-size: 13pt !important;
    padding: 10px;
    line-height: 20px;
    padding: 2px 6px;
    min-width: 21px;
}

#screenlist_wrapper button.dt-paging-button.current{
    padding: 2px 6px;
    min-width: 21px;
    background: #000000;
    font-weight: bold;
    color: #fff !important;
    margin-left: 0;
    border: none;
    height: auto;
    line-height: 18px;
}

/*Custom Pagination*/
ul.pagination-manner{
    padding: 0;
    margin: 10px 0;  
}
ul.pagination-manner li{
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
}
ul.pagination-manner li.last{
    float: right;
}
ul.pagination-manner li.last label{
    font-weight: normal;
}
ul.pagination-manner li a{
    display: inline-block;
    padding: 3px 8px;
    border: 1px solid #cacaca;
    border-radius: 4px;
    margin: 0 3px 5px;
    color: #4b4b4b;
    text-align: center;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
}
ul.pagination-manner li a:hover,
ul.pagination-manner li a:active{
    text-decoration: none;
}
ul.pagination-manner li.active a{
    background: #4b4b4b;
    color: #fafafa;
}
ul.pagination-manner li.disable a{
    color: #e8e8e8;
    border: 1px solid #dedede;
    cursor: not-allowed;
}

/*Common Tooltip*/
/*a.tool-tip{
    position: relative;
    top: -5px;
}
a.tool-tip span:before{
    content: '\003F';
    background: #ffffff;
    color: #000000;
    padding: 2px;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    border: 1px solid #000000;
    line-height: 9px;
    text-align: center;
    font-size: 7pt;
    display: inline-block;
    font-weight: bold;
    position: relative;
    margin-left: 3px;
    text-decoration: none;
}
.tool-tip:before,
.tool-tip:after {
  display: block;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: 330px;
}
.tool-tip:after {
  border-right: 6px solid transparent;
  border-bottom: 6px solid rgba(58, 58, 58, 0.9);
  border-left: 6px solid transparent;
  content: '';
  height: 0;
  top: 10px;
  left: 4px;
  width: 0;
  text-decoration: none;
}
.tool-tip:before {
  background: rgba(58, 58, 58, 0.9);
  border-radius: 4px;
  color: #fff;
  content: attr(data-title);
  padding: 6px 10px;
  top: 16px;
  left: -35px;
  white-space: normal;
  font-weight: normal;
  font-size: 9pt;
  z-index: 9;
  text-transform: none;
  line-height: 16px;
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
  text-decoration: none;
}
.tool-tip.expand:before {
  transform: scale3d(.2,.2,1);
  transition: all .2s ease-in-out;
  text-decoration: none;
}
.tool-tip.expand:after {
  transform: translate3d(0,6px,0);
  transition: all .1s ease-in-out;
  text-decoration: none;
}
.tool-tip.expand:hover:before,
.tool-tip.expand:hover:after {
  opacity: 1;
  transform: scale3d(1,1,1);
  text-decoration: none;
}
.tool-tip.expand:hover:after {
  transition: all .2s .1s ease-in-out;
  text-decoration: none;
}
a.tool-tip:hover, a.tool-tipLfocus{
    text-decoration: none;
}*/

/*Report Tab*/
#report .col-xs-12{
    padding: 0;
}
#report .col-xs-12 .panel-group{
    margin-bottom: 0;
    height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
}
#report .col-xs-12 .panel-group .panel.panel-default{
    /*-webkit-box-shadow: 0px 0px 7px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 7px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 7px -2px rgba(0,0,0,0.75);
    width: 500px;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    border: none;*/
}
#report .col-xs-12 .panel-group .panel-heading{
    background: #8e8e8e;
}
#report #getreportfrm input[type="text"]{
    width:  300px;
}

#report .col-xs-12 .panel-group .panel-heading h4{
    font-size: 10pt;
    font-weight: bold;
    color: #fff;
}
#report .col-xs-12 .panel-group .panel-body{
    background: #eeeeee;
    height: 562px;
}
#report .col-xs-12 .panel-group .panel-body form{
    float: left;
    width: 415px;
    margin-top: 30px;
}
#report .col-xs-12 .panel-group .panel-body form .easy-autocomplete{
    float: left;
    margin-right: 5px;
}
#report .easy-autocomplete.eac-green-light input:hover,
#report .easy-autocomplete.eac-green-light input:focus,
#report .easy-autocomplete.eac-green-light ul{
    border-color: #4aa255;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgb(74, 162, 85);
}
#report .easy-autocomplete.eac-green-light ul li.selected, 
#report .easy-autocomplete.eac-green-light ul .eac-category.selected{
    background-color: #d9efd0;
}

#report .col-xs-12 .panel-group .panel-body form button{
    padding: 5px 8px;
}
#report .col-xs-12 .panel-group .panel-body form span.error{
    display: block;
    margin-top: 5px;
}
#report .col-xs-12 .panel-group .panel-body p{
    width: 375px;
}
#report .report-image{
    background-image: url(../../../images/screener/report.png) !important;
    background-repeat: no-repeat;
    width: 177px;
    height: 201px;
    background-size: 100% 100%;
    float: right;
    position: relative;
    top: 0;
    right: 21px;
}

/*Predefined Screen*/
#predefined .predifined-screen .panel-group{
    margin-bottom: 0;
    height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
}



/*Help Tab Content*/
#help .col-xs-12{
    padding: 0;
}
#help .col-xs-12 .panel-group{
    margin-bottom: 0;
    height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
}
#help .col-xs-12 .panel-group .panel-heading{
    background: #8e8e8e;
}
#help .col-xs-12 .panel-group .panel-heading h4
, #help .col-xs-12 .panel-group .panel-heading h2{
    font-size: 10pt;
    font-weight: bold;
    color: #fff;
}
#help .col-xs-12 .panel-group .panel-body img{
    border: 1px solid #cacaca;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(99,99,99,0.54);
    -moz-box-shadow: 2px 2px 5px 0px rgba(99,99,99,0.54);
    box-shadow: 2px 2px 5px 0px rgba(99,99,99,0.54);
}


/*Error Tooltip*/
#criteria_panel .formError{
    top: 0 !important;
    left: 0 !important;
    opacity: 1 !important;
}
.formError .formErrorContent{
    border: 1px solid #6d0a0a;
    background: #ff9696 !important;
    color: #000 !important;
}
.formError .formErrorContent:before{
    content: 'x';
    background: #fff;
    border: 1px solid #ff6d6d;
    border-radius: 50%;
    padding: 3px;
    height: 17px;
    width: 17px;
    color: #ff6d6d;
    font-weight: bold;
    display: inline-block;
    font-size: 9pt;
    text-align: center;
    line-height: 9px;
    position: absolute;
    right: -7px;
    top: -8px;
}
.formError .formErrorArrow div{
    background: #ff9b9b !important;
    display: none !important;
}

/*Upto i-pad potrait mode*/
@media (max-width: 768px){
    
    #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftHeadWrapper table tr th:first-child
    , #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table thead th:first-child
    , #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table tbody td:first-child
    , #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table tr th:first-child
    , #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody table thead th:first-child
    , #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody table tbody td:first-child
    {width: 138px !important; max-width: 138px !important; min-width: 138px !important;}

    #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftHeadWrapper table tr th:nth-child(2)
    , #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table thead th:nth-child(2)
    , #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table tbody th:nth-child(2)
    , #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table tr th:nth-child(2)
    , #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody table thead th:nth-child(2)
    , #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody table tbody td:nth-child(2)
    {width: 63px !important; max-width: 63px !important; min-width: 63px !important; padding-right: 15px !important;}

    #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftHeadWrapper table tr th + th +th
    , #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table thead th + th +th
    , #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table tbody th + th +th
    , #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table tr th + th +th
    , #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody table thead th + th +th
    , #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody table tbody td + td +td
    {width: 150px !important; min-width: 150px !important; max-width: 150px !important;}
    
    ul.pagination-manner li.last{width: 100%;}
    
}

/*Browser Hack*/
/*All Firefox*/
@-moz-document url-prefix() {

  a.tool-tip span::before{
      line-height: 7px;
  }

  .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li fieldset span.criteria-select
  , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li fieldset span.criteria-select{
      width: 140px;
  }

  .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li fieldset span.criteria-select{
      width: 96px;
  }

  .tabcontent > section.criteria-wrapper #criteria_panel ul li fieldset span.criteria-select-box span.rank-chip{
      top: -2px;
      left: 1px;
  }

  .tabcontent > section.criteria-wrapper .panel #added_criteria_panel ul li fieldset span.rank-chip{
      top: -2px;
      left: 1px;
  }

  .tabcontent > section.criteria-wrapper #added_criteria_panel ul li fieldset span.rank-chip-selector
  , .tabcontent > section.criteria-wrapper #criteria_panel ul li fieldset span.rank-chip-selector{
      padding: 0 5px 0 5px;
  }

  .datatable-list .panel-body .dataTables_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftFootWrapper{
    /*background: #fff;
    height: 16px;*/
  }
  
  .DTFC_RightWrapper .DTFC_RightBodyWrapper {
      display: none;
  }
    
  
}


/* IE 10+11 hack */
@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none){

    input[type=checkbox], input[type=radio]{
        zoom: 1.1;
        height: 14px;
        width: 14px;
    }

    a.tool-tip span:before{
        line-height: 7px;
    }

    .tabcontent > section.criteria-wrapper #added_criteria_panel ul li fieldset span.rank-chip-selector,
    .tabcontent > section.criteria-wrapper #criteria_panel ul li fieldset span.rank-chip-selector{
        min-width: 50px;
    }
    .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li fieldset{
        width: 92%;
    }
    .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li fieldset{
        width: 79%;
    }
    .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li fieldset label.criteria-name{
        width: 190px;
    }

    .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li fieldset span.criteria-select-box span.rank-chip{
        top: 0;
        left: 0;
        line-height: 16px;
    }
    .tabcontent > section.criteria-wrapper #criteria_panel ul li fieldset span.criteria-select-box span.rank-chip{
        top: -1px;
        left: 0;
    }
    .tabcontent > section.criteria-wrapper .panel #added_criteria_panel ul li fieldset span.rank-chip{
        top: 0;
        left: 0;
    }
    .tabcontent > section.criteria-wrapper .panel #added_criteria_panel ul li fieldset input[type=checkbox]{
        top: 2px;
    }
    .tabcontent > section.criteria-wrapper #criteria_panel ul li fieldset span.criteria-select-box input[type=checkbox]{
        top: 2px;
    }
    .tabcontent > section.criteria-wrapper #added_criteria_panel ul li fieldset span.rank-chip-selector
    , .tabcontent > section.criteria-wrapper #criteria_panel ul li fieldset span.rank-chip-selector{
        padding: 0 5px 0 5px;
    }
    .datatable-list .panel-body .dataTables_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftFootWrapper{
        /*background: #fff;
        height: 16px;*/
    }
    
    .datatable-list .panel-body .dataTables_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper
    , .datatable-list .panel-body .dataTables_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftFootWrapper{
        height: inherit !important;
    }

}


/* IE edge hack(12+) */
@supports (-ms-ime-align:auto) {

    input[type=checkbox], input[type=radio]{
        zoom: 1.2;
        height: 14px;
        width: 14px;
    }
    
    .new-screen-wrapper{
        display: inline;
    }

    a.tool-tip span:before{
        line-height: 7px;
    }

    .tabcontent > section.criteria-wrapper #added_criteria_panel ul li fieldset span.rank-chip-selector,
    .tabcontent > section.criteria-wrapper #criteria_panel ul li fieldset span.rank-chip-selector{
        padding: 0 5px 0 4px;
    }

    .tabcontent > section.criteria-wrapper #criteria_panel ul li fieldset span.criteria-select-box input[type=checkbox]{
        top: 2px;
    }

    .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li fieldset{
        width: 92%;
    }
    .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li fieldset{
        width: 79%;
    }
    .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li fieldset label.criteria-name{
        width: 190px;
    }

    .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li fieldset span.criteria-select-box span.rank-chip{
        top: 3px;
        left: 0;
        line-height: 16px;
    }
    .tabcontent > section.criteria-wrapper #criteria_panel ul li fieldset span.criteria-select-box span.rank-chip{
        top: -2px;
        left: 0;
    }
    .tabcontent > section.criteria-wrapper .panel #added_criteria_panel ul li fieldset span.rank-chip{
        top: -1px;
        left: 0;
    }
    .datatable-list .panel-body .dataTables_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftFootWrapper{
        /*background: #fff;
        height: 11px;*/
    }

}


/* Only Chrome */
@supports (-webkit-appearance:none) {
   .DTFC_LeftWrapper{
        /*height: 96% !important;*/
        /*height: calc(100% - 15px) !important;*/
        overflow-y: hidden;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0){
    /* Safari 5.1+ */
    ::i-block-chrome, .DTFC_ScrollWrapper{
        height: inherit !important;

        /*.datatable-list .panel-body .dataTables_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftFootWrapper{
            background: #fff;
            height: 3px;
        }*/
    }
}


/* Responsive Part */
/* max 1023px (upto ipad potrait)*/