body {
    /*font-family: Arial,"Lucida Grande",Helvetica,Verdana,sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 22px;
    margin: 0px;
    padding: 0px;
}

p {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
}

ul, li {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
}

a {
    text-decoration: none;
    font-size: inherit;
    /*color: #0000FF;*/
    color: #2371b4;
}

    a img {
        border: none;
    }

    a:hover {
        text-decoration: underline;
        color: #2371b4;
    }

    a.decor:hover {
        text-decoration: underline;
        color: #2371b4;
    }

strong {
    font-weight: 600;
}

.italicTrue {
    font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    line-height: 1.1;
    font-family: inherit;
    color: inherit;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 10px;
}

select {
    font-family: inherit;
    font-size: 12px;
}

.altOption {
    background-color: #efefef;
}

#backcover {
    position: absolute;
    display: none;
    z-index: 9999999 !important;
}

#divsmallloader {
    display: none;
    z-index: 100000;
    position: absolute;
    background: url(https://storage.electrika.com/images/newwebimages/common/loadersmall.gif) no-repeat left center #fff;
}

    #divsmallloader div {
        font-weight: 600;
        padding: 2px 2px 2px 18px;
    }

#divloader {
    display: none;
    z-index: 10000000 !important;
    position: absolute;
    background: url(https://storage.electrika.com/images/newwebimages/common/loader.gif) no-repeat 5px 10px #d3d3d3;
    border: 1px solid #a9a9a9;
    width: 160px;
    height: 60px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 12px #000;
    -moz-box-shadow: 0px 0px 12px #000;
    box-shadow: 0px 0px 12px #000;
}

    #divloader div {
        width: 100%;
        position: relative;
        font-weight: 600;
        font-size: 14px;
        padding: 30px 40px 20px 40px;
    }

legend {
    font-weight: 700;
    font-size: 16px;
}

    legend.small {
        font-weight: 600;
        font-size: 15px;
    }

#notifications_content legend {
    font-weight: 600;
    font-size: 14px;
}

.fieldSetPartDetails {
    padding: 5px;
    background-color: #fff;
    border: 1px solid #cac7c7;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    color: #525151;
}

fieldset {
    padding: 4px;
    margin: 15px 5px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}

    fieldset.highlited {
        background-color: #fff2e7;
    }


    fieldset.subFieldSet {
        padding: 4px;
        margin: 15px 5px;
        border: none;
    }

        fieldset.subFieldSet legend {
            font-weight: 600;
            font-size: 15px;
        }

.tablefullwidth {
    width: 100%;
}

.tdhalfwidth {
    width: 50%;
}

.legendContent {
    margin: 10px;
}


.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.clearboth {
    clear: both;
}

.aligncenter {
    text-align: center;
}

.alignleft {
    text-align: left;
}

.alignright {
    text-align: right;
}

.valigntop {
    vertical-align: top;
}

.valignbottom {
    vertical-align: bottom;
}

.valignmiddle {
    vertical-align: middle;
}

.hideitem {
    display: none;
}

.validationErrorMsg {
    font-size: 9px;
    color: Red;
}

.validErrMsgBig {
    font-size: 11px;
    color: Red;
}

.validationSummary {
    font: normal 11px inhert;
    color: Red;
    border: 1px solid Red;
}

    .validationSummary ul {
        margin-left: 20px;
    }

.activefile {
    font-weight: 600;
}

.activeitem {
    color: #000;
    font-weight: 600;
    cursor: default;
}

.defaultCompany {
    background-color: #F5D0A9;
}

.txtareabox {
    padding: 3px;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: inherit;
}

.txtareaboxComments {
    padding: 3px;
    width: 500px;
    height: 200px;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: inherit;
}

.txtareaboxEmail {
    padding: 3px;
    width: 98%;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: inherit;
}

#divTxtMsg {
    height: 250px;
    overflow: auto;
}

.txtbox {
    padding: 5px;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: inherit;
}

.txtboxNoBorder {
    padding: 5px;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: inherit;
}

.txtboxWholesaler {
    border: none;
    width: 231px;
    padding: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: inherit;
}


.txtSmallbox {
    padding: 5px;
    width: 40px;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: inherit;
}

