/*float*/
.FRfloatLeft  {float: left}
.FRFloatRight {float:right}

/*width percent*/
.FRWidth9Per   {width: 9%;}
.FRWidth12Per  {width: 12%;}
.FRWidth31Per  {width: 31%;}
.FRWidth50Per  {width: 50%;}
.FRWidth60Per  {width: 60%;}
.FRWidth80Per  {width: 80%;}
.FRWidth100Per {width: 100%;}

/*width*/
.FRWidth50   {width: 50px;}
.FRWidth70   {width: 70px;}
.FRWidth100  {width: 100px;}
.FRWidth150  {width: 150px;}
.FRWidth200  {width: 200px;}
.FRWidth250  {width: 250px;}
.FRWidth300  {width: 300px;}
.FRWidth350  {width: 350px;}
.FRWidth400  {width: 400px;}
.FRWidth450  {width: 450px;}
.FRWidth500  {width: 500px;}
.FRWidth550  {width: 550px;}
.FRWidth600  {width: 600px;}
.FRWidth650  {width: 650px;}
.FRWidth700  {width: 700px;}
.FRWidth750  {width: 750px;}
.FRWidth800  {width: 800px;}
.FRWidth850  {width: 850px;}
.FRWidth900  {width: 900px;}
.FRWidth950  {width: 950px;}
.FRWidth1000 {width: 1000px;}
.FRWidth1050 {width: 1050px;}

/*Button Align*/
.buttoncenter {position: absolute; top: 50%;}

/* Text Align*/
.FRTextAlignCenter {text-align: center;}
.FRTextAlignLeft   {text-align: left;}
.FRTextAlignRight  {text-align: right;}

/*padding (left)*/
.FRPaddingLeft3   {padding-left: 3px;}
.FRPaddingLeft5   {padding-left: 5px;}
.FRPaddingLeft10  {padding-left: 10px;}
.FRPaddingLeft15  {padding-left: 15px;}
.FRPaddingLeft20  {padding-left: 20px;}
.FRPaddingLeft25  {padding-left: 25px;}
.FRPaddingLeft30  {padding-left: 30px;}
.FRPaddingLeft35  {padding-left: 35px;}
.FRPaddingLeft40  {padding-left: 40px;}
.FRPaddingLeft45  {padding-left: 45px;}
.FRPaddingLeft50  {padding-left: 50px;}
.FRPaddingLeft55  {padding-left: 55px;}
.FRPaddingLeft75  {padding-left: 75px;}
.FRPaddingLeft270 {padding-left: 270px;}

/*padding (right) */
.FRPaddingRight3  {padding-right: 3px;}
.FRPaddingRight5  {padding-right: 5px;}
.FRPaddingRight10 {padding-right: 10px;}
.FRPaddingRight15 {padding-right: 15px;}
.FRPaddingRight20 {padding-right: 20px;}
.FRPaddingRight25 {padding-right: 25px;}
.FRPaddingRight30 {padding-right: 30px;}
.FRPaddingRight35 {padding-right: 35px;}
.FRPaddingRight40 {padding-right: 40px;}
.FRPaddingRight45 {padding-right: 45px;}
.FRPaddingRight50 {padding-right: 50px;}
.FRPaddingRight55 {padding-right: 55px;}

/*padding (top)*/
.FRPaddingTop3  {padding-top: 3px;}
.FRPaddingTop5  {padding-top: 5px;}
.FRPaddingTop10 {padding-top: 10px;}
.FRPaddingTop15 {padding-top: 15px;}
.FRPaddingTop20 {padding-top: 20px;}
.FRPaddingTop25 {padding-top: 25px;}
.FRPaddingTop30 {padding-top: 30px;}
.FRPaddingTop35 {padding-top: 35px;}
.FRPaddingTop40 {padding-top: 40px;}
.FRPaddingTop45 {padding-top: 45px;}
.FRPaddingTop50 {padding-top: 50px;}
.FRPaddingTop55 {padding-top: 55px;}

