@import url("/css/_part1.css");
@import url("/css/_part2.css");
.expandBrandingButton {
    background: url('../../img/Production/plus-circle.svg') no-repeat center;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
}
.branding-location .placeholder-header:after {
    position: absolute;
    left: 10px;
    top: 50%;
    height: 1px;
    background: #d2d2d2;
    content: "";
    width: 90%;
    display: block;
    z-index: 1;
}
.branding-location .placeholder-footer:after {
    position: absolute;
    left: 10px;
    top: 50%;
    height: 1px;
    background: #d2d2d2;
    content: "";
    width: 90%;
    display: block;
    z-index: 1;
}
.branding-location .placeholder-header .pull-left .btn {
    position: relative;
    z-index: 2;
}

.branding-location .placeholder-header .pull-right .btn {
    position: relative;
    z-index: 2;
}
.branding-location .placeholder-header .text-center .btn {
    position: relative;
    z-index: 2;
}
.branding-location .placeholder-footer .pull-left .btn {
    position: relative;
    z-index: 2;
}
.branding-location .placeholder-footer .text-center .btn {
    position: relative;
    z-index: 2;
}
.branding-location .placeholder-footer .pull-right .btn {
    position: relative;
    z-index: 2;
}
.tblDATComponent td:first-child {
    text-align: center;
}
.tblDATComponent td:first-child > i {
    margin-top: 10px;
}
/* According to IE 6-9 architecture, maximum number of CSS selectors in one file is 4096. Hence, existing production.css has been split in parts to execute all CSS selectors on IE 9. Change done by Ajinkya on Sep 24, 2015. */