.smallFont {
    font-size: 0.8em;
}

.solidRedBorder {
    border: 1px solid red !important;
}

.assignGridItem {
    display: grid;
    place-items: center;
    align-content: start;
    padding-top: 70px;
}

.repUpdatingTab {
    padding: 0;
}

.managementTable thead tr th a {
    text-align: center !important;
}

.grid-container {
    display: grid;
    grid-template-columns: 65% 50px auto;
}

.grid-container-updating {
    display: grid;
    grid-template-columns: 30% 90px auto;
}

.grid-container-emp {
    display: grid;
    grid-template-columns: 47% 50px auto;
}

#timePeriodTransferGrid {
    display: grid;
    grid-template-columns: 45% 50px auto;
}

#employeePIAssignments {
    display: grid;
    grid-template-columns: 45% 50px auto;
}

#employeeTerritoryAssignments {
    display: grid;
    grid-template-columns: 45% 50px auto;
}


.redCheckbox {
    outline: 1px solid red;
}

.rxCompCheckbox {
    float:left;
    margin-right:30px;
}

.miniButton {
    background-color: white !important;
    font-size: 0.9em !important;
    font-weight: normal !important;
}

.mapOptionSelects {
    margin-top: 8px;
}

.mapOptionLabels {
    margin-right: 20px;
    width: 10%;
    min-width: 120px;
    float: left;
}

.rowCompare {
    width: 25px;
    text-align: center;
}

.colorSelectorClass {
    margin: 5px;
    clear: both;
}

.languageSelectionButton {
    /*display:none;*/
}

#pharmacyProfileTable  {
    border: none;
    max-width: 600px;
}
    #pharmacyProfileTable td {
        border: none;
    }

.phProfileLabel {
    text-align: right;
}

.whiteSpacePre {
    white-space: pre;
}

.phProfileValue {
    font-weight: bold;
}

.hidden {
    visibility: hidden;
}

#movingDivWithNews {
    top: 20%;    
    position: absolute;    
}

.errorBorder {
    border: 2px solid red !important;
}

.newsTriggerClass {
    position: fixed;
    width: 240px;
    padding: 3px;
    background-color: #4b8bc8;
    color: white !important;
    font-weight: bold;
    text-align: center;
}

.selectedFilterCategory {
    background-color: #adcae6;
}

#siteNewsDiv {
    background-color:#f3f3f3;
    width: 240px;
    padding:3px;
}

.newsBorder {
    border: #4b8bc8 solid 2px;
}

.closedNewsTrigger {
    width: 120px !important;
    transform: rotate(-90deg) !important;
    transform-origin: 0 0 !important;
    top:60px !important;
}

.cursorPointer {
    cursor: pointer;
}

.colDimsRadio, .RowsCheckBoxes, .ValsCheckBoxes {
    margin-right: 5px;
}

#TimePeriodDDLForSaving {
    margin-top: 1em;
    margin-left: 2em;
}

#adDimsDiv {
    font-size: 0.7em;
    margin-left: 15px;
}

.outerTableDiv {
    /*float: left;*/
    width: 95%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    /*max-width: 480px;
    max-height: 650px;
    min-width: 313px;*/
}

.outerChartDiv {   
    margin-top: 10px;   
    margin: 10px auto;
}

#parametersDiv {
    clear: both;
}

.loadingGif {
    margin: 5px;
}

.filterCategoryName {
    font-weight:bold;
    margin-left: 5px;
}

.outerReportDiv {
    background-color: white;
    margin-top: 20px;
    padding: 10px;
}

.newsRecordLi {
    cursor: pointer;
}
    .newsRecordLi:hover {        
        background-color: #e6e6e6;
    }

.importantNewsRecord {
    color:blue;
}

.turboReportNameDiv {
    margin-bottom: 10px;
    font-size: 1.5em;
    text-align: center;
}


.CollapseHeading {
    width: 400px;
    cursor: pointer;
    background-image: url('/Images/ig_menuSilverUp.png');
    background-position: left;
    background-size: 14px 14px;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}

#chartDivError {
    height: auto;
    border: none;
    margin: auto;
}

.tableLayoutAuto {
    table-layout: auto !important;
}

#rezTable_container {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}

#rezTable {
    table-layout: auto !important; 
}

    #rezTable thead tr th {
        text-align: center;
    }

    table[id*='rezTable'] thead tr th {
        text-align: center;
    }

.labelForLists {
    margin-right: 20px;
    border-radius: 8px;
    background-color: #EAEAEB;
    font-weight: 600;
    padding-left: 10px;
    margin: 5px 5px 5px 0px;
    max-width: 90%;
}



.resetImg {
    float: right;
    height: 20px;
    margin-right: 10px;
    cursor: pointer;
}

.label {
    font-weight: 700;
}

.chartOptionsSelect {
    width: 150px;
}

#chartDiv_chart_container {
    border: none;
    margin: 0 auto;
}

