/*********************************Global properties*************************************/

/***SBH -WEBAPPHEDO-117, 30.10.2015, New Footer */
@font-face {
    font-family: 'Avenir55';
    src: url('../fonts/AvenirLTPro-Roman.woff2') format('woff2'),
         url('../fonts/AvenirLTPro-Roman.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    /*font-display: swap;*/
}

@font-face {
    font-family: 'Avenir85';
    src: url('../fonts/AvenirLTPro-Heavy.woff2') format('woff2'),
         url('../fonts/AvenirLTPro-Heavy.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    /*font-display: swap;*/
}
* {
    margin: 0;
}

html {
    overflow-y: auto; /*SBH 22:09.2016 Footer changed */
    overflow-x: hidden;
}

html, body {
    height: 100%;
    font-family: 'Avenir55',Helvetica,Arial,sans-serif !important; /*SBH- WEBAPPHEDO-117 , Added new Font*/
    color: #4A494A !important;
}

#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -100px; /*SBH 22:09.2016 Footer changed (margin bottom equal to footer height)*/
}

#footer {
    height: 100px; /*SBH 22:09.2016:( min height should be header height +Header margin) otherwise depending on content in footer itself */
}

#push {
    height: 100px; /*SBH 22:09.2016: header height +Header margin */
}

/*#footer {
    background-color: #4A4A4A;
    color: #fff;
    font-size: 16px;
}*/

#footer {
    background-color: #ffffff;
    color: #4A4A4A;
    font-size: 15px;
    border-top: 4px solid #4A4A4A;
    font-weight: normal !important;
    z-index: 2;
}

.footer-content {
    padding: 15px 15px 0px 15px; /*SBH 22:09.2016 Footer changed */
}

/*SBH,03.12.2015, WEBHEDO-120 (Bug Fix 2.3.18) BOC when Modal is opened background moves to left */
.modal-open[style] {
    padding-right: 0px !important;
}

/*[WEBHEDO-206-SME/GUM-29.09.2016] Copy of Validate-Red class for Validating empty fields for Private and Online customers*/
.Validate-Red-Client {
    -webkit-box-shadow: 0px 0px 6px -2px rgba(255,0,0,1);
    -moz-box-shadow: 0px 0px 6px -2px rgba(255,0,0,1);
    box-shadow: 0px 0px 6px -2px rgba(255,0,0,1);
    border-color: red !important;
}

/*VPA:04072014 :Outer glow for validation controls*/
.Validate-Red {
    -webkit-box-shadow: 0px 0px 6px -2px rgba(255,0,0,1);
    -moz-box-shadow: 0px 0px 6px -2px rgba(255,0,0,1);
    box-shadow: 0px 0px 6px -2px rgba(255,0,0,1);
    border-color: red !important;
}

.Validate-Orange {
    -webkit-box-shadow: 0px 0px 6px -2px rgba(255,165,0,1);
    -moz-box-shadow: 0px 0px 6px -2px rgba(255,165,0,1);
    box-shadow: 0px 0px 6px -2px rgba(255,165,0,1);
    border-color: orange !important;
}

.Validate-Blue {
    -webkit-box-shadow: 0px 0px 6px -2px rgba(0,0,255,1);
    -moz-box-shadow: 0px 0px 6px -2px rgba(0,0,255,1);
    box-shadow: 0px 0px 6px -2px rgba(0,0,255,1);
    border-color: blue !important;
}

.Validate-Green {
    -webkit-box-shadow: 0px 0px 6px -2px rgba(0,255,0,1);
    -moz-box-shadow: 0px 0px 6px -2px rgba(0,255,0,1);
    box-shadow: 0px 0px 6px -2px rgba(0,255,0,1);
    border-color: green !important;
}

.Validate-Pink {
    -webkit-box-shadow: 0px 0px 6px -2px rgba(0,0,255,1);
    -moz-box-shadow: 0px 0px 6px -2px rgba(0,0,255,1);
    box-shadow: 0px 0px 6px -2px rgba(0,0,255,1);
    border-color: pink !important;
}

div#container {
    text-align: left;
    padding-top: 10px;
    width: 1109px;
    margin: 0 auto;
}

div#logo {
    padding-right: 20px;
    float: left;
    width: 65px;
}

