/*
    Main Colour: #050033 New #050033
    Dark Colour: #B88D5B New #B88D5B
    Light Colour: #ECEBED
    Dark Gray: #5F6062
*/

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #050033;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d; 
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
}
* {
    padding: 0;
    margin: 0; 
}

html, body {
    padding: 0;
    /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    font-family: 'Roboto','Oswald', sans-serif !important;
    font-size: 14px;
    line-height: 1.2;
    height: 100%;
    font-style: normal;
    font-weight: normal;
}

#wrap {
    position: relative;
    min-height: 100%;
    width: 100%;
    min-width: 1300px;
}

.wrap {
    min-height: 100%;
    width: 100%;
    min-width: 1300px;
    font-family: 'Roboto','Oswald', sans-serif;
}

div textarea {
    overflow-y: hidden; /* prevents scroll bar flash */
    padding-top: 1.1em; /* prevents text jump on Enter keypress */
    min-height: 80px;
}

.bg-colour {
    background: #ECEBED;
}

.entry-colour {
    background: #050033;
}

.para {
    padding: 5px;
}

p {
    padding-left: 10px;
}

.visualBIMenu {
    width: 100%;
    height: 20px;
    padding: 0px;
    margin: 0px;
    border-spacing: 0px;
    background-color: #B88D5B;
}

strong {
    color: #B88D5B;
}

h1 {
    font-size: 22px;
    margin-bottom: 5px;
    color: #B88D5B;
    border-bottom: solid 1px #B88D5B;
    width: 100%;
    font-weight: normal;
    padding-top: 0px;
    margin-top: 0px;
}

h2 {
    font-size: 20px;
    margin: 0;
    color: #B88D5B;
    font-weight: normal;
    padding-bottom: 5px;
}

h3 {
    color: #B88D5B;
    font-size: 17px;
    padding: 0;
    margin: 0;
}

h4 {
    font-size: 13px;
    padding: 0;
    margin: 0;
}

.slogan {
    font-size: 12px;
    margin: 0;
    color: #4D4D4F;
    font-weight: bold;
    line-height: 20px;
    padding-bottom: 5px;
}

.tip_text {
    font-size: 14px;
}

#reportgen {
    background: transparent url(hss_loader.gif) top center no-repeat;
    width: 306px;
    height: 299px;
}

#hss_loader {
    font-family: 'Oswald', sans-serif !important;
    font-size: 18px;
    background: transparent url(hss_loader.gif) top center no-repeat;
    width: 350px;
    height: 150px;
}

.reportLoadingLabel {
    position: relative;
    top: 120px;
    left: 5px;
    font-size: 16px;
    font-weight: bold;
    color: #B88D5B;
}

#center-setup {
    width: 300px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -150px;
    text-align: center;
    color: #B88D5B;
}

.ReportHeader {
    text-align: left;
    font: 14pt;
    color: #B88D5B;
    font-weight: bold;
    border-bottom: solid 1px #B88D5B;
}

.ReportRow {
}

    .ReportRow td {
        padding-bottom: 5px;
    }

.ReportSettings {
    border: dashed 1px #B88D5B;
}

.inlineControl {
    display: inline-block;
    vertical-align: middle;
}

.simpleheader {
    font-family: 'Oswald', sans-serif !important;
    font-size: 20px;
    color: #B88D5B;
    vertical-align: middle;
    height: 46px;
    line-height: 46px;
    padding-left: 60px;
    margin-bottom: 20px;
}

.s1Header {
    background: transparent url(step1.png) left center no-repeat;
}

.s2Header {
    background: transparent url(step2.png) left center no-repeat;
}

.s3Header {
    background: transparent url(step3.png) left center no-repeat;
}

.s4Header {
    background: transparent url(step4.png) left center no-repeat;
    display: block;
}

.optionFlow {
    display: inline-block;
    margin: 0 auto;
    padding-right: 40px;
    vertical-align: top;
}

.Options-Left-Width {
    width: 120px;
    color: #B88D5B;
}

.Options-Left-Width-Lge {
    width: 180px;
}

.Options-Left-Width-Min {
    width: 80px;
    color: #B88D5B;
}

#internalcontent {
    margin-left: auto;
    margin-right: auto;
    width: 1050px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    vertical-align: top;
}

#internalwidecontent {
    margin-left: auto;
    margin-right: auto;
    width: 1600px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    vertical-align: top;
}

#step-container {
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 50px;
}

#step1 {
    display: table-cell;
    width: 350px;
}

#step2 {
    display: table-cell;
    width: 350px;
}

#step3 {
    display: table-cell;
}

#step-footer {
    width: 1100px;
    margin: 0 auto;
}