canvas {
    width: 100%;
}

.borderNone {
    border: none !important;
}


.topDropDownList {
    width: 200px;
}

#cancelBlockUI {
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    background-color: #d3dce0;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #787878;
}


.filterNotCheckbox {
    margin-left: 20px;
    margin-right: 5px;
}


.removeTopRowImg {
    cursor: pointer;
    width: 15px;
    height: 15px;
    float: right;
}

.addTopRowButton {
    cursor: pointer;
    width: 20px;
    height: auto;
    background-color: #d3dce0;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: 600;
    padding: 7px;
    margin-right: 8px;
}

#topDivMain {
    width: 270px;
    padding: 3px;
    margin-top: 10px;
}


#exportWithImageCheckbox {
    float: left;
    width: 20px;
}


.exportOutputOptionsDiv {
    clear: both;
    padding-top: 10px;
}


/*  Export grid
------------------------------------------------    */

.export-div fieldset {
    margin: 5px;
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
}

    .export-div fieldset legend {
        display: block;
        font-weight:bold;
    }

    .export-div fieldset label {
        display: block;
        margin-bottom: 3px;
    }

    .export-div fieldset input[type=radio] {
        margin-bottom: 5px;
        float: left;
        clear: left;
        width: 20px;
    }

    .export-div fieldset label {
        float: left;
        width: 120px;
        padding-top: 2px;
    }

    .export-div fieldset fieldset {
        float: left;
        width: 195px;
    }

#grid1_container {
    margin: 15px auto;
}

#btnSubmit {
    float: left;
    position: absolute;
    bottom: 0;
}

#exportButton {
    clear: both;
    display: block;
    height: 100%;
}

#exportDataButton {
    clear: both;
    display: block;
    height: 100%;
}

.exportOutputOptionsLabel {
    width: 200px !important;
}

.exportOutputOptionsCheckBox {
    float: left;
    width: 20px !important;
}

.button-container {
    border-radius: 4px;
    clear: both;
    background-color: #d3dce0;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: 600;
    width: auto;
    position: relative;
    float: left;
    height: 25px;
    margin-top: 10px;
}

.padding20 ul {
    padding: 20px;
}

.companiesAssignmentList {
    width: 250px;
    height: 250px;    
    border: 1px solid #c8c8c8;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: white;
    border-radius: 4px;
}

.checkboxList {
    width: 250px;
    height: 250px;
    float: left;
    border: 1px solid #c8c8c8;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: white;
    border-radius: 4px;
}

#resetTopsButton {
    background-image: url('/Images/reset.png');
    width: 40px;
    display: inline;
    background-position: 50% 50%;
}

.pivotFilter {
    min-width: 200px;
    max-width: 750px;
}

    .pivotFilter .selectList {
        margin-right: 5px;
        min-width: 250px;
        max-width: 500px;
        /*float: left;*/
    }

        .pivotFilter .selectList select {
            min-width: 200px;
            max-width: 490px;
            border: 1px solid silver;
            border-radius: 4px;
        }

.selectedList {
    min-width: 200px;
    max-width: 490px;
    float: none;
    clear: both;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    
}

#selectedfilterLabel {
    width: 70%;
    margin: 0;
    float: left;
}

.closeFilter {
    float: right;
    height: 30px;
    width: 30%;
    margin: -5px;
}


.categorySelect {    
    background-color: white; 
    max-height: 250px;   
    overflow: auto;
    margin-bottom: 10px;
}

    .categorySelect a {
        cursor: pointer;
    }

.categorySelected {
    height: 192px;
    max-height: 192px;
    background-color: white;
    margin-top: 20px;
    overflow: auto;
    margin-bottom: 10px;
}

    .categorySelected a {
        cursor: pointer;
    }


.filterLink {   
    background-repeat: no-repeat;
    background-position: 95%;
    background-color: gray;
    font-weight: bold;
    color: white;
    border: solid 1px #c8c8c8;
    margin: 2px;
    padding: 5px;
    -moz-border-radius: 15px;
    border-radius: 0;
    background-image: url('/Images/closeFilter.png');
    /*background-image: url('/Images/closeFilter.png'), -moz-linear-gradient(left, grey, grey, grey,black) ;
    background-image: url('/Images/closeFilter.png'), -ms-linear-gradient(left, grey, grey, grey,black) ;
    background-image: url('/Images/closeFilter.png'), -o-linear-gradient(left, grey, grey, grey,black) ;*/
}

/*Hides "done" button in date picker*/
.ui-datepicker-close {
    visibility: hidden;
}

.closeFilter:hover {   
    cursor: pointer;
}

.searchFilterDiv {    
    height: 20px;
}

.searchFilterInput {
    height:12px;
    width: 140px;
}

.categorySelect {
    height: 232px;
}

#searchFilterLabel {
    width:70px;
    float: left;
}

.filterLink:hover {   
    border-color: black;
}

#datesTable {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: none;
}

