#pupfc a, #puphn a {
    color: rgb(93, 159, 152);
}

.eliblogintxt {
    font-size: .9em;
    font-weight: bold;
    color: #2e6e9e;
}

/*#ipctysrch:focus, #suggqueries:focus {
    box-shadow: 0 0 30px #4297d7;
}*/

#tbdataquery input[type=checkbox]:active, #tbpopupcategories input[type=checkbox]:active, #imgctysrch:active {
    box-shadow: 0 0 30px red;
}

.ui-menu .ui-menu-item a {
    padding-bottom: .5em;
    padding-Top: .5em;
    font-size: .85em;
}

#suggqueries {
    background: #feffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #feffff 0%, #f3fae2 35%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(35%,#f3fae2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #feffff 0%,#f3fae2 35%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #feffff 0%,#f3fae2 35%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #feffff 0%,#f3fae2 35%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #feffff 0%,#f3fae2 35%,#ffffff 100%); /* W3C */
    filter: none; /* IE6-8 */
    font-size: .85em;
    font-family: Arial,Helvetica,sans-serif;
    border: 1px solid #339083;
    border-radius: 4px;
    margin-bottom: 0em;
    padding: 2px;
}

#tbdataquery label {
    display: inline;
    padding: 0;
}

#tbdataquery input[type=checkbox] {
    cursor: pointer;
}

#tbdataquery table td {
    padding: 0;
}

.bold {
    font-weight: bold;
}

#tbyears > table tr:first-child td:first-child,
#tbcountries > table tr:first-child td:first-child,
#tbcountries > table tr:first-child td:nth-child(2),
#tbcategories > table tr:first-child td:first-child {
    padding-right: 1em;
}


#tbdataquery {
    overflow: hidden;
    /*background: #feffff;*/ /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #feffff 0%, #ffffff 35%, #f3fae2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(35%,#ffffff), color-stop(100%,#f3fae2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #feffff 0%,#ffffff 35%,#f3fae2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #feffff 0%,#ffffff 35%,#f3fae2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #feffff 0%,#ffffff 35%,#f3fae2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #feffff 0%,#ffffff 35%,#f3fae2 100%); /* W3C */
    filter: none; /* IE6-8 */
}

.box {
    /*border: 1px solid #bac7cf;*/
    height: 350px;
    /* rounded corners */
    -webkit-border-radius: 12px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #339083;
    background: #feffff; /* Old browsers */
    /*IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #feffff 0%, #ffffff 35%, #f3fae2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(35%,#ffffff), color-stop(100%,#f3fae2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #feffff 0%,#ffffff 35%,#f3fae2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #feffff 0%,#ffffff 35%,#f3fae2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #feffff 0%,#ffffff 35%,#f3fae2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #feffff 0%,#ffffff 35%,#f3fae2 100%); /* W3C */
    filter: none; /* IE6-8 */
}

.boxscroll {
    overflow-y: auto;
    height: 315px;
}

.treebox {
    overflow-y: auto;
    height: 230px;
}

.tblheader {
    font-weight: bold;
    text-align: center;
    padding: .4em 0 .4em;
    border-bottom: 1px solid #aad6d5;
    /* rounded corners */
    -webkit-border-top-left-radius: 7px;
    -moz-border-top-left-radius: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    background-color: #aad6d5;
}

.ctysrchheader {
    font-weight: bold;
    text-align: center;
    padding: .4em 0 .4em;
    border-bottom: 1px solid #4297d7;
}

.Allcountriesheader {
    font-weight: bold;
    padding: .4em 0 .4em 2em;
    border-bottom: 1px solid #aad6d5;
    /* rounded corners */
    -webkit-border-top-left-radius: 7px;
    -moz-border-top-left-radius: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

#dvleftyears, #dvrightyears, #dvleftcountry, #dvmiddlecountry, #dvrightcountry, #dvcategory, #dvstatus {
    width: 100%;
}

#dvrep {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#dvkey {
    margin-top: .8em;
}

    #dvkey textarea {
        width: 75%;
    }

.selectall {
    font-style: italic;
    color: green;
    cursor: pointer;
}