.txtonlydatebox {
    width: 70px;
    padding: 5px;
    font-family: inherit;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


.txtboxdate {
    width: 140px;
    padding: 5px;
    font-family: inherit;
    border: 1px dotted #a9a9a9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.txtboxlong {
    width: 300px;
    padding: 5px;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: inherit;
}

.txtboxlongWithoutBorder {
    width: 300px;
    padding: 5px;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: inherit;
}

.txtboxloger {
    width: 380px;
    padding: 5px;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: inherit;
}

.txtboxemail {
    width: 500px;
    padding: 5px;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: inherit;
}

.txtboxpostcode {
    width: 100px;
    padding: 5px;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: inherit;
}

.regtxtbox {
    width: 400px;
    padding: 5px;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: inherit;
}

.itemtextqty {
    width: 40px;
    padding: 3px;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: inherit;
}

.textAreaRegister {
    width: 300px;
    height: 100px;
    padding: 3px;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: inherit;
}

.ddlStyleTitle, .ddlStyle {
    padding: 5px;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.ddlStylePadding1 {
    padding: 1px;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.ddlSearch {
    padding: 5px;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: inherit;
}

.fileUploadCtrl {
    padding: 3px;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/*
.btn {
    padding: 3px;
    cursor: pointer;
    background-color: #e8e8e8;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .btn:hover {
        background-color: #fff;
    }
    */

.btn {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #cfcfcf));
    background: -moz-linear-gradient(top, #f9f9f9 5%, #cfcfcf 100%);
    background: -webkit-linear-gradient(top, #f9f9f9 5%, #cfcfcf 100%);
    background: -o-linear-gradient(top, #f9f9f9 5%, #cfcfcf 100%);
    background: -ms-linear-gradient(top, #f9f9f9 5%, #cfcfcf 100%);
    background: linear-gradient(to bottom, #f9f9f9 5%, #cfcfcf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#cfcfcf',GradientType=0);
    background-color: #f9f9f9;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #c7c7c7;
    display: inline-block;
    cursor: pointer;
    color: #666666;
    font-size: 15px;
    font-weight: 600;
    padding: 6px 9px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
    -webkit-appearance: none;
}

    .btn:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #cfcfcf), color-stop(1, #f9f9f9));
        background: -moz-linear-gradient(top, #cfcfcf 5%, #f9f9f9 100%);
        background: -webkit-linear-gradient(top, #cfcfcf 5%, #f9f9f9 100%);
        background: -o-linear-gradient(top, #cfcfcf 5%, #f9f9f9 100%);
        background: -ms-linear-gradient(top, #cfcfcf 5%, #f9f9f9 100%);
        background: linear-gradient(to bottom, #cfcfcf 5%, #f9f9f9 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfcfcf', endColorstr='#f9f9f9',GradientType=0);
        background-color: #cfcfcf;
    }

    .btn:active {
        position: relative;
        top: 1px;
    }

.btnLarge {
    padding: 5px;
    cursor: pointer;
    background-color: #e8e8e8;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: 600;
    font-size: 14px;
    -webkit-appearance: none;
}

    .btnLarge:hover {
        background-color: #fff;
    }



.btnClearSearch {
    padding: 5px;
    cursor: pointer;
    background-color: #e8e8e8;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: inherit;
    -webkit-appearance: none;
}

    .btnClearSearch:hover {
        background-color: #fff;
    }

.btnWithImg {
    padding: 5px 5px 5px 21px;
    cursor: pointer;
    background-color: #e8e8e8;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    font-family: inherit;
    -webkit-appearance: none;
}

    .btnWithImg:hover {
        background-color: #fff;
    }


.btnDisable {
    padding: 5px 4px 5px 25px;
    background: url(https://storage.electrika.com/images/newwebimages/common/itemremove.png) 4px 5px no-repeat #e8e8e8;
}

.btnEnable {
    padding: 5px 4px 5px 25px;
    background: url(https://storage.electrika.com/images/newwebimages/common/activeitemupdate.png) 4px 5px no-repeat #e8e8e8;
}

.btnReplace {
    padding: 5px 4px 5px 25px;
    background: url(https://storage.electrika.com/images/newwebimages/common/replace.png) 4px 5px no-repeat #e8e8e8;
}


.biggerfont {
    font-weight: 600;
    font-size: 14px;
}

.lnkBtnWithoutImg {
    cursor: pointer;
    color: #000;
    border: 1px solid #a9a9a9;
    background-color: #efefef;
    padding: 5px 4px 5px 4px;
    text-align: right;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

    .lnkBtnWithoutImg:hover {
        background-color: #fff;
    }

.lnkimgbtn {
    cursor: pointer;
    color: #000;
    font-family: inherit;
    border: 1px solid #a9a9a9;
    padding: 5px 6px 5px 36px;
    text-align: right;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


.acatpage {
    cursor: pointer;
    color: #000;
    font-family: inherit;
    border: none;
    margin-bottom: 4px;
    padding: 4px 6px 5px 22px;
    text-align: right;
    background: url(https://storage.electrika.com/images/newwebimages/common/pdfsmall.png) 4px 5px no-repeat transparent;
}

.lnkimgbtnLessPadding {
    cursor: pointer;
    color: #000;
    font-family: inherit;
    border: 1px solid #a9a9a9;
    margin-bottom: 4px;
    padding: 4px 6px 5px 22px;
    text-align: right;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.lnkimgbtnCopyLessPadding {
    float: left;
    font-family: inherit;
    font-size: 11px;
    cursor: pointer;
    color: #000;
    border: 1px solid #DFDFDF;
    margin: 0px;
    padding: 2px 4px 1px 22px;
    text-align: right;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.lnkimgbtnNoBorder {
    cursor: pointer;
    /*color: #0000FF;*/
    color: #2371b4;
    font-family: inherit;
    border: none;
    padding: 5px 6px 5px 22px;
    text-align: right;
}

.lnkOnlyImgBtn {
    cursor: pointer;
    color: #000;
    font-family: inherit;
    border: 1px solid #a9a9a9;
    padding: 4px 4px 5px 4px;
    margin-bottom: 4px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .lnkOnlyImgBtn:hover {
        background-color: #fff;
    }

#divActiveItemsToolbar2 input, #divActiveItemsToolbar2 button {
    margin: 5px;
}

.printbtn {
    padding: 5px 6px 5px 30px;
    background: url(https://storage.electrika.com/images/newwebimages/common/print.png) 8px 7px no-repeat #e8e8e8;
}

.filesummarybtn {
    padding: 5px 6px 5px 30px;
    background: url(https://storage.electrika.com/images/newwebimages/common/filesummary.png) 8px 7px no-repeat #e8e8e8;
}

.openfile {
    padding: 5px 6px 5px 30px;
    background: url(https://storage.electrika.com/images/newwebimages/common/fileopen.png) 8px 7px no-repeat #e8e8e8;
}

.newFollowUp {
    padding: 5px 6px 5px 30px;
    background: url(https://storage.electrika.com/images/newwebimages/common/newFollowup.png) 8px 7px no-repeat #e8e8e8;
}


.editFollowUp {
    padding: 5px 6px 5px 30px;
    background: url(https://storage.electrika.com/images/newwebimages/common/editfollowup.png) 8px 7px no-repeat #e8e8e8;
}

.deleteFollowUp {
    padding: 5px 6px 5px 30px;
    background: url(https://storage.electrika.com/images/newwebimages/common/16delete.png) 8px 7px no-repeat #e8e8e8;
}

.divExportBOM {
    padding: 5px;
}

.exportbtn {
    padding: 5px 6px 5px 30px;
    background: url(https://storage.electrika.com/images/newwebimages/common/excel.png) 8px 5px no-repeat #e8e8e8;
}

.newCompBtn {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 6px 5px 30px;
    background: url(https://storage.electrika.com/images/newwebimages/common/toolnew.png) 8px 5px no-repeat #e8e8e8;
}


.lnkbtnnewuser {
    background: url(https://storage.electrika.com/images/newwebimages/common/newuser16.png) 4px 4px no-repeat #e8e8e8;
}

.lnkbtnforgotpassword {
    background: url(https://storage.electrika.com/images/newwebimages/common/forgotpassword.png) 4px 4px no-repeat #e8e8e8;
}

#divItemsListWrapper {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #cfcfcf));
    background: -moz-linear-gradient(top, #f9f9f9 5%, #cfcfcf 100%);
    background: -webkit-linear-gradient(top, #f9f9f9 5%, #cfcfcf 100%);
    background: -o-linear-gradient(top, #f9f9f9 5%, #cfcfcf 100%);
    background: -ms-linear-gradient(top, #f9f9f9 5%, #cfcfcf 100%);
    background: linear-gradient(to bottom, #f9f9f9 5%, #cfcfcf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#cfcfcf',GradientType=0);
    background-color: #f9f9f9;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #c7c7c7;
    cursor: pointer;
    color: #000;
    font-size: 14px;
    padding: 3px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
    -webkit-appearance: none;
    float: left;
    width: 350px;
    margin: 6px 0px 3px 3px;
    white-space: nowrap;
}

    #divItemsListWrapper:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #cfcfcf), color-stop(1, #f9f9f9));
        background: -moz-linear-gradient(top, #cfcfcf 5%, #f9f9f9 100%);
        background: -webkit-linear-gradient(top, #cfcfcf 5%, #f9f9f9 100%);
        background: -o-linear-gradient(top, #cfcfcf 5%, #f9f9f9 100%);
        background: -ms-linear-gradient(top, #cfcfcf 5%, #f9f9f9 100%);
        background: linear-gradient(to bottom, #cfcfcf 5%, #f9f9f9 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfcfcf', endColorstr='#f9f9f9',GradientType=0);
        background-color: #cfcfcf;
    }

    #divItemsListWrapper a {
        color: #000;
        white-space: nowrap;
        float: left;
    }

    #divItemsListWrapper i {
        float: right;
        padding: 4px 0px 0px 3px;
    }


.btnfilter {
    border: 1px solid #815733;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff2e7;
    font-size: 17px;
    padding: 3px 8px;
    color: #815733;
    cursor: pointer;
    /*background: url(https://storage.electrika.com/images/newwebimages/common/filter.png) 3px 3px no-repeat #fff2e7;*/
}

.btnBrowseFiles {
    cursor: pointer;
    color: #000;
    border: 1px solid #a9a9a9;
    background-color: #efefef;
    padding: 6px 3px;
    margin-left: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .btnBrowseFiles:hover {
        text-decoration: none;
        color: #000;
    }

.btnup {
    width: 24px;
    background: url(https://storage.electrika.com/images/newwebimages/common/activeitemsup.png) 3px 6px no-repeat #e8e8e8;
}

    .btnup.disabled {
        width: 24px;
        background: url(https://storage.electrika.com/images/newwebimages/common/activeitemsupgray.png) 3px 6px no-repeat #e8e8e8;
    }


.btndown {
    width: 24px;
    background: url(https://storage.electrika.com/images/newwebimages/common/activeitemsdown.png) 3px 6px no-repeat #e8e8e8;
}

    .btndown.disabled {
        width: 24px;
        background: url(https://storage.electrika.com/images/newwebimages/common/activeitemsdowngray.png) 3px 6px no-repeat #e8e8e8;
    }

.btnRefresh {
    width: 24px;
    background: url(https://storage.electrika.com/images/newwebimages/common/refresh.png) 3px 6px no-repeat #e8e8e8;
}

.btncopydiscount {
    background: url(https://storage.electrika.com/images/newwebimages/common/activeitempercent.png) 4px 6px no-repeat #e8e8e8;
}

.btncopy {
    background: url(https://storage.electrika.com/images/newwebimages/common/copymanu.png) 4px 6px no-repeat #e8e8e8;
}

.btnbrowsefiles {
    font-weight: 600;
    background: url(https://storage.electrika.com/images/newwebimages/common/attachment.png) 10px 4px no-repeat #e8e8e8;
}

.btnupdateprices {
    background: url(https://storage.electrika.com/images/newwebimages/common/activeitemupdate.png) 4px 6px no-repeat #e8e8e8;
}

.btnlocatepart {
    background: url(https://storage.electrika.com/images/newwebimages/common/activeitemlocate.png) 4px 6px no-repeat #e8e8e8;
}

.btndiscgroup {
    background: url(https://storage.electrika.com/images/newwebimages/common/percent.png) 4px 6px no-repeat #e8e8e8;
}

.btnaddparttolocal {
    background: url(https://storage.electrika.com/images/newwebimages/common/localdata16.png) 4px 6px no-repeat #e8e8e8;
}

.btnaddparttokits {
    background: url(https://storage.electrika.com/images/newwebimages/common/kits16.png) 4px 6px no-repeat #e8e8e8;
}

.btnaddparttotool {
    background: url(https://storage.electrika.com/images/newwebimages/common/quote16.png) 4px 6px no-repeat #e8e8e8;
}

.btncreatepdf {
    background: url(https://storage.electrika.com/images/newwebimages/common/reppdf16.png) 4px 4px no-repeat #e8e8e8;
}

.btncreateexcel {
    background: url(https://storage.electrika.com/images/newwebimages/common/repexcel16.png) 4px 4px no-repeat #e8e8e8;
}

.btncreateword {
    background: url(https://storage.electrika.com/images/newwebimages/common/repword16.png) 4px 4px no-repeat #e8e8e8;
}

.btneditvat {
    background: url(https://storage.electrika.com/images/newwebimages/common/editvat.png) 4px 4px no-repeat #fff;
}

.btncopytoorders {
    margin: 0px 4px 0px 4px;
    background: url(https://storage.electrika.com/images/newwebimages/common/copytoorders.png) 2px 1px no-repeat #efefef;
}

.btncopytoinvoices {
    margin: 0px 4px 0px 4px;
    background: url(https://storage.electrika.com/images/newwebimages/common/copytoinvoice.png) 2px 1px no-repeat #efefef;
}

.btncopytoquotes {
    margin: 0px 4px 0px 4px;
    background: url(https://storage.electrika.com/images/newwebimages/common/copytoquotes.png) 2px 1px no-repeat #efefef;
}

.btncopytolocal {
    margin: 0px 4px 0px 4px;
    background: url(https://storage.electrika.com/images/newwebimages/common/localdatacopy.png) 2px 1px no-repeat #efefef;
}

.btnshareinstalltimes {
    background: url(https://storage.electrika.com/images/newwebimages/common/share.png) 4px 6px no-repeat #e8e8e8;
}

.btncopytoorders.inactive {
    color: #808080;
    cursor: default;
    margin: 0px 4px 0px 4px;
    background: url(https://storage.electrika.com/images/newwebimages/common/copytoordersgray.png) 2px 0px no-repeat #efefef;
}

.btncopytoinvoices.inactive {
    color: #808080;
    cursor: default;
    margin: 0px 4px 0px 4px;
    background: url(https://storage.electrika.com/images/newwebimages/common/copytoinvoicegray.png) 2px 0px no-repeat #efefef;
}

.btncopytoquotes.inactive {
    color: #808080;
    cursor: default;
    margin: 0px 4px 0px 4px;
    background: url(https://storage.electrika.com/images/newwebimages/common/copytoquotesgray.png) 2px 0px no-repeat #efefef;
}

.btncopytolocal.inactive {
    color: #808080;
    cursor: default;
    margin: 0px 4px 0px 4px;
    background: url(https://storage.electrika.com/images/newwebimages/common/localdatacopygray.png) 2px 0px no-repeat #efefef;
}


.marginleft {
    margin-left: 2px;
}


.marginleftThree {
    margin-left: 3px;
}

.lnkimgbtnLessPadding:hover, .lnkimgbtn:hover {
    background-color: #fff;
}

.lnkimgbtnCopyLessPadding:hover {
    -moz-box-shadow: inset 0 0 3px #000;
    -webkit-box-shadow: inset 0 0 3px #000;
    box-shadow: inset 0 0 3px #000;
}

.lnkimgbtnCopyLessPadding.inactive:hover {
    -moz-box-shadow: inset 0 0 0 #fff;
    -webkit-box-shadow: inset 0 0 0 #fff;
    box-shadow: inset 0 0 0 #fff;
}

.shadow {
    -moz-box-shadow: inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow: inset 0 0 10px #000000;
}

.gridalternaterow {
    background-color: #F0F0F0;
}

.optionalItem {
    opacity: 0.70;
    -webkit-opacity: 0.70;
    -moz-opacity: 0.70;
    filter: alpha(opacity=70);
}

    .optionalItem a {
        opacity: 0.70;
        -webkit-opacity: 0.70;
        -moz-opacity: 0.70;
        filter: alpha(opacity=70);
    }

.opacityOnPart {
    opacity: 0.4;
    -webkit-opacity: 0.4;
    -moz-opacity: 0.4;
    filter: alpha(opacity=40);
}

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

.GridClass {
    font-size: 12px;
    float: left;
}

.ContactGridClass {
    font-size: 12px;
    float: left;
    background-color: #F5F6CE;
}

.grdItemCompanyPadding {
    padding-left: 10px;
    padding-right: 10px;
}

.gridemptyrowstyle {
    font-weight: 600;
    font-size: 14px;
    color: Red;
    background-color: #fff;
}
/*
.gridheader {
    background-color: #9CAAC1;
    border: 1px solid #E0E0E0;
    color: #fff;
    margin: 5px 8px 5px 8px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
*/
.gridheader {
    background-color: #f3f2f2;
    border: 1px solid #DFDFDF;
    color: #5f5e5e;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.gridanalysisheader {
    background-color: #A4A4A4;
    border: 1px solid #E0E0E0;
    color: #fff;
    spreadOnLab margin: 5px 8px 5px 8px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
}

.gridanalysisfooter {
    background-color: #A4A4A4;
    border: 1px solid #E0E0E0;
    color: #fff;
    margin: 5px 8px 5px 8px;
    text-align: center;
    vertical-align: middle;
    font-weight: 600;
    text-align: right;
}

.gridfooter {
    background-color: #f3f2f2;
    border: 1px solid #DFDFDF;
    color: #5f5e5e;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 600;
    text-align: right;
}

/*
.gridfooter {
    background-color: #9CAAC1;
    border: 1px solid #E0E0E0;
    color: #fff;
    margin: 5px 8px 5px 8px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 600;
    text-align: right;
}
*/

.gridanalysisfooter {
    background-color: #A4A4A4;
    border: 1px solid #E0E0E0;
    color: #fff;
    margin: 5px 8px 5px 8px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 600;
    text-align: right;
}

.GridHeaderDynamicOptional {
    background-color: #fff;
    color: #999;
    font-size: 13px;
    font-weight: 600;
    vertical-align: middle;
}

.GridHeaderDynamic {
    background-color: #F2F2F2;
    color: #333;
    font-size: 13px;
    font-weight: 600;
    vertical-align: middle;
}

.gridPager {
    border: none;
    background-color: #e7eff3;
    border: 1px solid #DFDFDF;
}

    .gridPager td {
        padding: 2px 3px 2px 3px;
        color: #000000;
        line-height: 12px;
        font-weight: 600;
    }

    .gridPager a {
        text-decoration: none;
    }

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

.ddlPagesDrop {
    border: 1px solid #DFDFDF;
    padding: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.dynamicHyperlink {
    font-weight: 600;
    color: #000000;
    font-size: 13px;
}

    .dynamicHyperlink:hover {
        cursor: default;
        text-decoration: none;
        color: #000;
    }

.dynamicHyperlinkMainIndex {
    font-weight: 600;
    color: #000000;
    font-size: 15px;
}

    .dynamicHyperlinkMainIndex:hover {
        cursor: default;
        text-decoration: none;
        color: #000;
    }

.GridDynamicTitle {
    font-size: 14px;
    font-weight: 600;
    background-color: #CFDDEE;
    text-align: left;
    text-decoration: none;
    color: #000000;
}

.GridDynamicTitleCat {
    font-size: 14px;
    font-weight: 600;
    background-color: #CFDDEE;
    text-align: left;
    text-decoration: none;
}

    .GridDynamicTitleCat a {
        color: #000;
        padding-left: 20px;
    }

.GridDynamicTitle a {
    color: #000000;
    cursor: default;
}

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

.DataListAlternatingRow {
    background-color: #F2F2F2;
}

.hoverColor {
    background-color: #F5F6CE;
}

.expandedRow {
    font-weight: 600;
    background-color: #faf3ee;
}

.changeToLink, .linkStyle {
    /*color: #0000FF;*/
    color: #2371b4;
    cursor: pointer;
}

.cursorPointer {
    cursor: pointer;
}

.cursorDefault {
    cursor: default;
}

.defaultrow {
    background-color: #ffcda9;
}

.boldTrue {
    font-weight: 600;
}

.blankLabelWidth {
    width: 300px;
}

.blankLabel {
    width: 250px;
    border-bottom: 1px dotted black;
}

.blankLabelFileName {
    width: 560px;
    border-bottom: 1px dotted black;
}

.blankLabelTop {
    width: 250px;
    border-bottom: 1px dotted black;
}

    .blankLabelTop.lnkStyle a {
        /*color: #0000FF;*/
        color: #2371b4;
    }

.blankLabelMargin {
    width: 450px;
    border-bottom: 1px dotted black;
}

.blankLabelCover {
    width: 120px;
    border-bottom: 1px dotted black;
}

.blankLabelCoverNoRebate {
    width: 450px;
    border-bottom: 1px dotted black;
}

.blankLabelNetHavells {
    width: 150px;
    border-bottom: 1px dotted black;
}

.blankLabelMCD {
    width: 100px;
    border-bottom: 1px dotted black;
}

.blankLabelProject {
    width: 430px;
    border-bottom: 1px dotted black;
}

.blankLabelProjectNotes {
    width: 560px;
    border-bottom: 1px dotted black;
}

.projectLabel {
    width: 30%;
    vertical-align: bottom;
}

.projectLabelNewCust {
    width: 35%;
    vertical-align: bottom;
}

.projectManagerContainer {
    width: 100%;
}

.selectedRow {
    background-color: #FDD017;
}

.SubIndexTitle {
    padding: 0px 0px 4px 0px;
    font-weight: 600;
    background-color: #CFDDEE;
    text-align: left;
    text-decoration: none;
    color: #000000;
}

.tblcellpaddingfour td {
    padding: 4px;
}

.tblcellpaddingtwo td {
    padding: 2px;
}

#mainwrapper {
    width: 100%;
    min-width: 1000px;
    float: left;
}

#subwrapper {
    padding: 10px;
}

#topwrapper {
    float: left;
    width: 100%;
}

#header {
    float: left;
    width: 100%;
}

#electrikalogo {
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    padding-top: 13px;
    cursor: pointer;
}

#topnav {
    float: left;
    margin: 0px 0px 5px 0px;
}

    #topnav ul {
        float: left;
    }

        #topnav ul li {
            float: left;
            list-style: none;
            text-align: center;
            cursor: pointer;
            padding: 38px 4px 4px 4px;
            margin: 10px 8px 8px 8px;
            width: 80px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

            #topnav ul li a {
                color: #000;
            }

                #topnav ul li a:hover {
                    text-decoration: underline;
                }

            #topnav ul li#liHome {
                background: url(https://storage.electrika.com/images/newwebimages/navigation/home.png) 28px 6px no-repeat #e8e8e8;
            }

                #topnav ul li#liHome.menushadow {
                    color: #071C94;
                    background-color: #eceefe;
                    -moz-box-shadow: inset 0 0 10px #071C94;
                    -webkit-box-shadow: inset 0 0 10px #071C94;
                    box-shadow: inset 0 0 10px #071C94;
                }

            #topnav ul li#liWin {
                background: url(https://storage.electrika.com/images/newwebimages/navigation/products.png) 28px 6px no-repeat #e8e8e8;
            }

                #topnav ul li#liWin.menushadow {
                    color: #01520b;
                    background-color: #e8feeb;
                    -moz-box-shadow: inset 0 0 10px #01520b;
                    -webkit-box-shadow: inset 0 0 10px #01520b;
                    box-shadow: inset 0 0 10px #01520b;
                }


            #topnav ul li#liCatalogues {
                background: url(https://storage.electrika.com/images/newwebimages/navigation/catalogues.png) 28px 6px no-repeat #e8e8e8;
            }

                #topnav ul li#liCatalogues.menushadow {
                    color: #600687;
                    background-color: #f9eaff;
                    -moz-box-shadow: inset 0 0 10px #600687;
                    -webkit-box-shadow: inset 0 0 10px #600687;
                    box-shadow: inset 0 0 10px #600687;
                }

            #topnav ul li#liCompanies {
                background: url(https://storage.electrika.com/images/newwebimages/navigation/contacts.png) 28px 6px no-repeat #e8e8e8;
            }

                #topnav ul li#liCompanies.menushadow {
                    color: #DF7401;
                    background-color: #fcf3e8;
                    -moz-box-shadow: inset 0 0 10px #DF7401;
                    -webkit-box-shadow: inset 0 0 10px #DF7401;
                    box-shadow: inset 0 0 10px #DF7401;
                }

            #topnav ul li#liLocalData {
                background: url(https://storage.electrika.com/images/newwebimages/navigation/localdata.png) 28px 6px no-repeat #e8e8e8;
            }

                #topnav ul li#liLocalData.menushadow {
                    color: #903f06;
                    background-color: #ffeee1;
                    -moz-box-shadow: inset 0 0 10px #903f06;
                    -webkit-box-shadow: inset 0 0 10px #903f06;
                    box-shadow: inset 0 0 10px #903f06;
                }

            #topnav ul li#liKits {
                background: url(https://storage.electrika.com/images/newwebimages/navigation/kits.png) 30px 6px no-repeat #e8e8e8;
            }

                #topnav ul li#liKits.menushadow {
                    color: #a10202;
                    background-color: #ffecec;
                    -moz-box-shadow: inset 0 0 10px #a10202;
                    -webkit-box-shadow: inset 0 0 10px #a10202;
                    box-shadow: inset 0 0 10px #a10202;
                }

            #topnav ul li#liToolType {
                color: #000;
            }

                #topnav ul li#liToolType:hover {
                    text-decoration: underline;
                }

                #topnav ul li#liToolType.quickquotes {
                    background: url(https://storage.electrika.com/images/newwebimages/navigation/quickquote.png) 28px 6px no-repeat #e8e8e8;
                }

                    #topnav ul li#liToolType.quickquotes.menushadow {
                        color: #05548e;
                        background-color: #edf7ff;
                        -moz-box-shadow: inset 0 0 10px #05548e;
                        -webkit-box-shadow: inset 0 0 10px #05548e;
                        box-shadow: inset 0 0 10px #05548e;
                    }

                #topnav ul li#liToolType.detailedquotes {
                    background: url(https://storage.electrika.com/images/newwebimages/navigation/detailedquote.png) 28px 6px no-repeat #e8e8e8;
                }

                    #topnav ul li#liToolType.detailedquotes.menushadow {
                        color: #008B8B;
                        background-color: #edfafa;
                        -moz-box-shadow: inset 0 0 10px #008B8B;
                        -webkit-box-shadow: inset 0 0 10px #008B8B;
                        box-shadow: inset 0 0 10px #008B8B;
                    }

                #topnav ul li#liToolType.orders {
                    background: url(https://storage.electrika.com/images/newwebimages/navigation/orders.png) 28px 6px no-repeat #e8e8e8;
                }

                    #topnav ul li#liToolType.orders.menushadow {
                        color: #6A5ACD;
                        background-color: #edebf8;
                        -moz-box-shadow: inset 0 0 10px #6A5ACD;
                        -webkit-box-shadow: inset 0 0 10px #6A5ACD;
                        box-shadow: inset 0 0 10px #6A5ACD;
                    }

                #topnav ul li#liToolType.invoices {
                    background: url(https://storage.electrika.com/images/newwebimages/navigation/invoices.png) 28px 6px no-repeat #e8e8e8;
                }

                    #topnav ul li#liToolType.invoices.menushadow {
                        color: #556B2F;
                        background-color: #f0f6e7;
                        -moz-box-shadow: inset 0 0 10px #556B2F;
                        -webkit-box-shadow: inset 0 0 10px #556B2F;
                        box-shadow: inset 0 0 10px #556B2F;
                    }

                #topnav ul li#liToolType.jobcosting {
                    background: url(https://storage.electrika.com/images/newwebimages/navigation/jobcosting.png) 28px 6px no-repeat #e8e8e8;
                }




        #topnav ul.submenu {
            display: none;
        }


#divNotifications {
    position: absolute;
    padding: 5px;
    background-color: #efefef;
    border: 0px solid #DFDFDF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 4px #686767;
    -moz-box-shadow: 0px 0px 4px #686767;
    box-shadow: 0px 0px 4px #686767;
}


    #divNotifications ul li {
        list-style: none;
    }


#subnav ul {
    float: left;
    width: 98%;
    font-weight: 600;
    background-color: #808080;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    #subnav ul li {
        float: left;
        list-style: none;
        text-align: left;
        cursor: pointer;
        margin: 4px;
        padding: 4px;
        display: inline;
        list-style: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

        #subnav ul li a {
            color: #fff;
        }

            #subnav ul li:hover, #subnav ul li a:hover {
                text-decoration: underline;
            }

        #subnav ul li.loginbtns {
            float: right;
        }

        #subnav ul li.activesubliHome, #subnav ul li.activesubliHome a {
            background-color: #fff;
            color: #071c94;
        }

        #subnav ul li.activesubliWinQuotes, #subnav ul li.activesubliWinQuotes a {
            background-color: #fff;
            color: #01520b;
        }

        #subnav ul li.activesubliCatalogues, #subnav ul li.activesubliCatalogues a {
            background-color: #fff;
            color: #600687;
        }

        #subnav ul li.activesubliLocalData, #subnav ul li.activesubliLocalData a {
            background-color: #fff;
            color: #903f06;
        }

        #subnav ul li.activesubliKits, #subnav ul li.activesubliKits a {
            background-color: #fff;
            color: #a10202;
        }

        #subnav ul li.activesubliCompanies, #subnav ul li.activesubliCompanies a {
            background-color: #fff;
            color: #DF7401;
        }

        #subnav ul li.activesubliQQ, #subnav ul li.activesubliQQ a {
            background-color: #fff;
            color: #05548e;
        }

        #subnav ul li.activesubliAQ, #subnav ul li.activesubliAQ a {
            background-color: #fff;
            color: #008B8B;
        }

        #subnav ul li.activesubliOR, #subnav ul li.activesubliOR a {
            background-color: #fff;
            color: #6A5ACd;
        }

        #subnav ul li.activesubliIN, #subnav ul li.activesubliIN a {
            background-color: #fff;
            color: #556B2F;
        }

.orSearchNav {
    color: #6A5ACd;
    font-weight: 600;
}


.qqSearchNav {
    color: #05548e;
    font-weight: 600;
}

.dqSearchNav {
    color: #008B8B;
    font-weight: 600;
}

.kitSearchNav {
    color: #a10202;
    font-weight: 600;
}

.localSearchNav {
    color: #903f06;
    font-weight: 600;
}

.catSearchNav {
    color: #600687;
    font-weight: 600;
}

#liHome {
}

#divLoginCover {
    position: relative;
}

#ulusersoptions {
    z-index: 10;
    width: 130px;
    padding: 3px;
    background-color: #e8e8e8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}

    #ulusersoptions li {
        cursor: pointer;
        list-style: none;
        padding: 2px;
        width: 97%;
        border-bottom: 1px solid #cccaca;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

        #ulusersoptions li a {
            color: #000;
        }

        #ulusersoptions li:hover {
            background-color: #fff;
        }

#imgcloselogincontent {
    position: relative;
    cursor: pointer;
    z-index: 1;
    top: -5px;
    left: 20px;
    margin: -40px 0px 0px -20px;
}

.divReportLogos {
    border: 1px solid #808080;
    width: 100px;
    position: relative;
    margin: 10px;
    padding: 5px;
    float: left;
}

.closeBtnOnRight {
    position: absolute;
    top: -8px;
    right: -8px;
}

#divInfoTitleWrapper {
    float: left;
    font-size: 14px;
    font-weight: 600;
    margin: 8px 0px 3px 0px;
    background-color: #fce69d;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 98%;
}

    #divInfoTitleWrapper #divInfoTitle {
        padding: 0px 6px 0px 28px;
    }


        #divInfoTitleWrapper #divInfoTitle.nofileopen {
            background-color: Red;
            color: #fff;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }

#divSubToolMenu {
    position: relative;
    bottom: -1px;
    float: left;
}

    #divSubToolMenu ul {
        float: left;
        margin: 5px 0px 0px 20px;
    }

        #divSubToolMenu ul li {
            color: #206929;
            float: left;
            list-style: none;
            text-align: left;
            font-weight: 600;
            cursor: pointer;
            padding: 6px 4px 10px 34px;
            margin: 0px 2px 0px 2px;
            width: 66px;
            height: 14px;
            border-top: 1px solid #b3dbb8;
            border-left: 1px solid #b3dbb8;
            border-right: 1px solid #b3dbb8;
            border-bottom: 1px solid #728257;
            -moz-border-radius-topleft: 4px;
            -moz-border-radius-topright: 4px;
            -webkit-border-top-left-radius: 4px;
            -webkit-border-top-right-radius: 4px;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
        }

            #divSubToolMenu ul li#lirepoptions {
                background: url(https://storage.electrika.com/images/newwebimages/common/options.png) 4px 3px no-repeat #e8feeb;
            }

            #divSubToolMenu ul li#lireppreview {
                background: url(https://storage.electrika.com/images/newwebimages/common/preview.png) 4px 3px no-repeat #e8feeb;
            }

            #divSubToolMenu ul li#lirepemail {
                background: url(https://storage.electrika.com/images/newwebimages/common/repemail24.png) 4px 3px no-repeat #e8feeb;
            }

            #divSubToolMenu ul li#lirepbom {
                background: url(https://storage.electrika.com/images/newwebimages/common/repbomsummary.png) 4px 3px no-repeat #e8feeb;
            }

            #divSubToolMenu ul li#liDrawingConfig {
                background: url(https://storage.electrika.com/images/newwebimages/common/drawing.png) 4px 3px no-repeat #e8feeb;
            }

            #divSubToolMenu ul li#liParts {
                background: url(https://storage.electrika.com/images/newwebimages/common/list.png) 4px 3px no-repeat #e8feeb;
            }


                #divSubToolMenu ul li#lirepoptions.activetoolmenu,
                #divSubToolMenu ul li#lireppreview.activetoolmenu,
                #divSubToolMenu ul li#lirepemail.activetoolmenu,
                #divSubToolMenu ul li#lirepbom.activetoolmenu,
                #divSubToolMenu ul li#liDrawingConfig.activetoolmenu,
                #divSubToolMenu ul li#liParts.activetoolmenu {
                    border-top: 1px solid #728257;
                    border-left: 1px solid #728257;
                    border-right: 1px solid #728257;
                    border-bottom: 1px solid #fff;
                    background-color: #fff;
                }

            #divSubToolMenu ul li:hover {
                background-color: #fff;
            }

#divToolMenu {
    position: relative;
    bottom: -1px;
    float: left;
}

    #divToolMenu ul {
        float: left;
        margin: 5px 0px 0px 20px;
    }

        #divToolMenu ul li {
            color: #05548e;
            float: left;
            list-style: none;
            text-align: left;
            cursor: pointer;
            padding: 6px 4px 10px 34px;
            margin: 0px 2px 0px 2px;
            width: 66px;
            height: 14px;
            font-size: 14px;
            font-weight: 600;
            border-top: 1px solid #C6D3DF;
            border-left: 1px solid #C6D3DF;
            border-right: 1px solid #C6D3DF;
            border-bottom: 1px solid #9CAAC1;
            -moz-border-radius-topleft: 4px;
            -moz-border-radius-topright: 4px;
            -webkit-border-top-left-radius: 4px;
            -webkit-border-top-right-radius: 4px;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
        }

#divFileInfoPanel #divToolMenu ul li {
    font-size: 14px;
    width: 70px;
}

#divToolMenu ul li#liactivereport {
    background: url(https://storage.electrika.com/images/newwebimages/navigation/reportpage.png) 4px 3px no-repeat #E0EEFB;
}

#divToolMenu ul li#litemplate {
    background: url(https://storage.electrika.com/images/newwebimages/navigation/templates.png) 4px 3px no-repeat #E0EEFB;
}

#divToolMenu ul li#litemplateeditor {
    background: url(https://storage.electrika.com/images/newwebimages/navigation/coverpageedit.png) 4px 3px no-repeat #E0EEFB;
}

#divToolMenu ul li#liFullReport {
    background: url(https://storage.electrika.com/images/newwebimages/navigation/fullreport.png) 4px 3px no-repeat #E0EEFB;
}

#divToolMenu ul li#liCoverPage {
    background: url(https://storage.electrika.com/images/newwebimages/navigation/reportcoverpage.png) 4px 3px no-repeat #E0EEFB;
}

#divToolMenu ul li#liItems {
    background: url(https://storage.electrika.com/images/newwebimages/navigation/reportitems.png) 4px 3px no-repeat #E0EEFB;
}

#divToolMenu ul li#liParts {
    background: url(https://storage.electrika.com/images/newwebimages/navigation/reportparts.png) 4px 3px no-repeat #E0EEFB;
}

#divToolMenu ul li#liTCs {
    background: url(https://storage.electrika.com/images/newwebimages/navigation/reportterms.png) 4px 3px no-repeat #E0EEFB;
}

#divToolMenu ul li#liBOM {
    background: url(https://storage.electrika.com/images/newwebimages/navigation/billofmaterial.png) 4px 3px no-repeat #E0EEFB;
}

#divToolMenu ul li#lifiles {
    background: url(https://storage.electrika.com/images/newwebimages/navigation/files.png) 4px 3px no-repeat #E0EEFB;
}

#divToolMenu ul li#liprojects {
    background: url(https://storage.electrika.com/images/newwebimages/navigation/projects.png) 4px 3px no-repeat #E0EEFB;
}

#divToolMenu ul li#liSettings {
    background: url(https://storage.electrika.com/images/newwebimages/navigation/settings.png) 4px 3px no-repeat #E0EEFB;
}

#divToolMenu ul li#liitems {
    background: url(https://storage.electrika.com/images/newwebimages/navigation/items.png) 4px 3px no-repeat #E0EEFB;
}

#divToolMenu ul li#liactiveitems {
    background: url(https://storage.electrika.com/images/newwebimages/navigation/activeitem.png) 4px 3px no-repeat #E0EEFB;
}

#divToolMenu ul li#lisummary {
    background: url(https://storage.electrika.com/images/newwebimages/navigation/summary.png) 4px 3px no-repeat #E0EEFB;
}

#divToolMenu ul li#liConfigurator {
    width: 80px;
    background: url(https://storage.electrika.com/images/newwebimages/navigation/drawing.png) 4px 3px no-repeat #E0EEFB;
}

#divToolMenu ul li#liCosting {
    background: url(https://storage.electrika.com/images/newwebimages/navigation/costing.png) 4px 3px no-repeat #E0EEFB;
}

#divToolMenu ul li#lireports {
    background: url(https://storage.electrika.com/images/newwebimages/navigation/reports.png) 4px 3px no-repeat #E0EEFB;
}

#divToolMenu ul li#lireportsnew {
    background: url(https://storage.electrika.com/images/newwebimages/navigation/reports.png) 4px 3px no-repeat #E0EEFB;
}

#divToolMenu ul li#liFileDetails {
    background: url(https://storage.electrika.com/images/newwebimages/navigation/projects.png) 4px 3px no-repeat #E0EEFB;
}

#divToolMenu ul li#liFollowUp {
    background: url(https://storage.electrika.com/images/newwebimages/navigation/followup.png) 4px 3px no-repeat #E0EEFB;
}

#divToolMenu ul li#liFileReport {
    background: url(https://storage.electrika.com/images/newwebimages/navigation/reports.png) 4px 3px no-repeat #E0EEFB;
}


#divToolMenu ul li#liFileSummary {
    background: url(https://storage.electrika.com/images/newwebimages/navigation/summary.png) 4px 3px no-repeat #E0EEFB;
}

#divToolMenu ul li#liFileEmailReport {
    background: url(https://storage.electrika.com/images/newwebimages/navigation/emailtrack.png) 4px 3px no-repeat #E0EEFB;
}

#divToolMenu ul li#liFileOnCloud {
    background: url(https://storage.electrika.com/images/newwebimages/navigation/repcloud24.png) 4px 3px no-repeat #E0EEFB;
}

#divToolMenu ul li#likitfiles {
    background: url(https://storage.electrika.com/images/newwebimages/navigation/files.png) 4px 3px no-repeat #E0EEFB;
}

#divToolMenu ul li#lieditkits {
    background: url(https://storage.electrika.com/images/newwebimages/navigation/editkits.png) 4px 3px no-repeat #E0EEFB;
}

#divToolMenu ul li#lilocaldata {
    background: url(https://storage.electrika.com/images/newwebimages/navigation/files.png) 4px 3px no-repeat #E0EEFB;
}

#divToolMenu ul li#licategories {
    background: url(https://storage.electrika.com/images/newwebimages/navigation/category.png) 4px 3px no-repeat #E0EEFB;
}

#divToolMenu ul li#liReportOthers {
    background: url(https://storage.electrika.com/images/newwebimages/navigation/billofmaterial.png) 4px 3px no-repeat #E0EEFB;
}

#divToolMenu ul li#liactivecategory {
    background: url(https://storage.electrika.com/images/newwebimages/navigation/activecategory.png) 4px 3px no-repeat #E0EEFB;
}

    #divToolMenu ul li#lifiles.activetoolmenu,
    #divToolMenu ul li#liprojects.activetoolmenu,
    #divToolMenu ul li#liSettings.activetoolmenu,
    #divToolMenu ul li#liitems.activetoolmenu,
    #divToolMenu ul li#liactiveitems.activetoolmenu,
    #divToolMenu ul li#lisummary.activetoolmenu,
    #divToolMenu ul li#lireports.activetoolmenu,
    #divToolMenu ul li#lireportsnew.activetoolmenu,
    #divToolMenu ul li#liFileDetails.activetoolmenu,
    #divToolMenu ul li#liFollowUp.activetoolmenu,
    #divToolMenu ul li#liFileReport.activetoolmenu,
    #divToolMenu ul li#liFileSummary.activetoolmenu,
    #divToolMenu ul li#liFileEmailReport.activetoolmenu,
    #divToolMenu ul li#likitfiles.activetoolmenu,
    #divToolMenu ul li#lieditkits.activetoolmenu,
    #divToolMenu ul li#lilocaldata.activetoolmenu,
    #divToolMenu ul li#licategories.activetoolmenu,
    #divToolMenu ul li#liFileOnCloud.activetoolmenu,
    #divToolMenu ul li#liactivecategory.activetoolmenu,
    #divToolMenu ul li#liactivereport.activetoolmenu,
    #divToolMenu ul li#litemplate.activetoolmenu,
    #divToolMenu ul li#litemplateeditor.activetoolmenu,
    #divToolMenu ul li#liFullReport.activetoolmenu,
    #divToolMenu ul li#liCoverPage.activetoolmenu,
    #divToolMenu ul li#liItems.activetoolmenu,
    #divToolMenu ul li#liParts.activetoolmenu,
    #divToolMenu ul li#liTCs.activetoolmenu,
    #divToolMenu ul li#liReportOthers.activetoolmenu,
    #divToolMenu ul li#liConfigurator.activetoolmenu,
    #divToolMenu ul li#liCosting.activetoolmenu {
        border-top: 1px solid #9CAAC1;
        border-left: 1px solid #9CAAC1;
        border-right: 1px solid #9CAAC1;
        border-bottom: 1px solid #fff;
        background-color: #fff;
    }

#divEmailReport, #divFollowUps {
    margin: 5px;
}

#divToolMenu ul li:hover {
    background-color: #fff;
}


.toolcontent, #divReportContent, .toolcontent, #divHavellsBom, #divDrawingPartsList {
    border-top: 1px solid #9CAAC1;
    float: left;
    width: 99%;
}

#divReportBody, #divReportContent {
    padding-top: 5px;
}

#divFileInfoContent {
    border-top: 1px solid #9CAAC1;
    float: left;
}

#bodywrapper {
    float: left;
    width: 100%;
}

#divContentPlaceWrapper {
    float: left;
    width: 100%;
    min-height: 500px;
}

.bodycontent {
    clear: both;
    float: left;
    width: 99%;
    position: relative;
}

.two_col_wrapper {
    width: 960px;
}

#footer {
    float: left;
    margin-top: 5px;
    width: 100%;
    background: url(https://storage.electrika.com/images/webimages/newmenu/page-bg-fot.png) repeat-x scroll 0px 0px #D4E5FC;
    height: auto;
}

#footerContent {
    float: left;
    padding-bottom: 10px;
}

    #footerContent #ulFooterMain {
        padding: 10px;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        #footerContent #ulFooterMain h4 {
            margin: 5px;
        }

        #footerContent #ulFooterMain li a {
            margin: 4px 0px 4px 0px;
        }

            #footerContent #ulFooterMain li a:hover {
                text-decoration: underline;
            }

            #footerContent #ulFooterMain li a.aVisibleBtns:hover {
                text-decoration: none;
            }

    #footerContent .liFooterMain {
        float: left;
        width: 150px;
        margin: 0px 25px 0px 25px;
    }

    #footerContent ul li {
        list-style: none;
    }

    #footerContent .liFooterMain .ulFooter {
        margin-left: 10px;
    }

