/* CSS Document */
@font-face {
    font-family: 'MTN Brighter Sans';
    src: url("../style/Font/MTNBrighterSans-Regular.eot");
    src:
        local("MTN Brighter Sans"),
        local("MTNBrighterSans"),
        url('../style/Font/MTNBrighterSans-Regular.woff2') format('woff2'),
        url('../style/Font/MTNBrighterSans-Regular.woff') format('woff'), 
        url('../style/Font/MTNBrighterSans-Regular.ttf')format('truetype'),
        url('../style/Font/MTNBrighterSans-Regular.otf') format('opentype');
    ;
}
@font-face {
    font-family: 'MTN Brighter Sans-RegularItalic';
    src: url("../style/Font/MTNBrighterSans-RegularItalic-Regular.eot");
    src:
        local("MTN Brighter Sans-RegularItalic"),
        local("MTNBrighterSans-RegularItalic"),
        url('../style/Font/MTNBrighterSans-RegularItalic.woff2') format('woff2'),
        url('../style/Font/MTNBrighterSans-RegularItalic.woff') format('woff'), 
        url('../style/Font/MTNBrighterSans-RegularItalic.ttf')format('truetype'),
        url('../style/Font/MTNBrighterSans-RegularItalic.otf') format('opentype');
    ;
}
@font-face {
    font-family: 'MTN Brighter Sans-Bold';
    src: url("../style/Font/MTNBrighterSans-Bold.eot");
    src:
        local("MTN Brighter Sans-Bold"),
        local("MTNBrighterSans-Bold"),
        url('../style/Font/MTNBrighterSans-Bold.woff2') format('woff2'),
        url('../style/Font/MTNBrighterSans-Bold.woff') format('woff'), 
        url('../style/Font/MTNBrighterSans-Bold.ttf')format('truetype'),
        url('../style/Font/MTNBrighterSans-Bold.otf') format('opentype');

}
@font-face {
    font-family: 'MTN Brighter Sans-BoldItalic';
    src: url("../style/Font/MTNBrighterSans-BoldItalic.eot");
    src:
        local("MTN Brighter Sans-BoldItalic"),
        local("MTNBrighterSans-BoldItalic"),
        url('../style/Font/MTNBrighterSans-BoldItalic.woff2') format('woff2'),
        url('../style/Font/MTNBrighterSans-BoldItalic.woff') format('woff'), 
        url('../style/Font/MTNBrighterSans-BoldItalic.ttf')format('truetype'),
        url('../style/Font/MTNBrighterSans-BoldItalic.otf') format('opentype');
}
@font-face {
    font-family: 'MTN Brighter Sans-ExtraBold';
    src: url("../style/Font/MTNBrighterSans-ExtraBold.eot");
    src:
        local("MTN Brighter Sans-ExtraBold"),
        local("MTNBrighterSans-ExtraBold"),
        url('../style/Font/MTNBrighterSans-ExtraBold.woff2') format('woff2'),
        url('../style/Font/MTNBrighterSans-ExtraBold.woff') format('woff'), 
        url('../style/Font/MTNBrighterSans-ExtraBold.ttf')format('truetype'),
        url('../style/Font/MTNBrighterSans-ExtraBold.otf') format('opentype');
}
@font-face {
    font-family: 'MTN Brighter Sans-ExtraBoldItalic';
    src: url("../style/Font/MTNBrighterSans-ExtraBoldItalic.eot");
    src:
        local("MTN Brighter Sans-ExtraBoldItalic"),
        local("MTNBrighterSans-ExtraBoldItalic"),
        url('../style/Font/MTNBrighterSans-ExtraBoldItalic.woff2') format('woff2'),
        url('../style/Font/MTNBrighterSans-ExtraBoldItalic.woff') format('woff'), 
        url('../style/Font/MTNBrighterSans-ExtraBoldItalic.ttf')format('truetype'),
        url('../style/Font/MTNBrighterSans-ExtraBoldItalic.otf') format('opentype');
}
@font-face {
    font-family: 'MTN Brighter Sans-ExtraLight';
    src: url("../style/Font/MTNBrighterSans-ExtraLight.eot");
    src:
        local("MTN Brighter Sans-ExtraLight"),
        local("MTNBrighterSans-ExtraLight"),
        url('../style/Font/MTNBrighterSans-ExtraLight.woff2') format('woff2'),
        url('../style/Font/MTNBrighterSans-ExtraLight.woff') format('woff'), 
        url('../style/Font/MTNBrighterSans-ExtraLight.ttf')format('truetype'),
        url('../style/Font/MTNBrighterSans-ExtraLight.otf') format('opentype');
}
@font-face {
    font-family: 'MTN Brighter Sans-ExtraLightItalic';
    src: url("../style/Font/MTNBrighterSans-ExtraLightItalic.eot");
    src:
        local("MTN Brighter Sans-ExtraLightItalic"),
        local("MTNBrighterSans-ExtraLightItalic"),
        url('../style/Font/MTNBrighterSans-ExtraLightItalic.woff2') format('woff2'),
        url('../style/Font/MTNBrighterSans-ExtraLightItalic.woff') format('woff'), 
        url('../style/Font/MTNBrighterSans-ExtraLightItalic.ttf')format('truetype'),
        url('../style/Font/MTNBrighterSans-ExtraLightItalic.otf') format('opentype');
}
@font-face {
    font-family: 'MTN Brighter Sans-Light';
    src: url("../style/Font/MTNBrighterSans-Light.eot");
    src:
        local("MTN Brighter Sans-Light"),
        local("MTNBrighterSans-Light"),
        url('../style/Font/MTNBrighterSans-Light.woff2') format('woff2'),
        url('../style/Font/MTNBrighterSans-Light.woff') format('woff'), 
        url('../style/Font/MTNBrighterSans-Light.ttf')format('truetype'),
        url('../style/Font/MTNBrighterSans-Light.otf') format('opentype');
}
@font-face {
    font-family: 'MTN Brighter Sans-LightItalic';
    src: url("../style/Font/MTNBrighterSans-LightItalic.eot");
    src:
        local("MTN Brighter Sans-LightItalic"),
        local("MTNBrighterSans-LightItalic"),
        url('../style/Font/MTNBrighterSans-LightItalic.woff2') format('woff2'),
        url('../style/Font/MTNBrighterSans-LightItalic.woff') format('woff'), 
        url('../style/Font/MTNBrighterSans-LightItalic.ttf')format('truetype'),
        url('../style/Font/MTNBrighterSans-LightItalic.otf') format('opentype');
}
@font-face {
    font-family: 'MTN Brighter Sans-Medium';
    src: url("../style/Font/MTNBrighterSans-Medium.eot");
    src:
        local("MTN Brighter Sans-Medium"),
        local("MTNBrighterSans-Medium"),
        url('../style/Font/MTNBrighterSans-Medium.woff2') format('woff2'),
        url('../style/Font/MTNBrighterSans-Medium.woff') format('woff'), 
        url('../style/Font/MTNBrighterSans-Medium.ttf')format('truetype'),
        url('../style/Font/MTNBrighterSans-Medium.otf') format('opentype');
}
@font-face {
    font-family: 'MTN Brighter Sans-MediumItalic';
    src: url("../style/Font/MTNBrighterSans-MediumItalic.eot");
    src:
        local("MTN Brighter Sans-MediumItalic"),
        local("MTNBrighterSans-MediumItalic"),
        url('../style/Font/MTNBrighterSans-MediumItalic.woff2') format('woff2'),
        url('../style/Font/MTNBrighterSans-MediumItalic.woff') format('woff'), 
        url('../style/Font/MTNBrighterSans-MediumItalic.ttf')format('truetype'),
        url('../style/Font/MTNBrighterSans-MediumItalic.otf') format('opentype');
}

.secondaryPopUpColour {
    background-color: #ffd165;
}