#advancedContainer {
    width: 1200px;
    margin: 0 auto;
}


#container {
    width: 100%;
    background: #050033;
}

#containMe {
    width: 950px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    height: 950px;
    background: url(entry-bg.jpg) no-repeat;
}

#header-container {
    width: 100%;
    position: relative;
    display: table;
    background-color: #050033;
}

#nav-header {
    position: absolute;
    top: 30px;
    right: 20px;
     /*width: 1300px;*/
    float: right;
}

#HeroDiv {
    width: 100%;
    height: 280px;
    background-color: #B88D5B;
    padding-top: 90px;
    background: transparent url(hero-bg.png) repeat;
}

#HeroText {
    font-family: 'Oswald', sans-serif !important;
    font-size: 40px;
    color: black;
    width: 870px;
    margin: 0 auto;
    text-align: center;
}

#ProfileHeader {
    margin: 0 auto;
    text-align: center;
    font-size: 33px;
    color: #B88D5B;
    padding-bottom: 20px;
    font-family: 'Oswald', sans-serif !important;
}

#ProfileDiv {
    width: 100%;
    padding-top: 30px;
    height: 370px;
    background-color: #f0f0f0;
    padding-bottom: 40px;
}

#ProfileContainer {
    margin: 0 auto;
    width: 1000px;
    display: table;
}

.ProfileItem {
    display: table-cell;
    height: 200px;
    text-align: center;
    padding-top: 70px;
    width: 200px;
}

.Prof1 {
    background: transparent url(profile_1.png) top center no-repeat;
}

.Prof2 {
    background: transparent url(profile_2.png) top center no-repeat;
}

.Prof3 {
    background: transparent url(profile_3.png) top center no-repeat;
}

.Prof4 {
    background: transparent url(profile_4.png) top center no-repeat;
}

.Prof5 {
    background: transparent url(profile_5.png) top center no-repeat;
}

.ProfileSubHeader {
    color: #B88D5B;
    font-size: 19px;
    margin: 0 auto;
    padding-bottom: 10px;
    font-family: 'Oswald', sans-serif !important;
}

.ProfileText {
    color: #5F6062;
    font-size: 15px;
    margin: 0 auto;
    margin-left: 20px;
    margin-right: 20px;
}

#ClientDiv {
    width: 100%;
    height: 250px;
    background-color: white;
    padding-top: 30px;
}

#ClientHeader {
    margin: 0 auto;
    text-align: center;
    font-size: 33px;
    color: #B88D5B;
    padding-bottom: 20px;
    font-family: 'Oswald', sans-serif !important;
}

#ClientLogos {
    width: 1000px;
    margin: 0 auto;
}

#errorLabel {
    color: maroon;
}

.mySlider > div {
    background-color: transparent !important;
}

#logo {
    position: absolute;
    top: 1px;
    left: 70px;
    height: 100px;
    width: 463px;
    background: transparent url(logo-new.png) top left no-repeat;
}



#axisBIHTML #top-nav {
    width: 100%;
    background: #050033;
    position: relative;
}

#axisBIHTML #logo {
    /* display: none !important;*/
    position: absolute;
    top: 4px;
    left: 4px;
    height:50px;
    width: 50px;
    background: transparent url(logo-small.png) top left no-repeat;
    z-index:1;
}

#axisBIHTML #header-container #logo {
    display: none !important;
}


#axisBIHTML #header-container #header-bg {
    margin: 0 auto;
    width: 250px;
    height: 25px;
    position: absolute;
}

#axisBIHTML #nav-header {
    position: absolute;
    top: 2px;
    right: 30px;
     /*width: 1300px;*/
    float: right;
    z-index: 100;
}

.dxm-side-menu-button {
    background-color: #050033 !important;
    border: 1px solid #050033 !important;
    /*color: #B88D5B !important;
     background-image: url(menu.png) !important;*/
}

    .dxm-side-menu-button > div, .dxm-side-menu-button > div:before, .dxm-side-menu-button > div:after {
        background-color: #B88D5B !important;
        /*color: #B88D5B !important;
     background-image: url(menu.png) !important;*/
    }

#axisBIHTML #nav-header-internal #Header1_newsButton {
    display: none;
}

#rightmenuBIHTML {
    padding-right: 20px;
    padding-top: 1px;
    color: White;
    background: #050033;
}

    #rightmenuBIHTML :hover {
        color: white;
    }


#navabs {
    position: absolute;
    top: 5px;
    left: 100px;
    z-index: 10;
}


#entry-logo {
    height: 180px;
    width: 463px;
    background: transparent url(logo-new.png) top left no-repeat;
    position: relative;
}


