@font-face {
    font-family: 'transistorregular';
    src: url('fonts/transist-webfont.eot');
    src: url('fonts/transist-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/transist-webfont.woff') format('woff'),
    url('fonts/transist-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Some utilities classes that aren't in styleguide and some reset styleguide styles */
.textRight {
    text-align: right !important;
}

.acxiom-input {
    margin-left: 5px;
}

.inline {
    margin-top: 0 !important;
    margin-right: 5px;
}

.row-fluid {
    margin-left: 0;
}

.acxm-checkbox input + span{
    line-height: 14px;
}

.pull-left {
    float: left !important;
}

.acxiom-subtabs-container,
body > .acxiom-page-container {
    z-index: auto;
}

.acxm-modal,
.acxm-dialog,
.acxm-dialog.acxm-p-confirm,
.acxm-dialog .acxm-dialog-message{
    display: block;
}

.acxm-dropdown.acxm-p-disabled{
    color: #B6B6B6;
}

h5.warning{
    color: #B00040;
}



/* Custom universal styles for Account Center */

.empty {
    color:grey !important;
}

.accessTableCell {
    border:1px solid #dbdbdb;
    text-align:center;
    padding: 10px 10px;
    vertical-align: middle;
    cursor: pointer;
}

.accessTableParent {
    border-right: 0px !important;
    position: relative;
}

.accessTreeApp::after {
    content: "";
    bottom: -17px;
    position: absolute;
    border-bottom: 16px solid transparent;
    border-left: 16px solid #dbdbdb;
    right: 0px;
    z-index: 1;
}

.accessTreeApp::before {
    content: "";
    bottom: -17px;
    position: absolute;
    border-bottom: 16px solid transparent;
    border-right: 16px solid #dbdbdb;
    left: 0px;
    z-index: 1;
}

.accessTreeAppCollapse::before {
    display: none;
}

.accessTreeAppCollapse::after {
    display: none;
}

.accessTableParent::before {
    content: "";
    bottom: -1px;
    position: absolute;
    border-top: 12px solid transparent;
    border-right: 12px solid #dbdbdb;
    right: -11px;
    z-index: 5;
}

.accessTableParent::after {
    content: "";
    top: -1px;
    position: absolute;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #dbdbdb;
    right: -11px;
    z-index: 5;
}

.accessTreeFeature:nth-child(2) {
    border-top: 3px solid #dbdbdb!important;
}

.accessTreeApp, .accessTreeObjectContainer {
    position:relative;
    z-index:2;
}

.accessTreeFeature:last-child .accessTreeObjectContainer {
    border-bottom: 1px solid #dbdbdb
}

.accessTableCellTable {
    padding: 10px 10px;
    padding-left:0px;
    border:none !important;
    cursor: default;
}

.accessTreeParent {
    background: #faf8f9;
    cursor: default;
}

.accessTable3D {
    background-color: #faf8f9;
    position: relative;
    width:10px;
}

.accessTable3D::before {
    content: "";
    bottom:-1px;
    position: absolute;
    border-top: 11px solid transparent;
    border-right: 11px solid white;
    right: -1px;
    z-index: 6;
}

.accessTable3D::after {
    content: "";
    top:-1px;
    position: absolute;
    border-bottom: 11px solid transparent;
    border-right: 11px solid white;
    right: -1px;
    z-index: 6;
}

.activeControlActive {
    border:1px solid rgb(18,153,83);
    background: rgba(18,153,83,0.05);
}

.activeControlDisabled {
    border:1px solid rgb(153,32,18);
    background: rgba(153,32,18,0.05);
}

.activeControlInfo {
    border:1px solid rgb(18,153,83);
    background: rgba(0,0,0,0.05);
}

.activeControlInfo3D {
    background: rgba(0,0,0,0.05);
}

.activeControlInfoParent::before {
    border-right: 12px solid rgb(18,153,83);
}

.activeControlInfoParent::after {
    border-right: 12px solid rgb(18,153,83);
}

.activeControlActive3D {
    background: rgba(18,153,83,0.05);
}

.activeControlActiveParent::before {
    border-right: 12px solid rgb(18,153,83);
}

.activeControlActiveParent::after {
    border-right: 12px solid rgb(18,153,83);
}

.activeControlDisabled3D {
    background: rgba(153,32,18,0.05);
}

.activeControlDisabledParent::before {
    border-right: 12px solid rgb(153,32,18);
}

.activeControlDisabledParent::after {
    border-right: 12px solid rgb(153,32,18);
}


.checkboxDropdown {
    padding:3px;
}

.checkboxSelect {
    overflow:hidden;
}

.partialChecked {
    background-position: 0 -28px !important;
}

.hmar{
    margin: 15px 0 !important;
}

.vmar{
    margin: 0 15px !important;
}

.hmar.vmar{
    margin: 15px !important;
}

.AC_SideNav {
    padding: 0px;
    margin: 0px;
    height: 445px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right:18px;
}

.AC_NavItem {
    width:100%;
    list-style: none;
}

.AC_NavItem:nth-child(even) {
    background: #faf8f9;
}

.AC_NavItem [class*="span"]{
    min-height: inherit;
}

.AC_NavItem:nth-last-child(2) {
    border-bottom: 0px !important;
}

.AC_NavItem:after{
    clear: both;
    display: block;
    width: 100%;
    height: 0;
    content: "";
}

.AC_NavItem:hover {
    background: #e4ebf1;
    cursor:pointer;
}

.AC_NavItem.active {
    background: #BBC7D1;
}

.viewChange.ng-enter {
    -webkit-transition: 0.25s ease all;
    transition: 0.25s ease all;
    position:relative;
    top:20px;
    opacity:0;
}

.viewChange.ng-enter.ng-enter-active {
    top:0px;
    opacity:1;
}

.viewChange.ng-leave
.viewChange.ng-hide-add,
.viewChange.ng-hide-remove {
    -webkit-transition:0.25s ease all;
    transition:0.25s ease all;
    position:relative;
    top:0px;
    opacity:1;
}

.viewChange.ng-hide {
    opacity:0;
    top:20px;
}

.roleChange.ng-enter {
    -webkit-transition: 0.2s linear all;
    transition: 0.2s linear all;
    position:relative;
    left:50px;
    opacity:0;
}

.roleChange.ng-enter.ng-enter-active {
    left:0px;
    opacity:1;
}

.roleChange.ng-leave
.roleChange.ng-hide-add,
.roleChange.ng-hide-remove {
    -webkit-transition:0.2s linear all;
    transition:0.2s linear all;
    position:relative;
    left:0px;
    display:block!important;
    opacity:1;
}

.roleChange.ng-hide {
    opacity:0;
    left:50px;
}

.removeRole {
    position: absolute;
    top: 0px;
    right: 0px;
}

.loginKeyImg {
    width:94%;
    height:94%;
    margin:3%;
    background-color:#dbdbdb;
    -webkit-transition: background-color 200ms ease, -webkit-transform 5000ms ease;
    -moz-transition: background-color 200ms ease, -moz-transform 5000ms ease;
    -o-transition: background-color 200ms ease, -o-transform 5000ms ease;
    transition: background-color 200ms ease, transform 5000ms ease;
    -webkit-transform: translateZ(1px) rotate(0deg);
    -moz-transform: translateZ(1px) rotate(0deg);
    -o-transform: translateZ(1px) rotate(0deg);
    transform: translateZ(1px) rotate(0deg);
}

.loginValid {
    background-color: #0096D3 !important;
}

.loginKeyRotate {
    -webkit-transform: translateZ(1px) rotate(-225deg);
    -moz-transform: translateZ(1px) rotate(-225deg);
    -o-transform: translateZ(1px) rotate(-225deg);
    transform: translateZ(1px) rotate(-225deg);
}

/* Custom styles for pages based on controllerName */

#CI_users .table-filter .acxm-checkbox,
#addUserToRole .table-filter .acxm-checkbox{
    margin-top: 6px;
}

#CI_users .dataTables_length{
    margin-top: -32px;
    margin-right: 146px;
    padding-top: 5px
}