.deleteall {
    font-style: italic;
    color: red !important;
    cursor: pointer;
}

    .deleteall:hover {
        text-decoration: none !important;
    }

#dvrep table td:first-child {
    /*border-right: 1px solid #4297d7;
    border-bottom: 1px solid #4297d7;*/
    padding: .5em;
}

#dvrep table td:nth-child(3), #dvrep table tr:first-child td:nth-child(2) {
    /*border-left: 1px solid #4297d7;
    border-bottom: 1px solid #4297d7;*/
    padding: .5em;
}

#tblrcategory td {
    border: 0 none;
}

#tblleftyears tr, #tblrightyears tr, #tblmiddlecountry tr, #tblrightcountry tr, #tblleftcountry tr, #tblcategory tr, #tbldiscategory tr, #tblstatus tr,
#tblrcategory tr, #tblrdiscategory tr, #tblactiveyears tr, #tblSMcodeStatus tr, #tblDcSMcodeStatus tr {
    border-bottom: 1px solid #4297d7;
}

#tblleftyears td:first-child, #tblrightyears td:first-child, #tblleftcountry td:first-child, #tblmiddlecountry td:first-child, #tblrightcountry td:first-child, #tblcategory td:first-child, #tblstatus td:first-child {
    border-style: solid;
    border-color: #aad6d5;
    border-right-width: .1em;
    text-align: center;
    vertical-align: middle;
    width: 20%;
    padding: 3px !important;
}



#tblleftyears td:nth-child(2),
#tblrightyears td:nth-child(2),
#tblleftcountry td:nth-child(2),
#tblmiddlecountry td:nth-child(2),
#tblrightcountry td:nth-child(2),
#tblstatus td:nth-child(2) {
    text-align: left;
    width: 80%;
    word-break: keep-all;
    padding: 3px;
}

#tblcategory th, #tblcategory td {
    /*font-size:0.85em;*/
    padding: 3px !important;
}

    #tblcategory td:nth-child(3), #tblrcategory td:nth-child(3) {
        text-align: left;
        width: 70%;
        word-break: keep-all;
        padding-left: .5em;
    }

    #tblcategory td:nth-child(1), #tblrcategory td:first-child {
        vertical-align: top;
        border-style: solid;
        border-color: #aad6d5;
        border-right-width: .1em;
        text-align: left;
        width: 2%;
        word-break: keep-all;
        /*padding-left: .5em ;*/
        padding: 5px !important;
    }

    #tblcategory td:nth-child(2), #tblrcategory td:nth-child(2) {
        vertical-align: top;
        border-style: solid;
        border-color: #aad6d5;
        border-right-width: .1em;
        text-align: left;
        width: 7%;
        word-break: keep-all;
        padding-left: .5em;
    }

#tblrcategory th {
    text-align: center;
    font-weight: bold;
}

#tblcategory th:nth-child(2) {
    text-align: center;
    width: 8%;
    word-break: keep-all;
    padding-left: .5em;
}

#tblcategory th:nth-child(1) {
    text-align: center;
    word-break: keep-all;
    width: 3%;
}

#tblcategory th:nth-child(3) {
    text-align: center;
    width: 70%;
    word-break: keep-all;
    padding: .5em 0em .5em .5em;
}

#tblcategory tbody {
    overflow-y: scroll;
    height: 280px;
    display: block;
}

#tblcategory thead {
    display: table; /* to take the same width as tr */
    width: calc(100% - 17px); /* - 17px because of the scrollbar width */
}

#tblcategory tr {
    display: table; /* display purpose; th's border */
    width: 100%;
    /*  box-sizing: border-box; /* because of the border (Chrome needs this line, but not FF) */
}

#tblleftyears tr:hover,
#tblrightyears tr:hover,
#tblleftcountry tr:hover,
#tblmiddlecountry tr:hover,
#tblrightcountry tr:hover,
#tblcategory tbody tr:hover, #tblstatus tr:hover, #tblrcategory tbody tr:hover, .highlightrow, #suggqueries option:hover,
.ui-autocomplete li.ui-menu-item a:hover, .ui-autocomplete .ui-menu-item a.ui-state-focus {
    background: lightskyblue !important;
    color: #e17009 !important;
}