#header-left {
    margin: 0 auto;
    display: table-cell;
    background-color: #f0f0f0;
}

#header-right {
    margin: 0 auto;
    display: table-cell;
    background-color: #050033;
}

#header-bg {
    margin: 0 auto;
    width: 1080px;
    height: 114px;
    background: url(header-bg.png) top left no-repeat;
    display: table-cell;
    background-color: #f0f0f0;
}


#nav-header-internal {
    float: right;
    background-color: #B88D5B;
    height: 25px;
}

.HoverMenu {
    float: right;
    padding-left: 10px;
    margin-top: 8px;
    background-color: #707070;
    height: 22px;
}




#nav {
    width: 100%;
    background: #B88D5B;
    position: relative;
    color: black;
    /*padding-top: 5px;*/
}

#top-nav {
    width: 100%;
    background: #B88D5B;
    position: relative;
}

#nav ul {
    float: left;
    list-style-type: none;
    /*width:1000px*/
}
/*
#nav ul li {
	margin:0;
	padding:0;
	float:left;
	display:block;
	position:relative
}

#nav ul li a {
	padding:0px 28px;
	line-height: 2em;
	color:#fff;
	text-decoration:none;
	display:block
}

#nav ul li a:hover {
	background:#ede9df;
	color:#B88D5B;
	text-decoration:none
}
*/
#nav-bg {
    margin: 0 auto;
    width: 100%;
    height: 31px;
    /*background:url(nav-bar.png) no-repeat center*/
}

#top-nav-bg {
    margin: 0 auto;
    width: 100%;
    height: 41px;
    /*background:url(nav-bar.png) no-repeat center*/
}

#top-nav-header {
    padding-top: 5px;
    padding-left: 40px;
    font-family: 'Oswald', sans-serif !important;
    font-size: 24px;
    color: white;
}

#content {
    vertical-align: top;
    width: 100%;
    padding: 20px 0;
    float: left;
    background: #ECEBED;
    overflow: visible;
    padding-bottom: 29px;
    margin: 0 0 30px 0px;
    box-sizing: border-box;
}

#words {
    padding: 0 0px 35px 0px;
    box-sizing: border-box;
}

#displaySnapshotsDiv {
    overflow: visible;
}

.wfe_component {
    background: transparent !important;
}

#footer {
    position: relative;
    margin-top: -49px; /* negative value of footer height */
    height: 49px;
    clear: both;
    background: #050033;
    min-width: 1300px;
}

#ft-base {
    position: relative;
    margin-top: -69px; /* negative value of footer height */
    height: 69px;
    clear: both;
    border-top: 1px solid white;
    margin-left: 20px;
    margin-right: 20px;
}

#footer-large {
    height: 350px;
    background: #050033;
}

#ft-container {
    width: 100%;
    position: relative;
    display: table;
    color: white;
    font-size: 14px;
}

#ft-left {
    margin: 0 auto;
    display: table-cell;
    padding-top: 40px;
    padding-left: 100px;
    width: 400px;
}

#ft-right {
    margin: 0 auto;
    display: table-cell;
    padding-top: 40px;
    width: 400px;
}

#ft-middle {
    margin: 0 auto;
    display: table-cell;
    padding-top: 30px;
}

.ft-header {
    color: #B88D5B;
    font-size: 20px;
    padding-bottom: 20px;
}

#ft-ext {
    display: block;
    width: 80px;
    height: 25px;
    text-decoration: none;
    padding-top: 5px;
}

    #ft-ext a {
        text-decoration: none;
    }

#twitter {
    height: 23px;
    width: 23px;
    display: inline-block;
    background: transparent url(twitter.png) top left no-repeat;
}

#facebook {
    height: 23px;
    width: 23px;
    display: inline-block;
    background: transparent url(facebook.png) top left no-repeat;
}

#linkedin {
    height: 23px;
    width: 23px;
    display: inline-block;
    background: transparent url(linkedin.png) top left no-repeat;
}

#footer-left {
    margin-top: 16px;
    float: left;
    margin-left: 20px;
    color: white;
}

#footer-right {
    margin-top: 16px;
    float: right;
    margin-right: 20px;
    display: inline;
}

    #footer-right a:hover {
        color: #B88D5B;
    }

    #footer-right a {
        color: white;
    }

#EmailLogo a {
    color: #B88D5B;
}

#EmailLogo {
    padding-left: 20px;
    background: transparent url(email.png) top left no-repeat;
    margin-top: 5px;
    height: 25px;
}


#PhoneLogo {
    color: white;
    padding-left: 20px;
    background: transparent url(phone.png) top left no-repeat;
    margin-top: 5px;
    height: 25px;
}