#electrika_copywrite_wrapper {
    background-color: #071c94;
    padding: 5px;
    color: #fff;
}

#electrika_copywrite_txt {
    margin-left: 40px;
}

#divlogin {
    width: 960px;
    padding: 5px;
    margin: 5px 0px 0px 5px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

    #divlogin table {
        margin: 20px 10px 10px 10px;
    }

.homelefttext {
    float: left;
    width: 730px;
}

.homeleftcontent {
    float: left;
    margin: 5px;
    padding: 10px;
    width: 700px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}


.leftcontent {
    float: left;
    margin: 5px;
    padding: 10px;
    width: 450px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

.rightcontent {
    float: left;
    margin: 5px;
    padding: 10px;
    width: 400px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

.homeleftcontent ul {
    margin: 10px 0px 0px 20px;
}

.titleHeading {
    background-color: #D5DCE8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .titleHeading h3 {
        margin: 0px;
        padding: 4px;
        font-size: 16px;
        font-weight: 600;
    }

    .titleHeading h4 {
        margin: 0px;
        padding: 4px;
        font-size: 14px;
        font-weight: 600;
    }

#homeleftwrapper {
    width: 980px;
    float: left;
}

.homecube {
    float: left;
    margin: 5px 0px 5px 5px;
    padding: 10px 10px 14px 10px;
    width: 650px;
    height: 220px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

.slide {
    border: 1px solid #DFDFDF;
    padding: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#divHomeCatalogueInfo {
    margin: 5px;
}


#divSociallinks {
    float: left;
    margin: 5px;
    width: 238px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

    #divSociallinks #lblSocialLinks {
        float: left;
        vertical-align: middle;
        padding: 7px 4px 0px 5px;
    }

    #divSociallinks .socialbutns {
        float: left;
        vertical-align: middle;
        height: 24px;
        padding: 4px;
    }

.homebottomwrapper {
    width: 980px;
    float: left;
}

.homebottomleftwrapper {
    width: 700px;
    margin: 5px;
    padding: 10px;
    float: left;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

#tdNewsletterHeading {
    font-weight: 600;
    font-size: 14px;
}

.homebottomContent {
    float: left;
    margin: 5px;
    width: 970px;
    padding: 10px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

.homebottomleft {
    float: left;
    margin: 5px;
    padding: 10px;
    width: 190px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

#divTwitterTimeline {
    margin: 5px 80px;
    width: 520px;
}

.divSocialMediaBtns {
    padding: 5px 5px 5px 34px;
    margin: 10px 0px 10px 0px;
}

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

#divFacebook {
    background: url(https://storage.electrika.com/images/newwebimages/common/_facebook24.png) no-repeat 6px 4px #fff;
}

#divGoogle {
    background: url(https://storage.electrika.com/images/newwebimages/common/_goolge24.png) no-repeat 6px 4px #fff;
}


.homebottomright {
    float: left;
    margin: 5px 0px 5px 5px;
    padding: 10px;
    width: 450px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

    .homebottomright ul {
        margin-left: 20px;
    }

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

.interactivebottomLeft {
    float: left;
    margin: 5px;
    padding: 10px;
    width: 200px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

.interactivebottomRight {
    float: left;
    margin: 5px;
    padding: 10px;
    width: 680px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

    .interactivebottomRight ul {
        margin-left: 20px;
    }


.confirmationContent {
    float: left;
    margin: 5px;
    padding: 10px;
    width: 680px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

#divOurCustomers {
    margin: 20px 0px 20px 0px;
    width: 960px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

.aboutUsleftContent {
    float: left;
    margin: 5px;
    padding: 10px;
    width: 680px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

.aboutusrightcontent {
    float: left;
    margin: 5px;
    padding: 10px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

#contactleftContent {
    float: left;
    margin: 5px;
    padding: 10px;
    width: 300px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

.contactUsDetails {
    padding: 10px 5px;
}

#contactmiddleContentWrapper {
    width: 300px;
    float: left;
}

#contactmiddleContentWholeSallers {
    float: left;
    margin: 5px;
    padding: 10px;
    width: 280px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

#spanInfo, #spanInfo2 {
    margin-right: 2px;
    color: #0094ff;
}

#divWholesallerSearch, #divWholesellersearchTxt, #divWholesalerSearchLinks {
    margin-top: 10px;
}


#contactmiddleContent {
    margin: 5px;
    padding: 10px;
    width: 280px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

#divManuListContacts {
    margin: 10px 3px;
    margin-bottom: 0px;
}

#divManufNames {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #cfcfcf));
    background: -moz-linear-gradient(top, #f9f9f9 5%, #cfcfcf 100%);
    background: -webkit-linear-gradient(top, #f9f9f9 5%, #cfcfcf 100%);
    background: -o-linear-gradient(top, #f9f9f9 5%, #cfcfcf 100%);
    background: -ms-linear-gradient(top, #f9f9f9 5%, #cfcfcf 100%);
    background: linear-gradient(to bottom, #f9f9f9 5%, #cfcfcf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#cfcfcf',GradientType=0);
    background-color: #f9f9f9;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #c7c7c7;
    cursor: pointer;
    color: #000;
    font-size: 14px;
    padding: 3px;
    padding-left: 8px;
    margin: 4px 0px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
}

    #divManufNames i {
        float: right;
        padding-top: 5px;
        padding-right: 5px;
    }

    #divManufNames:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #cfcfcf), color-stop(1, #f9f9f9));
        background: -moz-linear-gradient(top, #cfcfcf 5%, #f9f9f9 100%);
        background: -webkit-linear-gradient(top, #cfcfcf 5%, #f9f9f9 100%);
        background: -o-linear-gradient(top, #cfcfcf 5%, #f9f9f9 100%);
        background: -ms-linear-gradient(top, #cfcfcf 5%, #f9f9f9 100%);
        background: linear-gradient(to bottom, #cfcfcf 5%, #f9f9f9 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfcfcf', endColorstr='#f9f9f9',GradientType=0);
        background-color: #cfcfcf;
    }

    #divManufNames:active {
        position: relative;
        top: 1px;
    }

#divManuContactDetails {
    font-size: 13px;
    padding-left: 15px;
}

#contactWrapper {
    width: 960px;
}

#contactrightContentwrapper {
    width: 300px;
    float: left;
    margin-left: 10px;
}

#contactrightContent {
    float: left;
    margin: 5px;
    padding: 10px;
    width: 280px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

    #contactrightContent p {
        margin: 10px 5px;
    }

        #contactrightContent p .txtbox {
            width: 260px;
        }

#contactSocialLinks {
    margin: 5px;
    padding: 10px;
    width: 280px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

.captchaStyle {
    margin: 5px;
}

.captchatxtBoxWith {
    width: 300px;
}

.downloadNormalContent, .googlesitesearch {
    float: left;
    margin: 5px;
    padding: 10px;
    width: 980px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

.screenShots {
    width: 900px;
    margin: 0 auto;
}

.screenShotsInner {
    float: left;
}

.screenShotsContent {
    float: left;
    margin: 5px 0px 5px 85px;
    padding: 5px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
    cursor: pointer;
}

    .screenShotsContent h4 {
        font-weight: normal;
        text-align: center;
        margin: 2px 0px 2px 0px;
    }

.featuresLeftContent {
    float: left;
    margin: 5px;
    padding: 10px;
    width: 472px;
    height: 314px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

    .featuresLeftContent ul {
        margin: 5px 0px 0px 30px;
    }

.featuresRightContent {
    float: left;
    margin: 5px 0px 5px 5px;
    padding: 10px;
    width: 472px;
    height: 314px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

    .featuresRightContent ul {
        margin: 5px 0px 0px 30px;
    }

#divZoomAdvert {
    cursor: pointer;
    position: absolute;
    display: none;
}

/*
#divtestimonials, #divguides, #divfaq, .winsoftwarewrapper {
    float: left;
    margin: 5px;
    padding: 10px;
    width: 980px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}
*/


.alternaterowTestimonial {
    background-color: #F0F0F0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#divLoginMsg p, #divUpgradeLoginMsg p {
    font-size: 14px;
}

.updateHistory {
    margin: 10px 0px 10px 20px;
    font-size: 14px;
}

    .updateHistory td {
        padding: 5px 0px 5px 0px;
    }

.registerContent {
    float: left;
    margin: 5px;
    padding: 10px;
    width: 980px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

#divcatwrapper {
    float: left;
    width: 980px;
}

#divmanuinfo {
    float: left;
    width: 210px;
}

#divcatcontent {
    float: left;
    width: 700px;
}

#manudetails {
    margin: 3px 5px 5px 5px;
}

    #manudetails a {
        font-size: 11px;
    }

        #manudetails a:hover {
            text-decoration: underline;
        }

#manudetails, #manuadvert, #manuflips, #manuaddress {
    padding: 5px;
    background-color: #fff;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

#manuaddress {
    text-align: center;
}

#manuadvert, #manuflips, #manuaddress {
    margin: 5px;
}

    #manuflips table {
        width: 100%;
        text-align: center;
    }

    #manuadvert table {
        width: 100%;
        text-align: center;
    }

.lnkStyle {
    /*color: #0000FF;*/
    color: #2371b4;
    cursor: pointer;
}

.lnkColor a {
    /*color: #0000FF;*/
    color: #2371b4;
}


#tblCoverPageDesigner td {
    padding: 3px;
}

.lnkBtnWithIcon {
    margin: 0px 0px 0px 5px;
    padding: 5px 5px 3px 30px;
    text-decoration: none;
    cursor: pointer;
    /*color: #0000FF;*/
    color: #2371b4;
}

    .lnkBtnWithIcon#siteDetails {
        padding: 0px 5px 3px 20px;
        background: url('https://storage.electrika.com/images/newwebimages/common/sitedetails.png') no-repeat;
    }

    .lnkBtnWithIcon#lnkCustomerNotes {
        padding: 0px 5px 3px 20px;
        background: url('https://storage.electrika.com/images/newwebimages/common/customernotes.png') no-repeat;
    }

    .lnkBtnWithIcon#senderInfo, .lnkBtnWithIcon#senderInfoManuf {
        padding: 0px 5px 3px 21px;
        margin: 3px;
        background: url('https://storage.electrika.com/images/newwebimages/common/senderinfo.png') no-repeat;
    }

    .lnkBtnWithIcon#companyLogo {
        padding: 0px 5px 3px 20px;
        background: url('https://storage.electrika.com/images/newwebimages/common/comapnylogo.png') no-repeat;
    }

    .lnkBtnWithIcon#companyAddress {
        padding: 0px 5px 3px 20px;
        background: url('https://storage.electrika.com/images/newwebimages/common/companyaddress.png') no-repeat;
    }

    .lnkBtnWithIcon#bodyText {
        padding: 0px 5px 3px 20px;
        background: url('https://storage.electrika.com/images/newwebimages/common/bodytext.png') no-repeat;
    }

    .lnkBtnWithIcon#footerText {
        padding: 0px 5px 3px 20px;
        background: url('https://storage.electrika.com/images/newwebimages/common/bodytext.png') no-repeat;
    }

    .lnkBtnWithIcon#footerLogo {
        padding: 0px 5px 3px 20px;
        background: url('https://storage.electrika.com/images/newwebimages/common/comapnylogo.png') no-repeat;
    }

    .lnkBtnWithIcon#termsConditions {
        padding: 0px 5px 3px 20px;
        background: url('https://storage.electrika.com/images/newwebimages/common/repterms.png') no-repeat;
    }

    .lnkBtnWithIcon#emailSignature {
        padding: 0px 5px 3px 20px;
        background: url('https://storage.electrika.com/images/newwebimages/common/emailsignature.png') no-repeat;
    }

    .lnkBtnWithIcon#emailFooterLogos {
        padding: 0px 5px 3px 20px;
        background: url('https://storage.electrika.com/images/newwebimages/common/picture.png') no-repeat;
    }

    .lnkBtnWithIcon#deliveryAddress {
        padding: 0px 5px 3px 20px;
        background: url('https://storage.electrika.com/images/newwebimages/common/companyaddress.png') no-repeat;
    }

    .lnkBtnWithIcon#invoiceAddress {
        padding: 0px 5px 3px 20px;
        background: url('https://storage.electrika.com/images/newwebimages/common/companyaddress.png') no-repeat;
    }


.lnkBtnWithImg {
    font-size: 10px;
    margin: 0px 0px 0px 5px;
    padding: 5px 5px 3px 22px;
    text-decoration: none;
    cursor: pointer;
    /*color: #0000FF;*/
    color: #2371b4;
}

    .lnkBtnWithImg.tradeprice {
        font-size: 11px;
        background: url('https://storage.electrika.com/images/newwebimages/common/excel.png') no-repeat 2px 4px transparent;
    }

    .lnkBtnWithImg.pdfdocs {
        font-size: 11px;
        background: url('https://storage.electrika.com/images/newwebimages/common/pdfdocuments.png') no-repeat 2px 4px transparent;
    }

    .lnkBtnWithImg.news {
        font-size: 11px;
        background: url('https://storage.electrika.com/images/newwebimages/common/16info.png') no-repeat 2px 4px transparent;
    }

    .lnkBtnWithImg.wheretobuy {
        font-size: 11px;
        background: url('https://storage.electrika.com/images/newwebimages/common/cart.png') no-repeat 2px 4px transparent;
    }


#flipPopup {
    display: none;
    position: absolute;
    background-color: #fff;
    z-index: 1000;
    border: 10px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 3px;
}

#closeFlipsBtn {
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    margin: -20px -20px 0px 0px;
}

#divImagesPartsGrid {
    position: relative;
    float: left;
}

    #divImagesPartsGrid a, #divImagesPartsGrid img {
        position: relative;
    }

.catsBreadCrumbs {
    width: 100%;
    float: left;
    margin: 0px 5px 0px 5px;
    padding: 0px 10px 0px 10px;
}

.catContent {
    width: 100%;
    margin: 0;
    padding-top: 10px;
}

.pricelistHeader {
    background-color: #EEEEEE;
    text-decoration: underline;
    /*color: #0000FF;*/
    color: #2371b4;
}

#divMainIndex, #divSubIndex, .divexceldownloads, #divPDFDocs {
    float: left;
    margin: 0px 5px 5px 5px;
    padding: 10px;
    width: 100%;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

.divexceldownloads {
    margin-top: 5px;
}

#divCategoreis {
    float: left;
    width: 250px;
    padding: 5px;
}



    #divCategoreis ul li {
        width: 220px;
        height: 65px;
        margin-bottom: 5px;
        background-color: #fff;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        display: inline-block;
        cursor: pointer;
        color: #5a5757;
        font-size: 14px;
        font-weight: 600;
        padding: 6px 9px;
        -webkit-box-shadow: 0px 0px 2px #666666;
        -moz-box-shadow: 0px 0px 2px #666666;
        box-shadow: 0px 0px 2px #666666;
    }

        #divCategoreis ul li img {
            float: left;
            margin-right: 15px;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        #divCategoreis ul li span {
            width: 160px;
        }

        #divCategoreis ul li.active {
            background-color: #D1700E;
            color: #fff;
            -webkit-box-shadow: 0px 0px 2px #000;
            -moz-box-shadow: 0px 0px 2px #000;
            box-shadow: 0px 0px 2px #000;
        }

            #divCategoreis ul li.active img {
                background-color: #fff;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                border-radius: 3px;
            }

        #divCategoreis ul li.hover {
            background-color: #f1efef;
        }

        #divCategoreis ul li:active {
            position: relative;
            top: 1px;
        }

#dlMainBtns {
    width: 100%;
}

#divManus {
    float: left;
    width: 650px;
}

.tblManuLogo {
    border: 1px solid #eae9e9;
    width: 180px;
}

.ManuBtns {
    width: 100%;
    padding: 5px;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 6px #d4d4d4;
    -moz-box-shadow: 0px 0px 6px #d4d4d4;
    box-shadow: 0px 0px 6px #d4d4d4;
}

.ManuBtnsInPopup {
    padding: 5px;
}

.manuBtnLogo {
    float: left;
    width: 210px;
    border: 1px solid #eae9e9;
}

    .manuBtnLogo img {
        float: left;
    }

    .manuBtnLogo table {
        width: 100%;
    }

.manuCaption {
    border-top: 1px solid #DFDFDF;
    background-color: #f7f6f6;
    margin: 3px 0px;
    font-size: 14px;
    font-weight: 600;
    color: #565555;
}

#divHeading {
    margin-left: 15px;
    float: left;
    width: 370px;
}

    #divHeading ul li {
        list-style: none;
        cursor: pointer;
        color: #05548e;
        margin: 3px 0px;
    }

        #divHeading ul li.liManuHeading {
            font-weight: 600;
            padding: 3px 10px;
        }

            #divHeading ul li.liManuHeading ul.mainIndexHeadings li {
                background-color: #fff;
                font-weight: normal;
                padding: 3px 0px 3px 20px;
            }

        #divHeading ul li a:hover {
            text-decoration: underline;
        }