.showDIV  {
    width:100%; height:560px;
    display:block;
    visibility:visible;
}

.hideDIV  {
    width:0px; height:0px;
    display:none;
    visibility:hidden;
}

.hideButton  {          
    visibility:hidden;        
}

.showButton  {            
    visibility:visible;        
}     

.styled-select {
    width: 100%;
}

body {
    font-family: MTN Brighter Sans-Light;
    font-size: 73%;
    background-color: #F7F7F7; 
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
    margin-top:0px;
    min-height: 100%;
}

.backGroundImgStyle {
    background-image: url("/uSCM/images/PZC_logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
}

.productBanner {
    background-color:  #FFBE00;  /* Yellow */
}

.manuTabArea {
    background-color:  #FFFFFF;
}

.tabpage{
    background-color: #eaeef1;
}

.footer {
    font-size:75%;
}

input,textarea,.displayText {
    font-family: MTN Brighter Sans;
    font-size: 100%;
    color: #373737;
    background-color: #ffffff;
    border:none;
    border-bottom:1px solid #ccc;
}


.oddRow {
    background-color:#EBE0C0; /*#E7D9B4;*/
}

.oddRow input {
    background-color:#EBE0C0;
    border:0;
}

.evenRow {
    background-color: #ffffff;
}

.evenRow input {
    background-color:#ffffff;
    border:0;
}

input.apptRowBtn {
    border:1px solid;
    background-color:#fed
}

input.apptCancelBtn {
    border:1px solid;
    border-color:gray;
    color:maroon;
    font-weight:bold;
}

.selectedMenu {
    background-color: yellow;
    font-weight: bold;
    color: #000000;
}

.selectedRow {
    background-color: #C9C299;/*#CEE3F6;*/
}

.selectedRow input {
    border:0;
}

.highlightedRow {
    background-color:#CCFFCC;
}

.highlightedRow input {
    background-color:#CCFFCC;
    border:0;
}

.formTableHeaderColor   {
    background-color: #FFFCCC;
}

#innerTable{
    background-color: #FFFCCC;
}

.selectedRow input.apptRowBtn {
    border:1px solid;
    background-color:#fed
}

.selectedRow input.apptCancelBtn {
    border:1px solid;
    border-color:gray;
    color:maroon;
    font-weight:bold;
}

.boxShape {
    border-top: 1px solid #360 ;
    border-left: 1px solid #360 ; 
    border-right: 1px solid #360 ; 
    border-bottom: 1px solid #360 ; 
    border-color: #999999 ;
}

.epr {
}

a {
    text-decoration: none;
    color: #0000CC;
}

a:hover{
    text-decoration: underline;
}

a.selectedLink{
    font-weight: bold ;
    background-color: #FFFF66;
}

a.deSelectedLink{
    font-weight: normal ;
    background-color: #FFFFFF;
}

.mandatoryField{
    color: #FF0033;
    font-weight: bold;
}

.headerEntityName {
    font-weight: bold;
}

.displayPointer{
    cursor: pointer;
}

.arrow{
    font-family: Arial, Helvetica, sans-serif;
    cursor: hand;
}

.deleteCaption{
    font-weight: bold;
    color: red;
    cursor: hand;
}

.menuHeading{
    color: #FFFFFF;
    text-decoration: none;
    background-color: #C32020 ;
    border: 0 ;
}

.commonbg {
    background-color: #ABABAB;
}

.infoText{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#999999;
}