#CI_users .dataTables_paginate{
    margin-top: 132px;
}

#CI_users .dataTables_paginate > span a{
    display: none;
}

#CI_users .dataTables_paginate > span span{
    float: none;
}

#CI_users .dataTables_paginate .acxiom-input{
    width: 20px;
    float: left;
    margin: -9px 3px 0 0;
}

.dataTables_paginate .first{
    margin-right: 2px;
}

.dataTables_filter {
    margin: -71px 0 0 0;
    right: 142px;
}

.dataTables_paginate .total,
.dataTables_paginate .total .count{
    color: #FFFFFF;
    line-height: 13px;
    margin-left: 1px;
    margin-right: 3px;
}

.acxiom-action-container.dark .dataTables_filter label{
    color: #666666;
}

.dataTables_filter .acxiom-tooltip{
    top: -54px;
    left: 40px;
    line-height: 14px;
    word-spacing: 0;
}

.acxiom-action-container .dataTables_filter .acxiom-input{
    margin-left: 5px;
}

.dataTables_filter .acxiom-tooltip:after{
    bottom: -10px;
}

.dataTables_length select{
    width: 60px;
}

.dataTables_length label{
    margin-right: 5px;
    line-height: 13px;
}



.scrollBar{
    height: 15px;
    background: no-repeat center center #dcdcdc;
    cursor: pointer;
}