#divCatalogueParts, #divManuNews {
    float: left;
    margin: 0px 5px 5px 15px;
    padding: 10px;
    min-width: 100%;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

    #divManuNews p {
        margin: 10px 5px;
    }

    #divManuNews .rightP {
        width: 350px;
        margin-left: 20px;
    }

    #divManuNews .marginTop30 {
        margin-top: 30px;
    }

.popPanel {
    display: none;
    background: #fff;
    width: auto;
    padding: 0px;
    border: 5px solid #ddd;
    font-size: 13px;
    -webkit-box-shadow: 0px 0px 10px #000;
    -moz-box-shadow: 0px 0px 10px #000;
    box-shadow: 0px 0px 10px #000;
}


#divslider {
    cursor: pointer;
    position: absolute;
    display: none;
}

#largeMsg {
    font-size: 50px;
    line-height: 75px;
    background-color: #f2f1f1;
    border: 1px solid #DFDFDF;
    padding: 30px;
    -webkit-box-shadow: 0px 0px 10px #000;
    -moz-box-shadow: 0px 0px 10px #000;
    box-shadow: 0px 0px 10px #000;
}

.divSearchToolbarDrawing {
    float: left;
    width: 98%;
    height: 36px;
    margin: 5px 0px 5px 5px;
    padding: 0px 10px 0px 10px;
    border-bottom: 2px solid #d8d8d8;
    background-color: #efeeee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .divSearchToolbarDrawing #divSearchRow {
        float: left;
        padding-top: 4px;
    }

.divSearchToolbar {
    float: left;
    width: 98%;
    margin: 5px 0px 5px 5px;
    padding: 0px 10px 0px 10px;
    border-bottom: 2px solid #d8d8d8;
    background-color: #efeeee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .divSearchToolbar ul li {
        cursor: pointer;
        height: 20px;
        text-align: right;
        list-style: none;
        padding: 5px 4px 2px 22px;
        float: left;
        margin: 3px;
        border-left: 1px solid #a9a9a9;
        border-bottom: 1px solid #a9a9a9;
        border-top: none;
        border-right: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        .divToolbar ul li#lisearch, .divSearchToolbar ul li#lisearch {
            border: none;
            height: 26px;
            padding: 2px;
        }

        .divToolbar ul li#liSearchOnly, .divSearchToolbar ul li#liSearchOnly {
            border: none;
        }

.divToolbar {
    float: left;
    width: 100%;
    margin: 5px 0px 5px 5px;
    padding: 0px 10px 4px 10px;
    border-bottom: 2px solid #d8d8d8;
    background-color: #f8f7f7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .divToolbar.onDialog {
        margin: 0px;
        padding: 0px;
    }

    .divToolbar ul {
        margin-top: 2px;
        float: left;
    }

        .divToolbar ul li {
            cursor: pointer;
            height: 20px;
            text-align: right;
            list-style: none;
            padding: 5px 4px 2px 2px;
            float: left;
            margin: 3px;
            border-left: 1px solid #a9a9a9;
            border-bottom: 1px solid #a9a9a9;
            border-top: none;
            border-right: none;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

    .divToolbar.onDialog ul li {
        padding: 2px 6px 2px 22px;
    }

    .divToolbar.ontree ul li {
        text-align: center;
        width: 26px;
        height: 26px;
        padding: 1px;
    }

    .divToolbar ul li.disableli {
        cursor: default;
        color: #a9a9a9;
    }

    .divSearchToolbar ul li#litooloption, .divToolbar ul li#litooloption {
        border: none;
        height: 26px;
        padding: 2px;
    }

    .divToolbar ul li#liSave {
        background: url('https://storage.electrika.com/images/newwebimages/common/save.png') 4px 5px no-repeat #e1e0e0;
    }

    .divToolbar ul li#liPrint {
        background: url('https://storage.electrika.com/images/newwebimages/common/print.png') 4px 5px no-repeat #e1e0e0;
    }

    .divToolbar ul li#licopytoshare {
        background: url('https://storage.electrika.com/images/newwebimages/common/copyurl.png') 4px 5px no-repeat #e1e0e0;
    }

    .divToolbar ul li#liSelectAll {
        background: url('https://storage.electrika.com/images/newwebimages/common/toolselect.png') 4px 5px no-repeat #e1e0e0;
    }

    .divToolbar ul li#liDeleteSelectedOffline {
        background: url('https://storage.electrika.com/images/newwebimages/common/tooldelete.png') 4px 5px no-repeat #e1e0e0;
    }


    .divToolbar ul li#lilocatepart {
        background: url('https://storage.electrika.com/images/newwebimages/common/locate.png') 4px 5px no-repeat #e1e0e0;
    }

    .divToolbar ul li#liprint {
        background: url('https://storage.electrika.com/images/newwebimages/common/print.png') 4px 5px no-repeat #e1e0e0;
    }


        .divToolbar ul li#liSave:hover,
        .divToolbar ul li#liPrint:hover,
        .divToolbar ul li#licopytoshare:hover,
        .divToolbar ul li#liSelectAll:hover,
        .divToolbar ul li#liDeleteSelectedOffline:hover,
        .divToolbar ul li#lilocatepart:hover,
        .divToolbar ul li#liprint:hover {
            background-color: #fff;
            border-right: 1px solid #a9a9a9;
            border-top: 1px solid #a9a9a9;
            border-left: none;
            border-bottom: none;
        }

#divmsg {
    cursor: pointer;
    text-align: center;
    padding: 7px;
    width: 240px;
    border: 1px solid #fc7705;
    background-color: #fff2e7;
    color: Red;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px #fc7705;
    -moz-box-shadow: 0px 0px 5px #fc7705;
    box-shadow: 0px 0px 5px #fc7705;
}

#diverrormsg {
    font-size: 14px;
    color: red;
    margin: 20px 0px 0px 20px;
}

#divmsg br {
    padding: 0px;
}

#divmailsent {
    font-size: 14px;
    color: #04510e;
    margin: 20px 0px 0px 20px;
}

#divclipboardtxt {
    display: none;
}

.txtclipboard {
    width: 400px;
}


#divImpNote {
    padding: 3px;
}

#tdtxtinfo {
    width: 500px;
}

#tddescription {
    font-size: 14px;
}

.divmatchingindex {
    width: 100%;
    cursor: pointer;
    /*color: #0000FF;*/
    color: #2371b4;
    height: 20px;
    list-style: none;
    padding: 5px 4px 2px 4px;
    margin: 3px;
    background-color: #efeeee;
    border-left: 1px solid #a9a9a9;
    border-bottom: 1px solid #a9a9a9;
    border-top: none;
    border-right: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .divmatchingindex:hover {
        background-color: #e8e8e8;
        border-right: 1px solid #a9a9a9;
        border-top: 1px solid #a9a9a9;
        border-left: none;
        border-bottom: none;
    }

#tdtreecontent {
    vertical-align: top;
}

#divtreecontent {
    float: left;
    width: 293px;
    margin: 5px 5px 0px 0px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

#tdcontacts {
    vertical-align: top;
    width: 100%;
}

#tdfiles {
    vertical-align: top;
    width: 99%;
}

#divcontacts {
    float: left;
    width: 99%;
    margin: 5px 0px 0px 0px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

#divfiles {
    float: left;
    width: 100%;
    margin: 5px 0px 0px 0px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

#divfileskitslocal {
    float: left;
    width: 99%;
    margin: 5px 0px 0px 0px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

.divcommonmenu {
    float: left;
    width: 100%;
    border-bottom: 2px solid #d8d8d8;
    background-color: #efeeee;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
}

    .divcommonmenu #divImportNotice {
        float: right;
        cursor: pointer;
        margin: 8px 5px 3px 0px;
    }

        .divcommonmenu #divImportNotice span {
            color: Red;
            font-weight: 600;
            padding: 4px 4px 4px 22px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            border-left: 1px solid #a9a9a9;
            border-bottom: 1px solid #a9a9a9;
            border-top: none;
            background: url('https://storage.electrika.com/images/newwebimages/common/alert.png') 4px 7px no-repeat #fff;
        }

        .divcommonmenu #divImportNotice:hover span {
            color: Red;
            font-weight: 600;
            padding: 4px 4px 4px 22px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            border-right: 1px solid #a9a9a9;
            border-top: 1px solid #a9a9a9;
            border-left: none;
            border-bottom: none;
            background: url('https://storage.electrika.com/images/newwebimages/common/alert.png') 4px 7px no-repeat #fff;
        }

    .divcommonmenu #divCopyBtns {
        margin: 4px 0px 3px 5px;
        padding: 0px 3px 2px 3px;
        background-color: #fff;
        float: left;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border-left: 1px solid #a9a9a9;
        border-bottom: 1px solid #a9a9a9;
    }

        .divcommonmenu #divCopyBtns span {
            font-size: 10px;
            font-weight: 600;
            margin-left: 3px;
        }

    .divcommonmenu ul {
        float: left;
        margin: 3px 0px 3px 3px;
    }

        .divcommonmenu ul li {
            cursor: pointer;
            height: 20px;
            width: 36px;
            text-align: center;
            list-style: none;
            font-size: 11px;
            padding: 18px 0px 2px 0px;
            float: left;
            margin: 2px;
            border-left: 1px solid #a9a9a9;
            border-bottom: 1px solid #a9a9a9;
            border-top: none;
            border-right: none;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

#divFilesToolbar.divcommonmenu ul li,
#divCompaniesToolbar.divcommonmenu ul li,
#divKitsToolbar.divcommonmenu ul li,
#divLocalDataToolbar.divcommonmenu ul li {
    width: 42px;
    margin: 2px 4px 2px 4px;
}


/*FOLDER TOOLBAR*/
.divcommonmenu ul li#linewfolder {
    background: url('https://storage.electrika.com/images/newwebimages/common/foldernew.png') 10px 5px no-repeat #fff;
}

    .divcommonmenu ul li#linewfolder.inactive {
        color: #808080;
        background: url('https://storage.electrika.com/images/newwebimages/common/foldernewgray.png') 10px 5px no-repeat #fff;
    }

.divcommonmenu ul li#lirenamefolder {
    background: url('https://storage.electrika.com/images/newwebimages/common/folderedit.png') 10px 5px no-repeat #fff;
}

    .divcommonmenu ul li#lirenamefolder.inactive {
        color: #808080;
        background: url('https://storage.electrika.com/images/newwebimages/common/foldereditgray.png') 10px 5px no-repeat #fff;
    }

.divcommonmenu ul li#limovefolder {
    background: url('https://storage.electrika.com/images/newwebimages/common/foldermove.png') 10px 5px no-repeat #fff;
}

    .divcommonmenu ul li#limovefolder.inactive {
        color: #808080;
        background: url('https://storage.electrika.com/images/newwebimages/common/foldermovegray.png') 10px 5px no-repeat #fff;
    }

.divcommonmenu ul li#liupfolder {
    background: url('https://storage.electrika.com/images/newwebimages/common/folderup.png') 10px 5px no-repeat #fff;
}

    .divcommonmenu ul li#liupfolder.inactive {
        color: #808080;
        background: url('https://storage.electrika.com/images/newwebimages/common/folderupgray.png') 10px 5px no-repeat #fff;
    }

.divcommonmenu ul li#lidownfolder {
    background: url('https://storage.electrika.com/images/newwebimages/common/folderdown.png') 10px 5px no-repeat #fff;
}

    .divcommonmenu ul li#lidownfolder.inactive {
        color: #808080;
        background: url('https://storage.electrika.com/images/newwebimages/common/folderdowngray.png') 10px 5px no-repeat #fff;
    }

.divcommonmenu ul li#lideletefolder {
    background: url('https://storage.electrika.com/images/newwebimages/common/folderdelete.png') 10px 5px no-repeat #fff;
}

    .divcommonmenu ul li#lideletefolder.inactive {
        color: #808080;
        background: url('https://storage.electrika.com/images/newwebimages/common/folderdeletegray.png') 10px 5px no-repeat #fff;
    }

.divcommonmenu ul li#lisharefolder {
    background: url('https://storage.electrika.com/images/newwebimages/common/foldershare.png') 10px 5px no-repeat #fff;
}

    .divcommonmenu ul li#lisharefolder.inactive {
        color: #808080;
        background: url('https://storage.electrika.com/images/newwebimages/common/foldersharegray.png') 10px 5px no-repeat #fff;
    }

/*COMPANY TOOLBAR AND FILE MANAGER TOOLBAR*/
.divcommonmenu ul li#litoolselete {
    background: url('https://storage.electrika.com/images/newwebimages/common/toolselect.png') 13px 5px no-repeat #fff;
}

    .divcommonmenu ul li#litoolselete.inactive {
        color: #808080;
        background: url('https://storage.electrika.com/images/newwebimages/common/toolselectgray.png') 13px 5px no-repeat #fff;
    }

    .divcommonmenu ul li#litoolselete.unselectall {
        background: url('https://storage.electrika.com/images/newwebimages/common/uncheck.png') 13px 5px no-repeat #fff;
    }

.divcommonmenu ul li#liPrint {
    background: url('https://storage.electrika.com/images/newwebimages/common/print.png') 13px 5px no-repeat #fff;
}


.divcommonmenu ul li#liPDF {
    background: url('https://storage.electrika.com/images/newwebimages/common/reppdf16.png') 13px 5px no-repeat #fff;
}

.divcommonmenu ul li#liXLS {
    background: url('https://storage.electrika.com/images/newwebimages/common/repexcel16.png') 13px 5px no-repeat #fff;
}

.divcommonmenu ul li#liRTF {
    background: url('https://storage.electrika.com/images/newwebimages/common/repword16.png') 13px 5px no-repeat #fff;
}


.divcommonmenu ul li#litoolnew {
    width: 70px;
    font-weight: bold;
    color: #fff;
    background: url('https://storage.electrika.com/images/newwebimages/common/toolnew.png') 25px 5px no-repeat #008B8B;
}

    .divcommonmenu ul li#litoolnew.inactive {
        color: #808080;
        background: url('https://storage.electrika.com/images/newwebimages/common/toolnewgray.png') 25px 5px no-repeat #fff;
    }


.divcommonmenu ul li#litoolnewlocaldata {
    width: 90px;
    font-weight: bold;
    color: #fff;
    background: url('https://storage.electrika.com/images/newwebimages/common/toolnew.png') 36px 5px no-repeat #008B8B;
}

    .divcommonmenu ul li#litoolnewlocaldata.inactive {
        color: #808080;
        background: url('https://storage.electrika.com/images/newwebimages/common/toolnewgray.png') 36px 5px no-repeat #fff;
    }


.divcommonmenu ul li#liCopyToQuotes {
    width: 90px;
    background: url('https://storage.electrika.com/images/newwebimages/common/copytoquotes.png') 36px 5px no-repeat #fff;
}

    .divcommonmenu ul li#liCopyToQuotes.inactive {
        color: #808080;
        width: 90px;
        background: url('https://storage.electrika.com/images/newwebimages/common/copytoquotesgray.png') 36px 5px no-repeat #fff;
    }

.divcommonmenu ul li#liCopyToLocalData {
    width: 90px;
    background: url('https://storage.electrika.com/images/newwebimages/common/copytolocaldata.png') 36px 5px no-repeat #fff;
}

    .divcommonmenu ul li#liCopyToLocalData.inactive {
        color: #808080;
        width: 90px;
        background: url('https://storage.electrika.com/images/newwebimages/common/copytolocaldatagray.png') 36px 5px no-repeat #fff;
    }

.divcommonmenu ul li#liCopyToInvoices {
    width: 90px;
    background: url('https://storage.electrika.com/images/newwebimages/common/copytoinvoice.png') 36px 5px no-repeat #fff;
}

    .divcommonmenu ul li#liCopyToInvoices.inactive {
        color: #808080;
        width: 90px;
        background: url('https://storage.electrika.com/images/newwebimages/common/copytoinvoicegray.png') 36px 5px no-repeat #fff;
    }

.divcommonmenu ul li#liCopyToOrders {
    width: 90px;
    background: url('https://storage.electrika.com/images/newwebimages/common/copytoorders.png') 36px 5px no-repeat #fff;
}

    .divcommonmenu ul li#liCopyToOrders.inactive {
        color: #808080;
        width: 90px;
        background: url('https://storage.electrika.com/images/newwebimages/common/copytoordersgray.png') 36px 5px no-repeat #fff;
    }


.divcommonmenu ul li#liCopyToInvoice {
    width: 90px;
    background: url('https://storage.electrika.com/images/newwebimages/common/copytoinvoice.png') 36px 5px no-repeat #fff;
}

    .divcommonmenu ul li#liCopyToInvoice.inactive {
        color: #808080;
        background: url('https://storage.electrika.com/images/newwebimages/common/copytoinvoicegray.png') 36px 5px no-repeat #fff;
    }



.divcommonmenu ul li#litoolmove {
    background: url('https://storage.electrika.com/images/newwebimages/common/toolmove.png') 13px 5px no-repeat #fff;
}

    .divcommonmenu ul li#litoolmove.inactive {
        color: #808080;
        background: url('https://storage.electrika.com/images/newwebimages/common/toolmovegray.png') 13px 5px no-repeat #fff;
    }

.divcommonmenu ul li#litoolImportOffline {
    background: url('https://storage.electrika.com/images/newwebimages/common/importlocal.png') 13px 5px no-repeat #fff;
}

    .divcommonmenu ul li#litoolImportOffline.inactive {
        color: #808080;
        background: url('https://storage.electrika.com/images/newwebimages/common/importlocalgray.png') 13px 5px no-repeat #fff;
    }


.divcommonmenu ul li#litoolcopy {
    background: url('https://storage.electrika.com/images/newwebimages/common/toolcopy.png') 13px 5px no-repeat #fff;
}

    .divcommonmenu ul li#litoolcopy.inactive {
        color: #808080;
        background: url('https://storage.electrika.com/images/newwebimages/common/toolcopygray.png') 13px 5px no-repeat #fff;
    }

.divcommonmenu ul li#litoollink {
    background: url('https://storage.electrika.com/images/newwebimages/common/toollink.png') 13px 5px no-repeat #fff;
}

    .divcommonmenu ul li#litoollink.inactive {
        color: #808080;
        background: url('https://storage.electrika.com/images/newwebimages/common/toollinkgray.png') 13px 5px no-repeat #fff;
    }

.divcommonmenu ul li#litoolimport {
    background: url('https://storage.electrika.com/images/newwebimages/common/toolimport.png') 13px 5px no-repeat #fff;
}

    .divcommonmenu ul li#litoolimport.inactive {
        color: #808080;
        background: url('https://storage.electrika.com/images/newwebimages/common/toolimportgray.png') 13px 5px no-repeat #fff;
    }

    .divcommonmenu ul li#litoolimport.ecimport {
        background: url('https://storage.electrika.com/images/newwebimages/common/toolelectrikalogo.png') 13px 5px no-repeat #fff;
    }

        .divcommonmenu ul li#litoolimport.ecimport.inactive {
            color: #808080;
            background: url('https://storage.electrika.com/images/newwebimages/common/toolelectrikalogogray.png') 13px 5px no-repeat #fff;
        }

.divcommonmenu ul li#litoolexportHavells {
    background: url('https://storage.electrika.com/images/newwebimages/common/toolimport.png') 13px 5px no-repeat #fff;
}


.divcommonmenu ul li#litoolexport {
    background: url('https://storage.electrika.com/images/newwebimages/common/toolexport.png') 13px 5px no-repeat #fff;
}

    .divcommonmenu ul li#litoolexport.inactive {
        color: #808080;
        background: url('https://storage.electrika.com/images/newwebimages/common/toolexportgray.png') 13px 5px no-repeat #fff;
    }

.divcommonmenu ul li#litoolUpdateLocal {
    background: url('https://storage.electrika.com/images/newwebimages/common/updatelocaldata.png') 13px 5px no-repeat #fff;
}

    .divcommonmenu ul li#litoolUpdateLocal.inactive {
        color: #808080;
        background: url('https://storage.electrika.com/images/newwebimages/common/updatelocaldatagray.png') 13px 5px no-repeat #fff;
    }


.divcommonmenu ul li#litoolBOM {
    background: url('https://storage.electrika.com/images/newwebimages/common/bomexport.png') 13px 5px no-repeat #fff;
}

    .divcommonmenu ul li#litoolBOM.inactive {
        color: #808080;
        background: url('https://storage.electrika.com/images/newwebimages/common/bomexportgray.png') 13px 5px no-repeat #fff;
    }

.divcommonmenu ul li#litooldelete {
    background: url('https://storage.electrika.com/images/newwebimages/common/tooldelete.png') 13px 5px no-repeat #fff;
}

    .divcommonmenu ul li#litooldelete.inactive {
        color: #808080;
        background: url('https://storage.electrika.com/images/newwebimages/common/tooldeletegray.png') 13px 5px no-repeat #fff;
    }

.divcommonmenu ul li#litoolEmpty {
    background: url('https://storage.electrika.com/images/newwebimages/common/emptydelete.png') 13px 5px no-repeat #fff;
}

.divcommonmenu ul li#liUpdateKit {
    background: url('https://storage.electrika.com/images/newwebimages/common/priceupdate.png') 13px 5px no-repeat #fff;
}