.hyperText{
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.lineHeading {
    font-weight: bold;
}

.menuLink{
    color: #ffffff;
    text-decoration: none;
    text-indent: 5px;
    padding-top: 4px ;
    padding-bottom: 4px;
}

a.menuLink:hover{
    text-decoration: underline;
}

span.menuLink:hover{
    text-decoration: underline;
}

.generalLink {
    color: #ffffff;
    font-weight: bold;
    background-color: #C32020 ;
    border: 0 ;
}

.menuTable {
    color: #000000;
    background-color: #CCCCCC ;
    border: 0 ;

}

.heading {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    background-color: #C32020;
    border: 0;
    height: 35px;
}

.reloginBlock {
    position:absolute;
    width:400px;
    border:2px solid #360; 
    border-color:#445677;
}

.subHeading {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    background-color: #C32020 ;
    border: 0 ;
}

.basebg{
    background-color: #cccccc;
    color:#000000;
}

.userInfo{
    color: #FF0000 ;
    border: 0 ;
    cursor: default ;
    font-style: italic ;
}

/* need to give same color of body */
.readOnly{
    border: 0 ;
    overflow: hidden ;
    cursor: default ;
    /*background-color: #F9F7DE;*/
    background-color: white;
}

.editMode{
    border: 1 ;
    overflow: auto;
    cursor: text;
}

.visible{
    visibility: visible;
    display: block;
}

.hidden{
    visibility: hidden;
    display: none;
}

div.footer{
    color: #666666; 
}

.activityBar {
    background-color: #7F8DA8; /*#C6CFE8 ;//#8A8ABC;*/
    color : #ffffff;
    font-weight: bold;
}

.activityBarMenu {
    background-color: #E9E9F3;
}

.activityBar input {
    background-color: #7F8DA8; /* #C6CFE8 ;//#8A8ABC;*/
    color : #ffffff;
    border:0;
    font-weight: bold;
}

/* A darker shade as of the sectionheader for the border*/
div{
    scrollbar-face-color : #ECE5B6;
    scrollbar-highlight-color : #FFFFFF;
    scrollbar-darkshadow-color : #ECE5B6;
    scrollbar-3dlight-color : #C9C299;
    scrollbar-shadow-color : #C9C299;
}

iframe{
    scrollbar-face-color : #ECE5B6;
    scrollbar-highlight-color : #FFFFFF;
    scrollbar-darkshadow-color : #ECE5B6;
    scrollbar-3dlight-color : #C9C299;
    scrollbar-shadow-color : #C9C299;
}


.centered {
    position: absolute;
    left: 40%;
    top: 40%;
    margin: auto;
    background-color: #E0E0E0;
    color: black;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif ;
    text-align: center ;
    margin: 10px 0 0 0 ;
    border: #666666 1px solid ;
}
table {
    text-align: left;
}

span.title {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

td.inputRow {

}

td.title{
    background-repeat: no-repeat;
    border-bottom: 2px solid #C32020;
}

table.display{
    border: 1px solid #000000 ;
}

h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #C32020;
}

input.smallBtn {

}

.helpText{
    font-family: MTN Brighter Sans-Light;
    color: #999999 ;
}

.whiteBG {
    background-color: #FFFFFF;
    height : 20px ;
}

.specialRow {
    background-color: #FFFFCC;
    height : 20px ;
}

.link{
    cursor:pointer ;
}

.rightAlignedTextbox {
    text-align:right;
}

.mediumSelectBox {
    width:150px;    
}

.smallSelectBox {
    width:75px;
}

.cursorPoint    {
    cursor:hand;
}

.errorInfo{
    color: #FF0000 ;
    border: 0 ;
    cursor: default ;
    font-style: italic ;
    font-weight: bold;

}

.headerFont{
    font-weight: bold;
}

.productVersionBig {
    font-weight: bold;
    font-size: 120%;
}

.productVersionSmall {
    font-weight: bold;
    font-size: 80%;
}

.loginBox {
    /*    background-color: #E6E6E6; */
    background-color: #F9F7DE;
}

/* AutoSearch CSS */

.suggestion_list
{
    background: #E7D7E4;
    border: 1px solid;
    cellpadding: 4px;
    cellspacing: 0px;
    width: 500px;
}

.suggestion_list th
{
    background: #744A6A;
    color: white;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    width: 25%;
}

.suggestion_list td
{
    font-family:Arial, Helvetica, sans-serif;
}

.suggestion_list a
{
    text-decoration: none;
    color: navy;
}

.suggestion_list .selected
{
    background: navy;
    color: white;
}

.suggestion_list .selected a
{
    color: white;
}

#autoSearch
{
    display: none;
}

/* CSS Document */

.tableHeaderColor{
    background-color: #9999CC;
}

.workAreaBackgroundColor {
    /*background-color: #EFEFFB;*/
    background-color: #eaeef1;
}
.wellHeaderBG {
    background-color: #eaeef1;
}

.tableBodyColor { 
    background-color: #FFFFCC; /* #FFFFCC;/*#E8E8FF;*/
}
.activityBackgroundColor{
    background-color: #C32020;
}

.button{
    height: 2em;
    width: 6em;
    border: thin outset ;
    background-color:#F9F7DE;
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    font-weight: bold;
}


.bannerBody{
    font-family:Arial, Helvetica, sans-serif;
    color:#FFFFFF;
}

.titleText{
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#FFFFFF;
}

.activityHeader{
    font-family:Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    font-weight: bold;

}

.activityBody{
    font-family:Arial, Helvetica, sans-serif;
    color:#000000;
    font-weight:bold;
}

.tableHeader{
    font-family: MTN Brighter Sans;
    width: 100%;
    font-family:Arial, Helvetica, sans-serif;
    background-color: #d9ecf2;	
    color: #68a4c8;
    height: 4em;
    text-align: left;
    vertical-align: middle;
    font-weight: bold;

}

.tableHeaderSmall{
    font-family:Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    font-weight:bold;
}

.tableElementHeader{
    font-family:Arial, Helvetica, sans-serif;
    font-weight: bold; 
    color: #000000;
}
.tableElement{
    font-family:Arial, Helvetica, sans-serif;
    color:#000000;
}
.tableElement1{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold ;
    color: #000000;
}
.fieldGroupHeader{
    font-family:Arial, Helvetica, sans-serif;
    font-weight: bold; 
    color: #000000;
}

.label {
    font-family: MTN Brighter Sans;
    display: inline-block;
    color: #000000;
    margin-bottom: 0rem;
}
.labelS {
    font-family:Arial, Helvetica, sans-serif;
    color: #000000;
}
.labelM {
    font-family:Arial, Helvetica, sans-serif;
    color: #000000;
    font-weight: bold;
}
.selectionItemHeader{
    font-family:Arial, Helvetica, sans-serif;
    font-weight: bold; 
    color: #000000;
}
.selectionItemBody{
    font-family:Arial, Helvetica, sans-serif;
    color:#000000;
}	
.textBox{
    width:180px;
    height:25px;
    background-color:#FFFFFF;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
}

.numberBox {
    font-family:Arial, Helvetica, sans-serif;
    color: #000000;
    text-align:right;
}

.readOnlyLabel{
    background-color: yellow;
    border: none ;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #000000;
}

.border{
    border-top:1px solid #360;
    border-left:1px solid #360;
    border-bottom:1px solid #360;
    border-right:1px solid #360;
    border-color:#D7D4B1
}

.smallLabel{
    font-family:Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration:none;
}

/* need to give same color of body */
.readOnlyTextBox {
    border: none ;
}

.rightAlignTextBox { 
    text-align:right;
    color: #000000;
}
/*
.numberTextBox{
        text-align:right;
        color: #000000;
}
*/
.disabledTextBox {
    background-color:#B2B2B2;
    border: none ;
}

.readOnlyTableElement{
    background-color: #E9E9EB;
    border: none ;
    font-family:Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #000000;
}


.deleteButton {
    height: 2.4rem;
    width: 1rem;
    color: red;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: large;
    text-align: left;
    /*background-color: #d9ecf2;*/
    padding-left: 2px;
}

.deleteButton:hover {
    color: red;
}

.deleteSmallButton {
    cursor: pointer;
    font-weight: bold;
    border: 0;
    color: #FF0000 ;
    font-style: italic ;
}

.addSmallButton {
    cursor: pointer;
    border: 0;
}

td.displayLabel {
    font-family:Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:#000000;
}

.menuListbox{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
}

.menuButton{
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: MTN Brighter Sans;
}
.subButton{
    font-family: Arial, Helvetica, sans-serif;
}


.graphSubLabel{
    font-family: Arial, Helvetica, sans-serif;
}
.graphIndicatorText{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #0000FF;
    font-weight: bold;

}
.graphListbox{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

.graphLabels{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.graphBottomLinks{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: blue;
}
.graphTitle{
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    font-weight: bold;
    font-size: 12px;
}

.menuSubLabel{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}

.menuSubLabel2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
}

.msl{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}
.TSmenuSubLabel{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 80%;
    color: #000000;
}

.tableBorder{
    border: 1;
}

.cellColor{
    border-style: none;
    border-width: medium;

}

.menuFont{
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    font-weight: bold;
    font-size: 80%;
}


.barColor{
    color: #FFFFFF;
    background-color: #C32020;
}

.subBarColor{
    background-color: #FFFF99;
}

.subBarText{
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    font-weight: bold;
}

.activityTableBackground{
    background-color: #F6F6F6;
}


.ActivitySwitchingFont{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
}

.errorPageTitle{
    font-family: Arial, Helvetica, sans-serif;
    color: red;
    font-weight: bold;
}

.errorPageMessage{
    font-family: Arial, Helvetica, sans-serif;
    color: blue;
}

.errorPageColor{
    background-color: white;
}

.portalTabsBGcolor{
    background-color: #F6F6F6;
}

.portalTabsBanner{
    font-family: Arial, Helvetica, sans-serif;
    color: blue;
    font-weight: bold;
}

.portalTabsBanner2{
    font-family: Arial, Helvetica, sans-serif;
    color: blue;
    font-weight: bold;
}

.smallFont{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
}

.imageLoadMessage{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #000000;
}

.smallTitleText {
    font-family: MTN Brighter Sans;;
    color: #000000;
}

.largeTitleText {
    font-family: MTN Brighter Sans;
    font-size: 1.25rem;  /*  20px  */
    margin-bottom: 0rem;
}

.tableTextButton{

    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    height: 2em;
    width: 5em;
}

.MDUITableHeaderFont{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #C32020;
    color: #FFFFFF;
}

.MDUITableHeaderColor{
    background-color: #C32020;
}
.drilldownTableHeaderColor{
    background-color: #EEEEEE;
}

.drilldownTableHeaderFont{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #000000;
}
.subTableHeaderColor{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #CCCCCC;
    background-color: #FFFFCC;
    font-size: 20px;
}
.printChartTitle{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:  #CC3333;
    font-size: 18px;
}

.printChartSubTitle{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: blue;
    font-size: 10px;
}
.printGroupBy{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
}

.printIndicatorText{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: blue;
    font-size: 14px;
}

.printTableContent{
    font-family: Arial, Helvetica, sans-serif;
    color: blue;
    font-size: 13px;
}

.mainBanner{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: black;
    font-size: 50px;
}
.drillDownTitle{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 120%;
}

.drillDownTitle2{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #000000;
    font-size: 120%;
}

.welcomeFont{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 80%;
}

.loginPageColor {
    background-color: #FFFFFF;
}

.whiteBackgroundColor{
    background-color: #FFFFFF;
}

.lhsMenuTable {
    background-color: #eaeef1;  /* #ECE5B6;/*#D7D4B1; /*#E7D7E4;*/
}

.lhsMenuTableInset {
    background-color: #FFFFFF;
}

.lhsMenuHeader {
    /*background-color: #C32020 ;*/
    background-color: #eaeef1; 
    text-align: left ;
    color: #000000;
    /*font-weight: bold;*/
    border: 0;
    /*height: 20px;*/
    text-decoration: none;
    text-indent: 5px;
    padding-top: 4px ;
    padding-bottom: 4px;
}
.normalMainMenu {
    background-color: #7A86A0;/*#435677;  mtn change, old : #C32020*/
    text-align: left ;
    color: #ffffff;
    font-weight: bold;
    border: 0 ;
    height: 25px;
    cursor: pointer;
}

.highlightMainMenu {
    background-color: #9DB0D1; /* mtn change, old : yellow;*//*#7588A9; /*yellow;*/
    text-align: left ;
    color: #ffffff; /* mtn change, old : #000000;*/
    /*font-weight: bold;*/
    border: 0 ;
    height: 25px;
    cursor: pointer;
}

.lhsMenuTable a {
    /*color: #ffffff;*/
    color: #000000;
}

.lhsMenuTable a:hover {
    color: #FFBE00;
}

.lhsMenuHeader a {
    color: #000000;
}

.dialogForm {
    background-color: #E7D7E4;
}

.dialogForm .tableHeader {
    background-color: #FFFFCC;
    color: #000000;
    font-weight: bold;
}

.infoBox {
    position: absolute;
    left: 40%;
    top: 40%;
    margin: auto;
    background-color: #FFFF66; /*#E0E0E0;*/
    color: black;
    font-family: Arial, Helvetica, sans-serif ;
    text-align: center ;
    margin: 10px 0 0 0 ;
    border: #666666 1px solid ;
}

.detailsDiv{
    background-color:#C9C9FF;
}

.scrollBar {
    scrollbar-face-color : #ECE5B6;
    scrollbar-highlight-color : #ECE5B6;
    scrollbar-darkshadow-color : #ECE5B6;
    scrollbar-3dlight-color : #000000;
    scrollbar-shadow-color : #000000;
}

.breadcrumbs_temp{
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    font-size: 80%;
}

.subItemList {
    font-size: 80%;

}

.unitString {
    font-size: 80%;
    font-family: Arial, Helvetica, sans-serif ;
    color: #999999 ;
}


.subHeader{
    background-color: #D9D9FF;
}

.mainHeader{
    background-color: #B7B7FF;
}



.lightHeader{
    background-color: #F3F3FF;
}
.roomBooked {
    background-color:blue;
}

.hidenBookingInfo {
    position: absolute; 
    width: 550px;
    height: 200px;
    left: 100px;
    top: 150px;
    visibility: hidden;
    display: none;
}

.visibleBookingInfo {
    position: absolute; 
    width: 550px;
    height: 200px;
    left: 100px;
    top: 150px;
    visibility: visible;
    display: block;
    z-index: 0;
    background-color: #C5C5FF;
}

.shownPatientInfoAbsolute {
    position: absolute; 
    width: 700px;
    height: 150px;
    visibility: visible;
    display: block;
    z-index: 0;
    background-color: #C5C5FF;
}

.hiddenPatientInfoAbsolute {
    position: absolute; 
    visibility: hidden;
    display: none;
}

.patientDivCloseButton {
    color: red;
    cursor: hand;
    font-weight: bold;
}

.menuBackgroundColor{
    background-color: #FFFFFF;
}


/*.sectionHeader{
   background-color: #ECE5B6;	#FFFFCC;
}*/
.sectionDetail {
    font-family: MTN Brighter Sans;
    font-size: 100%;
    color: #727272;
    /*    border: 1px solid #ccc;*/
    height: 2.5rem; /* 40px */
}


.sectionDetailBeforeRsLoad {
    font-family: MTN Brighter Sans;/* Mtn change, old: font-family: font-family:  Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 100%;
    color: #727272;
    border-bottom: 1px solid #ccc;
    height: 1.688rem; /* 1.6875em; 27px */
    padding-right: 0.75rem;
    font-size: 0.76rem;
}

.sectionDetailAfterRsLoad {
    font-family: MTN Brighter Sans;/* Mtn change, old: font-family: font-family:  Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 0.875em;
    color: #727272;
    border: none;
    height: 1.688rem; /* 1.6875em; 27px */
    padding-right: 0.75rem;
    font-size: 0.76rem;
}

.sectionHeader {
    font-family: MTN Brighter Sans;
    font-size: 0.79rem;
    background-color: #d9ecf2;
    color: #68a4c8;
    height: 4em;
    text-align: left;
    vertical-align: middle;
    font-weight: normal
}

.popupSectionHeader {
    background-color: #32CD32 ;  /*#D3DEB3*/
}
.mainTable{
    background-color: #FFFFFF;
}
.workTableBodyColor{
    background-color: 	#ECE5B6;
}

.fontSizeSmall{
    font-size: 73%;
}

.mainTableColor{
    background-color: #FFFFFF; 
}

.bannerBackgroundColor {
    background-color: #eaeef1; /* #ECE5B6; */
}  

.primaryThemeColour {
    background-color: #FFBE00;
}

.secondaryThemeColour {
    background-color: #ffd165;
}

.bannerHeader{
    font-family:Arial, Helvetica, sans-serif;
    color:#000000;
    font-size: x-large;
    font-weight: bold;
}

.leftAlignheader {
    text-align:left;
}
.centerAlignheader {
    text-align:center;
}
.rightAlignheader {
    text-align:right;

}
.leftAligndetails {
    text-align:left;
}
.centerAligndetails {
    text-align:center;
}
.rightAligndetails {
    text-align:right;
}

/* need to give same color of section header */

.readOnlyNumber{
    text-align:right;
    /*border:1px solid;
    border-color:gray;*/
    overflow: hidden ;
    cursor: default ;
    background-color: #F9F7DE;
}

/* need to give same color of section header */
.sectionHeaderTxtBox {
    border: 0 ;
    background-color: #ECE5B6;
}

.backgroundColor{
    background-color: #F9F7DE;
}

.copyRight{
    font-size :9px;
}
.hidden{
    visibility: hidden;
    display: none;
}
.homePage{
    font-color :#FFFFFF; 
}

.highlightBill{
    font-weight: bold;
    color: #FF0000;
}
.fontSize{
    font-weight: bold;
}

.arrow{
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
    cursor: hand;
}

/*added by sunil for outReach */
.buttonSize{    
    width: 8em;/*previously it was 7*/
}

.higlightTableText{
    color: #FF0000 ;
    border: 0 ;
    cursor: default ;
}
.menuLinkWithUnderline{
    font-family:Arial, Helvetica, sans-serif;
    font-size: small;
    color: #ffffff;
    cursor: pointer;	
    font-weight:bold;
}
.textBoxLogin{
    width:180px;
    height:18px;
    background-color:#FFFFFF;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
}
.readOnlyLogin {
    border: 0 ;
    overflow: hidden ;
    cursor: default ;
    background-color: white;
}
.fontColor {
    font-family: MTN Brighter Sans;
    font-size: 0.9rem;
    color: red;
}
.smallbutton {
    height: 2em;
    width: 4em;
    font-family:Arial, Helvetica, sans-serif;
    font-size: small;
}
/*
.longButton{
        width: 7em;
        font-family:Arial, Helvetica, sans-serif;
        font-size: small;
}
*/
/*.evenRow {
    background-color: #ECE5B6;
}*/
/*.oddRow {
    background-color:#F9F7DE;

}*/
.cursorPointer {
    cursor: pointer;
}
.inactiveTab {

    border-color: #000000;
    border-bottom:1px solid;
    font-family:Arial, Helvetica, sans-serif;
    font-size: small; 

}

.activeTab {
    border:1px solid;
    border-bottom:none;
    border-color: #000000;
    font-family:Arial, Helvetica, sans-serif;
    font-size: small; 
}
.loginButton {
    width: 6em;
}

.loginTableColor {
    border: 1px #888996 solid;
}
.loginUserRow1 {
    background-color:#888996;
}

.shadow {
    padding:5px;
    filter: shadow(color:black, strength:7, direction:135);
}
.selectheight{
    height: 1.5rem;
    /*border-bottom: 0.0625rem solid #3a6c75;*/ 
    /*font-size: 1rem;*/
}

.popupColor {
    background-color: #FFFFFF;
    box-shadow: 5px 5px 5px  #888888;
}

tr.popupColor {
    background-color: #ffbe00;
    color: #ffffff;
    font-weight: bold;
    border: 0;
    height: 1.25rem;
    font-size: 1.25rem;
}

.shadow1 {
    margin: 1px;
    background-color: rgb(68,68,68); /* Needed for IEs */

    -moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
    -webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
    box-shadow: 5px 5px 5px rgba(68,68,68,0.6);

    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
    zoom: 1;
}
.shadow1 .content {
    position: relative; /* This protects the inner element from being blurred */
    /*padding: 3px;*/
    background-color:  #c0c6d4;/* rgb(225,233,237); #DDD;*/
}
.entityTableBorder{
    border-top:thin solid #360;
    border-left:1px solid #360;
    border-bottom:1px solid #360;
    border-right:1px solid #360;
    border-color:#E4E2E7;/* #D7D4B1*/
}

.newTabIcon{
    background-image: url(../images/new_tab.png);
    background-position: right;
    background-repeat: no-repeat;
    padding-left: 16px;
    padding-bottom: 16px;
    vertical-align: top;
}

.searchHeaderRow {
    /*    border-bottom: #8EB4E3 2px solid;
        border-bottom: #cccccc 3px solid;
        height: 1px;*/
    height: 2px;
    top: 0px;
}


.navbuttons {
    display: inline-block;
    overflow: scroll;
    overflow-y: hidden;    
    overflow-x: hidden;

    max-width: 100%;
    margin: 0 0 1em;

    white-space: nowrap;
    list-style:none;
    list-style-type:none;
    text-align: left;
    padding-left: 0px;
    padding-right: 0px;
}

ul {
    /*    list-style:none;
        white-space:nowrap;*/

    list-style: none;
    white-space: nowrap;
    display: table;
    table-layout: fixed;
    width: 100%;
}

li {
    /*    display: inline-block;
        text-align: left;
        padding-left: 5px;
        padding-right: 10px;
        vertical-align: bottom;
        height: 0;
        color:#FFF;
        border-bottom: 35px solid #A6A6A6;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;*/

    display: inline-block;
    text-align: left;
    vertical-align:middle;
    color: #878787; 
    color: #363636;
    border-bottom: 15px solid #000000;
    border-bottom:#FFFFFF;
    font-size: 12px;
    font-weight: bold;
    border-right: 0px solid #878787;
}

.liStyle {
    padding :0px 15px 0px 15px;
    border-left: 1px solid black;
}

.parentNodeStyle {
    padding :0px 15px 0px 15px;
}

a.ovalbutton span{
    background: transparent url('../images/oval-blue-right.gif') no-repeat top right;
    display: block;
    padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton{
    background: transparent url('../images/oval-blue-left.gif') no-repeat top left;
    background-color: cadetblue;
    display: block;
    float: left;
    font: normal 13px Tahoma; /* Change 13px as desired */
    line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
    height: 24px; /* Height of button background height */
    padding-left: 11px; /* Width of left menu image */
    text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
    color: black; /*#494949 : button text color*/
}

a.ovalbutton:hover span{ /* Hover state CSS */
    /*background-position: bottom right;*/
    color: black;
}

.readOnlyTranparentTextBox {
    text-align:right;
    background-color:transparent;
    border-width:1px;
    border-color: grey;
    border-style: solid;
}

.udnfieldset{
    padding:-13px;
    background-color: #ffffe6;/*#D6F5F5;/*#9FDBDB;/*#BFEAEA;/*#CDEEEE;/*#C2EFEF;/*#D6F5F5; /*E1F7B9*/
    /*border-color: #AED562;*/
    /*width:950px;*/
    border-style: outset;
}

.udnlegend{
    /*border: 1px;*/
    /*background-color: #36648B;/*#D8D8D8;*/
    background: url('../images/backbar.jpg');
    font-weight: bold;
    color: white;
    padding: 2px;
    /*border-radius : 15px;*/
}

.transparentButton {
    background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
}

.specialPointerRow {
    background-color: #ffcc00;/*#CEE3F6;*/
}

.selectType {
    color: #68a4c8;
    font-size: 0.9rem;
    height: 1rem;
}

:root {
    --input-padding-x: 0.3rem;
    --input-padding-y: 0.3rem;
}

.form-label-group {
    position: relative;
    margin-bottom: 1rem;
}


.form-label-group > label {
    padding: var(--input-padding-y) var(--input-padding-x);
    /*padding: 1rem;*/
}

.form-label-group > input {
    padding: var(--input-padding-y) var(--input-padding-x);
}

.form-label-group > label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-bottom: 0; /* Override default `<label>` margin */
    line-height: 1.5;
    color: #495057;
    border:none;
    transition: all .1s ease-in-out;
    padding-left: 1.2rem;
}

.form-label-group input::-webkit-input-placeholder {
    color: transparent;
}

.form-label-group input:-ms-input-placeholder {
    color: transparent;
}

.form-label-group input::-ms-input-placeholder {
    color: transparent;
}

.form-label-group input::-moz-placeholder {
    color: transparent;
}

.form-label-group input::placeholder {
    color: transparent;
}

.form-label-group input:not(:placeholder-shown) {
    /*  padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
      padding-bottom: calc(var(--input-padding-y) / 3);*/
    padding-top: 1.5rem;
    padding-bottom: 0.3rem;
}

.form-label-group input:not(:placeholder-shown) ~ label {
    padding-top: calc(var(--input-padding-y) / 3);
    padding-bottom: calc(var(--input-padding-y) / 3);
    /*  font-size: 1.0rem;
      color: #0180a3;*/

    color: #68a4c8;
    /*    font-size: 1em;*/
    font-size: 0.9 rem;
    height: 0.8 rem;
}

.divGap{   
    padding-top: 20px;     
}

.divTitle{
    padding-bottom:10px;
    padding-right:22px;
    /*padding-top:26px;*/
    font-size: 17px;
}

.linkFont{
    color:blue;
    font-size:14px;
}

.divHeight {    
    font-family: MTN Brighter Sans;
    background-color: #ffffff;
    border-style: solid;
    border-width: 0px;
    border-color: #9AB5B6;
    box-shadow: 2x 2px 2px 2px #dfe3e6; 
    padding-left: 1rem;
    padding-bottom: 1rem;
    padding-right: 1rem;
    padding-top: 1.375rem;
}

.form-control-range {
    display: block;
    width: 60%;
    border-left: none;
    border-right: none;
    border-top: none;

}

.calenderImage {
    padding-left:4px;
    border-top: 4px solid #343434;
    border-right: 1px solid #343434;
    border-left: 1px solid #343434;
    border-bottom: 1px solid #343434;
    background-color: #ffffff;
}

/* Feature Title Styles */
.pageTitleHeader1 {
    font-family: MTN Brighter Sans;
    color:#373737;
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 20px;
}

.pageTitleHeader2 {
    font-family: MTN Brighter Sans;
    color:#373737;
    padding-top: 20px;
    padding-bottom: 5px;
    font-size: 14px;
}
.pageTitleHeader {
    font-family: MTN Brighter Sans;
    color:#373737;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
}

.desktopmargin {
    font-family: MTN Brighter Sans; 
    margin-left:20px;
    margin-right:20px;
    background-color: #eaeef1;
}

#tabContainer {
    width:100%;
    background-color: #eaeef1;
    height: 20%;
}

/* Feature Data Container Style */
.tdHighlightData {
    font-family: MTN Brighter Sans;
    background-color: #ffffff;
    border-style: solid;
    border-width: 0px;
    border-color: #9AB5B6;
    /*box-shadow: 2px 2px 2px 2px #dfe3e6;*/  
}

.tablepadding { 
    /*    padding-top: 1.625em;*/
    padding-left: 1.375em;
    padding-bottom: 1.375em;
    padding-right: 1.375em;
}

ol,
ul,
dl {
    margin-top: 0.5rem;
    /*margin-bottom: 1rem;*/
}

/* Overriden from Bootstrap: added to remove table border in td and th and to reduce table padding */
.table-bordered th {
    background-color: #d9ecf2 !important;
}

#tdStyleTable table-bordered td {
    border: none !important; 
}

