#menuIcon {
    background-image: url("../nbmImages/nisIcons.png?ver=20170805");
    background-repeat: no-repeat;
    background-position: -8px -135px;
    width : 28px;
    height : 28px;
    cursor : pointer;
    margin-right: 5px;
    margin-top: 5px;
}
.LHSTab {
    cursor : pointer;
}
.mandatoryAsterik {
    color : red;
    font-size : 1em;
}
table.thematicFormTable td.mandatoryFieldTd {
    padding-top : 2em;
}
.secondaryInfo {
    font-size: 90%;
    color: #555;
}
.pageUnderTab#page__1,
.pageUnderTab#page__2,
.pageUnderTab#page__3,
.pageUnderTab#page__4,
.pageUnderTab#page__5 {
    display : none;
}
.thematicFormTable .summaryHeading h3 {
    margin: 20px 10px 2px 0px;
    padding: 0 5px;
    text-align: left;
    font-size: 125%;
    color: #777;
}
table.thematicFormTable td.blankTd {
    padding : 5px;
}
.subItemWell {
    position : relative;
}
.deleteSubItemWell {
    position : absolute;
    right : 2px;
}

.thematicSelectChosen ~ .chosen-container {
    width: 220px !important;
}
.thematicSelectChosenDateType ~ .chosen-container {
    width: 150px !important;
}
.thematicSelectChosenDateFrequency ~ .chosen-container {
    width: 100px !important;
    margin-left : 5px;
}

.thematicFormTable .summarySubHeading h2 {
    margin: 2px 0px 2px 0px;
    text-align: center;
    font-weight: bold;
    font-size : 105%;
    color: #000;
}

.orgSearchResultList,
.singleSelectDisplay {
    list-style : none;
    padding-left : 0;
}
table.thematicFormTable table.budgetTable input[type=text],
table.thematicFormTable table.budgetTable input[type=number] {
    width: 75px;
}
table.thematicFormTable table.budgetTable {
    border-collapse : separate;
    border-spacing : 5px;
}

table.thematicExpandableTable,
table.thematicExpandableSubTable {
    width : 100%;
}
table.thematicExpandableTable > tbody > tr:nth-child(1) {
    border: 1px solid #ccc;
}
table.thematicExpandableTable > tbody > tr > td,
table.thematicExpandableTable > tbody > tr > th {
    padding: 3px !important;
    vertical-align : top;
}
table.thematicExpandableSubTable > tbody > tr > td,
table.thematicExpandableSubTable > tbody > tr > th {
    padding: 2px !important;
    vertical-align : top;
}
table.thematicExpandableTable td {
    overflow-wrap: break-word;
}
table.thematicExpandableTable .expandableConfCol0{
    width : 8% !important;
}
table.thematicExpandableTable .expandableConfCol1{
    width : 10% !important;
}
table.thematicExpandableTable .expandableConfCol2 {
    width : 20% !important;
}
table.thematicExpandableTable .expandableConfCol3 {
    width : 20% !important;
}
table.thematicExpandableTable .expandableConfCol4 {
    width : 30% !important;
}
table.thematicExpandableTable .expandableConfCol5 {
    width : 12% !important;
}

table.thematicExpandableTable .expandableReceiptCol0{
    width : 20px !important;
}
table.thematicExpandableTable .expandableReceiptCol1{
    width : 50px !important;
}
table.thematicExpandableTable .expandableReceiptCol2 {
    width : 50px !important;
}
table.thematicExpandableTable .expandableReceiptCol3 {
    width : 50px !important;
}
table.thematicExpandableTable .expandableReceiptCol4 {

}

span.thematicExpandableArrow.closed {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    cursor : pointer;
}
span.thematicExpandableArrow.open {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    cursor : pointer;
}
span.thematicExpandableArrow.thematicTitleArrow {
    color : #000;
    margin-right : 5px;
}

span.thematicExpandableArrowLeft.closed {
    display: inline-block;
    width: 0;
    height: 0;
    border-right: 5px solid;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    cursor : pointer;
}
span.thematicExpandableArrowLeft.open {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    cursor : pointer;
}
span.thematicExpandableArrowLeft.thematicTitleArrow {
    color : #000;
    margin-left : 5px;
}