.divcommonmenu ul li#litoolsearch {
    background: url('https://storage.electrika.com/images/newwebimages/common/toolsearch.png') 13px 5px no-repeat #fff;
}

    .divcommonmenu ul li#litoolsearch.inactive {
        color: #808080;
        background: url('https://storage.electrika.com/images/newwebimages/common/toolsearchgray.png') 13px 5px no-repeat #fff;
    }

    /*HOVER ON ACTIVE BUTTONS OF TOOLBAR*/
    .divcommonmenu ul li#linewfolder:hover,
    .divcommonmenu ul li#lirenamefolder:hover,
    .divcommonmenu ul li#limovefolder:hover,
    .divcommonmenu ul li#liupfolder:hover,
    .divcommonmenu ul li#lidownfolder:hover,
    .divcommonmenu ul li#lideletefolder:hover,
    .divcommonmenu ul li#lisharefolder:hover,
    .divcommonmenu ul li#litoolselete:hover,
    .divcommonmenu ul li#liCopyToQuotes:hover,
    .divcommonmenu ul li#liCopyToLocalData:hover,
    .divcommonmenu ul li#liCopyToInvoices:hover,
    .divcommonmenu ul li#liCopyToOrders:hover,
    .divcommonmenu ul li#liCopyToInvoice:hover,
    .divcommonmenu ul li#litoolmove:hover,
    .divcommonmenu ul li#litoolImportOffline:hover,
    .divcommonmenu ul li#litoolcopy:hover,
    .divcommonmenu ul li#litoollink:hover,
    .divcommonmenu ul li#litoolimport:hover,
    .divcommonmenu ul li#litoolexport:hover,
    .divcommonmenu ul li#litoolexportHavells:hover,
    .divcommonmenu ul li#litoolUpdateLocal:hover,
    .divcommonmenu ul li#litoolBOM:hover,
    .divcommonmenu ul li#litooldelete:hover,
    .divcommonmenu ul li#litoolEmpty:hover,
    .divcommonmenu ul li#liUpdateKit:hover,
    .divcommonmenu ul li#litoolsearch:hover,
    .divcommonmenu ul li#liPrint:hover,
    .divcommonmenu ul li#liPDF:hover,
    .divcommonmenu ul li#liXLS:hover,
    .divcommonmenu ul li#liRTF:hover {
        background-color: #f6f6f6;
        border-right: 1px solid #a9a9a9;
        border-top: 1px solid #a9a9a9;
        border-left: none;
        border-bottom: none;
    }

.divcommonmenu ul li#litoolnew:hover,
.divcommonmenu ul li#litoolnewlocaldata:hover {
    background-color: #f6f6f6;
    color: #000;
    border-right: 1px solid #a9a9a9;
    border-top: 1px solid #a9a9a9;
    border-left: none;
    border-bottom: none;
}

/*HOVER ON NON-ACTIVE (DISABLED) BUTTONS ON TOOLBAR*/
.divcommonmenu ul li#linewfolder.inactive:hover,
.divcommonmenu ul li#lirenamefolder.inactive:hover,
.divcommonmenu ul li#limovefolder.inactive:hover,
.divcommonmenu ul li#liupfolder.inactive:hover,
.divcommonmenu ul li#lidownfolder.inactive:hover,
.divcommonmenu ul li#lideletefolder.inactive:hover,
.divcommonmenu ul li#lisharefolder.inactive:hover,
.divcommonmenu ul li#litoolselete.inactive:hover,
.divcommonmenu ul li#liCopyToQuotes.inactive:hover,
.divcommonmenu ul li#liCopyToLocalData.inactive:hover,
.divcommonmenu ul li#liCopyToOrders.inactive:hover,
.divcommonmenu ul li#liCopyToInvoice.inactive:hover,
.divcommonmenu ul li#litoolmove.inactive:hover,
.divcommonmenu ul li#litoolImportOffline.inactive:hover,
.divcommonmenu ul li#litoolcopy.inactive:hover,
.divcommonmenu ul li#litoollink.inactive:hover,
.divcommonmenu ul li#litoolimport.inactive:hover,
.divcommonmenu ul li#litoolexport.inactive:hover,
.divcommonmenu ul li#litoolUpdateLocal.inactive:hover,
.divcommonmenu ul li#litoolBOM.inactive:hover,
.divcommonmenu ul li#litooldelete.inactive:hover,
.divcommonmenu ul li#litoolsearch.inactive:hover {
    cursor: default;
    background-color: #fff;
    border-left: 1px solid #a9a9a9;
    border-bottom: 1px solid #a9a9a9;
    border-top: none;
    border-right: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.divcommonmenu ul li#litoolnew.inactive:hover,
.divcommonmenu ul li#litoolnewlocaldata.inactive:hover {
    cursor: default;
    background-color: #fff;
    color: #808080;
    border-left: 1px solid #a9a9a9;
    border-bottom: 1px solid #a9a9a9;
    border-top: none;
    border-right: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


#divgrd {
    margin: 5px;
}

.commontbl {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#divMoveToMsg {
    position: absolute;
    text-align: center;
    padding: 7px 40px 7px 40px;
    width: 210px;
    border: 1px solid #fc7705;
    background-color: #fff2e7;
    color: #903f06;
    font-weight: 600;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px #fc7705;
    -moz-box-shadow: 0px 0px 5px #fc7705;
    box-shadow: 0px 0px 5px #fc7705;
}

.btnMoveDialog {
    margin-top: 10px;
    cursor: pointer;
    background-color: #fff;
    color: #903f06;
    border: 1px solid #903f06;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
}

.styl3 {
    font-style: italic;
    color: #FE2E2E;
}

#divsearch {
    margin: 0px 0px 5px 5px;
}

.defaultContact {
    background-color: #CED8F6;
}

.activeSection {
    color: #000;
    font-weight: 600;
    cursor: default;
}

.dueDateString {
    color: #FF0000;
}

.colorDiv {
    width: 20px;
    height: 20px;
    border: 1px solid #000;
}

#divprojinfo {
    width: 900px;
}

#divlinkedcompanies {
    width: 900px;
}

#divAttachedFiles {
    width: 800px;
}

    #divAttachedFiles a {
        /*color: #0000FF;*/
        color: #2371b4;
    }

#divProjDetails {
    width: 900px;
    font-size: 12px;
}

#divAttachmentsWrapper {
    width: 900px;
}

    #divAttachmentsWrapper p {
        margin: 0px;
    }

#divnotes {
    width: 900px;
}

#tblProjectInfo {
    width: 880px;
}

.statusBlob {
    height: 15px;
    padding-right: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.statusBlobReadOnly {
    height: 20px;
    padding-right: 18px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.blackcolor {
    color: #000;
}

#divMovingText {
    position: absolute;
    border: 1px solid #848484;
    background-color: #E6E6E6;
    float: left;
}

.imgBtns {
    position: relative;
    padding: 5px 5px 0px 5px;
    float: left;
}

.addRemoveText {
    position: relative;
    float: left;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}


#divItemsToolBarContent, #divActiveItemsToolBarContent, #divSpreadCostLbl {
    background-color: #fff;
    float: left;
    width: 100%;
    margin: 5px 5px 0px 0px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

#divSpreadCostLbl {
    margin-bottom: 5px;
    background-color: #E0EEFB;
    width: 100%;
    margin: 5px 5px 5px 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #05548e;
    -moz-box-shadow: 0px 0px 4px #05548e;
    box-shadow: 0px 0px 4px #05548e;
}

    #divSpreadCostLbl p {
        margin: 4px 5px;
        color: #000;
    }

.itemsToolbar {
    float: left;
    width: 100%;
    border-bottom: 2px solid #d8d8d8;
    background-color: #efeeee;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
}


#divActiveItemsToolbar2 {
    float: left;
}

#divReportToolbar2 {
    float: left;
}

#divReportPriceList, #divReportTradeDisc, #divReportNetList, #divReportLewdenLogos, #divReportInclude {
    height: 47px;
}

#divReportCoverPages {
    margin-bottom: 2px;
    width: 180px;
}

#divReportPageSettings {
    margin-top: 2px;
    width: 180px;
}

#divReportVat {
    height: 100px;
}

    #divReportVat table {
        margin: 5px 0px 5px 0px;
    }

.itemsToolbar #tblToolWrapper {
    float: left;
    padding-top: 2px;
}

.itemsToolbar #tblRptTemplateSettings {
    float: left;
}

    .itemsToolbar #tblRptTemplateSettings td {
        margin: 0px;
        padding: 0px;
    }

.itemsToolbar #tblToolWrapper div {
    margin: 0px;
    padding: 0px;
}

.itemsToolbar #tblToolWrapper td {
    margin: 0px;
    padding: 0px 1px 0px 1px;
}

.itemsToolbar #divReportViewOptions {
    height: 100px;
}

.itemsToolbar div {
    float: left;
    margin: 6px 0px 6px 6px;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .itemsToolbar div span {
        margin: 1px 5px 0px 5px;
        font-weight: 600;
        color: #05548e;
    }


.itemsToolbar ul li {
    width: 30px;
    cursor: pointer;
    text-align: center;
    list-style: none;
    font-size: 12px;
    padding: 32px 0px 2px 0px;
    float: left;
    margin: 2px;
}

.itemsToolbar ul.ulReportOthers {
    float: left;
    margin-right: 3px;
}

    .itemsToolbar ul.ulReportOthers li {
        padding: 0px 5px 0px 5px;
        margin: 3px;
        width: auto;
        /*color: #0000FF;*/
        color: #2371b4;
    }

        .itemsToolbar ul.ulReportOthers li:hover, .itemsToolbar ul.ulReportOthers li.active {
            cursor: pointer;
            background-color: #f1f1f1;
            -moz-box-shadow: inset 0 0 7px #808080;
            -webkit-box-shadow: inset 0 0 7px #808080;
            box-shadow: inset 0 0 7px #808080;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }


.itemsToolbar ul.ulReportExport, .innerToolbarContentItem {
    float: left;
    margin-right: 3px;
}

    .itemsToolbar ul.ulReportExport li {
        padding: 0px 0px 0px 18px;
        margin: 3px;
        width: auto;
        /*color: #0000FF;*/
        color: #2371b4;
    }


.itemsToolbar ul#ulReportEmail li {
    padding: 40px 0px 2px 0px;
}




.itemsToolbar #divReportEmail {
    height: 100px;
}

.itemsToolbar #divReportFiles span, .itemsToolbar #divInnerReportEmail span, .itemsToolbar #divPrintOptions span, .itemsToolbar #divInnerReportSiteSender span, .itemsToolbar #divInnerReportSender span, .itemsToolbar #divReportLewdenLogos span, .itemsToolbar #divReportOthers span {
    margin: 0px 5px 0px 5px;
    float: left;
}

.itemsviewoptions {
    margin: 0px 5px 2px 5px;
}

    .itemsviewoptions td:hover {
        cursor: pointer;
        background-color: #f1f1f1;
        -moz-box-shadow: inset 0 0 7px #808080;
        -webkit-box-shadow: inset 0 0 7px #808080;
        box-shadow: inset 0 0 7px #808080;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

#divItemsToolbar.itemsToolbar ul li,
#divActiveItemsToolbar.itemsToolbar ul li {
    margin: 2px 4px 2px 4px;
}

.itemsToolbar #divActiveItemsViewOptions div {
    margin: 0px;
}

.itemsToolbar #divViewTitle {
    margin: 4px 4px 0px 4px;
    float: right;
}

.itemsToolbar #divActiveItemsViewOptions #divTitleAnchorWrapper {
    margin: 4px 4px 0px 0px;
}


.itemsToolbar #divViewsHistory {
    margin: 0px;
    float: left;
}

    .itemsToolbar #divViewsHistory #spanViewHistoryTitle {
        font-size: 11px;
        font-weight: 600;
        float: left;
    }

    .itemsToolbar #divViewsHistory ul.ulViewHistory {
        float: left;
        margin-left: 4px;
    }

        .itemsToolbar #divViewsHistory ul.ulViewHistory li {
            clear: both;
            margin: 0px 4px 0px 0px;
            padding: 0px;
            text-align: left;
            width: 100%;
        }

            .itemsToolbar #divViewsHistory ul.ulViewHistory li i {
                margin-right: 4px;
            }

            .itemsToolbar #divViewsHistory ul.ulViewHistory li span {
                font-weight: normal;
                color: #000;
                margin: 0px;
            }

.itemsToolbar #divViewTitle #divTitleAnchorWrapper {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #cfcfcf));
    background: -moz-linear-gradient(top, #f9f9f9 5%, #cfcfcf 100%);
    background: -webkit-linear-gradient(top, #f9f9f9 5%, #cfcfcf 100%);
    background: -o-linear-gradient(top, #f9f9f9 5%, #cfcfcf 100%);
    background: -ms-linear-gradient(top, #f9f9f9 5%, #cfcfcf 100%);
    background: linear-gradient(to bottom, #f9f9f9 5%, #cfcfcf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#cfcfcf',GradientType=0);
    background-color: #f9f9f9;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #c7c7c7;
    cursor: pointer;
    color: #000;
    font-size: 12px;
    padding: 1px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
    width: 170px;
}

    .itemsToolbar #divViewTitle #divTitleAnchorWrapper a {
        color: #000;
    }

    .itemsToolbar #divViewTitle #divTitleAnchorWrapper i {
        margin-top: 4px;
        margin-right: 3px;
        float: right;
    }

    .itemsToolbar #divViewTitle #divTitleAnchorWrapper:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #cfcfcf), color-stop(1, #f9f9f9));
        background: -moz-linear-gradient(top, #cfcfcf 5%, #f9f9f9 100%);
        background: -webkit-linear-gradient(top, #cfcfcf 5%, #f9f9f9 100%);
        background: -o-linear-gradient(top, #cfcfcf 5%, #f9f9f9 100%);
        background: -ms-linear-gradient(top, #cfcfcf 5%, #f9f9f9 100%);
        background: linear-gradient(to bottom, #cfcfcf 5%, #f9f9f9 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfcfcf', endColorstr='#f9f9f9',GradientType=0);
        background-color: #cfcfcf;
    }

    .itemsToolbar #divViewTitle #divTitleAnchorWrapper:active {
        position: relative;
        top: 1px;
    }

.itemsToolbar #divActiveItemsViewOptions div.viewBox {
    margin: 0px 3px;
}

#divViewsBox {
    position: absolute;
    display: none;
    padding: 10px;
    z-index: 1000;
    float: left;
    -webkit-box-shadow: 0px 3px 6px #000;
    -moz-box-shadow: 0px 3px 6px #000;
    box-shadow: 0px 3px 6px #000;
}

    #divViewsBox fieldset {
        margin: 0px;
    }

    #divViewsBox legend {
        font-size: 14px;
        font-weight: 600;
    }

.itemsToolbar div.viewBox ul li {
    float: none;
    cursor: pointer;
    text-align: left;
    font-size: 14px;
    list-style: none;
    margin: 3px;
    padding: 3px;
    cursor: pointer;
    width: 170px;
}

    .itemsToolbar div.viewBox ul li label {
        cursor: pointer;
    }

    .itemsToolbar div.viewBox ul li i {
        margin-right: 5px;
    }

.itemsToolbar div.viewBox ul.ulSummary li {
    float: left;
}

.itemsToolbar div.viewBox ul li.active {
    border: 1px solid #DFDFDF;
    background-color: #f2f2f2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.itemsToolbar div.viewBox ul li:hover {
    text-decoration: underline;
    cursor: pointer;
}

#divViewsBox #divSummaryView {
    float: left;
    width: 97%;
}

.itemsToolbar ul li#liItemsNew {
    width: 37px;
    background: url('https://storage.electrika.com/images/newwebimages/common/itemsnew.png') 5px 5px no-repeat;
    margin-bottom: 16px;
}

#ulItemsTypes {
    background-color: #fafafa;
    padding: 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 3px 6px #000;
    -moz-box-shadow: 0px 3px 6px #000;
    box-shadow: 0px 3px 6px #000;
}

    #ulItemsTypes li {
        width: 100px;
        list-style: none;
        margin: 3px;
        border-bottom: 1px solid #ededed;
        cursor: pointer;
    }

        #ulItemsTypes li:hover {
            background-color: #fff;
        }

.itemsToolbar ul li#liItemsCopy {
    width: 34px;
    background: url('https://storage.electrika.com/images/newwebimages/common/itemscopy.png') 5px 5px no-repeat;
    margin-bottom: 16px;
}

.itemsToolbar ul li#liItemsDelete {
    width: 38px;
    background: url('https://storage.electrika.com/images/newwebimages/common/itemsdelete.png') 7px 5px no-repeat;
    margin-bottom: 16px;
}

.itemsToolbar ul li#liItemsExport {
    width: 40px;
    background: url('https://storage.electrika.com/images/newwebimages/common/itemsexport.png') 8px 5px no-repeat;
    margin-bottom: 16px;
}

.itemsToolbar ul li#liLocalDataExport {
    width: 48px;
    background: url('https://storage.electrika.com/images/newwebimages/common/itemlocaldatareport.png') 12px 5px no-repeat;
    margin-bottom: 16px;
}

.itemsToolbar ul li#liItemsUp {
    width: 34px;
    background: url('https://storage.electrika.com/images/newwebimages/common/itemsarrowup.png') 5px 5px no-repeat;
    margin-bottom: 16px;
}

.itemsToolbar ul li#liItemsDown {
    width: 38px;
    background: url('https://storage.electrika.com/images/newwebimages/common/itemsarrowdown.png') 7px 5px no-repeat;
    margin-bottom: 16px;
}

.itemsToolbar ul li.disabled {
    cursor: default;
}

.itemsToolbar ul li.enabled:hover {
    background-color: #f1f1f1;
    -moz-box-shadow: inset 0 0 7px #808080;
    -webkit-box-shadow: inset 0 0 7px #808080;
    box-shadow: inset 0 0 7px #808080;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}





.itemsToolbar ul #liReportNew {
    background: url('https://storage.electrika.com/images/newwebimages/common/newcoverpage.png') 4px 5px no-repeat;
    margin-right: 10px;
}

.itemsToolbar ul #liReportCopy {
    background: url('https://storage.electrika.com/images/newwebimages/common/copycoverpage.png') 4px 5px no-repeat;
    margin-right: 10px;
}

.itemsToolbar ul #liReportCoverPage {
    background: url('https://storage.electrika.com/images/newwebimages/common/repcoverpage.png') 0 0 no-repeat;
}

.itemsToolbar ul #liReportItems {
    background: url('https://storage.electrika.com/images/newwebimages/common/replistitems.png') 0 0 no-repeat;
}

.itemsToolbar ul #liReportParts {
    background: url('https://storage.electrika.com/images/newwebimages/common/reppartslist.png') 0 0 no-repeat;
}

.itemsToolbar ul #liReportTerms {
    background: url('https://storage.electrika.com/images/newwebimages/common/repterms.png') 0 0 no-repeat;
}


.itemsToolbar ul #liReportToPDF {
    background: url('https://storage.electrika.com/images/newwebimages/common/reppdf16.png') 0 0 no-repeat;
}

.itemsToolbar ul #liReportToExcel {
    background: url('https://storage.electrika.com/images/newwebimages/common/repexcel16.png') 0 0 no-repeat;
}

.itemsToolbar ul #liReportToXLSX {
    background: url('https://storage.electrika.com/images/newwebimages/common/repxlsx16.png') 0 0 no-repeat;
}

.itemsToolbar ul #liReportToWord {
    background: url('https://storage.electrika.com/images/newwebimages/common/repword16.png') 0 0 no-repeat;
}

.itemsToolbar ul #liReportToDocx {
    background: url('https://storage.electrika.com/images/newwebimages/common/repdocx16.png') 0 0 no-repeat;
}


.itemsToolbar ul #liInnerReportEmail {
    background: url('https://storage.electrika.com/images/newwebimages/common/sendmail16.png') 0 0 no-repeat;
}

.itemsToolbar ul #liInnerReportSite {
    background: url('https://storage.electrika.com/images/newwebimages/common/repaddsite.png') 0 0 no-repeat;
}

.itemsToolbar ul #liInnerReportSender {
    background: url('https://storage.electrika.com/images/newwebimages/common/repsender.png') 0 0 no-repeat;
}

.itemsToolbar ul #liPrintPreview {
    background: url('https://storage.electrika.com/images/newwebimages/common/printpreview.png') 0 0 no-repeat;
}

.itemsToolbar ul #liPrint {
    background: url('https://storage.electrika.com/images/newwebimages/common/print.png') 0 0 no-repeat;
}

.itemsToolbar ul #liReportEmail {
    width: 38px;
    background: url('https://storage.electrika.com/images/newwebimages/common/repemail24.png') 7px 12px no-repeat;
    margin-bottom: 16px;
}

.itemsToolbar ul li#liActiveItemsCut {
    width: 38px;
    background: url('https://storage.electrika.com/images/newwebimages/common/activeitemscut.png') 7px 5px no-repeat;
    margin-bottom: 16px;
}

    .itemsToolbar ul li#liActiveItemsCut.disabled {
        width: 38px;
        background: url('https://storage.electrika.com/images/newwebimages/common/activeitemscutgray.png') 7px 5px no-repeat;
        margin-bottom: 16px;
    }

.itemsToolbar ul li#liActiveItemsCopy {
    width: 38px;
    background: url('https://storage.electrika.com/images/newwebimages/common/activeitemscopy.png') 7px 5px no-repeat;
    margin-bottom: 16px;
}

    .itemsToolbar ul li#liActiveItemsCopy.disabled {
        width: 38px;
        background: url('https://storage.electrika.com/images/newwebimages/common/activeitemscopygray.png') 7px 5px no-repeat;
        margin-bottom: 16px;
    }

.itemsToolbar ul li#liActiveItemsPaste {
    width: 38px;
    background: url('https://storage.electrika.com/images/newwebimages/common/activeitemspaste.png') 7px 5px no-repeat;
    margin-bottom: 16px;
}

    .itemsToolbar ul li#liActiveItemsPaste.disabled {
        width: 38px;
        background: url('https://storage.electrika.com/images/newwebimages/common/activeitemspastegray.png') 7px 5px no-repeat;
        margin-bottom: 16px;
    }

.itemsToolbar ul li#liActiveItemsDelete {
    width: 40px;
    background: url('https://storage.electrika.com/images/newwebimages/common/activeitemsdelete.png') 8px 5px no-repeat;
    margin-bottom: 16px;
}

    .itemsToolbar ul li#liActiveItemsDelete.disabled {
        width: 40px;
        background: url('https://storage.electrika.com/images/newwebimages/common/activeitemsdeletegray.png') 8px 5px no-repeat;
        margin-bottom: 16px;
    }

.itemsToolbar ul li#liActiveItemsClipboard {
    width: 56px;
    background: url('https://storage.electrika.com/images/newwebimages/common/activeitemsclipboard.png') 16px 5px no-repeat;
    margin-bottom: 16px;
}

    .itemsToolbar ul li#liActiveItemsClipboard.disabled {
        width: 56px;
        background: url('https://storage.electrika.com/images/newwebimages/common/activeitemsclipboardgray.png') 16px 5px no-repeat;
        margin-bottom: 16px;
    }