div#content {
    float: right;
    width: 1024px;
}

section#bodyContainer {
    border: 1px dotted #005684;
    padding: 10px;
    background-color: white;
}

h1 {
    /*color: #005684;*/
    margin: 0;
    font-family: 'Avenir55',Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-transform: uppercase;
}

h2 {
    /*color: #005684;*/
    padding-top: 5px;
    font-family: 'Avenir55',Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
}

h3 {
    /*color: #005684;*/
    font: bold 8pt 'Avenir55',Helvetica,Arial,sans-serif;
    line-height: 16px;
    text-align: left;
    margin: 0;
}

h4 {
    /*color: #005684;*/
    font-family: 'Avenir55',Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
}

/*input[type="button"], input[type="submit"], a.Button, button
{
    background-color: #ADBB17;
    border: 0 none;
    color: white;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    display: block;
    padding: 2px 4px 2px 4px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
}*/

.ui-button, .ui-button-text .ui-button {
    font-family: 'Avenir55',Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
}

/*a.Button
{
    text-decoration: none;
}*/

a {
    color: #005684;
    text-decoration: none;
}

img {
    border: 0;
    vertical-align: bottom;
}

.ImgButton {
    cursor: pointer;
}

input[type="text"], input[type="password"], input[type="range"], input[type="datetime"], textarea, input[type="number"], input[type="date"] {
    border: 1px solid #AAAAAA;
    /*padding: 0;*/
    margin: 0;
    width: 100%;
    font: normal 11px 'Avenir55',Helvetica,Arial,sans-serif;
    /*height: 18px;*/ /* [WEBHEDO-117-GUM-08.10.2015] Commented to get bootstrap effect */
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.Spacing {
    -webkit-box-sizing: border-box; /*Safari/Chrome, other WebKit*/
    -moz-box-sizing: border-box; /*Firefox, other Gecko*/
    box-sizing: border-box; /*Opera/IE 8+*/
    padding: 0 2px 0 2px;
}

.ReadonlyTextBox {
    display: inline-block;
    /*border: 1px solid #AAAAAA;*/
    outline: none;
    position: relative;
    width: 100%;
    background-color: transparent;
    height: 18px;
    color: #4A4A4A;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-sizing: border-box; /*Safari/Chrome, other WebKit*/
    -moz-box-sizing: border-box; /*Firefox, other Gecko*/
    box-sizing: border-box; /*Opera/IE 8+*/
    /*padding: 0 2px 0 2px;*/ /*SBH ,03.12.2015- Commented*/
}

    .ReadonlyTextBox span {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        color: #4A4A4A;
        /*max-width: 265px;*/ /* [webhedo-117 gum 15.10.2015] to remove width restriction for appraised value*/
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size:13px;
    }

.DisabledTextBox {
    display: inline-block;
    border: 1px solid #AAAAAA;
    vertical-align: middle;
    position: relative;
    width: 100%;
    background-color: #E0E0E0 !important;
    color: #707070;
    height: 18px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: auto;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

    .DisabledTextBox span {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
    }

.HedoCreateContainers .ReadonlyTextBox,
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #E0E0E0 !important;
}

.NumberFormat {
    text-align: right;
}

.selectParent {
    /*overflow: hidden;*/
    /*border: 1px solid #AAAAAA;*/ /* [webhedo-117-02.11.2015-GUM] Commented the class as it creates problem for Validate-Red class */
    width: auto;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    .selectParent select {
        /*-webkit-appearance: none;*/
        /*-moz-appearance: none;*/
        border: none;
        /*padding: 0;*/
        margin: 0;
        width: 100%;
        /*height: 18px;*/ /* [WEBHEDO-117-GUM-08.10.2015] Commented to get bootstrap effect */
        font: normal 13px 'Avenir55',Helvetica,Arial,sans-serif !important;
        -webkit-box-sizing: border-box; /*Safari/Chrome, other WebKit*/
        -moz-box-sizing: border-box; /*Firefox, other Gecko*/
        box-sizing: border-box; /*Opera/IE 8+*/
    }


/*.ui-autocomplete .ui-menu-item { //SBH/SPR commented old font of autocomplete
    font: normal 11px Verdana;
}*/

/***************************************************************************************/
/*********************************header properties*************************************/
header#headercontainer {
    height: 64px;
}

div#pageheader {
    padding-bottom: 3px;
    padding-top: 3px;
    height: 55px;
}