#EmailLogoLight {
    padding-left: 20px;
     background: transparent url(email.png) top left no-repeat;
    margin-top: 2px;
    height: 25px;
    display: inline-block;
     
}


#PhoneLogoLight {
    color: white;
    padding-left: 20px;
    background: transparent url(phone.png) top left no-repeat;
    margin-top: 2px;
    height: 25px;
    display: inline-block;
}

#AddressLogo {
    padding-left: 20px;
    background: transparent url(address.png) top left no-repeat;
    margin-top: 5px;
    height: 25px;
}

.bar-bg {
    width: 100%;
    float: left;
    background: #B88D5B;
}

#footer-colour-bar {
    width: 950px;
    margin: 0 auto;
    height: 10px;
    /*background:url(footer-colour-bar.png);*/
}

.footer-bg-size {
    width: 100%;
    float: left;
    background: #050033;
}

#footer-bg {
    width: 950px;
    margin: 0 auto;
    height: 38px;
    /*background: #0C0701 url(footer-bg.png) no-repeat;*/
    background: #050033;
}

#wrapper {
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -330px; /* half elements height*/
    overflow: auto; /* allow content to scroll inside element */
}

#wrapper2 {
    margin: 0 auto;
    width: 950px;
}

#contentEntry2 {
    height: 660px;
    background: transparent url(entry-bg.jpg) no-repeat center;
}

#entry-content {
    color: #B88D5B;
    width: 840px;
    float: left;
    margin: 130px 0 0 120px;
}

    #entry-content #side-bar {
        width: 340px;
        float: left;
        margin: 0 110px 0 0;
    }

    #entry-content h3 {
        color: #C69D5D;
        font-weight: normal;
        font-size: 21px;
        padding: 40px 0 60px 0;
    }

    #entry-content p {
        font-size: 14px;
        line-height: 1.4;
    }

    #entry-content #login {
        width: 370px;
        float: left;
        margin: 180px 0 0 0;

    }

        #entry-content #login form dl {
            margin: 0 0 10px 0;
            float: left;
            width: 100%;
            padding: 0 0 10px 0;
        }

            #entry-content #login form dl dt {
                clear: left;
                float: left;
                font-weight: normal;
                text-align: left;
                text-align: center;
                width: 110px;
                padding: 21px 0 0 0;
            }

            #entry-content #login form dl dd {
                margin: 0 0 0 0px;
                width: 200px;
                float: left;
                padding: 15px 0 0 0;
            }

        #entry-content #login input {
            border: none;
            padding: 4px 10px;
            background: url(input-bg.png) no-repeat;
            width: 230px;
            height: 22px;
        }

            #entry-content #login input.button {
                margin: 10px 0 0 0;
                background: url(submit-button.png) no-repeat;
                border: none;
                width: 100px;
                height: 30px;
                padding: 5px 10px;
                color: #fff;
                cursor: pointer;
            }

#leftmenuS {
    float: left;
    padding-left: 20px;
    /*padding-top: 2px;*/
}
#leftmenu {
    float: left;
    padding-left: 20px;
    padding-top: 2px;
}

#rightmenu {
    float: right;
    padding-right: 4px;
    padding-top: 5px;
    color: White;
    height:30px;
    overflow:hidden;
}
#rightmenuProgress {
    float: right;
    padding-right: 4px;
    padding-top: px;
    color: White;
    height: 30px;
    overflow: hidden;
}

.visualBIMenu {
    font-family: 'Oswald', sans-serif !important;
}

.userMenuText {
    font-family: 'Oswald', sans-serif !important;
    text-decoration: none !important;
    font-style: normal !important;
    font-weight: normal !important;
    color: white;
    font-size: 15px;
}

.userMenu a {
    font-family: 'Oswald', sans-serif !important;
    text-decoration: none !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: 1 !important;

}

.userMenu div {
    font-family: 'Oswald', sans-serif !important;
    text-decoration: none !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: 1 !important;
}

.userMenu {
    clear: both;
    font-family: 'Oswald', sans-serif !important;
    text-decoration: none !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: 1 !important;
}

    .userMenu.dxm-side-menu-button {
        background-color: transparent !important;
        border: none !important;
        margin-top: 4px; 
        
    }

    .userMenu>.dxm-item{
         width:200px !important;
    }

.ShowHotelInfoLabel {
    clear: both;
    font-family: 'Oswald', sans-serif !important;
    color: #050033;
    CURSOR: pointer;
    white-space: nowrap;
    font-size: 15px;
}

.errorText {
    color: maroon;
    font-size: 15px;
    font-family: 'Oswald', sans-serif !important;
}