.x.axis text {
    font-size: 10px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.tickLabel_45 .x.axis text,
.tickLabel_0_45 .x.axis text {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    text-anchor: end !important;
}

.node  text {
    text-anchor: start !important;
    font-size: 10px;
    opacity : .5;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.axis .tick line {
    fill: none;
    stroke: #000;
    font-size: 5px;
    shape-rendering: crispEdges;
}

.thematicChartContainerBlock {
    padding : 0px !important;
}


/*Hereafter put on common part with NIS and NBS Dashboards*/
/*Taken from IRMapper CSS - Start*/
.dc-chart g.row text{fill:#333;}
.dc-chart .grid-line,
.dc-chart .axis .grid-line {
    fill: none;
    stroke: #ccc;
    opacity: .5;
    shape-rendering: crispEdges;
}
svg {
    margin-top : 5px;
}
.line {
    fill:none;
}
.dc-chart {
  padding: 0px;
}
.dc-chart .pie-slice {
    fill: #000;
}
/*Taken from IRMapper CSS - End*/

.well.thematicCheckboxWell{
    background-color : #8b1012;
    border: 1px solid #680c0d;
    color : #fff;
}
.well.thematicCheckboxResultWell{
    background-color : rgb(39, 174, 96);
    border: 1px solid #086C32;
    color : #fff;
}
.well.thematicCheckboxReportWell{
    background-color : rgb(230, 126, 34);
    border: 1px solid #9D4F09;
    color : #fff;
}

datepicker {
    width : 250px !important;
}

.LHSApproveIcon {
    background-image: url("../nbmImages/approve1.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-position: 0px 0px;
}
.LHSUploadIcon {
    background-image: url("../nbmImages/upload1.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-position: 0px 0px;
}
.LHSProcessIcon {
    background-image: url("../nbmImages/process1.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-position: 0px 0px;
    opacity : 0.9;
}
.LHSUpdateIcon {
    background-image: url("../nbmImages/update1.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-position: 0px 0px;
    opacity : 0.9;
}
.LHSMinistryIcon {
    background-image: url("../nbmImages/ministry.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-position: 0px 0px;
}
.LHSUCSEIcon {
    background-image: url("../nbmImages/certificate.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 24px;
    vertical-align: middle;
    background-position: -2px 0px;
}
.LHSFlightIcon {
    background-image: url("../nbmImages/flight1.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-position: 0px 0px;
}

.toApplyAppliedInput,
.thematicUploadWithInput {
    margin-top : 2px;
}

.breadcrumbStatus {
    margin-bottom : 5px;
    color : #f00;
}
.breadcrumbLabel {
    color : #000;
}

.ng-table th {
    text-align : left;
}

.thematicRestrictedHeightChosenTd .chosen-container .chosen-results {
    max-height : 100px !important;
}

.yourWell,
.fellowWell {
    background-color : #b2ffb2;
    border : 1px solid #99ff99;
    padding : 10px;
    margin-bottom : 5px;
}
.otherWell,
.adminWell {
    background-color : #ffb2b2;
    border : 1px solid #ff9999;
    padding : 10px;
    margin-bottom : 5px;
}
.guideWell {
    background-color : #e5e500;
    border : 1px solid #cccc00;
    padding : 10px;
    margin-bottom : 5px;
}

.loader {
  width: 100%;
  height: 200px;
  background-image: url("../nbmImages/ajax-loader.gif");
  background-repeat: no-repeat;
  background-position : 50%;
}

.blockWithBackground > .breadcrumb {
    border-width : 0;
    padding : 0;
    box-shadow : 0 0px 0px rgba(0,0,0,.05);
    margin : 0px;
    margin-bottom : 5px;
}
.thematicSearchPagination {
    margin : 10px 0;
}
.thematicUploadPreview {
    margin-bottom : 5px;
}

.LHSCashIcon {
    background-image: url("../nbmImages/cur5.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-position: 0px 0px;
}
.ChecklistTrueIcon {
    background-image: url("../nbmImages/checklist/tick.png");
    background-repeat: no-repeat;
    height: 30px;
    vertical-align: middle;
    background-position: 0px 0px;
}
.LHSUploadIcon {
    background-image: url("../nbmImages/upload1.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-position: 0px 0px;
}
.LHSDownloadIcon {
    background-image: url("../nbmImages/download1.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-position: 0px 0px;
}
.helpContentBox ul {
    margin-bottom : 15px;
}

/*Media queries for printing central view*/
@media print {
    .headerDBTJRF,
    .footer,
    #LHS {
        display : none;
    }
    a[href]:after {
        content: none !important;
    }
}

input.tableSearchInput,
input.graphSearchInput {
    height: 32px;
    border-radius: 4px;
    border: 1px solid #bbb;
    padding: 5px 5px;
    max-width : 250px;
}
input.graphSearchInput{
    width : 200px;
}
input.tableSearchInput{
    width : 100%;
}

input.graphSearchInput {
    margin-top : 5px;
    margin-bottom : 3px;
}

.x.axis text {
    font-size: 10px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.tickLabel_45 .x.axis text,
.tickLabel_0_45 .x.axis text {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    text-anchor: end !important;
}
.tickLabel_45 .x.axis text,
.tickLabel_0_45 .x.axis text,
.x.axis text {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.x.axis text {
    text-anchor: end !important;
    font-size: 10px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: absolute;
}

.pagination {
    margin: 0 0 5px 0;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 3;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}

.printForm {
    padding : 5px 7px;
}
.printForm .btn-primary {
    margin : 0 5px;
}
.printForm .secondaryInfo {
    text-align : justify;
    padding-top : 5px;
}
.printForm button,
.printForm input {
    vertical-align : top !important;
}
.printForm table.thematicFormTable input[type=number] {
    width : 3.5em !important;
    line-height : 1em;
    height : 27px;
}
.printLabelDropdown {
    display : inline-block;
}
.printGraphButtonArrow {
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom : 0px;
    margin-left : 5px;
    vertical-align : top;
    padding : 0px 0px;
    margin : 5px 5px;
}
.saveDataButton {
    margin : 5px 0 0 !important;
    width : 100%;
}

.biracLogo {
    margin-left: 10px;
}
.nbmLogo {
    margin: 0 10px;
}
table.thematicFormTable td.fullLabelTable {
    text-align: justify;
}
table.thematicFormTable td.fullLabelTable textarea {
    width: 100%;
}
.feedbackRatingTable td,
.feedbackRatingTable th {
    padding: 3px;
    border: 1px solid #777;
}
.feedbackRatingTable .radioCell {
    text-align: center;
}
.RatingTrueIcon {
    background-image: url("../nbmImages/checklist/tick.png");
    background-repeat: no-repeat;
    height: 30px;
    vertical-align: middle;
    background-position: 50% 0px;
}
.thematicNoteTitle {
    font-style: italic;
    font-weight: bold;
}