.headerContentLeft {
    float: left;
    width: 40%;
    margin: 0;
    padding: 0;
    margin-top: 8px;
    height: 20px;
}

.headerContentRight {
    float: left;
    width: 60%;
    margin: 0;
    padding: 0;
    margin-top: 8px;
    height: 20px;
}

nav ul {
    list-style-type: none;
    overflow: hidden;
    display: block;
    list-style: none;
    margin: 0 0 4px;
    padding: 0;
    float: right;
    font-family: 'Avenir55',Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    color: #005684;
}

nav li {
    display: inline;
    float: left;
    border-left: 1px solid #005684;
    text-align: left;
    margin: 0 4px 0 -4px;
    padding: 0 4px;
}

    nav li a:hover, ul.menu li.current a, .current {
        color: #C6CA00;
    }
/***************************************************************************************/
/**********************************Login************************************************/
table#Login {
    border: 0;
    padding-top: 10px;
    padding-bottom: 5px;
    margin: 0;
    padding: 0;
    width: 26%;
}

    table#Login > tbody > td:first-child {
        width: 30%;
        padding-right: 20px;
    }

        table#Login > tbody > td:first-child + td {
            width: 70%;
        }

/*.BtnLogin
{
    width: 80px;
    vertical-align: middle;
    margin: auto;
    margin-left:30px;
}*/

/***************************************************************************************/
/**********************************Hedo Overview****************************************/
table#OverviewContainer {
    width: 100%;
}

div#CheckBoxControls, div#ExcelExportButton, div#AddNewCondominiumButton, div#AddNewSingleFamilyHouseButton, div#ReportButton, div#UserManualButton {
    float: right;
    padding-left: 4px;
}

div#divsearch { /* 11.09.2015 SPR, WEBHEDO-134,	Simple Search/Filter functionality for Sept 2015 */
    float: left;
    padding-left: 4px;
}

div#CheckBoxControls {
    display: none;
}

/*div#UserManualButton
{
    padding-left: 4px;
    float: right;
    
}*/

.webgrid {
    width: 100%;
    border: 0;
    border-collapse: separate;
}

    .webgrid td {
        padding-left: 5px;
        padding-right: 5px;
        border-bottom: 1px dotted #005684;
    }

.webgrid-header th {
    background-color: #DDE297;
    border: 1px solid #B9C600;
    text-align: left;
    vertical-align: middle;
    height: 24px;
    padding-left: 5px;
    padding-right: 5px;
}

/*.webgrid-header th:nth-child(4)
    {
        text-align: right;
        padding-right: 5px;
    }

    .webgrid-header th:nth-child(8)
    {
        text-align: left;
        padding-left: 5px;
        padding-left: 9px\9;
    }*/

/*@-moz-document url-prefix()
{
    .webgrid-header th:nth-child(8);

{
    text-align: left;
    padding-left: 6px;
}

}*/

.webgrid-footer {
    padding: 6px 5px;
    text-align: center;
    background-color: #DDE297;
    border: 1px solid white;
    height: 30px;
}

.webgrid-alternating-row {
    height: 28px;
    border-bottom: 1px dotted #005684;
}

.webgrid-row-style {
    height: 28px;
    border-bottom: 1px dotted #005684;
}

.ColumnLeftAlign {
    text-align: left;
    padding-left: 5px;
}

.ColumnRightAlign {
    text-align: right;
    padding-right: 5px;
}

.ColumnCenterAlign {
    text-align: center;
}

div#DeleteBin {
    float: right;
    padding-right: 20px;
}

.DeleteCheckBox {
    /*margin-left: 9px;*/
}

.deleteBin { /*SBH- 04.11.2015 - WEBAPPHEDO-117, Change mouse cursor type*/
    cursor: pointer;
}
/***************************************************************************************/
/**********************************Hedo create*******************************************/
table#CreateEditContainer {
    width: 100%;
}

table#DebugContainer {
    width: 100%;
}