.itemsToolbar ul li#liAcitveItemKitsCreate {
    width: 50px;
    background: url('https://storage.electrika.com/images/newwebimages/common/activeitemscreatekits.png') 15px 5px no-repeat;
    margin-bottom: 16px;
}

    .itemsToolbar ul li#liAcitveItemKitsCreate.disabled {
        width: 50px;
        background: url('https://storage.electrika.com/images/newwebimages/common/activeitemscreatekitsgray.png') 15px 5px no-repeat;
        margin-bottom: 16px;
    }

.itemsToolbar ul li#liActiveItemsSpecial {
    width: 80px;
    background: url('https://storage.electrika.com/images/newwebimages/common/activeitemsspecial.png') 24px 5px no-repeat;
    margin-bottom: 16px;
}

    .itemsToolbar ul li#liActiveItemsSpecial.disabled {
        width: 80px;
        background: url('https://storage.electrika.com/images/newwebimages/common/activeitemsspecialgray.png') 24px 5px no-repeat;
        margin-bottom: 16px;
    }

.itemsToolbar ul li#liActiveItemsHeading {
    width: 48px;
    background: url('https://storage.electrika.com/images/newwebimages/common/activeitemsheading.png') 12px 5px no-repeat;
    margin-bottom: 16px;
}

    .itemsToolbar ul li#liActiveItemsHeading.disabled {
        width: 48px;
        background: url('https://storage.electrika.com/images/newwebimages/common/activeitemsheadinggray.png') 12px 5px no-repeat;
        margin-bottom: 16px;
    }

.itemsToolbar ul li#liActiveItemsExcel {
    width: 38px;
    background: url('https://storage.electrika.com/images/newwebimages/common/activeitemsimport.png') 7px 5px no-repeat;
    margin-bottom: 16px;
}

    .itemsToolbar ul li#liActiveItemsExcel.disabled {
        width: 38px;
        background: url('https://storage.electrika.com/images/newwebimages/common/activeitemsimportgray.png') 7px 5px no-repeat;
        margin-bottom: 16px;
    }

.itemsToolbar ul li#liActiveItemsExport {
    width: 40px;
    background: url('https://storage.electrika.com/images/newwebimages/common/activeitemsexport.png') 8px 5px no-repeat;
    margin-bottom: 16px;
}

    .itemsToolbar ul li#liActiveItemsExport.disabled {
        width: 40px;
        background: url('https://storage.electrika.com/images/newwebimages/common/activeitemsexportgray.png') 8px 5px no-repeat;
        margin-bottom: 16px;
    }

.itemsToolbar ul li#liExpandAll {
    width: 68px;
    height: 18px;
    background: url('https://storage.electrika.com/images/newwebimages/navigation/expandall.png') 22px 5px no-repeat;
    margin-bottom: 16px;
}

.itemsToolbar ul li#liCollpaseAll {
    width: 70px;
    height: 18px;
    background: url('https://storage.electrika.com/images/newwebimages/navigation/collapseall.png') 23px 5px no-repeat;
    margin-bottom: 16px;
}

.itemsToolbar #divGridViewsBox {
    width: 280px;
}

    .itemsToolbar #divGridViewsBox div {
        font-size: 12px;
        margin: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

.itemsToolbar div #divOtherViews {
    float: left;
    margin: 0px;
    padding: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.itemsToolbar #divViewsMenu {
    background-color: transparent;
    bottom: -1px;
    float: left;
    position: relative;
}

    .itemsToolbar #divViewsMenu ul {
        float: left;
        margin-left: 10px;
    }

        .itemsToolbar #divViewsMenu ul li {
            float: left;
            width: 80px;
            background-color: #e0eefb;
            border: 1px solid #c6d3df;
            margin: 0px 2px 0px 0px;
            padding: 0px;
            list-style: none;
            -webkit-border-top-left-radius: 3px;
            -moz-border-top-left-radius: 3px;
            border-top-left-radius: 3px;
            -webkit-border-top-right-radius: 3px;
            -moz-border-top-right-radius: 3px;
            border-top-right-radius: 3px;
        }

            .itemsToolbar #divViewsMenu ul li.costViews {
                background-color: #f8faf7;
                border-bottom: 1px solid #c6d3df;
            }

            .itemsToolbar #divViewsMenu ul li.costViewsActive {
                border-bottom: 1px solid #f8faf7;
            }

            .itemsToolbar #divViewsMenu ul li.sellViews {
                background-color: #fbfbe6;
                border-bottom: 1px solid #c6d3df;
            }

            .itemsToolbar #divViewsMenu ul li.sellViewsActive {
                border-bottom: 1px solid #fbfbe6;
            }

            .itemsToolbar #divViewsMenu ul li.costSellViews {
                background-color: #f2f8fc;
                border-bottom: 1px solid #c6d3df;
            }

            .itemsToolbar #divViewsMenu ul li.costSellViewsActive {
                border-bottom: 1px solid #f2f8fc;
            }


.itemsToolbar #divGridViewsBox #divViewsMenuContent {
    border-top: 1px solid #c6d3df;
    float: left;
    width: 100%;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

    .itemsToolbar #divGridViewsBox #divViewsMenuContent.costView {
        background-color: #f8faf7;
    }

    .itemsToolbar #divGridViewsBox #divViewsMenuContent.sellView {
        background-color: #fbfbe6;
    }

    .itemsToolbar #divGridViewsBox #divViewsMenuContent.costSellView {
        background-color: #f2f8fc;
    }

.itemsToolbar #divViewsMenuContent div {
    float: left;
    background-color: transparent;
    margin: 1px 5px 1px 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}



.matitem {
    color: #903f06;
}

.havellscont {
    color: #600687;
}

.havellswholesaler {
    color: #556B2F;
}

.labitem {
    color: #037e12;
}

.eqpitem {
    color: #6A5ACD;
}

.subconitem {
    color: #a70891;
}


.activatecell {
    background-color: #A9BCF5;
    color: #000;
}

.searchrow {
    border-top: 1px solid #000;
    padding-top: 2px;
}

.headingTitle {
    font-weight: 600;
    font-size: 14px;
    color: Red;
    text-align: left;
    text-decoration: none;
    padding: 3px 20px 3px 20px;
}

.normalCell {
    font-size: 12px;
    font-weight: normal;
    color: #000;
}

#divCoverList {
    z-index: 99998;
    background-color: #e1e0e0;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.kitrow {
    background-color: #d2e9fe;
    font-weight: 600;
}

.kitDrawing {
    background-color: #e5ffe9;
    font-weight: 600;
}

#kitOptions, #grdMenu {
    font-size: 11px;
    position: absolute;
    display: none;
}


.kitpart {
    background-color: #edf4fb;
}

.DrawingPart {
    background-color: #f6fef7;
}

.expandedkitrow {
    color: #E0EEFB;
}

#listFileSections {
    position: absolute;
    display: none;
    z-index: 10;
    padding: 3px;
    width: 300px;
    background-color: #e8e8e8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}

    #listFileSections li {
        cursor: pointer;
        list-style: none;
        padding: 2px;
        width: 97%;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

        #listFileSections li a {
            color: #000;
        }

        #listFileSections li.newItemStyle a {
            color: #05548e;
        }

        #listFileSections li:hover {
            background-color: #fff;
        }

.newItemStyle {
    background: url('https://storage.electrika.com/images/newwebimages/common/newitem.png') 2px 3px no-repeat #e8e8e8;
}

    .newItemStyle a {
        padding: 4px 0px 4px 20px;
        font-weight: 600;
    }

.topbottompadding {
    padding-top: 5px;
    padding-bottom: 5px;
}

.topbottommargin {
    margin-top: 5px;
    margin-bottom: 5px;
}

.watery {
    position: relative;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
}

    .watery label {
        cursor: text;
        position: absolute;
        color: #808080;
        font-style: italic;
        left: 3px;
        top: 4px;
    }

        .watery label.focused {
            color: #808080;
        }

        .watery label.filled {
            display: none;
        }

.divSearchBox {
    float: left;
}

.txtsearchsmall {
    font-family: inherit;
    width: 180px;
    border: none;
    margin: 0px;
    padding: 5px;
    background-color: transparent;
}

.txtcatssearch {
    font-family: inherit;
    width: 150px;
    border: none;
    margin: 0px;
    padding: 5px;
    background-color: transparent;
}

.txtsearchOnNavBar {
    font-family: inherit;
    width: 210px;
    border: none;
    margin: 0px;
    padding: 5px;
    background-color: transparent;
}


.txtsearch {
    font-family: inherit;
    width: 300px;
    border: none;
    margin: 0px;
    padding: 5px;
    background-color: transparent;
}

.txtsearchLabType {
    font-family: inherit;
    width: 350px;
    border: none;
    margin: 0px;
    padding: 5px;
    background-color: transparent;
}

.txtForgottenPass {
    font-family: inherit;
    width: 430px;
    border: none;
    margin: 0px;
    padding: 5px;
    background-color: transparent;
}

.txtdescsearch {
    font-family: inherit;
    width: 280px;
    border: none;
    margin: 0px;
    padding: 5px;
    background-color: transparent;
}


.txtlongsearch {
    font-family: inherit;
    width: 494px;
    border: none;
    margin: 0px;
    padding: 5px;
    background-color: transparent;
}

.btnsearch {
    cursor: pointer;
    border: none;
    padding: 5px;
    margin: 0px;
    font-family: inherit;
    border-left: 1px solid #a9a9a9;
    background-color: #e8e8e8;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-appearance: none;
}

    .btnsearch:hover {
        background-color: #fff;
    }

#divReportDownloads {
    float: left;
}

#divToolTip {
    position: absolute;
}

.tooltipInfo {
    padding: 5px;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px #000;
    -moz-box-shadow: 0px 0px 5px #000;
    box-shadow: 0px 0px 5px #000;
    z-index: 10;
}

#tooltip {
    padding: 0px;
    margin: 0px;
    background-color: #fff;
}

.tooltipImg {
    padding: 0px;
    -webkit-box-shadow: 0px 0px 5px #000;
    -moz-box-shadow: 0px 0px 5px #000;
    box-shadow: 0px 0px 5px #000;
    z-index: 10;
}

.coulumnLeftPadding5 {
    padding-left: 5px;
}

.coulumnLeftPadding {
    padding-left: 10px;
}

.coulumnLeftPadding50 {
    padding-left: 50px;
}

#regOfflineContent {
    padding-top: 50px;
}

.grayBorder {
    border: 1px solid #DFDFDF;
}

.advertImgShadow {
    border: 2px solid #808080;
    -webkit-box-shadow: 0px 0px 14px #808080;
    -moz-box-shadow: 0px 0px 14px #808080;
    box-shadow: 0px 0px 14px #808080;
}


.disabledTextArea {
    background-color: #fff;
    color: #000;
}

#supplierNote {
    width: 360px;
}

.divHelp {
    margin-bottom: 5px;
}

.helpText {
    float: left;
    cursor: pointer;
    /*color: #0000FF;*/
    color: #2371b4;
}

.pNote {
    display: none;
    font-size: 11px;
    padding: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #05548e;
    color: #fff;
}

#divHelpWrapper {
    display: none;
    width: 500px;
    position: absolute;
    background-color: #05548e;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 8px #000;
    -moz-box-shadow: 0px 0px 8px #000;
    box-shadow: 0px 0px 8px #000;
}


#divHelpTitle {
    width: 96%;
    float: left;
    position: relative;
    margin: 4px;
    padding: 4px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #E0EEFB;
    color: #05548e;
    font-weight: 600;
    font-size: 14px;
}

    #divHelpTitle #divTitleContent {
        float: left;
    }

    #divHelpTitle #aclose {
        float: right;
        color: #05548e;
    }

#divHelpContent {
    position: relative;
}

    #divHelpContent p {
        display: none;
        padding: 0 5px 0 5px;
    }

#ulHelpNav {
    padding: 5px;
    border-right: 3px solid #E0EEFB;
}

    #ulHelpNav li {
        padding: 4px;
        list-style: none;
        cursor: pointer;
    }

        #ulHelpNav li:hover, #ulHelpNav li.active {
            background-color: #E0EEFB;
            color: #05548e;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

#divBreadCrumbs {
    margin: 8px 0px 8px 0px;
    font-weight: 600;
    font-size: 13px;
    float: left;
}

#divUsers {
    float: left;
    margin: 8px 0px 8px 10px;
}

.cellMenu {
    padding-right: 10px;
}

.cellInfo {
    padding-top: 7px;
    padding-right: 10px;
}

#divCompareColumns {
    position: absolute;
    display: none;
    z-index: 1002;
    height: auto;
    width: auto;
}

#divExcelColsBody {
    display: block;
    width: auto;
    min-height: 24px;
    height: auto;
}

#divExcelImpBackcover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1001;
}

#divReportSettings {
    width: 900px;
}

#divCoverPage {
    width: 900px;
    padding: 10px;
}

#divFooterImageWrapper {
    margin: 20px;
    float: left;
}

#divFooterImage {
    padding: 4px;
    border: 1px solid #a9a9a9;
}

#imgRemoveFooterLogo {
    position: relative;
    top: 10px;
    right: -100px;
    cursor: pointer;
}

#imgRemoveFooterLogo {
    position: relative;
    top: 10px;
    right: -100px;
    cursor: pointer;
}

#divLogoWrapper {
    float: left;
    margin: 20px;
}

#divLogo {
    padding: 4px;
    border: 1px solid #a9a9a9;
}

#imgRemoveLogo {
    position: relative;
    top: 10px;
    cursor: pointer;
}

#divTemplateHeading {
    margin: 10px 0px 10px 0px;
}

#divRptWrapper {
    margin-top: 10px;
}

.liAttachment {
    padding: 3px 3px 3px 22px;
    background: url('https://storage.electrika.com/images/newwebimages/common/attachment.png') 2px 5px no-repeat;
    list-style: none;
    margin: 2px;
    border: 1px solid #DFDFDF;
    background-color: #f8f8f8;
}

#divEmailBox {
    width: 450px;
    z-index: 1002;
}

.liAttachment {
    list-style: none;
}

#inputremoveattach {
    background-color: transparent;
    padding-top: 4px;
    float: right;
    border: none;
}

#ulUserListPopup {
    z-index: 1003;
    position: absolute;
    padding: 10px;
    background-color: #fff;
    border: 3px solid #a9a9a9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    #ulUserListPopup li {
        list-style: none;
        margin: 3px;
    }

#divemailadded {
    position: absolute;
    padding: 5px;
    font-weight: 600;
    font-size: 13px;
    background-color: #F5D0A9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 8px #000;
    -moz-box-shadow: 0px 0px 8px #000;
    box-shadow: 0px 0px 8px #000;
    z-index: 1000001 !important; /* The default is 100. !important overrides the default. */
}

#spanfilename {
    padding: 2px 0px 2px 18px;
}

    #spanfilename a {
        /*color: #0000FF;*/
        color: #2371b4;
    }


    #spanfilename.pdf {
        background: url('https://storage.electrika.com/images/newwebimages/common/reppdf16.png') 0 0 no-repeat;
    }

    #spanfilename.xls {
        background: url('https://storage.electrika.com/images/newwebimages/common/repexcel16.png') 0 0 no-repeat;
    }

    #spanfilename.rtf {
        background: url('https://storage.electrika.com/images/newwebimages/common/repword16.png') 0 0 no-repeat;
    }

#divReportOptions, #divLinkToDownloadReport {
    width: 860px;
}

#divGenerateReportFilesBtns input {
    float: right;
    margin-left: 10px;
}

.totalZeroStyle {
    font-weight: 600;
    color: Red;
}

#divAttachmentsPanel {
    margin-top: 20px;
}

#divPartDetailsWrapper {
    width: 100%;
}

#divAdminAreaWrapper {
    width: 100%;
    min-width: 960px;
    float: left;
}

#divAdminMenu {
    width: 100%;
    float: left;
}

    #divAdminMenu ul {
        width: 100%;
        float: left;
        background-color: #903f06;
        color: #fff;
    }

        #divAdminMenu ul li {
            list-style: none;
            float: left;
            padding: 10px;
        }

            #divAdminMenu ul li.active {
                background-color: #fbdbc5;
                color: #903f06;
            }

            #divAdminMenu ul li:hover {
                background-color: #fbf1eb;
                color: #903f06;
            }

            #divAdminMenu ul li a {
                color: inherit;
                font-size: 14px;
                font-weight: 600;
            }

#divAdminContent {
    padding: 5px;
}

#divSearchResultInfo {
    background-color: #903f06;
    color: #fff;
    font-weight: 600;
}

    #divSearchResultInfo span {
        margin: 5px;
    }


.cellMarginForPartsIcons {
    margin: 0px 3px 0px 3px;
}

.kitPadding {
    padding-left: 4px;
}

#divActiveItemsPanel, #divItemsGrdPanel {
    margin: 5px 0px 5px 0px;
}

.ui-front {
    z-index: 1000000 !important; /* The default is 100. !important overrides the default. */
}

#divTip {
    display: none;
    z-index: 10;
    position: absolute;
    background-color: #fce69d;
    padding: 5px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

.lblTitle {
    font-weight: 600;
    margin-bottom: 3px;
}

.testbutton {
    margin-bottom: 30px;
    background: #3399FF;
    padding: 6px 25px;
    border: #003F81 1px solid;
    color: #FFF;
    font-size: 22px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: inset 0 5px 5px #67B3FF;
    -webkit-box-shadow: inset 0 5px 5px #67B3FF;
    -moz-box-shadow: inset 0 5px 5px #67B3FF;
}

    .testbutton:hover {
        background: #198CFF;
        cursor: pointer;
    }


.jqte-test {
    display: block;
    margin: 0 0 10px;
    padding: 6px;
    width: 95%;
    background: #FFF;
    border: #AAA 1px solid;
    font-size: 13px;
}

textarea.jqte-test, div.jqte-test, span.jqte-test {
    min-height: 100px;
    height: 200px;
}

#divRepInfoTitle {
    float: left;
    font-size: 14px;
    font-weight: 600;
    margin: 3px 0px 3px 0px;
    background-color: #556B2F;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
}

    #divRepInfoTitle span {
        padding: 0px 6px 0px 28px;
    }


.disableditem {
    color: #a9a9a9;
}


.loosepart {
    background-color: #feeded;
}

#liUser {
    color: #000;
    cursor: pointer;
    text-align: center;
    list-style: none;
    float: left;
    margin: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: url('https://storage.electrika.com/images/newwebimages/common/user.png') 3px 7px no-repeat #DFDFDF;
}

    #liUser span {
        margin: 2px 2px 2px 19px;
    }

    #liUser:hover {
        background-color: #fff;
        color: #5a5a5a;
        cursor: pointer;
        -moz-box-shadow: inset 0 0 5px #4a4a4a;
        -webkit-box-shadow: inset 0 0 5px #4a4a4a;
        box-shadow: inset 0 0 5px #4a4a4a;
    }

#liNotify, #liFeedback, #liBackdoor {
    cursor: pointer;
    height: 22px;
    float: left;
    margin: 0px 2px;
    text-align: center;
    vertical-align: middle;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    #liNotify.newstuff {
        width: 110px;
        font-size: 14px;
        color: Red;
        font-weight: bold;
    }


    #liNotify i {
        font-size: 20px;
        color: #000;
    }

    #liNotify.newstuff i {
        font-size: 20px;
        color: Red;
    }

    #liNotify.newstuff:hover {
        text-decoration: none;
    }

    #liFeedback i {
        width: 20px;
        font-size: 20px;
        color: #000;
    }

#liBackdoor {
    font-size: 14px;
    color: #000;
}

    #liBackdoor i {
        width: 20px;
        font-size: 20px;
        color: #000;
    }

.tossing {
    animation-name: tossing;
    -webkit-animation-name: tossing;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes tossing {
    0% {
        transform: rotate(-4deg);
    }

    50% {
        transform: rotate(4deg);
    }

    100% {
        transform: rotate(-4deg);
    }
}

@-webkit-keyframes tossing {
    0% {
        -webkit-transform: rotate(-4deg);
    }

    50% {
        -webkit-transform: rotate(4deg);
    }

    100% {
        -webkit-transform: rotate(-4deg);
    }
}

.bounce {
    animation-name: bounce;
    -webkit-animation-name: bounce;
    animation-duration: 1.6s;
    -webkit-animation-duration: 1.6s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    transform-origin: 80% 100%;
    -ms-transform-origin: 80% 100%;
    -webkit-transform-origin: 80% 100%;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes bounce {
    0% {
        transform: translateY(0%) scaleY(0.6);
    }

    60% {
        transform: translateY(-100%) scaleY(1.1);
    }

    70% {
        transform: translateY(0%) scaleY(0.95) scaleX(1.05);
    }

    80% {
        transform: translateY(0%) scaleY(1.05) scaleX(1);
    }

    90% {
        transform: translateY(0%) scaleY(0.95) scaleX(1);
    }

    100% {
        transform: translateY(0%) scaleY(1) scaleX(1);
    }
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: translateY(0%) scaleY(0.6);
    }

    60% {
        -webkit-transform: translateY(-100%) scaleY(1.1);
    }

    70% {
        -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);
    }

    80% {
        -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);
    }

    90% {
        -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);
    }

    100% {
        -webkit-transform: translateY(0%) scaleY(1) scaleX(1);
    }
}

.fadeIn {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    visibility: visible !important;
}

@keyframes fadeIn {
    0% {
        transform: scale(0);
        opacity: 0.0;
    }

    60% {
        transform: scale(1.1);
    }

    80% {
        transform: scale(0.9);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0;
    }

    60% {
        -webkit-transform: scale(1.1);
    }

    80% {
        -webkit-transform: scale(0.9);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

.pulse {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-duration: 3.5s;
    -webkit-animation-duration: 3.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}


@keyframes pulse {
    0% {
        transform: scale(0.9);
        opacity: 0.7;
    }

    50% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(0.9);
        opacity: 0.7;
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.95);
        opacity: 0.7;
    }

    50% {
        -webkit-transform: scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0.95);
        opacity: 0.7;
    }
}

.pulse {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-duration: 3.5s;
    -webkit-animation-duration: 3.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    transform-origin: 80% 100%;
    -ms-transform-origin: 80% 100%;
    -webkit-transform-origin: 80% 100%;
}