.show {
    display: '';
}

.hide {
    display: none;
}

.anchrostyle {
    color: blue !important;
}

    .anchrostyle:hover {
        text-decoration: underline;
    }

.invisible {
    visibility: hidden;
}

#tblleftcountry td:nth-child(2), #tblleftcountry td:first-child span {
    cursor: pointer;
}

.img {
    border-width: 0px;
    height: 16px;
    width: 16px;
    cursor: pointer;
}

.srchpupbtn_contner {
    border-top: 1px solid #4297d7;
    margin-top: 1em;
    padding-top: 1em;
}

.spcount {
    color: #e17009;
}

#dvloading {
    background: url('../Images/Loading.gif');
    background-repeat: no-repeat;
    background-position: center center;
}

input [type='text'] {
    border-radius: 4px;
}

.filterresults {
    background-color: #dfeffc;
}

.filterresultshdr {
    border-right-width: 0em !important;
    background-color: aliceblue;
    font-weight: bold;
}

    .filterresultshdr:hover {
        color: black;
    }

#pupmysrch > table td, #pupmostrecsrch > table td {
    border-style: solid;
    border-color: #4297d7;
    border-width: 1px;
    vertical-align: middle;
    padding: .3em 0em .3em .3em;
    word-break: break-all;
}

#pupmysrch > table > thead tr, #pupmostrecsrch > table > thead tr {
    color: #2e6e9e;
    font-weight: bold;
    background-color: lightblue;
}

#pupmysrch > table > tbody tr:hover, #pupmostrecsrch > table > tbody tr:hover {
    background-color: lightskyblue;
    cursor: pointer;
    color: #e17009;
}
/*Jquery UI override start*/
.ui-tabs, #searchname {
    width: 900px;
    font-size: .85em;
    font-family: Arial,Helvetica,sans-serif;
    border: 1px solid #aad6d5;
}

    .ui-tabs .ui-tabs-nav {
        background: #feffff;
        border: 1px solid #aad6d5;
    }

        .ui-tabs .ui-tabs-nav a {
            background-color: #f3fae2;
            color: rgb(0,57,89);
            font-weight: bold;
            font-size: 1.2em;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
        }

        .ui-tabs .ui-tabs-nav li {
            border-color: #aad6d5;
            border-image: none;
            border-style: solid;
            border-width: 1px 1px 0;
        }

    .ui-tabs .ui-tabs-active a {
        color: #e17009;
        font-weight: bold;
        background-color: rgba(242,249,254,1);
    }

    .ui-tabs .ui-tabs-nav a:hover {
        background-color: aliceblue;
    }

/*Jquery UI override end*/
/*Search  navigation css start*/
#navsrch ul {
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: .85em;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#navsrch a {
    float: left;
    width: 12em;
    text-decoration: none;
    color: #2e6e9e;
    font-weight: bold;
    background-color: lightblue;
    padding: 0.2em 0.6em;
    border: 1px solid #4297d7;
    border-radius: 4px;
}

    #navsrch a:hover, button:hover {
        background-color: #dfeffc;
        color: #e17009;
    }

#navsrch li {
    display: inline;
    background-image: none;
}
/*Search  navigation css end*/

#dvsort, #dvinclude, #dvcountrygrps {
    margin-left: .8em;
    -webkit-border-radius: 12px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #339083;
    background: #feffff; /* Old browsers */
    /*IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #feffff 0%, #ffffff 35%, #f3fae2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(35%,#ffffff), color-stop(100%,#f3fae2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #feffff 0%,#ffffff 35%,#f3fae2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #feffff 0%,#ffffff 35%,#f3fae2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #feffff 0%,#ffffff 35%,#f3fae2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #feffff 0%,#ffffff 35%,#f3fae2 100%); /* W3C */
    filter: none; /* IE6-8 */
}

#dvinclude, #dvcountrygrps {
    margin-right: .8em;
}