.loginErrorText {
    color: maroon;
    font-weight: bold;
    font-size: 12px;
}

.MainMenuItem a:hover {
    text-decoration: none;
}

.errorTextClick {
    color: maroon;
    font-weight: bold;
    cursor: pointer;
    font-size: 13px;
}

.TabInfoDetail {
    margin: 0px;
    /*background:#B88D5B url(nav-bar.png) repeat-y center top;*/
    background: #B88D5B;
    font-size: 14px;
    width: 100%;
    left: 0;
    position: fixed;
}

.addSnapshotTable {
    width: 95%;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #ECEBED;
    border: solid 1px #B88D5B;
}

.addSnapshotHeader {
    WIDTH: 100%;
    border-bottom: solid 1px #999999;
    background-color: #ECEBED;
}

.pickWidgetDiv {
    width: 95%;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
}

.pickWidgetTitleDiv {
    width: 100%;
    vertical-align: top;
    border: solid 1px #999999;
    background-color: #AAD0E5;
}

.pickWidgetColumn {
    border-right: solid 1px #999999;
    padding-right: 5px;
    margin-right: 5px;
    height: 100%;
    vertical-align: top;
    background-color: #FFFFFF;
    min-width: 150px;
    PADDING-LEFT: 10px;
}

.pickWidgetColumnRight {
    /*border: solid 1px #999999;*/ padding-right: 5px;
    margin-right: 5px;
    height: 100%;
    vertical-align: top;
    background-color: #FFFFFF;
    width: 100%;
    PADDING-LEFT: 10px;
    overflow: hidden;
}

.textButton {
    font-size: 12px;
    background-color: transparent;
    border: 0px;
    color: white;
    cursor: pointer;
}

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

.heavyButton {
    background-color: #B88D5B !important;
    border: 0px;
    color: white;
    cursor: pointer;
    font-weight: bold;
    background: none;
    padding: 5px;
    height: auto;
    border-radius: 3px;
    min-width:120px;
}

    .heavyButton:hover {
        color: #C8C8C8;
    }

.generalButton {
    clear: both;
    background-color: transparent;
    border: 0px;
    color: #B88D5B;
    cursor: pointer;
    background: none;
    padding: 0;
    height: auto;
    font-family: 'Roboto','Oswald', sans-serif !important;
    font-size:inherit;
}



.generalButton:hover {
    color: #6c757d !important;
}

.generalOffButton {
    clear: both;
    background-color: transparent;
    border: 0px;
    color: #050033;
    cursor: pointer;
    background: none;
    padding: 0;
    height: auto;
    font-family: 'Roboto','Oswald', sans-serif !important;
    font-size: inherit;
}



    .generalOffButton:hover {
        color: #6c757d !important;
    }


/*Widget Containers*/
.calendarDayText {
    font-size: 8pt;
    color: #050033;
}

.calendarDetailText {
    font-size: 8pt;
}

.widgetBorder {
    /*border: solid 1px #999999;*/
    border-color: #e7eaec;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    background-color: white;
    /*background-color: tranparent;*/
    padding: 5px;
    /*background: #FFFFFF url(widgetfooter.png) bottom left repeat-x; */
}

.roundedHeader {
    /*border: solid 1px #999999;
    background:#B88D5B url(nav-bar.png) no-repeat center;*/
    /*border-bottom: 2px solid #B88D5B;
    background-color: #B88D5B;
    padding: 5px;
    */
    /*background: transparent url(widgetheader.png) top left repeat-x; */
    background-color: #ffffff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px;
    color: inherit;
    margin-bottom: 0;
    padding: 10px 90px 3px 15px;
    min-height: 30px;
    position: relative;
    clear: both;
    border-radius: 2px 2px 0 0;
    box-sizing: border-box;
}

.commentText {
    color: #B88D5B;
    cursor: pointer;
}

.CommentDetail {
    OVERFLOW: hidden;
    width: 100%;
}

.table_fixed {
    TABLE-LAYOUT: fixed;
    display: block;
}

.widgetBodyPanel {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    background-color: transparent;
    overflow: hidden;
    font-size:10pt;
}

.fixCalendarav {
    z-index: 60001;
}

.showWidgetInfoDiv {
    /*white-space:nowrap;*/
}

.ShowSettingsInfoLabel {
    color: #B88D5B;
    CURSOR: pointer;
}

    .ShowSettingsInfoLabel:hover {
        color: #B88D5B;
    }

.snapshotSettingPanel {
    float: right;
    display: block;
}

.hideSettingsPanel {
    /*height:0px;*/
    /*overflow: hidden;*/
    float: right;
    width: 100%;
}