.table thead th {
    vertical-align: middle;
    border: none !important;
    border-bottom: 2px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
    vertical-align: bottom;
    border:none !important;
}

.table th:first-child {
    vertical-align: middle;
    padding-left: 1rem;
}

/* this is making the last title in table middle align so commenting  vertical-align: middle*/
.table th:last-child {
    /*vertical-align: middle;*/
    /*padding-right: 1rem;*/
}

.table td:first-child {
    padding-left: 1rem;
}

.table td:last-child {
    padding-right: 1rem;
}

/*.table-bordered th,
.table-bordered td {
  vertical-align: bottom;
  border:none !important;
}*/

.table td {
    padding: 0.7rem ;
    vertical-align: middle;
}
.table th {
    vertical-align: middle;
}

/*added for scrolling*/
.scrollable {
    overflow:auto; 
    height:200px; 
    vertical-align: top; 
}
.table-scrollable tbody {
    display:block;
    height:15 rem;
    overflow:auto;
}
.table-scrollable thead {
    display:table;
    width:100%;
    table-layout:fixed;
}
.table-scrollable tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;    
}

/*added to make table responsive*/
@media screen and (max-width: 768px) {
    .responsivetable {
        ;
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
@media screen and (max-width: 568px){
    .responsivetable {

        display:block;
        width: 50%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
/*added to make button responsive*/
@media screen and (max-width: 568px){
    .responsivebtn {   
        display:flex;
        width: 70%;       
        padding:15px;   
    }
}
@media screen and (max-width: 768px){
    .responsivebtn {   
        display:flex;
        width: 70%;
        padding:15px;   
    }
}

/*@Smaranika(02-04-2020): Overridden from bootstrap.min.css for adding extra style to search text box */ 
.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #ffffff !important;
    border-left: thin solid #fff;
    border-right: thin solid #fff;
    border-top: thin solid #fff;
    border-radius: 0rem;
    cursor: pointer;
    border-bottom: 1px solid #ced4da !important;
}

/*@Smaranika(02-04-2020): This style will disable the highlight blue colour when user start typing in the text box. */ 
#attributeSearchTxt {
    float:left;
    outline:0;
    border-right-style:none;
}
#genericSearchTxt {
    float:left;
    outline:0;
    border-right-style:none;
}
#searchTxt {
    float:left;
    outline:0;
    border-right-style:none;
}