.ui-dialog-titlebar {
    background-color: #aad6d5 !important;
}

td input[type=checkbox], td input[type=radio] {
    /*vertical-align:middle;*/
    text-align: center;
    margin-top: 1px;
    margin-right: 5px;
    margin-left: 1px;
}

.reportingchkfreq {
    margin-left: 17px;
}

.reportoptionstblCol {
    line-height: 1;
    width: 80% !important;
    float: left;
    margin: 2% !important;
    border: 1px solid #4297d7 !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    border: 1px solid #4297d7 !important;
    background: #feffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #feffff 0%, #ddf1f9 35%, #a0d8ef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(35%,#ddf1f9), color-stop(100%,#a0d8ef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%); /* IE10+ */
    background: linear-gradient(to bottom, #feffff 0%,#ffffff 35%,#f3fae2 100%); /* W3C */
    filter: none; /* IE6-8 */
}

.tblheaderCtyGrp {
    font-weight: bold;
    text-align: center;
    padding: .4em 0 .4em;
    border-bottom: 1px solid #aad6d5;
    /* rounded corners */
    -webkit-border-top-left-radius: 7px;
    -moz-border-top-left-radius: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    background-color: #aad6d5;
}

/* added below Css in phase3_1 for smcode with status pop up start*/
#tblSMcodeStatus td:first-child, #tblSMcodeStatus td:nth-child(2), #tblSMcodeStatus td:nth-child(3),
#tblSMcodeStatus td:nth-child(4), #tblSMcodeStatus td:nth-child(5), #tblSMcodeStatus td:nth-child(6) {
    border-style: solid;
    border-color: #4297d7;
    border-right-width: .1em;
}

#tblDcSMcodeStatus td:first-child, #tblDcSMcodeStatus td:nth-child(2), #tblDcSMcodeStatus td:nth-child(3),
#tblDcSMcodeStatus td:nth-child(4), #tblDcSMcodeStatus td:nth-child(5), #tblDcSMcodeStatus td:nth-child(6) {
    border-style: solid;
    border-color: #4297d7;
    border-right-width: .1em;
}

.tblheaderSmcodeWithStatus {
    font-weight: bold;
    text-align: center;
    padding: .0em 0 .7em;
    border-bottom: 1px solid #4297d7;
    /* rounded corners */
    -webkit-border-top-left-radius: 7px;
    -moz-border-top-left-radius: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    background-color: lightblue;
    height: 26px;
}

.BtnSmcodeWithStatus {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.CssdvtbpopupSMcodesWithStatus {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid black;
    padding: 20px;
    background-color: white;
    z-index: 1000;
    width: 800px;
    height: 400px;
}

.CssEmptySMcodesWithStatus {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 900;
}

.CssbtnMoreStatushelp {
    border: none;
    cursor: pointer;
    text-decoration: underline;
    background: none
}

.CssMoreStatusPopUpImg {
    border-width: 0px;
    height: 10px;
    width: 10px;
    cursor: pointer;
}

.col-1 {
    width: 7%;
    padding: 3px 0px !important;
}

.col-2 {
    width: 11%;
    padding: 3px 0px !important;
}

.col-3 {
    width: 51%;
    padding: 3px 0px !important;
}

.col-4 {
    width: 5%;
    padding: 3px 0px !important;
}

.col-5 {
    width: 5%;
    padding: 3px 0px !important;
}

.col-6 {
    width: 5%;
    padding: 3px 0px !important;
}

.col-7 {
    width: 5%;
    padding: 3px 0px !important;
}

.boxscrollSMcode {
    overflow-y: auto;
    display: block;
}

.trheaderSmcodeWithStatus {
    font-weight: bold;
    text-align: center;
    padding: .0em 0 .7em;
    border-bottom: 1px solid #4297d7;
    /* rounded corners 
    -webkit-border-top-left-radius: 7px;
    -moz-border-top-left-radius: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;*/
    background-color: lightblue;
    height: 26px;
    position: sticky;
    top: 0;
    z-index: 1;
}
/* added below Css in phase3_1 for smcode with status pop up end*/