div#AppraiseButton, div#SaveButton, div#OverviewButton, div#AppraiseButton2, div#SaveButton2, div#ObjectReportButton {
    float: right;
    padding-left: 4px;
}

.Column1 {
    width: 20%;
}

.Column2 {
    width: 30%;
}

.Column3 {
    width: 16px;
    padding-right: 10px;
    padding-left: 2px;
}

.Column4 {
    width: 20%;
}

.Column45 {
    width: 50%;
}

.Column5 {
    width: 30%;
}

.Column6 {
    width: 16px;
    padding-right: 10px;
    padding-left: 2px;
}

.Column2345 {
    width: 75%;
}

.Column21 {
    width: 48%;
    float: left;
}

.Column22 {
    width: 48%;
    padding-left: 5px;
    float: right;
}

.Column51 {
    width: 48%;
    float: left;
}

.Column52 {
    width: 48%;
    padding-left: 5px;
    float: right;
}

.Column1_3 {
    width: 18%;
}

.Column2_3 {
    width: 82%;
    padding-right: 30px;
}

.Column3_3 {
    width: 16px;
    padding-right: 10px;
}

.Column1_2 {
    width: 50%;
    padding-right: 10px;
}

.Column2_2 {
    width: 50%;
}


.Column1_2_AddNew {
    width: 35%;
    padding-right: 10px;
}

.Column2_2_AddNew {
    width: 65%;
}

.Heading {
    padding-bottom: 5px;
}

.SliderBar {
    width: 35%;
    float: left;
    /* SBH - 01.12.2015, WEBHEDO-120 , Compress Detail View BOC*/
    /*margin-top: 4px;*/
    margin-top: 8px;
    /* EOC */
    cursor: pointer;
}

.SliderText {
    width: 62%;
    float: right;
    text-align: right;
    padding-left: 5px;
}

.HedoCreateHeaderRow {
    background-color: #DDE297;
    margin: 0;
    width: 100%;
    border: 1px solid #B9C600;
    padding: 10px 0 10px 0;
}

.HedoCreateHeaderRow2 {
    background-color: #F1F3D8;
    margin: 0;
    width: 100%;
    border: 1px solid #D3D3D3;
    padding: 10px 0 10px 0;
}

.HedoCreateContainers {
    /*background: url("../Images/linie_h.png") repeat-x scroll left top #FFFFFF;*/ /* GUM 17.12.2015 WEBHEDO-117 Change in UI */
    padding: 2px 0 5px 0;
    margin: 0;
    width: 100%;
}

/*VPA, 09.06.2014 : Extra spacing in group if expandable fields*/
tr.trExpandableTop td {
    padding-top: 10px;
}

tr.trExpandableBottom td {
    padding-bottom: 10px;
}

.ui-dialog {
    font: normal 11px 'Avenir55',Helvetica,Arial,sans-serif;
}

.ui-dialog-title {
    padding-top: 3px;
}
/***************************************************************************************/
/*********************Styles for validation helpers***********************************/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00 !important; /*SBH 08.10.2015 - added important*/
    background-color: #fee !important;
}

.validation-summary-errors {
    font-weight: normal;
    color: #f00;
}

    .validation-summary-errors ul > li { /*SBH 12.11.2015 - WEBAPPHEDO-117 - BugFix - For Chrome,Too much space between Validation Summary and Bullet */
        text-align: left !important;
    }

.validation-summary-valid {
    display: none;
    text-align: left; /*SBH 09.11.2015 - WEBAPPHEDO-117 - BugFix - Too much space between Validation Summary and Bullet*/
}

.trRealEstateDimentionInfo {
    display: none;
}

.trRealEstateApartmentInfo {
    display: none;
}

#trRealEstateAppraiseInfo {
    display: none;
}

#trAppraiseAddInfo {
    display: none;
}


#trRentDeviationInfo {
    display: none;
}

#trLandIncomeFromSaleAdjInfo {
    display: none;
}

#trLandSurfaces{
    display: none;
}

#HelpAccordion h3.ui-accordion-header {
    background: url('') no-repeat right center #F6F6F6;
    color: #005684;
    font: bold 8pt 'Avenir55',Helvetica,Arial,sans-serif;
    line-height: 16px;
    text-align: left;
    margin: 0;
    border: 1px solid #EEEEEE;
}