/*keeping the same style for beat master search text*/
#beatSearchTxt{
    float:left;
    outline:0;
    border-right-style:none;
}
/*keeping the same style for bill order series search text*/
#searchBox{
    float:left;
    outline:0;
    border-right-style:none;   
}

#searchUser  {
    float:left;
    outline:0;
    border-right-style:none;
}
.input-group-append {
    margin-left: -1px;
    padding-top: 1px;
    padding-bottom: -1px;
}

@media (min-width: 576px) {
    .jumbotron {
        padding: 1rem 1.2rem;
    }
}

.jumbotron {
    padding: 1.2rem 1.2rem;
    margin-top: 8%;
    /*margin-right: 1rem;*/
    background-color: #e9ecef;
    border-radius: 0.3rem;
}

.redFont {
    color: #C32020;
}
.whiteFont {
    color: #FFFFFF;
}

.divSilverBG{
    background-color:silver;
}

/* Select Attribute Styles  */
.attributeSearch {
    /*margin-top: 15px;*/
    position: relative;
}

.attributeSearch .form-control {
    border-radius: 1rem;
    border-color: transparent;
    transition: .2s ease-in;
    width: 7.5rem;
    height: 2.1rem;
    font-size: 0.8rem;
}

.attributeSearch .input-group-text {
    border-radius: 1rem;
    height: 2.035rem;  /* 2.032rem;  */
    border-left: none;
    border-right: none;
    border-top: none;
}