.scrollBar:hover{
    background-color: #E6E6E6;
}

.scrollBar.disabled,
.scrollBar.disabled:hover{
    background-color: #F1F1F1;
    cursor: auto;
    opacity: 0.5;
}

.scrollBar.top{
    background-image: url('../images/arrow-top.png');
}

.scrollBar.bottom{
    background-image: url('../images/arrow-bottom.png');
}

.acxiom-table{
    background: transparent;
}

.acxiom-table table{
    background: #FFF;
}

.acxiom-subtabs-container{
    height: 29px;
}

.acxiom-subnavSec-tabs-div ul li{
    height: 15px;
}

.node circle {
    fill: #fff;
    stroke: #8399AD;
    stroke-width: 1.5px;
}

.node circle.value-true{
    fill: #BEC69D;
    stroke: #83913D;
}

.node circle.value-false{
    fill: #C48E88;
    stroke: #795D5A;
}

.node circle.value-partial{
    fill: #fff;
    stroke: #83913D;
}

.checkboxTertiary {
    background-position: 0 -28px !important;
}

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

.permissionDropdown {
    height: 18px;
    width: 18px;
    position: absolute;
    top: 8px;
    right: 10px;
}

.permissionDropdown img {
    width: 6px;
    height: 6px;
    position: absolute;
    top: 6px;
    right: 6px;
}

.link {
    fill: none;
    stroke: #ccc;
    stroke-width: 1.5px;
}

.acxm-modal,
.acxm-dialog,
.acxm-dialog.acxm-p-confirm{
    max-width: 600px;
    width: 600px;
    position: static;
}

.modal-sm .acxm-modal,
.modal-sm .acxm-dialog,
.modal-sm .acxm-dialog.acxm-p-confirm{
    max-width: 300px;
    width: 300px;
}

.acxm-modal .acxm-p-close{
    float: right;
    cursor: pointer;
}

.acxm-dialog.acxm-p-confirm .acxm-dialog-message .acxm-dialog-buttons{
    overflow: hidden;
}

/* MODAL STYLES FROM BOOTSTRAP */


.modal-open {
    overflow: hidden;
}
.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal.fade .modal-dialog {
    -webkit-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}
.modal-content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}
.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}
.modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px;
}
.modal-header .close {
    margin-top: -2px;
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
}
.modal-body {
    position: relative;
    padding: 15px;
}
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}
@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
    .modal-sm {
        width: 300px;
    }
}
@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}
.clearfix:before,
.clearfix:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table;
}


/* REGISTRATION */
/* Some utilities classes that aren't in styleguide and some reset styleguide styles */
.closed {

    border: 1px solid #DBDBDB !important;
}
.close-left {
    border-left: 1px solid #DBDBDB !important;
}


.textRight {
    text-align: right !important;
}

.acxiom-input {
    margin-left: 5px;
}

.inline {
    margin-top: 0 !important;
    margin-right: 5px;
}

.row-fluid {
    margin-left: 0;
}

.acxm-checkbox input + span{
    line-height: 14px;
}

.pull-left {
    float: left !important;
}

.acxiom-subtabs-container,
body > .acxiom-page-container {
    z-index: auto;
}

.acxm-modal{
    display: block;
}

/* Custom universal styles for Account Center */
.status-locked {
    color: #DD3A3A;
    font-weight: bold;
}

.registrationForm {
    display: block;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    font-size: 0;
    width: 100%;
    line-height: 13px;
}

.registrationForm > span {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-size: 13px;
    padding: 8px 5px 0 0;
}

.registrationForm > span:after {
    content: ":";
}

.registrationForm > span:after{

}

.registrationForm > input, .registrationForm > textarea {
    font-family: Acxiom-Helvetica;
    font-size: 13px;
    border: 1px solid #BEBEBE;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    color: #333333;
    font-size: 12px;
    padding: 4px 6px;
    height: 28px;
    width: 100%;
    background-color: #fff;
}

.registrationHelper {
    background-color: #FFEDED;
    border-color: #992012 !important;
    position: absolute;
}