#HelpAccordion div.ui-accordion-content {
    padding-left: 10px;
    border: 1px solid #B9C600;
    /*width:98%;*/
}

#HelpAccordion h3.ui-accordion-header-active {
    border: 1px solid #B9C600;
}

#HelpAccordion h3.ui-accordion-header-active {
    /*background: url(../Images/ExpandUp.png) no-repeat right center #ffffff;*/
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #DDE297 0%, #FFFFFF 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #DDE297 0%, #FFFFFF 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #DDE297 0%, #FFFFFF 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #DDE297), color-stop(1, #FFFFFF));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #DDE297 0%, #FFFFFF 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #DDE297 0%, #FFFFFF 100%);
}



#HelpAccordion h3.ui-state-hover {
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #DDE297 0%, #FFFFFF 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #DDE297 0%, #FFFFFF 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #DDE297 0%, #FFFFFF 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #DDE297), color-stop(1, #FFFFFF));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #DDE297 0%, #FFFFFF 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #DDE297 0%, #FFFFFF 100%);
    /*background: url(../Images/ExpandUp.png) no-repeat right center #ffffff;*/
}


#HelpAccordion h3 img.active {
    float: right;
    background: url(../Images/ExpandUp.png) no-repeat right center #ffffff;
    width: 16px;
    height: 16px;
    content: '';
    display: inline-block;
}

#HelpAccordion h3 img.inactive {
    float: right;
    background: url(../Images/ExpandDown.png) no-repeat right center #ffffff;
    width: 16px;
    height: 16px;
    content: '';
    display: inline-block;
}

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

/*
body {
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
}

header, footer, nav, section {
    display: block;
}

/* Styles for basic forms
-----------------------------------------------------------*/

.ui-slider-tick-mark {
    display: inline-block;
    width: 4px;
    background: black;
    height: 16px;
    position: absolute;
    top: -4px;
    /*z-index:999;*/
    background-color: #005684;
}