/*padding (bottom)*/
.FRPaddingbottom3  {padding-bottom: 3px;}
.FRPaddingbottom5  {padding-bottom: 5px;}
.FRPaddingbottom10 {padding-bottom: 10px;}
.FRPaddingbottom15 {padding-bottom: 15px;}
.FRPaddingbottom20 {padding-bottom: 20px;}
.FRPaddingbottom25 {padding-bottom: 25px;}
.FRPaddingbottom30 {padding-bottom: 30px;}
.FRPaddingbottom35 {padding-bottom: 35px;}
.FRPaddingbottom40 {padding-bottom: 40px;}
.FRPaddingbottom45 {padding-bottom: 45px;}
.FRPaddingbottom50 {padding-bottom: 50px;}
.FRPaddingbottom55 {padding-bottom: 55px;}

/* width-padding*/
.FR100WidthFloatLeft{width: 100%; float: left;}

/*width-float (left)*/
.FR5WidthFloatLeft  {width: 5%; float: left;}
.FR10WidthFloatLeft {width: 10%; float: left;}
.FR15WidthFloatLeft {width: 15%; float: left;}
.FR20WidthFloatLeft {width: 20%; float: left;}
.FR25WidthFloatLeft {width: 25%; float: left;}
.FR28WidthFloatLeft {width: 28%; float: left;}
.FR30WidthFloatLeft {width: 30%; float: left;}
.FR35WidthFloatLeft {width: 35%; float: left;}
.FR40WidthFloatLeft {width: 40%; float: left;}
.FR45WidthFloatLeft {width: 45%; float: left;}
.FR50WidthFloatLeft {width: 50%; float: left;}
.FR55WidthFloatLeft {width: 55%; float: left;}
.FR60WidthFloatLeft {width: 60%; float: left;}
.FR65WidthFloatLeft {width: 65%; float: left;}
.FR70WidthFloatLeft {width: 70%; float: left;}
.FR75WidthFloatLeft {width: 75%; float: left;}
.FR80WidthFloatLeft {width: 80%; float: left;}
.FR85WidthFloatLeft {width: 85%; float: left;}
.FR90WidthFloatLeft {width: 90%; float: left;}
.FR95WidthFloatLeft {width: 95%; float: left;}

/* Width Float (right)*/
.FR5WidthFloatRight  {width: 5%; float: right;}
.FR10WidthFloatRight {width: 10%; float: right;}
.FR15WidthFloatRight {width: 15%; float: right;}
.FR20WidthFloatRight {width: 20%; float: right;}
.FR25WidthFloatRight {width: 25%; float: right;}
.FR30WidthFloatRight {width: 30%; float: right;}
.FR35WidthFloatRight {width: 35%; float: right;}
.FR40WidthFloatRight {width: 40%; float: right;}
.FR45WidthFloatRight {width: 45%; float: right;}
.FR50WidthFloatRight {width: 50%; float: right;}
.FR55WidthFloatRight {width: 55%; float: right;}
.FR60WidthFloatRight {width: 60%; float: right;}
.FR65WidthFloatRight {width: 65%; float: right;}
.FR70WidthFloatRight {width: 70%; float: right;}
.FR75WidthFloatRight {width: 75%; float: right;}
.FR80WidthFloatRight {width: 80%; float: right;}
.FR85WidthFloatRight {width: 85%; float: right;}
.FR90WidthFloatRight {width: 90%; float: right;}
.FR95WidthFloatRight {width: 95%; float: right;}

/*Width float padding-left */
.FR5WidthFloatLeftPaddingTop3  {width: 5%; float: left; padding-top: 3px;}
.FR10WidthFloatLeftPaddingTop3 {width: 10%; float: left;padding-top: 3px;}
.FR8WidthFloatLeftPaddingTop3  {width: 8%;float: left;padding-top: 3px;}

/*Width float padding-left padding top*/
.FR100WidthFloatLeftPaddingTop3Left50 { width: 100%; float: left; padding-top: 3px; padding-left: 50px;}

/* Height*/
.FRHeight10 {height: 10px;}
.FRHeight10 {height: 10px;}
.FRHeight15 {height: 15px;}
.FRHeight20 {height: 20px;}
.FRHeight25 {height: 25px;}
.FRHeight30 {height: 30px;}
.FRHeight35 {height: 35px;}
.FRHeight40 {height: 40px;}
.FRHeight45 {height: 45px;}

/*Federal Reports section test*/
.FRcontainer {width:1050px !important; height: 500px;}
.AutoMargin {margin: auto;}