#datesTd {
    /*padding: 0.25em 2em 0.25em 0em;*/
    border: none;
}

#datesTh {
    font-size: 1.2em;
    text-align: left;
    border: none;
    padding-left: 0;
}

#datesTable td {
    border:none;
}

.parametersBlock {
    float: left;
    margin: 0px 5px 0px 0px;
}

#topDivRow {
    border: 3px solid;
    padding: 2px;
    width: 240px;
    margin-bottom: 10px;
    border-radius: 5px;
    border-color: #adcae6;
    background-color: #dddddd;
}

.ui-chart-legend-item-badge {
    border: none;
    padding: 4px;
}


.ui-chart-legend-item-text {
    border: none;
    padding: 4px;
}

.chartOptions td {
    border: none;
    padding: 4px;
}

.chartOptions {
    border-collapse: initial;
    border-radius: 5px;
    border-color: silver;
    margin-top: 10px;
    margin-left: 5px;
}

.slider {
    width: 80%;
    height: 80%;
    margin: 5px;
}

.ui-chart-legend-items-list {
    border-collapse: initial;
    border-radius: 5px;
    border-color: silver;
}

.chartOptions tr {
    display: table-row;
}

.width30 {
    width: 30%;
}

.DatesDiv {
    max-width: 250px; 
    margin-right: 30px;   
}

#DateFromDiv {
    float: left;
}

#DateToDiv {
    float: left;
}

#legend {
    float:left;
    margin-top:5px;
    margin-right:10px;
    display: none;   
}

#legendForColumnLineChart {
    float:left;
    margin-top:5px;
    margin-right:10px;
    display: none;   
}

.displayBlock {
    display: block;
}

#dialogDiv {
    position: absolute;
}

#templatesRezTable {
    table-layout: auto;    
    width: 70%;
    min-width: 250px;
}

    #templatesRezTable th:first-child {
        min-width: 25px;
        width: 10%;
    }

    #templatesRezTable th:nth-child(3) {        
        width: 90%;
    }


.blockMsg {
    left: 50% !important;
    max-width: 300px !important;
    width: 80% !important;
}


#myLegend {
    float: left;
    margin-top: 5px;
    margin-right: 10px;
    border: none;
}

.myLegend {
    float: left;
    margin-top: 5px;
    margin-right: 10px;
    border: none;
}

.comboContainer {
    margin: 5px;
}

.selectedFiltersCategoryDiv {
    clear:both;
}

#dialogDiv {
    display: block;
    z-index: 1002;
    outline: 0px;
    height: auto;
    width: 40%;
    top: 484px;
    left: 30%;
}

.mergedCell {
    opacity: 0.2;
}

.datesInput {
    margin: 5px 20px 6px 0;
}


header {
    height: auto;
    background: rgb(252,252,252);
    background: -moz-linear-gradient(10deg, rgba(252,252,252,1) 46%, rgba(129,151,172,1) 100%);
    background: -webkit-linear-gradient(10deg, rgba(252,252,252,1) 46%, rgba(129,151,172,1) 100%);
    background: linear-gradient(10deg, rgba(252,252,252,1) 46%, rgba(129,151,172,1) 100%);
    
}

header.cept {
    height: auto;
    background: rgb(252,252,252);
    background: -moz-linear-gradient(10deg, rgba(252,252,252,1) 46%, rgba(33,193,166,1) 100%);
    background: -webkit-linear-gradient(10deg, rgba(252,252,252,1) 46%, rgba(33,193,166,1) 100%);
    background: linear-gradient(10deg, rgba(252,252,252,1) 46%, rgba(33,193,166,1) 100%);
    
}

#body {
    background-color: #efeeef;
    background: linear-gradient(#afbdca, #efeeef);
    background: -webkit-linear-gradient(#afbdca, #efeeef);
    background: -moz-linear-gradient(#afbdca, #efeeef);
    background: -ms-linear-gradient(#afbdca, #efeeef);
    background: -o-linear-gradient(#afbdca, #efeeef);
    clear: both;
    padding-bottom: 35px;
}

    #body section {
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
        background-color: #eaeaeb;
        border-radius: 20px;
    }

    #titleSpan {
        vertical-align: middle;        
    }

    #titleImg {
        vertical-align: middle;
        margin-left: 10px;
    }

#menu li a {
    display:block;
    padding: 15px 20px;
    background: none;
    text-decoration: none;
    border-radius: 0;
    background-color: transparent;
    color: black;
    font-size: 1em;
}


.hasDatepicker {    
}

#login a {
    background-color: #4b8bc8 !important;
}

#myHr {
    display: none;
}

.displayNone {
    display: none;
}

.myTooltip {
    width: 20px;
    margin-left: 10px;
}

.lineOver {
    text-decoration: line-through;
}

#titleA{
    margin-left:100px;
    margin-top:5px;
}

#titleSpan{
    font-family: Segoe UI;
    font-size: 2.1em;
    font-weight: bold;
}