.wrappedTdTown {
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wrappedTdStreet {
    max-width: 156px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* spr,05.11.2015, loading box for auto complete,used for street text box when AV is on*/
.ui-autocomplete-loading {
    /* background: url('../Images/ui-anim_basic_16x16.gif');*/
    /* image downloaded from http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/images/ui-anim_basic_16x16.gif */
    /* background-repeat: no-repeat;*/
    /* background-position:right;        */
    /* padding-right:13px; */ /*spr, use full in IE where clear image comes inside textbox.using this it doesnt overwrite it*/
    background-color: #ffffff;
    background-image: url("../Images/ui-anim_basic_16x16.gif") !important;
    background-size: 18px 18px;
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 13px !important; /*spr, use full in IE where clear image comes inside textbox.using this it doesnt overwrite it*/
}
/* SBH, 22.09.2015, webhedo, change position of btnValidate on av step 2*/
.btn-left-top {
    /*top: -48px;
        left: 270px;*/
    top: -48px;
    left: 285px;
}
/* SBH, 22.09.2015, webhedo, General Bugs Fix AKU-2.3.3*/
textarea {
    resize: vertical;
}

/*SBH - 07.10.2015 - WEBHEDO-117*/
/* Set padding to keep content from hitting the edges */
.body-content {
    /*padding-top: 50px;*/
    padding-bottom: 60px;
    padding-left: 15px;
    padding-right: 0px !important;
    background-color: #FFFFFF;
    min-height: 100%;
}

/*Login- boc*/
/*login-box of Professional edition*/
.login-box {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
/*SBH: 07.11.2016, webhedo234, New Login UI for Standard edition - BOC*/
.login-box-left {
    padding-right: 10px !important;
    padding-left: 0px !important;
}

   .login-box-left{
            font-size:16px;
        }
        .login-box-right {
            border-left: 2px solid #a6a6a6;
            padding-left: 25px !important;
            
    padding-right: 0px !important;
        }



    .login-box-left .login-box-inner,
    .login-box-right .login-box-inner {
        padding: 16px 30px 15px 30px !important;
    }

@media (max-width: 991px) {

    .login-box-left {
        margin-bottom: 10px;
    }

    .login-box-left,
    .login-box-right {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .login-box-right{
        border-left:none !important;
        padding-left: 0px !important;
    }
    .login-box-left .login-box-inner,
    .login-box-right .login-box-inner {
        padding: 16px 40px 15px 40px !important;
    }
}
/*EOC*/

.login-box-inner {
    /*padding:50px;*/
    padding: 16px 40px 15px 40px;
    background-color: #E7E7E7;
    border-top: 3px solid #005684;
    border-bottom: 5px solid #4a494a;
}

.login-container {
    padding: 20px;
    text-align: left; /*center*/
}

.login-container, #product-accordian {
    margin: -3px auto 0px; /*SBH - 9.10.2015 , fix login page to show footer since content is less*/
    max-width: 1300px;/*SBH: 21.11.2016 , changed width from 1100 to 1300 to accomodate language changes*/
}

.login-container-inner {
    padding-left: 50px !important;
    padding-right: 50px !important;
}
/*SBH: 08.11.2016, Login page adjustment for small screen - BOC*/
@media (max-width:500px){
.login-container-inner {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
}
@media (max-width:380px){
.login-container-inner {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.login-heading-1{
    font-size:35px !important;
}
}
/*EOC*/
#product-accordian {
    padding: 0px 66px 0px;
    margin-bottom: 15px; /*SBH:22.09.2016, accordian last panel cannot be viewed properly on some screens*/
}

/*.login-container-inner {
    padding-left: 15px;
    padding-right: 15px;
}*/

.login-heading-1 {
    /*padding-bottom: 15px !important;*/
}

.login-heading-2 {
    /*font-size: 1em;*/
    color: #4A494A;
}
/*SBH: 07.11.2016, webhedo-234,New loign ui*/
.login-heading-3 {
    font-size: 20px;
    font-weight: bold;
    color: #4A494A;
    margin-top: 0px !important;
    text-align: center;
}
.login-heading-para-2{
    margin-top: 20px !important;
    text-align: left;
    font-size:16px;
    line-height: 1.3;
    padding-left: 30px;
    padding-right: 30px;
}
/*eoc*/
/*Index*/
.actions-menu {
    margin-top: -20px !important;
    margin-bottom: 15px !important;
    padding-right: -5px !important;
    box-shadow: 0px 6px 5px -6px #4A4A4A;
    border-radius: 0px;
}
/**/

/* spr table mouse row hover style to show hide buttons*/
.table-hover tr td a.hoverbutton {
    display: none;
}

.table-hover tr:hover td a.hoverbutton {
    display: inline-block;
}
/*SBH - WEBHEDO-117 - 8.10.2015, Table Css -boc*/

.footable.breakpoint > tbody > tr > td > span.footable-toggle {
    padding-right: 15px !important;
    font-size: 10px !important;
    padding-left: 13px !important;
}

#OverviewContainer th {
    /*background-color: #C0D6EC;*/
    border: 0px none;
    font-size: 1.3em; /*SBH- 30.10.2015, Webapphedo-117,changed font size*/
}

.td-bookmark {
    font-size: 15px !important;
    text-shadow: 1px 1px 1px #ccc;
    color: #888;
}
/*  clip overflow text in table] */
#OverviewContainer td {
    max-width: 200px;
    font-size: 14px;
    /*color:#232020;*/
    font-weight: normal;
    vertical-align: middle !important;
}
    /* SBH , 25.11.2015, WEBHEDO- General Bugs 3.1.1.0, Handle Overflow for 1st 3 columns 
    7- Username */
    /*(1) 01.01.2016 - SBH/SPR - Overlapping on overview page - PRIO 0 [Team Hedo WEBAPPHEDO Urgent Tasks,3.2.1.0, WEBHEDO-148]*/
    #OverviewContainer td:nth-child(2),
    #OverviewContainer td:nth-child(3),
    #OverviewContainer td:nth-child(1),
    #OverviewContainer td:nth-child(7) {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    
/*eoc*/
/*[SBH - WEBHEDO - 94 , Notch for advance filter panel]*/
.rectangular-notch {
    position: absolute;
    top: 55px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5%;
    padding-right: 5%;
    left: 45%;
    z-index: 1000;
}

/*SBH - 12.10.2015- webhedo-117 ,Tooltip CSS*/
.input-validation-error + .tooltip > .tooltip-inner {
    background-color: #353131 !important;
}

.input-validation-error + .tooltip > .tooltip-arrow {
    border-bottom-color: #353131 !important;
}
/*SBH - 12.10.2015, webapphedo-117, Common Modal Header*/
.modal-dialog-header {
    /*background-image: linear-gradient(#04519B, #044687 60%, #125392);*/
    background-image: linear-gradient(#005684, #005684 60%, #005684);
    background-color: #005684;
    /*box-shadow: 0px 6px 5px -6px #005684;*/
    /*border-bottom: 1px solid #999797 !important;*/
    border-color: transparent;
    padding: 9px !important;
    color: #ffffff !important;
    padding-left: 15px !important;
}
.modal-content{
    border:none !important;
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
}
.modal-dialog-header{
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.action-lnk-btn {
    background: none !important;
    border: none;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    color: #777;
}

    .action-lnk-btn:hover {
        color: #333;
    }
/*SBH- 14.10.2015 Css for help -info*/
#HelpAccordion .panel-heading {
    padding: 0px 0px 0px 15px !important;
    background-color: #fff !important;
    margin-top: -4px !important;
    margin-bottom: -6px !important;
}

#HelpAccordion {
    margin-bottom: 0px;
}

    #HelpAccordion .panel {
        border-radius: 0px !important;
    }

.InfoBoxBtn {
    font-size: 0.8em !important;
}

#AdvanceFilter label {
    font-size: 12px;
    font-weight: bold !important;
}