/*.attributeSearch .input-group {
    width: 50%;
}*/

.attr-styled-button {
    -webkit-box-shadow:rgba(0,0,0,0.2) 0 0.0625rem 0 0;
    -moz-box-shadow:rgba(0,0,0,0.2) 0 0.0625rem 0 0;
    box-shadow:rgba(0,0,0,0.2) 0 0.0625rem 0 0;
    color:#373737;
    background-color:#FFFFFF;
    border-radius:1rem;
    -moz-border-radius:1rem;
    -webkit-border-radius:1rem;
    border:none;
    height: 2rem;
    width: 11.25rem;
    font-family: MTN Brighter Sans-Medium; 
    top:0rem;        
    box-sizing: border-box; 
    padding-left: 0.625rem;
}

.styled-button {
    -webkit-box-shadow:rgba(0,0,0,0.2) 0 0.0625rem 0 0; /* 1px = 0.0625rem */
    -moz-box-shadow:rgba(0,0,0,0.2) 0 0.0625rem 0 0;
    box-shadow:rgba(0,0,0,0.2) 0 0.0625rem 0 0;
    color:#FFFFFF;
    background-color:#373737;
    border-radius:1rem;
    -moz-border-radius:1rem;
    -webkit-border-radius:1rem;
    border:none;
    height: 2.1rem;
    width: 8.5rem;
    font-family: MTN Brighter Sans-Medium;
    top:0px;
}

.selectAttrDiv {
    width: 170px;
    position: relative;
}

.selectAttrDiv:before {
    content: url(../images/dropDownArrow.png);    
    display: inline-block;
    position: absolute;
    right: 2rem;  /*  1.875rem;  */ 
    top: 0.15625rem;
    cursor: pointer;
    pointer-events: none;
    z-index: 1;
}

.verticalDivider {
    font-family: MTN Brighter Sans;
    color: white;
    border-left: 1px solid white;
    height: 45px;
    color: #ffffff;
    margin-top: 0.5rem;
}

.popuDivBorder {
    border:1px solid #d9ecf3;
    border-collapse: collapse
}

.addressHeaderFontSize {
    font-size:12px;
    color:black;
}

.leftBrowserMargin {
    padding-left:1.375rem
}

.rightBrowserMargin {
    padding-right:1.375rem
}

/* @Smaranika(20-04-2020): Transaction Table Start */
.table-scroll {
    max-width:1300px;
    /*margin:auto;*/
    height: 290px;
    overflow-x: auto;
    overflow-y: auto;
    /*border:1px solid #000;*/
}
.table-scroll thead {
    /*display:table;*/
    width:100%;
    table-layout:fixed;
}
.table-scroll tbody {
    /*display: block;*/
    /*height: 290px;*/
    /*overflow:auto;*/
}
.table-scroll th, .table-scroll td {
    padding:3px 6px;
    white-space:nowrap;
    vertical-align:middle;
}

#onHoldPromoTable td {
    vertical-align: top;
}
/*.table-scroll table {
    width:100%;
    margin:auto;
    border-collapse:separate;
    border-spacing:0;
}*/

/*
.table-scroll thead, .table-scroll tfoot {
    background:#f9f9f9;
}*/

.dropdownTextBoxSize {
    width: 4.375rem;  /* 60px */
}

.inlineTableDropdownSize {
    width: 7.85rem;  /* 110px */
}

.summaryLabelColour {
    color: #a9a9a9;
}

.amountHighLightClr {
    color: #68a4c8;
    /*font-size: 0.8rem;*/
    font-weight: bold;
}

.amountHighLightSize {
    font-size: 0.9rem;
}

.highLightText {
    color: #373737;
    font-size: 1rem;
    font-weight: bold;
}

