/* 
    This file applies to both index.cshtml and PDLList.cshtml     
*/

/*********************************
 **** Index & PDLList.cshtml *****
 *********************************/
#panelHome, #panelSearchResults {
    border: 1px solid lightgrey;
    border-radius: 5px;
    padding: 30px 30px 30px 30px;
    overflow: hidden;
}

/***********************
 **** Index.cshtml *****
 ***********************/
#SearchDate {
    /*background-image: url("/images/Calendar-icon.png");*/
    background-image: url("/images/faCalendar_green.png");
    background-color: white;
    background-repeat: no-repeat;
    background-position-x: left 4px;
    background-size: 30px;
    background-position-y: 0px;
    padding-left: 50px;
}

.dataTables_empty {
    font-weight: 600;
    color: #990000;
    font-size: 140%;
}

/*    #SearchDate::after {
        content: "\f073";
        color:black;
    }*/
/*************************
 **** PDLList.cshtml *****
 *************************/
/* Search Result Highlighting */
mark {
    background: #00EEAE;
    color: black;
    padding: 0px 2px 0px 1px;
}

/* Width of table on Search Result screen*/
#tablePDL {
    width: 100% !important;
    min-width: 500px;
}

.dataTables_filter input {
    width: 500px;
}

/* Drug List panel */
#panelSearchResults {
    padding-bottom: 65px;
}

/* Search above Drug List */
[type="search"] {
    border: 1px solid darkgrey !important;
    border-radius: 4px;
    outline-offset: -2px;
    -webkit-appearance: none;
    padding: 4px 4px 4px 4px;
}

/* Drug Class links in Drug List*/
/*.DrugClassLink {
    text-decoration: underline;
    color: darkblue;
}
*/
/* Icon to show help on Drug List */
#actionShowDrugListHelp {
    position: relative;
    top: -3px;
    width: 27px;
    height: 27px;
}

/* Brief help on Drug List */
#divDrugListHelp {
    margin-bottom: 12px;
    border: 2px solid #009681;
    padding: 15px 15px 15px 15px;
    border-radius: 4px;
    display: none;
}

#SearchDate {
    color: black;
    font-weight: 400;
}

/* https://stackoverflow.com/questions/44851964/how-to-change-the-color-of-the-sorting-arrows-in-datatables */

table.dataTable thead .sorting_asc {
    background-image: url("/images/datatables/sort_asc.png") !important;
}

table.dataTable thead .sorting_desc {
    background-image: url("/images/datatables/sort_desc.png") !important;
}

table.dataTable thead .sorting {
    background-image: url("/images/datatables/sort_both.png") !important;
}

table.dataTable thead .sorting_asc_disabled {
    background-image: url("/images/datatables/sort_asc_disabled.png") !important;
}

table.dataTable thead .sorting_desc_disabled {
    background-image: url("/images/datatables/sort_desc_disabled.png") !important;
}

@media only screen and (max-width: 1300px) {
    #SearchDate {
        background-size: 28px !important;
    }
}

@media only screen and (max-width: 600px) {
    #divDrugListTable {
        overflow-x: scroll;
        padding-bottom: 30px;
    }

    #divDrugListHelp {
        padding: 10px 20px 20px 10px !important;
    }

    [type="search"] {
        width: 250px !important;
    }
}

@media (max-width: 576px) {
    .navbar, #divThinBannerBar, #homeButtonHelp {
        display: none;
    }

    #divContentSurround {
        margin-top: 60px !important;
    }

    #panelHome {
        margin: 3px 3px 3px 3px;
        padding: 20px 20px 20px 20px;
        border: none;
    }

    .body-border-padding {
        padding: 3px 3px 3px 3px;
    }

    #lblBrandName, #lblGenericName {
        margin-top: 10px !important;
    }

    #divBody {
        margin-top: 0px !important;
    }


    #disclaimer {
        margin-bottom: 200px !important;
    }


    /* Banner Issues */
    #gwlogo
    {
        display:none;
    }

    .pdl-header {
        left:0px !important;        
        margin:0px 0px 0px 0px !important;
    }
}


.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: none;
    color: black !important;
    border-radius: 4px;
    border: 1px solid #828282;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background: none;
    color: black !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: white !important;
    color: black !important;
}