/*SBH- 15.10.2015 Css for butons*/
.btn-action-menu-toggle {
    font-weight: bold;
    font-size: 25px !important;
    padding: 0px 20px !important;
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1300px) {
    .content-container {
        margin-left: 50px !important;
        margin-right: 50px !important;
    }
}
/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    .content-container {
        margin-left: 60px !important;
        margin-right: 60px !important;
    }
}
/*spr, start css for loading... button */
.glyphicon-refresh-animate {
    animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }

    to {
        transform: scale(1) rotate(360deg);
    }
}
/*spr, end css for loading... button */
/* end */

/* spr,typeahead css used in address zip town and in streets*/
.tt-suggestion {
    display: block;
    background-color: #fff !important; /* sbh/spr,background color white */
    padding-left: 10px !important;
}

.twitter-typeahead {
    width: 100%;
}

.tt-input {
    width: 100% !important; /* sbh/spr ,to ignore the effect of typeahead*/
}

.tt-dataset {
    overflow-y: scroll !important;
    max-height: 115px !important;
}

.tt-menu {
    width: 100% !important;
}

/*SBH - (13.11.2015), WEBHEDO- 3.1.1.0, To Highlight links when user navigates using tab ,
  Except Brand name and remove blue default border of links */
#mainSiteHeader a:not(#brandName) { /*SBH- CSS Fix for links getting a nudge on hover*/
    border-left: 1px dotted transparent;
    border-right: 1px dotted transparent;
}

    #mainSiteHeader a:not(#brandName):focus,
    #mainSiteHeader a:not(#brandName):hover,
    #mainSiteHeader a:not(#brandName):active {
        border-left: 1px dotted #fff;
        border-right: 1px dotted #fff;
        outline: none !important;
    }

#mainSiteHeader ul.nav.navbar-nav.navbar-right:focus {
    box-shadow: none !important;
    border-left: 1px dotted #fff !important;
    border-right: 1px dotted #fff !important;
    outline: none !important;
}

#mainSiteHeader #brandName:hover,
#mainSiteHeader #brandName:focus,
#mainSiteHeader #brandName:active {
    border: none !important;
    outline: none !important;
}
/*SBH:14.06.2016, webapphedo-168,BUGFIX - 2.4.1 Hidden Close Button appears on the CS user Message box*/
.ui-dialog-titlebar-close {
    visibility: hidden;
}
/**/
/*SBH: 30.08.2016, change cursor type on hover of bookmark and checkbox on grid*/
.footable-first-column i,
.footable-first-column input[type="checkbox"] {
    cursor: pointer;
}
.show-block{
    display:block;
}
.show-inline-block{
    display:inline-block;
}
.hide{
    display:none;
}