.remarkButton {
    background-color:#c7c7c7;
    height:35px;
    width:90px;
    border-bottom: 1px solid #f1f1f1;
}

.remarkTxtBox {
    height: 60px;
    width: 100%;
    border: 1px solid #ccc;
}

.customTableSize {
    width: 50%;
    height: auto;
}

.customTableHeight {
    height: 500px;
}

/* Transaction Table End */
/* For fixed header in table start */
.table-fixed tbody {
    display:block;
    height:17.5rem;
    overflow:auto;
}
.table-fixed thead {
    display:table;
    width:100%;
    table-layout:fixed;
}
.table-fixed tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;    
}


.listCount {
    font-family: MTN Brighter Sans;
    font-size: 0.9rem;
    color: #000000;
    height: 1rem;
    vertical-align: middle;
    padding: 1rem;
    text-align: left;
}
/* Added by Amit to reduce space of the salesman,beat,customer from border */
#salesmanTab td:first-child {
    padding-left: 0rem;
}

#beatTab td:first-child {
    padding-left: 0rem;
}

#beatTabDiv td:first-child {
    padding-left: 0rem;
}

#custTabDiv td:first-child {
    padding-left: 0rem;
}

.thPadding{
    padding-bottom: 0.4em !important;
    padding-top: 0.4em !important;
}

.rightMargin15Px {
    margin-right: 15px;
}

.leftMargin15Px {
    margin-left: 15px;
}
/*removing border for beat master table */
#smbeatmapTab.table td, th{
    border-top: none;
}


/* Dashboard Summary Styles (angular js overriden styles) */
.padding5
{
    padding-left: 5px;
}

/* @Smaranika(Dashboard Hir/Tp/Brand wise card style, Flickity style) */
.dashboardCard {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    /*margin-left: 15px;*/
    text-align: center;
    background-color: #ffffff;
    height: 300px;
}

.dashboardSectionHeader {
    font-family: MTN Brighter Sans-Light; 
    background-color: #0277bd;
    color: #fff;
    height: 3.5em; 
    text-align: center; 
    vertical-align: middle;
}

.dashboardSectionDetail {
    font-family: MTN Brighter Sans-Light;
    font-size: 100%;
    color: #000;
    height:38px;
}

.dashboardCardEvenRow {
    background-color: #e3f2fd!important;
}

.dashboardCardOddRow {
    background-color: #fff!important;
}

.column {
    float: left;
    width: 33.2%;
    padding: 0 15px 0px 0px;
}

/*.row {
    width: 100%;
    padding-left: 10px;
}*/

md-card md-card-header {
    padding: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row; 
}

md-card md-card-title {
    padding: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row; 
}

md-card md-card-content {
    display: block;
    /*padding-bottom: 5px;*/
    /*padding: 12px;*/
    padding: 8px 20px 18px 20px;
}

.md-title {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.005em; 
    color: #000;
}

.md-headline {
    font-size: 12px;
    font-weight: 100;
    line-height: 18px; 
    color: #000;
}

.md-subhead {
    font-size: 25px;
    font-weight: 100;
    color: #0277bd;
}

md-card {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin: 5px;
    border-radius: 2%;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); 
}

.md-card:focus {
    outline: none;
    border: 0;
}
/*
md-card md-card-title {
    padding: 24px 16px 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row; 
}*/

md-card md-card-title md-card-title-media {
      /*margin-top: -8px;*/ 
}

/*  Overriden from Flickity css  */
.carousel-cell {
    width: 25%; 
    height: 300px;
    /*margin-right: 10px;*/
    border-radius: 5px;
    counter-increment: carousel-cell;
}

.flickity-enabled {
    position: relative;
}

.flickity-enabled:focus { 
    outline: none; 
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: pointer;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: pointer;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
    position: absolute;
    top: 50%;
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 50%;
    background: white;
    background: hsla(0, 0%, 100%, 0.75);
    cursor: pointer;
    /* vertically center */
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.flickity-prev-next-button:hover { background: white; }

.flickity-prev-next-button:focus {
    outline: none;
    box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
    filter: alpha(opacity=60); /* IE8 */
    opacity: 0.6;
}

.flickity-prev-next-button.previous { 
    left: 10px; 
}

.flickity-prev-next-button.next { 
    right: 7px; 
}
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px;
}

.flickity-prev-next-button:disabled {
    filter: alpha(opacity=30); /* IE8 */
    opacity: 0.3;
    cursor: auto;
}

.flickity-prev-next-button svg {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
}

.flickity-prev-next-button .arrow {
    fill: #333;
}

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
    color: #333;
    font-size: 26px;
}

/* ---- page dots ---- */
.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    filter: alpha(opacity=25); /* IE8 */
    opacity: 0.25;
    cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
    filter: alpha(opacity=100); /* IE8 */
    opacity: 1;
}
/* End */
/* @Smaranika(07-05-2020): Progress Bar Styles */
.progress {
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  /*overflow: hidden;*/
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
  -webkit-appearance: none;
}

.progressHeight {
    height:8px;
}

.progress-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  /*overflow: hidden;*/
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width 0.6s ease;
  -webkit-appearance: none;
}
/* @Smaranika(07-05-2020): Overridden Angular js slider Styles */
md-slider {
    height: 10px;
    /*min-width: 128px;*/
    position: relative;
    margin-left: 0px;
    margin-right: 1px;
    padding: 0;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
}

md-slider .md-track-container {
    width: 100%;
    position: absolute;
    top: 4px;
    height: 5px; 
}

md-slider .md-thumb {
    display: none;
}

md-slider .md-disabled-thumb {
    position: absolute;
    left: -14px;
    top: -9px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    border-width: 4px;
    border-style: solid;
    display: none; 
}
/* lime slider(Target Slider) */
#blue-slider .md-disabled-thumb, #blue-slider .md-track-fill {
    background-color: #037fa3;
    border-color: #037fa3;
}

/*#blue-slider-green-thumb .md-thumb:after {
    background-color: #8fc839;
    border-color: #8fc839;
}
#blue-slider-green-thumb .md-track-fill {
    background-color: #037fa3;
    border-color: #037fa3;
}

#blue-slider-orange-thumb .md-thumb:after {
    background-color: #ff3d00;
    border-color: #ff3d00;
}
#blue-slider-orange-thumb .md-track-fill {
    background-color: #037fa3;
    border-color: #037fa3;
}

#blue-slider-red-thumb .md-thumb:after {
    background-color: #ff1744;
    border-color: #ff1744;
}
#blue-slider-red-thumb .md-track-fill {
    background-color: #037fa3;
    border-color: #037fa3;
}*/
/* lime slider(MTD Slider) */
#purple-slider-green-thumb .md-disabled-thumb {
    background-color: #8fc839;
    border-color: #8fc839;
}
#purple-slider-green-thumb .md-track-fill {
    background-color: #7e57c2;
    border-color: #7e57c2;
}

/*#purple-slider-amber-thumb .md-thumb:after {
    background-color: #ffca28;
    border-color: #ffca28;
}
#purple-slider-amber-thumb .md-track-fill {
    background-color: #7e57c2;
    border-color: #7e57c2;
}*/

#purple-slider-orange-thumb .md-disabled-thumb {
    background-color: #ff3d00;
    border-color: #ff3d00;
}
#purple-slider-orange-thumb .md-track-fill {
    background-color: #7e57c2;
    border-color: #7e57c2;
}

#purple-slider-red-thumb .md-disabled-thumb {
    background-color: #ff1744;
    border-color: #ff1744;
}
#purple-slider-red-thumb .md-track-fill {
    background-color: #7e57c2;
    border-color: #7e57c2;
}
/* lime slider(LMTD Slider) */
#lime-slider-green-thumb .md-disabled-thumb {
    background-color: #8fc839;
    border-color: #8fc839;
}
#lime-slider-green-thumb .md-track-fill {
    background-color: #827717;
    border-color: #827717;
}