@keyframes pulse {
    0% {
        transform: scale(0.9);
        opacity: 0.7;
    }

    50% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(0.9);
        opacity: 0.7;
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.95);
        opacity: 0.7;
    }

    50% {
        -webkit-transform: scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0.95);
        opacity: 0.7;
    }
}


.activeLbl {
    color: Green;
}

.disabledLbl {
    color: Red;
}

.adminUsersName {
    background: url('https://storage.electrika.com/images/newwebimages/common/AdminUser.png') 0px 0px no-repeat #fff;
    margin-left: 20px;
    padding-left: 20px;
    font-weight: 600;
    font-size: 14px;
}

.joinGrpErrMsg {
    text-align: center;
}


    .joinGrpErrMsg span {
        color: Red;
        font-size: 17px;
    }

.aVisibleBtns {
    -moz-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
    -webkit-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
    box-shadow: inset 0px 1px 0px 0px #bbdaf7;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
    background: -moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
    background: -webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
    background: -o-linear-gradient(top, #79bbff 5%, #378de5 100%);
    background: -ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
    background: linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
    background-color: #79bbff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #84bbf3;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    padding: 3px 11px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #528ecc;
}

    .aVisibleBtns:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));
        background: -moz-linear-gradient(top, #378de5 5%, #79bbff 100%);
        background: -webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);
        background: -o-linear-gradient(top, #378de5 5%, #79bbff 100%);
        background: -ms-linear-gradient(top, #378de5 5%, #79bbff 100%);
        background: linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);
        background-color: #378de5;
    }

    .aVisibleBtns:active {
        position: relative;
        top: 1px;
    }


.aHomeLinks {
    background-color: #ffffff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #bbbbbb;
    display: inline-block;
    cursor: pointer;
    color: #666666;
    font-size: 15px;
    padding: 4px 16px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
}

    .aHomeLinks:hover {
        background-color: #e9e9e9;
        border: 1px solid #a9a7a7;
        color: #585858;
    }

    .aHomeLinks:active {
        position: relative;
        top: 1px;
    }

.divNav, .divScrollContent {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.divNav {
    width: 180px;
    float: left;
}

.divScrollContent {
    width: 700px;
    float: left;
}

    .divScrollContent h2 {
        font-weight: normal;
        margin: 0px 0px 3px 0px;
        padding: 0px 0px 2px 4px;
    }

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .nav > li {
        position: relative;
        display: block;
    }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 15px;
        }

            .nav > li > a:hover,
            .nav > li > a:focus {
                text-decoration: underline;
            }

    .nav.offline li a {
        color: #01520b;
    }

    .nav.home li a {
        color: #071C94;
    }

    .nav.help li a {
        color: #071C94;
    }

.affix-top, .affix {
    position: static;
}

@media (min-width: 979px) {
    #sidebar.affix-top {
        position: static;
        margin-top: 10px;
        width: 170px;
    }

    #sidebar.affix {
        position: fixed;
        top: 10px;
        width: 170px;
    }
}

#sidebar li.active {
    background-color: #eee;
    border: 0 #01520b solid;
    border-right-width: 4px;
}

#sidebar.home li.active {
    background-color: #eee;
    border: 0 #071C94 solid;
    border-right-width: 4px;
}

#sidebar.help li.active {
    background-color: #eee;
    border: 0 #071C94 solid;
    border-right-width: 4px;
}

.divintro {
    margin: 15px 0px 15px 0px;
    width: 700px;
    float: left;
}

.divpages {
    margin: 15px 0px 15px 0px;
    float: left;
}

.welcomepagewrapper {
    margin: 5px 10px;
}

.welcomepagedivwrapper {
    margin: 5px;
    padding: 10px;
    width: 680px;
    border: 0px solid #DFDFDF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 4px #686767;
    -moz-box-shadow: 0px 0px 4px #686767;
    box-shadow: 0px 0px 4px #686767;
}

    .welcomepagedivwrapper ul {
        margin-left: 20px;
    }

.welcomepageicon {
    font-size: 18px;
    margin-right: 5px;
}

.notificationstitle {
    font-size: 14px;
    font-weight: 600;
}

.notificationscontent {
    margin: 0px 0px 20px 10px;
}

.offlinesoftwarewrapper, .cloudsoftwarewrapper, .bannerimagewrapper {
    float: left;
    margin: 5px;
    padding: 10px;
    width: 680px;
    border: 0px solid #DFDFDF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 4px #686767;
    -moz-box-shadow: 0px 0px 4px #686767;
    box-shadow: 0px 0px 4px #686767;
}

    .cloudsoftwarewrapper .lessleftpadding {
        padding-left: 0px;
    }

.bannerimagewrapper {
    text-align: center;
    padding-bottom: 5px;
}

.offlinesoftwarewrapper p {
    margin: 5px;
    padding: 0px;
}

.cloudsoftwarewrapper p, .cloudsoftwarewrapper ul li p {
    margin: 5px 0px 5px 10px;
    padding: 0px;
}

.cloudsoftwarewrapper p, .cloudsoftwarewrapper ul.ulbulletedlist {
    padding-left: 15px;
}

    .cloudsoftwarewrapper p, .cloudsoftwarewrapper ul.ulbulletedlist li {
        padding-top: 10px;
        list-style: inside;
    }

        .cloudsoftwarewrapper p.pImageBlock {
            padding: 10px 0px;
            text-align: center;
            background-color: #f5f5f5;
            border: 1px solid #DFDFDF;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
        }

        .cloudsoftwarewrapper p.pImageBlockPlain {
            text-align: center;
        }

.cloudsoftwarewrapper ul {
    list-style: none;
}

    .cloudsoftwarewrapper ul h3, .cloudsoftwarewrapper ul h4 {
        font-weight: 600;
    }

    .cloudsoftwarewrapper ul li {
        list-style: none;
    }

.cloudsoftwarewrapper div.cloudleftcontent {
    float: left;
    width: 65%;
}

.cloudsoftwarewrapper div.cloudrightimg {
    float: left;
    margin-left: 5px;
}

.cloudsoftwarewrapper div.cloudbottomcontent {
    clear: both;
    margin-left: 0px;
}

    .cloudsoftwarewrapper div.cloudbottomcontent h4 {
        font-weight: 600;
    }

    .cloudsoftwarewrapper div.cloudbottomcontent p {
        margin: 0px;
    }

.newsleft {
    float: left;
}

.newsright {
    float: left;
    width: 450px;
    margin-left: 20px;
}

    .newsright h3 {
        margin: 0px 0px 10px 0px;
    }

    .newsright ul {
        margin: 0px 10px;
    }

        .newsright ul li {
            list-style: none;
            margin: 0px 5px;
        }

#divFeaturesBenefits {
}

    #divFeaturesBenefits ul {
        margin-left: 20px;
    }

#divGuides {
    margin-left: 100px;
}

    #divGuides h3 {
        margin: 0px;
    }

.divGuidesInner {
    margin: 20px 0px 20px 0px;
}

.divGuidesHeadings {
    float: left;
    width: 480px;
}

    .divGuidesHeadings h3 {
        float: left;
    }

.aStepByStep {
    padding-left: 18px;
    background: url(https://storage.electrika.com/images/newwebimages/common/pdfsmall.png) no-repeat 0px 2px #fff;
}

.offlinesoftwarewrapper h4 {
    margin: 5px 0px 10px 5px;
    font-weight: 600;
}



.updateHistory {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 4px #686767;
    -moz-box-shadow: 0px 0px 4px #686767;
    box-shadow: 0px 0px 4px #686767;
    padding: 5px;
    text-align: center;
    cursor: pointer;
}

    .updateHistory.active {
        background-color: #01520b;
        color: #fff;
    }

.updateHistory {
    color: #000;
}

    .updateHistory.active {
        color: #fff;
    }

#updateHistoryList {
    float: left;
    width: 200px;
}

#historyContent {
    float: left;
    background-color: #F8F8F8;
    color: #000;
    padding: 10px;
    margin: 10px 20px;
    width: 400px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 4px #686767;
    -moz-box-shadow: 0px 0px 4px #686767;
    box-shadow: 0px 0px 4px #686767;
}

    #historyContent ul {
        margin-left: 10px;
    }

        #historyContent ul li {
            list-style: none;
        }


.faqContent {
    padding: 10px;
}

    .faqContent ul li {
        list-style: none;
        margin: 25px 5px;
    }

        .faqContent ul li a {
            margin: 10px 0px 10px 0px;
            padding: 5px;
        }

            .faqContent ul li a:hover {
                text-decoration: underline;
            }

.faqAnswer {
    margin: 5px 10px;
    background-color: #F8F8F8;
    padding: 5px;
}

#faq4 h4 {
    font-weight: 600;
}

#faq4 p {
    margin-left: 0px;
}

#faq4 ul {
    margin-left: 20px;
}

    #faq4 ul li {
        margin: 0px;
        margin-left: 20px;
        list-style: inherit;
    }

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    padding: 1px;
    max-width: 500px;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

    .popover.top {
        margin-top: -10px;
    }

    .popover.right {
        margin-left: 10px;
    }

    .popover.bottom {
        margin-top: 10px;
    }

    .popover.left {
        margin-left: -10px;
    }

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.popover-content {
    padding: 9px 14px;
}

.popover .arrow,
.popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover .arrow {
    border-width: 11px;
}

    .popover .arrow:after {
        content: "";
        border-width: 10px;
    }

.popover.top .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0;
}

    .popover.top .arrow:after {
        bottom: 1px;
        margin-left: -10px;
        content: " ";
        border-top-color: #fff;
        border-bottom-width: 0;
    }

.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25);
    border-left-width: 0;
}

    .popover.right .arrow:after {
        bottom: -10px;
        left: 1px;
        content: " ";
        border-right-color: #fff;
        border-left-width: 0;
    }

.popover.bottom .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
}

    .popover.bottom .arrow:after {
        top: 1px;
        margin-left: -10px;
        content: " ";
        border-top-width: 0;
        border-bottom-color: #fff;
    }

.popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25);
}

    .popover.left .arrow:after {
        right: 1px;
        bottom: -10px;
        content: " ";
        border-right-width: 0;
        border-left-color: #fff;
    }

.testimonial {
    margin: 0;
    background: #efefeF;
    padding: 10px 50px;
    position: relative;
    font-family: Georgia, serif;
    color: #666;
    border-radius: 5px;
    font-style: italic;
    text-shadow: 0 1px 0 #ECFBFF;
    background-image: linear-gradient(#efefef, #fff);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#fff));
    background-image: -webkit-linear-gradient(top, #efefef, #fff);
    background-image: -moz-linear-gradient(top, #efefef, #fff);
    background-image: -ms-linear-gradient(top, #efefef, #fff);
    background-image: -o-linear-gradient(top, #efefef, #fff);
}

    .testimonial:before, .testimonial:after {
        content: "\201C";
        position: absolute;
        font-size: 80px;
        line-height: 1;
        color: #999;
        font-style: normal;
    }

    .testimonial:before {
        top: 0;
        left: 10px;
    }

    .testimonial:after {
        content: "\201D";
        right: 10px;
        bottom: -0.5em;
    }

.arrow-down {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #B7EDFF;
    margin: 0 0 0 25px;
}

.testimonial-author {
    margin: 0 0 0 25px;
    font-family: Arial, Helvetica, sans-serif;
    color: #999;
    text-align: left;
}

    .testimonial-author span {
        font-size: 12px;
        color: #666;
    }



.bx-wrapper {
    position: relative;
    margin: 0 auto 15px;
    padding: 0;
    *zoom: 1;
}

    .bx-wrapper img {
        max-width: 100%;
        display: block;
    }


    .bx-wrapper .bx-pager,
    .bx-wrapper .bx-controls-auto {
        position: absolute;
        bottom: -30px;
        width: 100%;
    }

    .bx-wrapper .bx-loading {
        min-height: 50px;
        background: url(https://electrika1.blob.core.windows.net/static/livestyles/images/bx_loader.gif) center center no-repeat #fff;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2000;
    }

    .bx-wrapper .bx-pager {
        text-align: center;
        font-size: .85em;
        font-family: Arial;
        font-weight: 600;
        color: #666;
        padding-top: 20px;
    }

        .bx-wrapper .bx-pager .bx-pager-item,
        .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
            display: inline-block;
            *zoom: 1;
            *display: inline;
        }

        .bx-wrapper .bx-pager.bx-default-pager a {
            background: #a9a9a9;
            text-indent: -9999px;
            display: block;
            width: 10px;
            height: 10px;
            margin: 0 5px;
            outline: 0;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
        }

            .bx-wrapper .bx-pager.bx-default-pager a:hover,
            .bx-wrapper .bx-pager.bx-default-pager a.active {
                background: #000;
            }


    .bx-wrapper .bx-prev {
    }

    .bx-wrapper .bx-next {
    }

    .bx-wrapper .bx-prev:hover {
        background-position: 0 0;
    }

    .bx-wrapper .bx-next:hover {
        background-position: -43px 0;
    }

    .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 50%;
        margin-top: -16px;
        outline: 0;
        width: 32px;
        height: 32px;
        text-indent: -9999px;
        z-index: 9999;
    }

        .bx-wrapper .bx-controls-direction a.disabled {
            display: none;
        }

    .bx-wrapper .bx-controls-auto {
        text-align: left;
    }

        .bx-wrapper .bx-controls-auto .bx-start {
            display: block;
            text-indent: -9999px;
            width: 10px;
            height: 11px;
            outline: 0;
            background: url(https://electrika1.blob.core.windows.net/static/livestyles/images/controls.png) -86px -11px no-repeat;
            margin: 0 3px;
        }

            .bx-wrapper .bx-controls-auto .bx-start:hover,
            .bx-wrapper .bx-controls-auto .bx-start.active {
                background-position: -86px 0;
            }

        .bx-wrapper .bx-controls-auto .bx-stop {
            display: block;
            text-indent: -9999px;
            width: 9px;
            height: 11px;
            outline: 0;
            background: url(https://electrika1.blob.core.windows.net/static/livestyles/images/controls.png) -86px -44px no-repeat;
            margin: 0 3px;
        }

            .bx-wrapper .bx-controls-auto .bx-stop:hover,
            .bx-wrapper .bx-controls-auto .bx-stop.active {
                background-position: -86px -33px;
            }

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
        text-align: left;
        width: 80%;
    }

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
        right: 0;
        width: 35px;
    }

    .bx-wrapper .bx-caption {
        background: #D5DCE8;
        width: 100%;
    }

        .bx-wrapper .bx-caption span {
            color: #000;
            display: block;
            font-size: 16px;
            padding: 10px;
        }

.pExtraMargin {
    margin: 10px;
}

.extrRightMargin {
    margin-right: 8px;
}

.extraLeftPaddingThirteen {
    padding-left: 13px;
}

.aExtraMarginLeft {
    margin-left: 8px;
}

.extrRightMarginLess {
    margin-right: 5px;
}

.extrLeftMargin {
    margin-left: 4px;
}

#aFacebookSmall {
    padding-left: 18px;
    background: url(https://storage.electrika.com/images/newwebimages/common/_facebook16.png) no-repeat 0px 1px transparent;
}

#aGoogleSmall {
    padding-left: 18px;
    background: url(https://storage.electrika.com/images/newwebimages/common/_goolge16.png) no-repeat 0px 1px transparent;
}

#aTwitterSmall {
    padding-left: 18px;
    background: url(https://storage.electrika.com/images/newwebimages/common/_twitter16.png) no-repeat 0px 1px transparent;
}

#divNewsLetterImage {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #DFDFDF;
    padding: 2px;
}


.divFileStatus {
    width: 15px;
    height: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

#introduction p {
    margin-bottom: 10px;
}

#divFollowUpComments div {
    margin: 10px 5px;
}

.divFollowUpsFields {
    margin: 10px 0px;
}

#divFollowedNotes {
    margin: 5px;
    padding: 5px;
    width: 98%;
    border: 1px solid #e5f4ff;
    background-color: #f1f6fa;
}

#ulFollowUpToolbar {
    float: left;
}

    #ulFollowUpToolbar li {
        float: left;
        list-style: none;
        margin: 2px 5px;
    }

.statusImgBtn {
    cursor: pointer;
    color: #000;
    background-color: #e8e8e8;
    font-family: inherit;
    border: 1px solid #a9a9a9;
    text-align: right;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .statusImgBtn:hover {
        background-color: #fff;
    }

.legendFollowUp {
    color: #05548e;
}

.legendFieldSet {
    float: left;
    width: 900px;
}

    .legendFieldSet:hover {
        background-color: #f7fbfe;
    }

#divFollowUpNotesWrapper {
    float: left;
    width: 99%;
}

#divUpdateFollowUpNotes {
    float: left;
}

#divDeleteFollowUpNotes {
    float: right;
}


#divUpdateNotifications, #notifications_wrapper, #notifications_nav, #notifications_nav ul {
}

    #notifications_nav ul {
        margin-left: 15px;
    }

        #notifications_nav ul li {
            float: left;
            list-style: none;
            background-color: #edf5fc;
            border: 1px solid #05548e;
            color: #05548e;
            padding: 5px;
            margin-right: 3px;
            width: 160px;
            cursor: pointer;
            -webkit-border-top-left-radius: 3px;
            -moz-border-top-left-radius: 3px;
            border-top-left-radius: 3px;
            -webkit-border-top-right-radius: 3px;
            -moz-border-top-right-radius: 3px;
            border-top-right-radius: 3px;
        }

            #notifications_nav ul li:hover {
                background-color: #fff;
            }

            #notifications_nav ul li.active {
                background-color: #fff;
                color: #05548e;
                border-bottom: 1px solid #fff;
            }

#notifications_nav {
    width: 97%;
    padding: 0px 5px;
    position: relative;
    bottom: -1px;
}

#notifications_content_wrapper {
    border-top: 1px solid #05548e;
    width: 99%;
    height: 550px;
    padding: 5px;
    float: left;
    overflow-y: scroll;
}

#notifications_content {
    margin: 2px 10px;
    width: 99%;
    float: left;
}

    #notifications_content ul {
        margin-left: 5px;
    }

    #notifications_content fieldset {
        border: 1px solid #daedfb;
        background-color: #f7fafc;
    }

#divNotificationToolTip {
    background-color: Red;
    color: #fff;
    padding: 5px;
    width: auto;
    position: absolute;
    display: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#divFeedbackform p {
    width: 480px;
    margin: 10px;
}


#divExtrasGrdPanel, #divExtrasPrelimns {
    float: left;
    width: 100%;
}


#divExtrasPrelimns {
    border-bottom: 1px solid #f24537;
    margin-bottom: 10px;
}

    #divExtrasPrelimns fieldset {
        float: left;
        margin: 0px 10px 10px 10px;
    }

        #divExtrasPrelimns fieldset div {
            vertical-align: top;
        }

.GridPrelimsExtrasWidth {
    width: 600px;
}

#divGridCostingSummary {
    margin: 10px 0px;
}

#divCostingAccordion {
    float: left;
    width: 700px;
}

#divAccordingTotals {
    margin-top: 20px;
    float: left;
    width: 100%;
}

#divCostingAccordion .divAccordionHeading {
    cursor: pointer;
    width: 99%;
    float: left;
    font-weight: 600;
    padding: 6px 12px;
    margin: 3px 0px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}


#divCostingAccordion .divCostingAccordionContent {
    display: none;
    position: relative;
    top: -1px;
    padding: 10px 10px;
    margin: 0px 10px 5px 10px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    float: left;
    width: 94%;
}

#divPrelimsExtrasMCD {
    width: 100%;
    float: left;
    color: #05548e;
    margin: 15px 0px;
}

    #divPrelimsExtrasMCD #divPrelimsExtrasMCDHeading {
        color: #05548e;
        font-weight: 600;
        font-size: 15px;
    }

        #divPrelimsExtrasMCD #divPrelimsExtrasMCDHeading span#lblSpreadCost {
            position: relative;
            left: 5px;
            top: -1px;
        }

#divPrelimsExtrasGrid {
    margin: 0px 0px 10px 0px;
}

.matContent {
    background-color: #fefaf7;
    border: 1px solid #f6cfb3;
    border-top: none;
}

.labContent {
    background-color: #fafcfa;
    border: 1px solid #b9fac2;
    color: #3c570e;
}

.extraContent {
    background-color: #fafcfe;
    border: 1px solid #b6d9fa;
    border-top: none;
}

.totalContent {
    background-color: #f7f6f6;
    border: 1px solid #a9a9a9;
    border-top: none;
}


#divCostingAccordion .divAccordionHeading:hover, #divCostingAccordion .divAccordionHeading.active {
    -webkit-box-shadow: 0px 0px 4px #686767;
    -moz-box-shadow: 0px 0px 4px #686767;
    box-shadow: 0px 0px 4px #686767;
}



#divCostingAccordion .divAccordionHeading.matStyle {
    background-color: #fcf3ed;
    border: 1px solid #f6cfb3;
    color: #903f06;
}

#divCostingAccordion .divAccordionHeading.labStyle {
    background-color: #f3fef5;
    border: 1px solid #b9fac2;
    color: #3c570e;
}

#divCostingAccordion .divAccordionHeading.eqpStyle {
    background-color: #f5f5fb;
    border: 1px solid #d8d3f7;
    color: #6A5ACD;
}

#divCostingAccordion .divAccordionHeading.subConStyle {
    background-color: #fbf1fa;
    border: 1px solid #f8d0f3;
    color: #a70891;
}

#divCostingAccordion .divAccordionHeading.extraStyle {
    float: left;
    background-color: #f0f7fe;
    border: 1px solid #b6d9fa;
    color: #05548e;
}

#divCostingAccordion .divAccordionHeading.totalStyle {
    background-color: #f3f3f3;
    border: 1px solid #a9a9a9;
    color: #565555;
}

#divCostingAccordion .divAccordionHeading .costingPerlimsExtrasLeftContent {
    margin-right: 20px;
}

#divCostingAccordion .divAccordionHeading .costingVal {
    width: auto;
}

.gridPrelimsExtrasheader {
    background-color: #f0f7fe;
    border: 1px solid #d4e9fc;
    color: #05548e;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.gridPrelimsExtrasfooter {
    background-color: #f0f7fe;
    border: 1px solid #d4e9fc;
    color: #05548e;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 600;
    text-align: right;
}