.HPRtextcenter {
    text-align: center !important;
}

.HPRfontbold {
    font-weight: bold !important;
}


/*Highcharts menu*/
.menu {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: inset 0 0 0 1px #ffffff;
    -moz-box-shadow: inset 0 0 0 1px #ffffff;
    box-shadow: inset 0 0 0 1px #ffffff;
    color: #8d8d8d;
    text-shadow: 1px 1px 0px #ffffff;
    background: #eeeeee;
    padding: 4px;
    font: 13px/1.231 sans-serif;
    display: inline-block;
    position: relative;
    width: 100px;
    height: 19px;
    line-height: 22px;
    vertical-align: middle;
}
.dropDownHook {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: inset 0 0 0 1px #ffffff;
    -moz-box-shadow: inset 0 0 0 1px #ffffff;
    box-shadow: inset 0 0 0 1px #ffffff;
    color: #8d8d8d;
    text-shadow: 1px 1px 0px #ffffff;
    background: #eeeeee;
    padding: 4px;
    font: 13px/1.231 sans-serif;
    display: inline-block;
    position: relative;
    width: 100px;
    height: 19px;
    line-height: 22px;
    vertical-align: middle;
}

.dropDownHook span {cursor: pointer;}
.dropDownContent {display: none;}

.dropDownHook .dropDownContent {
    position: absolute;
    left: -1px;
    top: 30px;
    background: #e1e1e1;
    padding: 4px;
    -webkit-border-radius: 0 3px 3px 3px;
    -moz-border-radius: 0 3px 3px 3px;
    border-radius: 0 3px 3px 3px;
    min-width: 100%; 
    text-shadow: none;
}

.FRMenudiv {
    float: right;
    width: 10%;
    text-align: Center;
    padding: 2px;
    z-index: 1;
    font-size: 7pt;
    visibility: hidden;
}

.FRHiddenSideSpacer {
    float: left;
    width: .1%;
    text-align: Center;
    padding: 2px;
    z-index: 1;
    font-size: 7pt;
    visibility: hidden;
}

.FRCursorPointer {cursor: pointer;}
.valigntop {vertical-align: top;}
.valignmiddle {vertical-align: middle;}

/**************************************
Autocomplete List Overrides
**************************************/

.completionListElement {
    visibility: hidden;
    margin: 0px;
    background-color: #fff;
    color: black;
    border: solid 1px gray;
    cursor: pointer;
    text-align: left;
    list-style-type: none;
    font-family: Arial;
    font-size: 12px;
    padding: 2px;
    height: 100px;
    overflow: Auto;
}

.listItem {
    background-color: white;
    padding: 1px;
}

.highlightedListItem {
    background-color: #0066FF;
    color: white;
    padding: 1px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* Override classes for IE10+ (probably a better spot in the file for it, but...)*/
    .completionListElement {
        height: auto !important;
        max-height: 150px !important;
        overflow: hidden;
    }
}

/**************************************
Reports control classes
**************************************/
.reports_chklstDiv {
    border: solid 2px #3B4F7F !important;
}

    .reports_chklstDiv input[type='checkbox'] {
        height: 20px !important;
        width: 20px !important;
    }

    .reports_chklstDiv tbody tr:nth-of-type(odd) {
        background-color: #f5f5f5 !important;
    }

    .reports_chklstDiv tbody tr td {
        padding: 4px;
        vertical-align: middle;
    }

    .reports_chklstDiv table {
        width: 100%;
    }

.reports_chklstDivScroller {
    overflow-y: auto;
    max-height: 220px;
}

.reports_chklstToolbar {
    border-bottom: solid 1px #e0e0e0;
}

    .reports_chklstToolbar input[type='text'] {
        border: solid 1px;
    }

.reports_chklstToolbarchkCol {
    padding: 12px 4px 0 4px !important;
}

.reports_chklstDiv .input-group-append {
    height: 36px;
}

    .reports_chklstDiv .input-group-append button {
        color: white;
        background-color: #6c757d;
    }

.reports_chklstDiv .SearchBox {
    border-radius: 5px 0 0 5px;
    font-family: 'Segoe UI', FontAwesome;
}

/**************************************/

.VBorder{
    border-right: solid 1px;
}