.reorderCue {
    BORDER-RIGHT: black thin dashed;
    BORDER-TOP: black thin dashed;
    BORDER-LEFT: black thin dashed;
    WIDTH: 100%;
    BORDER-BOTTOM: black thin dashed;
    HEIGHT: 25px;
}

.dragHandle {
    BORDER-RIGHT: white thin outset;
    BORDER-TOP: white thin outset;
    BORDER-LEFT: white thin outset;
    WIDTH: 10px;
    CURSOR: move;
    BORDER-BOTTOM: white thin outset;
    HEIGHT: 15px;
    BACKGROUND-COLOR: #81BC00;
}

.widget_launch_help {
    float: right;
    font-size: 12px;
    color: #B88D5B;
}

.ShowWidgetHelpLabel {
    CURSOR: pointer;
    float: right;
    display: block;
    color: #B88D5B;
}

.HelpInfoDetail {
    padding: 10px;
    display: block;
    background-color: #FFFFFF;
    border: dashed 1px #B88D5B;
}

.widget_holder {
    MIN-HEIGHT: 200px;
    border: 1px solid #f8f9fa;
}

.top_widget_holder {
    MIN-HEIGHT: 10px;
    border: 1px solid #f8f9fa;
}

.widget {
    LEFT: 0px;
    MARGIN-BOTTOM: 10px;
    POSITION: relative;
    TOP: 0px;
    background-color: Transparent;
}

.widgetFiller {
    height: 3px;
}

.widget_header {
    FONT-WEIGHT: normal;
    FONT-SIZE: 100%;
    WIDTH: 100%;
    CURSOR: move;
    PADDING-TOP: 0px;
}

.widget_edit_header {
    FONT-WEIGHT: normal;
    FONT-SIZE: 100%;
    WIDTH: 100%;
    PADDING-TOP: 0px;
}

.widget_header_table {
    PADDING: 0px;
    MARGIN: 0px;
    WIDTH: 100%;
}

.widget_title {
   
    display: inline-block;
    font-size: 16px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: none;
    color: #B88D5B;
}
}

.widget_subtitle {
    FONT-SIZE: 10pt;
    COLOR: #B88D5B;
    TEXT-DECORATION: underline;
}

.widget_title A {
    FONT-SIZE: 11pt;
    OVERFLOW: hidden;
    COLOR: #B88D5B;
    TEXT-DECORATION: none;
}

.widget_collapse {
    DISPLAY: inline;
}

.widget_expand {
    DISPLAY: inline;
}

.widget_close {
    DISPLAY: inline;
}

.widget_dropcue {
    BORDER-RIGHT: gray 2px dashed;
    BORDER-TOP: gray 2px dashed;
    DISPLAY: none;
    MARGIN-BOTTOM: 20px;
    BORDER-LEFT: gray 2px dashed;
    BORDER-BOTTOM: gray 2px dashed;
}

.widget_edit {
    font-size: 12px;
    PADDING-RIGHT: 2px;
    WIDTH: 10%;
    PADDING-TOP: 2px;
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: right;
}

    .widget_edit A {
        COLOR: white /* was #green */;
        TEXT-DECORATION: none;
    }

        .widget_edit A:hover {
            COLOR: #81BC00;
        }

.widget_button {
    font-weight: bold;
    PADDING-RIGHT: 2px;
    VERTICAL-ALIGN: top;
    BACKGROUND-COLOR: transparent;
}

.widget_min {
    BACKGROUND-IMAGE: url(Contract.png);
}

A.widget_min:hover {
    BACKGROUND-IMAGE: url(Contract_rollover.png);
}

.widget_help {
    BACKGROUND-IMAGE: url(Help.png);
}

A.widget_help:hover {
    BACKGROUND-IMAGE: url(Help_rollover.png);
}

.widget_refresh {
    BACKGROUND-IMAGE: url(refresh.png);
}

A.widget_refresh:hover {
    BACKGROUND-IMAGE: url(refresh_rollover.png);
}

.widget_max {
    BACKGROUND-IMAGE: url(Expand.png);
}

A.widget_max:hover {
    BACKGROUND-IMAGE: url(Expand_rollover.png);
}

.widget_close {
    BACKGROUND-IMAGE: url(close.png);
}

    .widget_close:hover {
        BACKGROUND-IMAGE: url(Close_rollover.png);
    }

A.widget_close:hover {
    BACKGROUND-IMAGE: url(Close_rollover.png);
}

.widget_box {
    MARGIN-TOP: 3px;
    DISPLAY: block;
    OVERFLOW: hidden;
    WIDTH: 15px;
    CURSOR: pointer;
    HEIGHT: 15px;
}