.registrationHelper:after, .registrationHelper:before {
    left: 100%;
    top: 15px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.registrationHelper:after {
    border-color: rgba(255, 237, 237, 0);
    border-left-color: #FFEDED;
    border-width: 10px;
    margin-top: -10px;
    content: "";
}
.registrationHelper:before {
    border-color: rgba(153, 32, 18, 0);
    border-left-color: #992012;
    border-width: 11px;
    margin-top: -11px;
    content: "";
}

.registrationHelperValid {
    background-color: #EDFFF2;
    border-color: #129953 !important;
}

.registrationHelperValid:after {
    border-color: rgba(237, 255, 242, 0);
    border-left-color: #EDFFF2;
    content: " ";
}

.registrationHelperValid:before {
    border-color: rgba(18, 153, 83, 0);
    border-left-color: #129953;
    content: " ";
}

.registrationInvalid {
    border-color: #992012 !important;
    border:1px solid;
}

[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none !important;
}

.formContainer {
    position: relative;
    min-height:400px !important;
}

.registrationSelect {
    margin-left: 2.127659574468085% !important;
    width: 82.97872340425532% !important;
}

/* Terms and conditions special styling */
.MsoNormalTable {
    margin-left:0px !important;
}

.filled{
    background: #FAF8F9 !important;
}

#Registration .acxm-dropdown.acxm-p-horizontal span{
    width: 14.8936%;
    text-align: left;
    padding: 8px 5px 0 0
}

#Registration .acxm-dropdown.acxm-p-horizontal select{
    width: 83%;
    margin-left: 2.12766%;
}

#Registration .acxm-dropdown.states:after{
    bottom: 3px;
}

#recaptcha_response_field{
    background-color: #FFF;
    border: 1px solid #DFDFDF !important;
    border-radius: 2px;
    height: 28px;
    font-size: 12px;
}

.error{
    color: #ba2c26;
    font-size: 12px;
    white-space: pre-wrap;
    display : block;
}

.success{
    color: #8FA03D;
    font-size: 12px;
    display : block;
}

.acxm-tooltip{
    right: 300px; /* override for situation where there is info tooltip and error tooltip */
}

form[name="registerExternalUser"] .acxm-tooltip{
    right: 200px;
    width: 100%;
}

.acxm-textfield.acxm-p-invalid > input:focus ~ .acxm-tooltip{
    display: block;
}

.acxm-modal .acxm-tooltip{
    right: 180px;
}

.acxm-tabs .acxm-tabs-container{
    overflow: visible;
}

.clear{
    width: 100%;
    height: 0;
    clear: both;
    display: block;
    line-height: 0;
}

.acx-global-navigation{
    height: 75px;
}

body > .acxiom-page-container{
    top: 0;
}

.acxm-textfield .acxm-hint span{
    white-space: pre-wrap;
}

.acxm-tooltip ul.password-rules > li{
    list-style-type: decimal !important;
    display: block !important;
    padding: 2px 0 !important;

}

ul.password-rules > li:first-child{
    margin-bottom: 5px;
}

.acxm-tooltip{
    z-index: 1000;
}

#error-page{
    background: #f1f1f1;
}

#error-page .errorCode{
    font-size: 140px;
    font-family: 'transistorregular';
}

#error-page .bubble {
    position: relative;
    width: 500px;
    padding: 0px;
    background: #FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    left: 50%;
    margin-left: -250px;
}

#error-page .bubble:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 110px;
    border-style: solid;
    border-width: 15px 15px 0;
    border-color: #FFFFFF transparent;
    display: block;
    width: 0;
    z-index: 1;
}

#error-page .infoText{
    font-size: 40px;
    font-family: 'transistorregular';
    line-height: 40px;
    text-align: center;
}


#error-page .messageSender{
    background: url('../images/messageSender.png') no-repeat 0 0 transparent;
    width: 188px;
    height: 230px;
    margin-left: 80px;
    position: relative;
    left: 50%;
    margin-left: -220px;
    margin-top: 40px;
}

#error-page.error500{
    background: #000080;
    color: #FFF;
}

#error-page.error500 .errorCode{
    font-size: 30px;
    padding: 10px;
    background: #c0c0c0;
    color: #000080;
}

#error-page.error500{
    font-size: 14px;
}



#Registration .acxm-dropdown{
    padding: 5px;
}

.acxm-action-container .acxm-dropdown.acxm-p-horizontal select{
    width: 62.3%;
}

.acxm-table table{
    table-layout: fixed;
}

.acxm-table table td.longText{
    position: relative;
}

.acxm-table table td.longText .ellipsedText{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    word-wrap: normal;
}

.acxm-table table td.longText .overlapped{
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #e4ebf1;
    border-radius: 4px;
    left: 0;
    padding: inherit;
    position: absolute;
    white-space: normal;
    word-wrap: break-word;
    z-index: 200;

}

