/*****************erx-svg Style Start******************/
.slds .erx-svg {
    fill: #18345e;
}
/*****************erx-svge END******************/

/************************erx-tooltip Start************************/
.slds .slds-dropdown-trigger:hover .erx-tooltip , .slds .slds-dropdown-trigger:focus .erx-tooltip  {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.1s linear, visibility 0.1s linear;
    transition: opacity 0.1s linear, visibility 0.1s linear;
    top: -14px;
    text-align: left;
}

.slds .slds-dropdown-trigger:hover .erx-configuration-tooltip , .slds .slds-dropdown-trigger:focus .erx-configuration-tooltip  {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.1s linear, visibility 0.1s linear;
    transition: opacity 0.1s linear, visibility 0.1s linear;
    top: -14px;
    text-align: left;
}

.slds .slds-dropdown-trigger .erx-tooltip  {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.1s linear, visibility 0.1s linear;
    transition: opacity 0.1s linear, visibility 0.1s linear;
    display:inline-block;
    position: absolute;
    right: 100%;
    max-width:800px;
    background:#18345e;
    top: -14px;
    text-align: left;
}

.slds .slds-dropdown-trigger .erx-configuration-tooltip  {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.1s linear, visibility 0.1s linear;
    transition: opacity 0.1s linear, visibility 0.1s linear;
    display:inline-block;
    position: absolute;
    max-width:800px;
    left: 100%;
    background:#18345e;
    top: -14px;
    text-align: left;
}

.slds .erx-tooltip ul{
    font-size:14px;
    line-height:21px;
}

.slds .erx-configuration-tooltip ul{
    font-size:14px;
    line-height:21px;
}

.slds .erx-tooltip ul li {
    list-style-position:inside;
    word-wrap: break-word;
    line-height:21px;
    text-indent: -28px;
    padding-left: 28px;
}

.slds .erx-configuration-tooltip ul li {
    list-style-position:inside;
    word-wrap: break-word;
    line-height:21px;
    text-indent: -28px;
    padding-left: 28px;
}

/*.slds .erx-tooltip--left:before,.slds .erx-tooltip--left:after {
    top:19px;
}*/

.slds .erx-tooltip-button--right {
    padding-left: 12px !important;
    /*padding-bottom: 26px!important;*/
}

.slds .erx-configuration-tooltip-button--right {
    padding-left: 12px !important;
}


@media only screen and (min-width: 480px) {
    .slds .slds-dropdown-trigger .erx-configuration-tooltip {
        min-width: 400px;
    }
    
    .slds .slds-dropdown-trigger .erx-tooltip {
        min-width: 400px;
    }
}

@media only screen and (min-width: 768px) {
    .slds .slds-dropdown-trigger .erx-configuration-tooltip {
        min-width: 600px;
    }

    .slds .slds-dropdown-trigger .erx-tooltip {
        min-width: 600px;
    }
}

@media only screen and (max-width: 1023px) {
    .slds .slds-dropdown-trigger .erx-configuration-tooltip {
        max-width: 600px;
    }

    .slds .slds-dropdown-trigger .erx-tooltip {
        max-width: 600px;
    }
}

@media only screen and (max-width: 767px) {
    .slds .slds-dropdown-trigger .erx-configuration-tooltip {
        max-width: 400px;
    }

    .slds .slds-dropdown-trigger .erx-tooltip {
        max-width: 400px;
    }

    .slds .erx-configuration-tooltip ul {
        font-size: 12px;  line-height: normal;
    }

    .slds .erx-configuration-tooltip .slds-popover__body {
        padding: 8px 15px;
    }
}

@media only screen and (max-width: 479px) {
    .slds .slds-dropdown-trigger .erx-configuration-tooltip {
        width: 190px;
    }

    .slds .slds-dropdown-trigger .erx-tooltip {
        width: 190px;
    }
}

/************************erx-tooltip End************************/

/************************erx-page-messages Start************************/
.erx-page-messages {
    padding: 1rem;
    color: #FFF;
    background: #C23934 none repeat scroll 0% 0%;
    box-shadow: 2px 2px 5px black;
    border-radius: 3px;
    margin-bottom: 1rem;
}

.erx-page-messages img {
    margin-right: 0.75rem;
}
/************************erx-page-messages End************************/

/************************erx-checkbox Start************************/
.erx-checkbox-default [type="checkbox"][disabled] ~ .slds-checkbox--faux:after {
    border-color: #1589ee !important;
}

/************************erx-checkbox End************************/

.slds .slds-modal__header .slds-popover__body, .slds .slds-modal__footer .slds-popover__body {
    text-transform: none;
}

.slds .slds-dropdown-trigger .erx-configuration-tooltip.video-tooltip {
    top: -230px;
}