.widget_admin_lge {
    MARGIN-TOP: 3px;
    DISPLAY: inline-block;
    OVERFLOW: hidden;
    WIDTH: 18px;
    CURSOR: pointer;
    HEIGHT: 18px;
    vertical-align: text-bottom;
    background-repeat: no-repeat;
    background-position: center center;
}

.widget_Up_lge {
    BACKGROUND-IMAGE: url(Up.png);
}

A.widget_Up_lge:hover {
    BACKGROUND-IMAGE: url(Up_over.png);
}

.widget_Down_lge {
    BACKGROUND-IMAGE: url(down.png);
}

A.widget_Down_lge:hover {
    BACKGROUND-IMAGE: url(down_over.png);
}

.widget_minus_lge {
    BACKGROUND-IMAGE: url(Close.png);
}

A.widget_minus_lge:hover {
    BACKGROUND-IMAGE: url(Close_rollover.png);
}

.widget_plus_lge {
    BACKGROUND-IMAGE: url(plus.png);
}

A.widget_plus_lge:hover {
    BACKGROUND-IMAGE: url(plus_rollover.png);
}

.WidgetDates {
    DISPLAY: inline;
    COLOR: #5F6062;
}

.CenterGraph {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.widgetitem {
    white-space: nowrap;
}

    .widgetitem a {
        color: #B88D5B;
    }

.WidgetColText {
    COLOR: #B88D5B;
    padding-left: 2px;
}

.WidgetLeftCol {
    WIDTH: 90px;
    COLOR: #B88D5B;
    TEXT-ALIGN: right;
}

.PopupLabel {
    WIDTH: 90px;
    COLOR: #B88D5B;
    TEXT-ALIGN: right;
}

.PopupText {
    COLOR: #B88D5B;
}
/*Update Progress*/
.updateProgress {
    position: absolute;
    background-color: #fff;
    filter: alpha(opacity=70);
    opacity: 0.7;
    MozOpacity: 0.7;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

.ProgressViewOverlay {
    clear: both;
    position: relative;
    z-index: 100000;
    top: 0;
    left: 0;
    overflow: hidden;
}

.processWidgetMessage {
    clear: both;
    Margin-Top: 30px;
    z-index: 1001;
    background-color: White;
    overflow: hidden;
    color: Black;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
}

.progressLabel {
    font-size: large;
    color: #B88D5B;
}

.admin-header {
    /*    font-size: 22px;
    margin-bottom: 5px;
    color: #B88D5B;
    border-bottom: solid 1px #B88D5B;
    width: 100%;
    font-weight: normal;
    padding-top: 0px;
    margin-top: 0px;*/
   
    font-size: 16px;
    background-color: #ffffff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px;
    color: inherit;
    margin-bottom: 0;
    padding: 15px 90px 8px 15px;
    min-height: 48px;
    position: relative;
    clear: both;
    border-radius: 2px 2px 0 0;
    box-sizing: border-box;
}

.accountfilter-header {
    /* font-size: 18px;
    margin-bottom: 5px;
    color: #B88D5B;
    border-bottom: solid 1px #B88D5B;
    width: 100%;
    font-weight: normal;
    padding-top: 0px;
    margin-top: 0px;*/
    font-size: 16px;
    background-color: #ffffff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px;
    color: inherit;
    margin-bottom: 0;
    padding: 15px 90px 8px 15px;
    min-height: 48px;
    position: relative;
    clear: both;
    border-radius: 2px 2px 0 0;
    box-sizing: border-box;
}

.AccountDetails {
    margin-left: 30px;
}

.errorDiv {
    color: red;
}

.AdminGroupDetail {
}

#targetMenu {
    width: 200px;
    display: inline;
}

#targetMain {
    /*width:1400px;*/
    padding: 10px;
}

#targetPad {
    padding: 10px;
}


.dxLoginButton {
    clear: both;
    background-color: transparent;
    border: 0px;
    cursor: pointer;
    background: none;
    padding: 0;
    height: auto;
    background-color: #F0F0F0 !important;
    color: #5F6062 !important;
}

.dxFgPassButton {
    clear: both;
    background-color: transparent;
    border: 0px;
    cursor: pointer;
    background: none;
    padding: 0;
    height: auto;
    background-color: transparent !important;
    color: white !important;
}

.dxLoginButton_Hover {
    /*background-color: #B88D5B !important;*/
    color: #B88D5B !important;
}


.dxPopupControl {
    font-family: 'Roboto','Oswald', sans-serif;
    background-color: transparent;
    border: 0px;
    cursor: pointer;
    background: none;
    padding: 0;
    height: auto;
    background-color: #B88D5B !important;
    color: #FFFFFF !important;
}