#lime-slider-orange-thumb .md-disabled-thumb {
    background-color: #ff3d00;
    border-color: #ff3d00;
}
#lime-slider-orange-thumb .md-track-fill {
    background-color: #827717;
    border-color: #827717;
}

#lime-slider-red-thumb .md-disabled-thumb {
    background-color: #ff1744;
    border-color: #ff1744;
}

#lime-slider-red-thumb .md-track-fill {
    background-color: #827717;
    border-color: #827717;
}

.squareShape {
    border-top: 1px solid #360 ;
    border-left: 1px solid #360 ; 
    border-right: 1px solid #360 ; 
    border-bottom: 1px solid #360 ; 
    border-color: #999999 ;    
    width: 40px;
}

md-slider[disabled] .md-track-fill {
    display: block; 
}

/*md-slider.md-default-theme .md-disabled-thumb, md-slider .md-disabled-thumb {*/

/* for file upload*/
.file{
    border-style: solid;
    border-width: 1px;
    border-color: black;
    
}
.fileTypeFontSize{
    font-size: 10pt;
}

/* Added by Smaranika(15-05-2020): To display Classic menu & Toggle Switch on Home Page. */
.switch {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 29px;
    top: 12px;
    right: 10px; 
}

.switch input {display:none;}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*  background-color: #ca2222;*/
    background-color: #000000;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
    margin-top: -3px;
    margin-bottom: 2px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 17px;
    left: 4px;
    bottom: 6px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}

input:checked + .slider {
    /*  background-color: #2ab934;*/
    background-color: #000000;
}

input:focus + .slider {
    /*  box-shadow: 0 0 1px #2196F3;*/
    background-color: #000000;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(55px);
}

.slider:after
{
    content:'Classic';
    color: white;
    display: block;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 49%;
    left: 52%;
    font-size: 12px;
    font-family: MTN Brighter Sans;
}

input:checked + .slider:after
{  
    content:'Mega';
}
/*   Mega Menu Style start(13-05-2020)  */
.navbar {
  overflow: hidden;
  /*background-color: #333;*/
  font-family: MTN Brighter Sans;
}

.navbar a {
  float: left;
  font-size: 12px;
  color: white;
  text-align: center;
  padding: 8px 8px;
  text-decoration: none;
}

.dropdown-content {
  display: block;
  width: 100%;
  left: 0;
  z-index: 1;
}

.dropdown-content .header {
  /*background: red;*/
  padding: 4px;
  color: #2196f3;
  margin-bottom: 0rem;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.hide {
  display: none;
}
    
#menuDIV:hover .hide {
  display: inline;
}

.column a {
  float: none;
  color: black;
  padding: 3px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.column a:hover {
  background-color: #ddd;
}

 /*Clear floats after the columns*/ 
.row:after {
  content: "";
  display: table;
  clear: both;
}

 /*Responsive layout - makes the three columns stack on top of each other instead of next to each other*/ 
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
    height: auto;
  }
}

.scrollBar {
    scrollbar-face-color : #3f48cc;
    scrollbar-highlight-color : #ECE5B6;
    scrollbar-darkshadow-color : #ECE5B6;
    scrollbar-3dlight-color : #000000;
    scrollbar-shadow-color : #000000;
/*    overflow:auto;
    max-height:60vh;*/
}

#mega_style::-webkit-scrollbar {
    width: 3px;
    background-color: #ffffff;
}

#mega_style::-webkit-scrollbar-track {
    background-color: #ffffff;
}

#mega_style::-webkit-scrollbar-thumb {
    background-color: #ffc001;

}

/* @Smaranika(18-05-2020): Style for left & right indication button. */
.btn-arrow-right,
.btn-arrow-left {
   position: relative;
   padding-left: 25px;
   padding-right: 15px;
   padding-top: 4px;
   padding-bottom: 4px;
}

.btn-arrow-right:before,
.btn-arrow-right:after,
.btn-arrow-left:before,
.btn-arrow-left:after {
   /* make two squares (before and after), looking similar to the button */
   content: "";
   position: absolute;
   top: 4.5px;
   /* move it down because of rounded corners */
   
   width: 23px;
   /* same as height */
   
   height: 23px;
   /* button_outer_height / sqrt(2) */
   
   background: inherit;
   /* use parent background */
   
   border: inherit;
   /* use parent border */
   
   border-left-color: transparent;
   /* hide left border */
   
   border-bottom-color: transparent;
   /* hide bottom border */
   
   border-radius: 0px 4px 0px 0px;
   /* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px */
   
   -webkit-border-radius: 0px 4px 0px 0px;
   -moz-border-radius: 0px 4px 0px 0px;
}

.btn-arrow-right:before,
.btn-arrow-right:after {
   transform: rotate(45deg);
   /* rotate right arrow squares 45 deg to point right */
   
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
}

.btn-arrow-left:before,
.btn-arrow-left:after {
   transform: rotate(225deg);
   /* rotate left arrow squares 225 deg to point left */
   
   -webkit-transform: rotate(225deg);
   -moz-transform: rotate(225deg);
   -o-transform: rotate(225deg);
   -ms-transform: rotate(225deg);
}

.btn-arrow-right:before,
.btn-arrow-left:before {
   /* align the "before" square to the left */
   left: -12px;
}

.btn-arrow-right:after,
.btn-arrow-left:after {
   /* align the "after" square to the right */
   right: -11px;
}

.btn-arrow-right:after,
.btn-arrow-left:before {
   /* bring arrow pointers to front */
   z-index: 1;
}

.btn-arrow-right:before,
.btn-arrow-left:after {
   /* hide arrow tails background */
   /*background-color: white;*/
   background-color: #eaeef1;
}

.onMousehoverStyle {
    border-color: #68a4c8;
    box-shadow: inset 0 0 0 2px #68a4c8;
}

.borderBtm {
    border-bottom: 1px solid #ccc;
}

.stickyRow {
    background-color: #d9ecf2;
    position:sticky;
    top:0;
}

th{ /*Added by Deepak for fixed header in Chrome and Firefox browsers*/
    background-color: #d9ecf2;
    position:sticky;
    top:0; 
    z-index:0;
}

.custom-file > *{
    z-index:0; 
    /*Added by Deepak to override the z-index property in custom-file-label*/
}

.helperBtnFont{
    font-size: 11.5px;
    height:100% !important;
    /*Added by Deepak to get 100% button height for the 
      file input helper buttons*/
}

select {
    border-bottom-color: #ccc;
}

/* @Smaranika(26-05-2020): Overriden from bootstrap css for text color. */
.navbar-dark .navbar-text {
  color: #000000;
  text-align: left;
  margin: 0px 15px 0px 15px;
}

.navbar-text {
  padding-top: 0rem;
  padding-bottom: 0rem;
}

#collapsibleNavbar ul {
    width: auto;
    margin-top: 0rem;
}

html {
    direction: ltr;
}

#beatmastertable{
  height:10 rem;  /* 160px;*/
}

.table-alignment{
   max-width:1305px;
    /*margin:auto;*/
    height: 290px;
    overflow-x: auto;
}


.subHeaderRow {
     background-color: #FFFCCC;
     color: blue;
}

.headerRow {
    font-family: MTN Brighter Sans;
    font-size: 0.79rem;
    background-color: #d9ecf2;
    color: #0000FF;
    height: 4em;
    text-align: left;
    vertical-align: middle;
    font-weight: normal
}

.tpCalendarBG {
    background-color: #BDB76B ;
}

.tealRow{
    background-color: #FFFFCC ;
}

.sundayColor{
    background-color:  #CDC673 ; /*#CCC0C0 ;*/
}

.workingDayColor{
    background-color: #FFFFFF ;
}

.dateRowColor {
    background-color: #E3CF57; /*#FFB00F ;#c0c0c0 ;*/
    border-radius: 15px;
}