.lt-ie9 .acxm-table table td.longText .overlapped{
    bottom: 0px;
    margin-top: 1px;
}

.acxm-table table th.selectable{
    width: 72px;
}


.noOverflow{
    overflow: visible !important;
}

/*AWEB-2475*/
.acx-topnav-logo a div span{
    vertical-align: bottom;
    display: inline;
    position: static;
}

.acx-topnav-logo img{
    padding: 0;
}

.acx-topnav-logo a div{
    width: auto;
}

.acx-topnav-logo a{
    color: transparent;
}

.modal-dialog .hasTooltip .acxm-error{
    max-width: 155px;
}

#recaptcha.registrationInvalid{
    border: none;
}

#recaptcha.registrationInvalid .recaptchatable{
    border-color: #992012 !important;
}

.tipsy{
    font-size: 11px;
    position: absolute;
    padding: 5px;
    z-index: 100000;
    left: 0;
    top: 0;
    display: none;
    width: 100%;
}

.tipsy .tipsy-arrow{
    left: 0;
    top: 50%;
    margin-top: -5px;
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed #C00;
    border-right-style: solid;
    border-left: none;
    border-top-color: rgba(0, 0, 0, 0);
    border-bottom-color: rgba(0, 0, 0, 0);
}

.tipsy .tipsy-inner{
    background-color: #C00;
    color: #FFF;
    max-width: 200px;
    padding: 5px 8px 4px 8px;
    text-align: center;
    box-shadow: 0 0 5px #C00;
    -webkit-box-shadow: 0 0 5px #C00;
    -moz-box-shadow: 0 0 5px #C00;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.capsLockWarning{
    font-size: 11px;
    font-weight: bold;
    background: url('../images/warning-iconsmall.png') left center transparent no-repeat;
    height: 20px;
    padding-left: 25px;
    line-height: 20px;
    margin-left: 5px;
}

.autocomplete{
    padding: 0px 6px;
    height: 28px;
    width: 65%;
    background-image: url("data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%22100%25%22%20height%3d%22100%25%22%3e%3cdefs%3e%3clinearGradient%20id%3d%22G%22%20x2%3d%220%25%22%20y2%3d%22100%25%22%3e%3cstop%20style%3d%22stop%2dcolor%3argba(242%2C242%2C242%2C1)%22%20offset%3d%220%25%22%2f%3e%3cstop%20style%3d%22stop%2dcolor%3argba(228%2C228%2C228%2C1)%22%20offset%3d%22100%25%22%2f%3e%3c%2flinearGradient%3e%3c%2fdefs%3e%3crect%20width%3d%22100%25%22%20height%3d%22100%25%22%20fill%3d%22url%28%23G%29%22%2f%3e%3c%2fsvg%3e");
    display: inline-block;
    border: 1px solid #cccccc;
    position: relative;
    box-sizing: inherit;
}

.autocomplete input{
    background: transparent;
    border: none;
    width: 90%;
    font-size: 12px;
    padding-left: 3px;
    display: inline-block;
    vertical-align: middle;
}

.acxm-dropdown.acxm-p-horizontal .autocomplete .arrow{
    width: 30px;
    height: 24px;
    position: absolute;
    right: 1px;
    top: calc(50% - 13px);
    background: url("data:image/png;base64,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") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.acxm-dropdown.acxm-p-horizontal .autocomplete .arrow:hover{
    cursor: pointer;
}

.acxm-dropdown.acxm-p-horizontal .autocomplete .arrow:after{
    content: ""
}

.acxm-dropdown.acxm-p-horizontal .autocomplete .optionList{
    display: none;
    max-height: 200px;
    width: 100%;
    overflow: scroll;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    position: absolute;
    left: -1px;
    top: 27px;
    background: #E5E5E5;
    z-index: 100;

}

.acxm-dropdown.acxm-p-horizontal .autocomplete .optionList li{
    color: #333333;
    font-size: 12px;
    padding: 4px;
}

.acxm-dropdown.acxm-p-horizontal .autocomplete .optionList li:hover{
    background: #1e91fc;
    color: #fff;
    cursor: pointer;
}

.acxm-dropdown.hasAutocomplete:after{
    display: none;
}

.acxm-textfield.acxm-p-mandatory > span:after{
    color: red;
    content: '*';
}

.acxm-dropdown.acxm-p-mandatory > span:after{
    color: red;
    content: ' * ';
    font-weight: bold;
}

.acxm-dropdown.acxm-p-horizontal:after{
    right: 6px;
}