.dxModalPopupHeader {
    padding: 1px 0;
    white-space: nowrap;
    color: white;
    background-color: #B88D5B;
    font-weight: bold;
}

.dxModalPopupFooter {
    padding: 1px 0;
    white-space: nowrap;
}

.dxModalPopupContent {
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 1.2;
    color: #B88D5B;
    height: 100%;
    font-style: normal;
    font-weight: normal;
}

table.calendaroverview th {
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}

    table.calendaroverview th.grey {
        background-color: lightgray;
    }

table.calendaroverview td {
    text-align: right;
    padding-left: 5px;
    padding-right: 5px;
}

    table.calendaroverview td.LeftAlign {
        white-space: nowrap;
        padding-right: 10px;
        text-align: right !important;
    }

    table.calendaroverview td.grey {
        background-color: lightgray;
    }

.hssGridView * {
    font-family: 'Roboto','Oswald', sans-serif !important;
    /* font-size: 14px !important;*/
}

.labelPad {
    padding-right: 10px;
}

.hssBox {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
    display: block;
    box-sizing: border-box;
}
.hssHeaderBox {
    background-color: #ffffff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px;
    color: inherit;
    margin-bottom: 0;
    padding: 15px 90px 8px 15px;
    min-height: 48px;
    position: relative;
    clear: both;
    border-radius: 2px 2px 0 0;
    box-sizing: border-box;
}
.hssDetailBox {
    clear: both;
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
}
.hssContentBox {
    clear: both;
     color: inherit;
     box-sizing: border-box;
 
}
.hssBox h5 {
    display: inline-block;
    font-size: 16px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: none;
    color: #B88D5B;
}

.form-group {
    margin-bottom: .2rem;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    box-sizing: border-box;
}

.col-lg-2 {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
    position: relative;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    display: block;
    box-sizing: border-box;
}

.col-lg-20 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    display: block;
    box-sizing: border-box;
}

.col-lg-15 {
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 15%;
    position: relative;
    width: 100%;
    padding-right: 2px;
    padding-left: 2px;
    display: block;
    box-sizing: border-box;
}

.col-lg-85 {
    -ms-flex: 0 0 85%;
    flex: 0 0 85%;
    max-width: 85%;
    position: relative;
    width: 100%;
    padding-right: 2px;
    padding-left: 2px;
    display: block;
    box-sizing: border-box;

}
.col-lg-40 {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
    position: relative;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    display: block;
    box-sizing: border-box;
}

.col-lg-10 {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
    position: relative;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    display: block;
    box-sizing: border-box;  
}

.col-form-label {
    color: #6c757d;
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
    text-align:right;
}
.col-form-value {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
    color: #676a6c !important;
}

.col-lg-50 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    box-sizing: border-box;
}

.col-lg-100 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}

.col-lg-33 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}

.btn-primary {
    color: #fff;
    background-color: #B88D5B !important;
    border-color: #B88D5B !important;
}

.btn-w-m {
    min-width: 120px;
}

.btn {
    border-radius: 3px;
    font-size: inherit;
}

.hssBox-tools {
    display: block;
    float: none;
    margin-top: 0;
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 0;
    text-align: right;    

}

    .hssBox-tools a {
        cursor: pointer;
        margin-left: 5px;
        color: #B88D5B !important;
        text-decoration:none;
    }

.border-bottom {
    border-bottom: 1px solid #e7eaec !important;
}

.drop-box
{
    padding-top:140px;

}

.widgetBodyPanel a {
    color: #B88D5B  ;
}

    .widgetBodyPanel a:hover {
        color: #050033;
    }

input[type="checkbox"] {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    /* Show the border to simulate the square */
    border: 1px solid #ccc;
    /* Hide the native checkbox */
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
}

    input[type="checkbox"]:before {
        /* Show some fake element to keep the space for empty "square" */
        font-family: 'Font Awesome 5 Free';
        content: "\f0c8";
        color: transparent;
    }

    input[type="checkbox"]:checked:before {
        font-family: 'Font Awesome 5 Free';
        /* Show actual checkmark */
        content: "\f00c";
        color: #B88D5B;
    }

body input.dxeEditArea {
    color: #6c757d;
}

.dxeButtonEditButton  {
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #FFFFFF;
    background:none;
}

div#logoEntry {
    height: 660px;
    background: transparent url(FP-Logo.png) no-repeat left center;
}

.ui-dialog{
    width:auto !important;
}

.dx-pivotgrid .dx-pivotgrid-area td {
    white-space: nowrap;
}