#divPrelimsExtrasEditor p {
    margin: 10px 3px;
}

.cellEditable {
    cursor: pointer;
}

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

#ulExtraPrelimsToolbar {
    float: left;
}

    #ulExtraPrelimsToolbar li {
        list-style: none;
        float: left;
        margin-right: 10px;
    }

.btnAddNewExtraItem {
    background: url(https://storage.electrika.com/images/newwebimages/common/newitem.png) 4px 6px no-repeat #e8e8e8;
}

.btnSaveAsDefault {
    background: url(https://storage.electrika.com/images/newwebimages/common/saveas.png) 4px 6px no-repeat #e8e8e8;
}

#divMatCostContent {
    color: #903f06;
}

.gridMatCostheader {
    background-color: #fcf3ed;
    border: 1px solid #f6cfb3;
    color: #903f06;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.gridMatCostfooter {
    background-color: #fcf3ed;
    border: 1px solid #f6cfb3;
    color: #903f06;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 600;
    text-align: right;
}

#divLabCostContent {
    color: #3c570e;
}

.gridLabCostheader {
    background-color: #f3fef5;
    border: 1px solid #b9fac2;
    color: #3c570e;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.gridLabCostfooter {
    background-color: #f3fef5;
    border: 1px solid #b9fac2;
    color: #3c570e;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 600;
    text-align: right;
}

#spanMCDIsIncluded {
    margin-left: 10px;
}

#divAdjustmentValWrapper {
    float: left;
    color: #05548e;
    font-weight: 600;
}

#divAnalysis {
    margin-top: 5px;
}


.divfilesPager {
    margin: 10px 0px;
    background-color: #e7eff3;
    border: 1px solid #DFDFDF;
    float: left;
    width: 630px;
}

.pagertop {
    margin-top: 0px;
}


.divfilesPager td {
    padding: 2px 3px 2px 3px;
    color: #000000;
    line-height: 12px;
    font-weight: 600;
}

.divfilesPager a {
    text-decoration: none;
}

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


#divListFiles {
    width: 630px;
}

#fileRowWrapper {
    float: left;
    width: 630px;
    padding-bottom: 6px;
}

#fileRow {
    float: left;
    width: 630px;
    border-bottom: 1px solid #e0dfdf;
    padding: 3px 0px 3px 0px;
}

    #fileRow.active {
        background-color: #fffced;
        -webkit-box-shadow: 0px 0px 8px #7a7979;
        -moz-box-shadow: 0px 0px 8px #7a7979;
        box-shadow: 0px 0px 8px #7a7979;
        border-bottom: none;
    }

    #fileRow.fileRowhover {
        background-color: #f7fbfe;
    }

    #fileRow.selectedRow {
        background-color: #FDD017;
    }

#fileCheck {
    float: left;
    width: 20px;
    margin: 3px 10px 0px 0px;
}

#fileCol1 {
    float: left;
    width: 30px;
    margin-right: 10px;
}

#fileInfo, #fileInfoPopout {
    margin: 4px;
}

#fileCol2 {
    float: left;
    width: 550px;
}

#fileCol2Row1 {
    float: left;
    width: 100%;
}

#fileRef, #userQuteRef {
    float: left;
}

    #fileRef, #userQuteRef a {
        font-size: 12px;
    }

        #fileRef a:hover, #userQuteRef a:hover {
            text-decoration: underline;
        }

#userQuteRef {
    margin-left: 15px;
}

#fileName {
    float: left;
    margin-right: 15px;
    font-weight: 600;
}

    #fileName a {
        font-size: 13px;
    }

        #fileName a:hover {
            text-decoration: underline;
        }


#fileActiveUserWrapper {
    float: left;
    width: 98%;
}

#fileActiveUser {
    float: left;
    font-size: 15px;
    font-weight: 600;
    color: #e16003;
    margin-left: 30px;
}

#aCloseFile {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
    background: -moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
    background-color: #f9f9f9;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #666666;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    padding: 2px 8px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
}

    #aCloseFile:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
        background: -moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background: -webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background: -o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background: -ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
        background-color: #e9e9e9;
    }

    #aCloseFile:active {
        position: relative;
        top: 1px;
    }


#fileCloseActive {
    float: right;
}

#fileModifiedDate {
    float: right;
}

#fileCol2Row2 {
    float: left;
    width: 100%;
}

#fileProjectName {
    float: left;
    font-size: 13px;
    font-weight: 600;
}

    #fileProjectName a:hover {
        text-decoration: underline;
    }

#fileTenderSell {
    float: right;
    font-size: 13px;
    font-weight: 600;
}

#fileCustomer {
    font-size: 12px;
    float: left;
}

#fileDueDate {
    float: right;
}


#fileRow2 {
    float: left;
    width: 100%;
}

#folderRow {
    float: left;
    margin-left: 13px;
}

.emailSentRow {
    float: left;
    width: 100%;
    font-size: 12px;
    margin-left: 13px;
}

    .emailSentRow span {
        margin-left: 15px;
    }

.multipleEmailMsg {
    margin-left: 15px;
}

#fileNotes {
    float: left;
    width: 73%;
    color: #027511;
    padding: 3px;
    margin-left: 10px;
    font-weight: 600;
    font-size: 12px;
}

    #fileNotes a {
        color: #027511;
    }

#fileStatus {
    float: left;
}

    #fileStatus:hover {
        background-color: #fff;
    }

#filsStatusWrapper {
    float: left;
    height: 14px;
    border: 1px solid #DFDFDF;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 3px;
    background-color: #f5f5f5;
    cursor: pointer;
}

.fileProbabilityContainer span {
    font-size: 0.8em;
    padding: 2px;
    height: 14px;
    margin-bottom: 2px;
    margin-left: 5px;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    color: #5a5a5a;
    background-color: #f5f5f5;
}

    .fileProbabilityContainer span:hover {
        background-color: #fff;
        color: #000;
        cursor: pointer;
    }


.fileStatusBlob {
    float: left;
    width: 14px;
    height: 14px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#fileStatusType {
    color: #808080;
    font-size: 12px;
    float: left;
    margin-left: 2px;
    position: relative;
    top: -4px;
}



.fileListSmallFonts {
    font-size: 11px;
}


#helpmainwrapper {
    width: 1000px;
    margin: auto;
}

    #helpmainwrapper #topwrapper {
        margin-bottom: 10px;
    }

    #helpmainwrapper #header {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 0px 0px 4px #666666;
        -moz-box-shadow: 0px 0px 4px #666666;
        box-shadow: 0px 0px 4px #666666;
    }

    #helpmainwrapper #divHelpHeaderLogo {
        padding: 9px 0px 0px 0px;
        margin-left: 10px;
        float: left;
    }

    #helpmainwrapper #divHelpHeaderTitle {
        float: left;
        margin-left: 10px;
    }

        #helpmainwrapper #divHelpHeaderTitle h1 {
            float: left;
            font-weight: 700;
            color: #0404c6;
        }

    #helpmainwrapper #divGuideHomeLink {
        float: right;
        margin: 25px 10px 0px 0px;
    }

        #helpmainwrapper #divGuideHomeLink a {
            font-size: 18px;
        }

    #helpmainwrapper #bodywrapper {
        float: left;
        width: 98%;
        padding: 0px 10px;
        background-color: #fff;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 0px 0px 4px #666666;
        -moz-box-shadow: 0px 0px 4px #666666;
        box-shadow: 0px 0px 4px #666666;
    }

        #helpmainwrapper #bodywrapper #guidemenu {
            float: left;
            width: 30%;
            border-right: 1px solid #DFDFDF;
        }

        #helpmainwrapper #bodywrapper #guidecontent {
            float: left;
            padding-left: 0.7%;
            width: 69%;
        }

#divShareInGroups table td {
    padding: 5px;
}

#ulTop {
    list-style: none;
}

    #ulTop a {
        color: #5a5959;
    }

    #ulTop li.mainLi {
        margin: 10px 0px;
        font-size: 14px;
        font-weight: 600;
    }

        #ulTop li.mainLi a.aMainLi {
            color: #000;
        }

    #ulTop li {
        list-style: none;
    }

    #ulTop ul {
        font-size: 16px;
        font-weight: 500;
        margin: 7px 0px 7px 0px;
        display: none;
    }

        #ulTop ul li {
            font-size: 14px;
            font-weight: normal;
            margin: 8px 0px 8px 10px;
        }

            #ulTop ul li ul li {
                margin: 8px 0px 8px 8px;
                font-size: 14px;
                font-weight: normal;
            }

    #ulTop a.active {
        font-weight: 600;
        border: 1px solid #DFDFDF;
        background-color: #f5f5f5;
        padding: 3px;
        border-radius: 2px;
        color: #000;
    }

#divUploaderGuideContent p {
}

.helpMainContent p, #divUploaderGuideContent p {
    margin-left: 10px;
}

    .helpMainContent p span, .helpMainContent li span, #divUploaderGuideContent p span, #divUploaderGuideContent li span {
        margin: 0px 3px;
    }

.helpMainContent h4, #divUploaderGuideContent h4 {
    font-weight: 600;
    margin-left: 5px;
}

.helpMainContent ul li, #divUploaderGuideContent ul li {
    margin-left: 20px;
}

.helpMainContent p.pScreenShot, #divUploaderGuideContent p.pScreenShot {
    text-align: center;
    margin: 20px 0px;
    border: 1px solid #e6e5e5;
    background-color: #fafafa;
    padding: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

    .helpMainContent p.pScreenShot img, #divUploaderGuideContent p.pScreenShot img {
        max-width: 99%;
        cursor: pointer;
        -webkit-box-shadow: 0px 0px 4px #666666;
        -moz-box-shadow: 0px 0px 4px #666666;
        box-shadow: 0px 0px 4px #666666;
    }

.helpFooter p {
    margin-bottom: 15px;
}

.guideQuery {
    margin-top: 20px;
}

    .guideQuery p {
        margin: 15px 0px;
    }

.pHiddenMsg {
    color: #01520b;
    font-weight: 500;
}

#guide_breadcrum i {
    margin: 0px 8px;
}

#helper_search {
    width: 566px;
    margin: 15px auto;
}

#spanLocalData:hover {
    text-decoration: underline;
}

#spanKits:hover {
    text-decoration: underline;
}

#spanContacts:hover {
    text-decoration: underline;
}

/*
#cookiesInfo {
    background-color: #f3f2f2;
    border: 1px solid #DFDFDF;
    padding: 3px;
    margin: 2px;
    width: 99%;
    top: 0px;
    left: 20px;
}
    */


#btnCookie {
    margin-left: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #fc7705;
    font-weight: 600;
    padding: 0px 4px 2px 4px;
    background-color: #DFDFDF;
    cursor: pointer;
}

#aPrivacyPolicy {
    margin-left: 10px;
    color: #d0e5f8 !important;
    text-shadow: 0px 1px 0px #1570cd;
}

.noclose .ui-dialog-titlebar-close {
    display: none;
}

#divRegistrationBody {
    width: 600px;
    margin: auto;
}

    #divRegistrationBody p {
        margin: 5px;
    }

#divRegConditions {
    margin: 0px 15px 0px 15px;
}

    #divRegConditions p {
        margin: 10px auto;
    }


#pSubmitBtn {
    width: 100px;
    margin: auto;
}

.regBtn {
    -moz-box-shadow: inset 0px 1px 0px 0px #97c4fe;
    -webkit-box-shadow: inset 0px 1px 0px 0px #97c4fe;
    box-shadow: inset 0px 1px 0px 0px #97c4fe;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
    background: -moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
    background: -webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
    background: -o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
    background: -ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
    background: linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
    background-color: #3d94f6;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #337fed;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #1570cd;
}

    .regBtn:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
        background: -moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
        background: -webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
        background: -o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
        background: -ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
        background: linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
        background-color: #1e62d0;
    }

    .regBtn:active {
        position: relative;
        top: 1px;
    }

.regMissingVal {
    border: 1px solid #ff0000;
    -webkit-box-shadow: 0px 0px 4px #ff0000;
    -moz-box-shadow: 0px 0px 4px #ff0000;
    box-shadow: 0px 0px 4px #ff0000;
}

#pManufContactWishList label {
    padding: 3px;
    border: 1px solid #f6cfb3;
    background-color: #fef5ee;
    color: #903f06;
    margin: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#pCaptchaWrapper {
    padding-top: 20px;
    font-weight: 600;
}

.chkCaptcha {
    font-size: 13px;
}

.listWithMoreSpace li {
    margin-bottom: 12px;
}

.ui-widget-content a {
    color: #2371b4;
}

#divofflineimportmsg {
    display: none;
    position: absolute;
    padding: 30px;
    width: 400px;
    font-weight: 600;
    font-size: 15px;
    border: 1px solid #fbceaf;
    background-color: #faf4f0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    z-index: 1000000000 !important;
}

    #divofflineimportmsg p {
        width: 400px;
    }

#divprojectdetailsbody {
    width: 960px;
    margin: auto;
}


#divfileslistcontent {
    width: 99%;
    float: left;
}

#divFileRow {
    width: 99%;
    float: left;
    padding: 5px;
    margin: 5px 0px;
    border: 1px solid #cce8fc;
    background-color: #f6fafe;
    color: #05548e;
    cursor: pointer;
}

#divLabRatesContent {
    float: left;
    margin-right: 30px;
}

#divMarkupsContent {
    float: left;
}

.cke_editable.cke_editable_inline {
    cursor: pointer;
}

    /* Once an editable element gets focused, the "cke_focus" class is
   added to it, so we can style it differently. */
    .cke_editable.cke_editable_inline.cke_focus {
        box-shadow: inset 0px 0px 20px 3px #ddd, inset 0 0 1px #000;
        outline: none;
        background: #eee;
        cursor: text;
    }

.editorTitle {
    width: 100%;
    font-weight: 600;
    font-size: 14px;
    padding-top: 4px;
}

.editorTitleClose {
    cursor: pointer;
    font-size: 20px;
    border: none;
    background: transparent;
}

.editorSave {
    margin-top: 3px;
}

.editorWrapper {
    float: left;
    box-shadow: inset 0px 0px 20px 3px #ddd, inset 0 0 1px #000;
    outline: none;
    padding: 10px;
}

.btnRegLink {
    -moz-box-shadow: 0px 10px 14px -7px #3e7327;
    -webkit-box-shadow: 0px 10px 14px -7px #3e7327;
    box-shadow: 0px 10px 14px -7px #3e7327;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #01520b), color-stop(1, #72b352));
    background: -moz-linear-gradient(top, #01520b 5%, #01520b 100%);
    background: -webkit-linear-gradient(top, #01520b 5%, #01520b 100%);
    background: -o-linear-gradient(top, #01520b 5%, #01520b 100%);
    background: -ms-linear-gradient(top, #01520b 5%, #01520b 100%);
    background: linear-gradient(to bottom, #01520b 5%, #01520b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01520b', endColorstr='#72b352',GradientType=0);
    background-color: #01520b;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #4b8f29;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 12px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #5b8a3c;
}

    .btnRegLink:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #038212), color-stop(1, #038212));
        background: -moz-linear-gradient(top, #038212 5%, #038212 100%);
        background: -webkit-linear-gradient(top, #038212 5%, #038212 100%);
        background: -o-linear-gradient(top, #038212 5%, #038212 100%);
        background: -ms-linear-gradient(top, #038212 5%, #038212 100%);
        background: linear-gradient(to bottom, #038212 5%, #038212 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#038212', endColorstr='#038212',GradientType=0);
        background-color: #038212;
        color: #fff;
    }

    .btnRegLink:active {
        position: relative;
        top: 1px;
    }

#divSearchPartRow {
    width: 100%;
    margin-bottom: 15px;
    border-bottom: 1px solid #e8e8e8;
}

#divSearchPartRow, #divCatnumberDescription, #divInfoWrapper, #divMainIndexSubIndex {
    float: left;
}

#divInfoWrapper {
    width: 100%;
}

#divInfo {
    float: left;
    width: 90%;
    font-size: 13px;
    padding: 4px 0px;
}

#divTradePrice {
    float: right;
    width: 10%;
    text-align: right;
}

#divMainIndexSubIndex {
    font-size: 12px;
}

#divFacetedGroups {
    float: left;
    margin: 0px 5px 5px 5px;
    padding: 10px;
    width: 23%;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

#divSearchCatalogueParts {
    float: left;
    margin: 0px 5px 5px 5px;
    padding: 10px;
    width: 70%;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #DFDFDF;
    -moz-box-shadow: 0px 0px 4px #DFDFDF;
    box-shadow: 0px 0px 4px #DFDFDF;
}

.searchPager {
    margin-bottom: 10px;
}

    .searchPager a {
        cursor: pointer;
        color: #000;
        padding: 2px 5px;
        border: 1px solid #DFDFDF;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 0px 0px 4px #DFDFDF;
        -moz-box-shadow: 0px 0px 4px #DFDFDF;
        box-shadow: 0px 0px 4px #DFDFDF;
    }

        .searchPager a:hover {
            background-color: #f2f2f2;
        }


#search-catalogues {
    font-weight: normal;
    float: left;
    margin: 10px 0 0 180px;
}


ul.ui-autocomplete {
    width: 385px;
}


#divSearchTip {
    position: absolute;
    padding: 15px 10px;
    width: 340px;
    background-color: #fafafa;
    border: 1px solid #DFDFDF;
    border-top: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index: 1000;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}

    #divSearchTip p {
        font-size: 12px;
    }


.selectedPart, .selectedItem {
    background-color: #FDD017;
}

.documentLinks {
    border: none;
    background-color: transparent;
    color: #2371b4;
    width: 145px;
    cursor: pointer;
    font-family: inherit;
    font-size: 12px;
}

.colorRed {
    color: red;
}

.cellDocWhereToBuyLinks {
    min-width: 150px;
}

.hidden {
    visibility: hidden;
}

.buttonWhereToBuyLinks {
    background: #0bb720 !important;
    color: #fff;
    border: 1px solid #ccc !important;
    border-radius: 15px;
}

    .buttonWhereToBuyLinks:hover {
        background: #0e961f !important;
    }

.whereToBuyIcon {
    padding-right: 0.5em;
}

.divWhereToBuyLinks {
    background: #fafafa;
    border: 1px solid #f2f2f2;
    padding:4px;    
    box-shadow: 0 8px 6px -6px #000;
}
.divWhereToBuyLinks ul {
    list-style:none;
}
.divWhereToBuyLinks ul li {
    font-size:12px;
}

.whereToBuyLinksList {
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 0 !important;
}

    .whereToBuyLinksList li {
        text-align: center;
        border: 1px solid #ccc;
        border-radius: 9px;
        background: #fff;
        margin-left: 0.5em;
        margin-right: 0.5em;
        padding-left: 0.5em;
        padding-right: 0.5em;
        padding-top: 0.3em;
        padding-bottom: 0.3em;
    }

        .whereToBuyLinksList li:hover {
            background: #f1f1f1;
        }

        .whereToBuyLinksList li a {
            text-decoration: none;
            display: block;
            color: #000;
        }

.otherdoclinks {
    padding: 2px 2px 2px 20px;
    background: url(https://storage.electrika.com/images/newwebimages/common/document.png) 4px 5px no-repeat transparent;
}

.divDocLinksMenu {
    padding: 4px;
    border: 1px solid #f2f2f2;
    background-color: #fafafa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index: 1000;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}

    .divDocLinksMenu ul li {
        list-style: none;
        margin: 3px;
    }

        .divDocLinksMenu ul li a {
            font-size: 13px;
        }

            .divDocLinksMenu ul li a:hover {
                text-decoration: underline;
            }

#divBroseFilesMenu {
    position: relative;
    bottom: -1px;
    float: left;
}

    #divBroseFilesMenu ul {
        float: left;
        margin: 5px 0px 0px 20px;
    }

        #divBroseFilesMenu ul li {
            color: #6b6969;
            background-color: #f6f5f5;
            float: left;
            list-style: none;
            text-align: center;
            font-weight: 600;
            cursor: pointer;
            padding: 6px 4px 10px 4px;
            margin: 0px 2px 0px 2px;
            width: 66px;
            height: 14px;
            border-top: 1px solid #808080;
            border-left: 1px solid #808080;
            border-right: 1px solid #808080;
            border-bottom: 1px solid #808080;
            -moz-border-radius-topleft: 4px;
            -moz-border-radius-topright: 4px;
            -webkit-border-top-left-radius: 4px;
            -webkit-border-top-right-radius: 4px;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
        }

            #divBroseFilesMenu ul li.active {
                background-color: #fff;
                border-bottom: 1px solid #fff;
                color: #000;
            }

            #divBroseFilesMenu ul li#liLocalDataBrowser {
                width: 75px;
            }

#divBrowserContentWrapper {
    border-top: 1px solid #808080;
    float: left;
    width: 100%;
    padding-top: 5px;
}

    #divBrowserContentWrapper p {
        margin: 5px 20px;
    }

#divBroserContent ul {
    margin-left: 20px;
}

    #divBroserContent ul li {
        list-style: none;
        width: 98%;
        padding: 4px;
        margin: 3px 5px;
    }

        #divBroserContent ul li a {
            cursor: pointer;
        }



.fixedActiveToolbar {
    position: fixed;
    top: -6px;
    left: 0;
}

.fixedItemsToolbar {
    position: fixed;
    top: 0px;
    left: 0;
}

.fixedItemsGrid {
    top: 323px;
    bottom: 0;
    position: fixed;
    overflow-y: scroll;
    width: 98%;
}

.fixedItemsGridWithSpread {
    top: 358px;
    bottom: 0;
    position: fixed;
    overflow-y: scroll;
    width: 98%;
}

.fixedPartsGrid {
    top: 370px;
    bottom: 0;
    position: fixed;
    overflow-y: scroll;
    width: 98%;
}


.fixedPartsGridWithSpread {
    top: 400px;
    bottom: 0;
    position: fixed;
    overflow-y: scroll;
    width: 98%;
}


.size14 {
    font-size: 14px;
}

.colorred {
    color: red;
}

.colorgreen {
    color: green;
}

.selectedSearch {
    background-color: #fcf5ee;
}

#btnSaveDiscounts {
    margin-right: 20px;
}