/*v1.1
Latest update: 2019.July.15

Bell IT-DCX Frameworks All browsers generic styles and helpers
Do not modify/use this file to host styles for custom components
Contact Bell IT DCX UX Solution Architect for support and updates

Media Queries at the end of File
*/

/*START CARETS*/
.caret{position:relative}
.caret:after,.caret_outline:before{content:'';display:block;position:absolute;z-index:5;width:0;height:0;border-style:solid;border-color:transparent}
.caret:after{border-width:12px}
.popup.caret:after{border-width:8px}
.caret_outline:before{border-width:17px}
.caret_outline.caret_on-active.active{box-shadow:inset 0 0 0 4px #00549a,0 0 10px 2px rgba(0,0,0,.2)}
.caret_on-active:before,.caret_on-active:after{transition:border-width .2s cubic-bezier(.55,0,.1,1),box-shadow .15s cubic-bezier(.17,.67,.83,.67)}
.caret_on-active:not(.active):before,.caret_on-active:not(.active):after{border-width:0}

/* 2. Directions */
.caret_top:after,.caret_top.caret_outline:before,.caret_bottom:after,.caret_bottom.caret_outline:before{left:50%}
.caret_top-left:after,.caret_top-left.caret_outline:before,.caret_bottom-left:after,.caret_bottom-left.caret_outline:before{left:calc(50% - 80px)}
.caret_top-right:after,.caret_top-right.caret_outline:before,.caret_bottom-right:after,.caret_bottom-right.caret_outline:before{left:calc(50% + 80px)}
.caret_top-right:after,.caret_top-left:after,.caret_top:after{top:0}
.caret_top-right:after,.caret_top-right.caret_outline:before,.caret_top-left:after,.caret_top-left.caret_outline:before,.caret_top:after,.caret_top.caret_outline:before{-webkit-transform:translateX(-50%) translateY(-100%);-ms-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%)}
.caret_top.caret_outline:before,.caret_top.caret_outline:after{top:4px}
.caret_bottom:after{bottom:0}
.caret_bottom:after,.caret_bottom.caret_outline:before{-webkit-transform:translateX(-50%) translateY(100%);-ms-transform:translateX(-50%) translateY(100%);transform:translateX(-50%) translateY(100%)}
.caret_bottom.caret_outline:before,.caret_bottom.caret_outline:after{bottom:4px}
.caret_right:after,.caret_right.caret_outline:before,.caret_left:after,.caret_left.caret_outline:before{top:50%}
.caret_right:after{right:0}
.caret_right:after,.caret_right.caret_outline:after{-webkit-transform:translateX(100%) translateY(-50%);-ms-transform:translateX(100%) translateY(-50%);transform:translateX(100%) translateY(-50%)}
.caret_right.caret_outline:before,.caret_right.caret_outline:after{right:4px}
.caret_left:after{left:0}
.caret_left:after,.caret_left.caret_oueline:before{-webkit-transform:translateX(-100%) translateY(-50%);-ms-transform:translateX(-100%) translateY(-50%);transform:translateX(-100%) translateY(-50%)}
.caret_left.caret_outline:before,.caret_left.caret_outline:after{left:4px}
@media (max-width: 767.98px) {
.caret_top-xs:after,.caret_top-xs.caret_outline:before,.caret_bottom-xs:after,.caret_bottom-xs.caret_outline:before{left:50%}
.caret_top-xs:after{top:0}
.caret_top-xs:after,.caret_top-xs.caret_outline:before{-webkit-transform:translateX(-50%) translateY(-100%);-ms-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%)}
.caret_top-xs.caret_outline:before,.caret_top-xs.caret_outline:after{top:4px}
.caret_bottom-xs:after{bottom:0}
.caret_bottom-xs:after,.caret_bottom-xs.caret_outline:before{-webkit-transform:translateX(-50%) translateY(100%);-ms-transform:translateX(-50%) translateY(100%);transform:translateX(-50%) translateY(100%)}
.caret_bottom-xs.caret_outline:before,.caret_bottom-xs.caret_outline:after{bottom:4px}
.caret_right-xs:after,.caret_right-xs.caret_outline:before,.caret_left-xs:after,.caret_left-xs.caret_outline:before{top:50%}
.caret_right-xs:after{right:0}
.caret_right-xs:after,.caret_right-xs.caret_outline:before{-webkit-transform:translateX(100%) translateY(-50%);-ms-transform:translateX(100%) translateY(-50%);transform:translateX(100%) translateY(-50%)}
.caret_right-xs.caret_outline:before,.caret_right-xs.caret_outline:after{right:4px}
.caret_left-xs:after{left:0}
.caret_left-xs:after,.caret_left-xs.caret_oueline:before{-webkit-transform:translateX(-100%) translateY(-50%);-ms-transform:translateX(-100%) translateY(-50%);transform:translateX(-100%) translateY(-50%)}
.caret_left-xs.caret_outline:before,.caret_left-xs.caret_outline:after{left:4px}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.caret_top-sm:after,.caret_top-sm.caret_outline:before,.caret_bottom-sm:after,.caret_bottom-sm.caret_outline:before{left:50%}
.caret_top-sm:after{top:0}
.caret_top-sm:after,.caret_top-sm.caret_outline:before{-webkit-transform:translateX(-50%) translateY(-100%);-ms-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%)}
.caret_top-sm.caret_outline:before,.caret_top-sm.caret_outline:after{top:4px}
.caret_bottom-sm:after{bottom:0}
.caret_bottom-sm:after,.caret_bottom-sm.caret_outline:before{-webkit-transform:translateX(-50%) translateY(100%);-ms-transform:translateX(-50%) translateY(100%);transform:translateX(-50%) translateY(100%)}
.caret_bottom-sm.caret_outline:before,.caret_bottom-sm.caret_outline:after{bottom:4px}
.caret_right-sm:after,.caret_right-sm.caret_outline:before,.caret_left-sm:after,.caret_left-sm.caret_outline:before{top:50%}
.caret_right-sm:after{right:0}
.caret_right-sm:after,.caret_right-sm.caret_outline:before{-webkit-transform:translateX(100%) translateY(-50%);-ms-transform:translateX(100%) translateY(-50%);transform:translateX(100%) translateY(-50%)}
.caret_right-sm.caret_outline:before,.caret_right-sm.caret_outline:after{right:4px}
.caret_left-sm:after{left:0}
.caret_left-sm:after,.caret_left-sm.caret_oueline:before{-webkit-transform:translateX(-100%) translateY(-50%);-ms-transform:translateX(-100%) translateY(-50%);transform:translateX(-100%) translateY(-50%)}
.caret_left-sm.caret_outline:before,.caret_left-sm.caret_outline:after{left:4px}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.caret_top-md:after,.caret_top-md.caret_outline:before,.caret_bottom-md:after,.caret_bottom-md.caret_outline:before{left:50%}
.caret_top-md:after{top:0}
.caret_top-md:after,.caret_top-md.caret_outline:before{-webkit-transform:translateX(-50%) translateY(-100%);-ms-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%)}
.caret_top-md.caret_outline:before,.caret_top-md.caret_outline:after{top:4px}
.caret_bottom-md:after{bottom:0}
.caret_bottom-md:after,.caret_bottom-md.caret_outline:before{-webkit-transform:translateX(-50%) translateY(100%);-ms-transform:translateX(-50%) translateY(100%);transform:translateX(-50%) translateY(100%)}
.caret_bottom-md.caret_outline:before,.caret_bottom-md.caret_outline:after{bottom:4px}
.caret_right-md:after,.caret_right-md.caret_outline:before,.caret_left-md:after,.caret_left-md.caret_outline:before{top:50%}
.caret_right-md:after{right:0}
.caret_right-md:after,.caret_right-md.caret_outline:before{-webkit-transform:translateX(100%) translateY(-50%);-ms-transform:translateX(100%) translateY(-50%);transform:translateX(100%) translateY(-50%)}
.caret_right-md.caret_outline:before,.caret_right-md.caret_outline:after{right:4px}
.caret_left-md:after{left:0}
.caret_left-md:after,.caret_left-md.caret_oueline:before{-webkit-transform:translateX(-100%) translateY(-50%);-ms-transform:translateX(-100%) translateY(-50%);transform:translateX(-100%) translateY(-50%)}
.caret_left-md.caret_outline:before,.caret_left-md.caret_outline:after{left:4px}
}
@media (min-width: 1200px) {
.caret_top-lg:after,.caret_top-lg.caret_outline:before,.caret_bottom-lg:after,.caret_bottom-lg.caret_outline:before{left:50%}
.caret_top-lg:after{top:0}
.caret_top-lg:after,.caret_top-lg.caret_outline:before{-webkit-transform:translateX(-50%) translateY(-100%);-ms-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%)}
.caret_top-lg.caret_outline:before,.caret_top-lg.caret_outline:after{top:4px}
.caret_bottom-lg:after{bottom:0}
.caret_bottom-lg:after,.caret_bottom-lg.caret_outline:before{-webkit-transform:translateX(-50%) translateY(100%);-ms-transform:translateX(-50%) translateY(100%);transform:translateX(-50%) translateY(100%)}
.caret_bottom-lg.caret_outline:before,.caret_bottom-lg.caret_outline:after{bottom:4px}
.caret_right-lg:after,.caret_right-lg.caret_outline:before,.caret_left-lg:after,.caret_left-lg.caret_outline:before{top:50%}
.caret_right-lg:after{right:0}
.caret_right-lg:after,.caret_right-lg.caret_outline:before{-webkit-transform:translateX(100%) translateY(-50%);-ms-transform:translateX(100%) translateY(-50%);transform:translateX(100%) translateY(-50%)}
.caret_right-lg.caret_outline:before,.caret_right-lg.caret_outline:after{right:4px}
.caret_left-lg:after{left:0}
.caret_left-lg:after,.caret_left-lg.caret_oueline:before{-webkit-transform:translateX(-100%) translateY(-50%);-ms-transform:translateX(-100%) translateY(-50%);transform:translateX(-100%) translateY(-50%)}
.caret_left-lg.caret_outline:before,.caret_left-lg.caret_outline:after{left:4px}
}

/* 3.1. Default */
.caret_top-right:after,.caret_top-left:after,.caret_top:after{border-bottom-color:#fff}
.caret_right:after{border-left-color:#fff}
.caret_bottom:after{border-top-color:#fff}
.caret_left:after{border-right-color:#fff}
.caret_outline.caret_top:before{border-bottom-color:#00549a}
.caret_outline.caret_right:before{border-left-color:#00549a}
.caret_outline.caret_bottom:before{border-top-color:#00549a}
.caret_outline.caret_left:before{border-right-color:#00549a}
@media (max-width: 767.98px) {
.caret_top-xs,.caret_right-xs,.caret_bottom-xs,.caret_left-xs{border-color:transparent}
.caret_top-xs:after{border-bottom-color:#fff}
.caret_right-xs:after{border-left-color:#fff}
.caret_bottom-xs:after{border-top-color:#fff}
.caret_left-xs:after{border-right-color:#fff}
.caret_outline.caret_top-xs:before{border-bottom-color:#00549a}
.caret_outline.caret_right-xs:before{border-left-color:#00549a}
.caret_outline.caret_bottom-xs:before{border-top-color:#00549a}
.caret_outline.caret_left-xs:before{border-right-color:#00549a}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.caret_top-sm,.caret_right-sm,.caret_bottom-sm,.caret_left-sm{border-color:transparent}
.caret_top-sm:after{border-bottom-color:#fff}
.caret_right-sm:after{border-left-color:#fff}
.caret_bottom-sm:after{border-top-color:#fff}
.caret_left-sm:after{border-right-color:#fff}
.caret_outline.caret_top-sm:before{border-bottom-color:#00549a}
.caret_outline.caret_right-sm:before{border-left-color:#00549a}
.caret_outline.caret_bottom-sm:before{border-top-color:#00549a}
.caret_outline.caret_left-sm:before{border-right-color:#00549a}
}
@media (min-width: 991px) and (max-width: 1199.98px) {
.caret_top-md,.caret_right-md,.caret_bottom-md,.caret_left-md{border-color:transparent}
.caret_top-md:after{border-bottom-color:#fff}
.caret_right-md:after{border-left-color:#fff}
.caret_bottom-md:after{border-top-color:#fff}
.caret_left-md:after{border-right-color:#fff}
.caret_outline.caret_top-md:before{border-bottom-color:#00549a}
.caret_outline.caret_right-md:before{border-left-color:#00549a}
.caret_outline.caret_bottom-md:before{border-top-color:#00549a}
.caret_outline.caret_left-md:before{border-right-color:#00549a}
}
@media (min-width: 1200px) {
.caret_top-lg,.caret_right-lg,.caret_bottom-lg,.caret_left-lg{border-color:transparent}
.caret_top-lg:after{border-bottom-color:#fff}
.caret_right-lg:after{border-left-color:#fff}
.caret_bottom-lg:after{border-top-color:#fff}
.caret_left-lg:after{border-right-color:#fff}
.caret_outline.caret_top-lg:before{border-bottom-color:#00549a}
.caret_outline.caret_right-lg:before{border-left-color:#00549a}
.caret_outline.caret_bottom-lg:before{border-top-color:#00549a}
.caret_outline.caret_left-lg:before{border-right-color:#00549a}
}
/* 3.2 Blue */
.caret_blue.caret_top:after{border-bottom-color:#00549a}
.caret_blue.caret_right:after{border-left-color:#00549a}
.caret_blue.caret_bottom:after{border-top-color:#00549a}
.caret_blue.caret_left:after{border-right-color:#00549a}
.caret_blue.caret_outline.caret_top:before{border-bottom-color:#fff}
.caret_blue.caret_outline.caret_right:before{border-left-color:#fff}
.caret_blue.caret_outline.caret_bottom:before{border-top-color:#fff}
.caret_blue.caret_outline.caret_left:before{border-right-color:#fff}
@media (max-width: 767.98px) {
.caret_blue.caret_top-xs:after{border-bottom-color:#00549a}
.caret_blue.caret_right-xs:after{border-left-color:#00549a}
.caret_blue.caret_bottom-xs:after{border-top-color:#00549a}
.caret_blue.caret_left-xs:after{border-right-color:#00549a}
.caret_blue.caret_outline.caret_top-xs:before{border-bottom-color:#fff}
.caret_blue.caret_outline.caret_right-xs:before{border-left-color:#fff}
.caret_blue.caret_outline.caret_bottom-xs:before{border-top-color:#fff}
.caret_blue.caret_outline.caret_left-xs:before{border-right-color:#fff}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.caret_blue.caret_top-sm:after{border-bottom-color:#00549a}
.caret_blue.caret_right-sm:after{border-left-color:#00549a}
.caret_blue.caret_bottom-sm:after{border-top-color:#00549a}
.caret_blue.caret_left-sm:after{border-right-color:#00549a}
.caret_blue.caret_outline.caret_top-sm:before{border-bottom-color:#fff}
.caret_blue.caret_outline.caret_right-sm:before{border-left-color:#fff}
.caret_blue.caret_outline.caret_bottom-sm:before{border-top-color:#fff}
.caret_blue.caret_outline.caret_left-sm:before{border-right-color:#fff}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.caret_blue.caret_top-md:after{border-bottom-color:#00549a}
.caret_blue.caret_right-md:after{border-left-color:#00549a}
.caret_blue.caret_bottom-md:after{border-top-color:#00549a}
.caret_blue.caret_left-md:after{border-right-color:#00549a}
.caret_blue.caret_outline.caret_top-md:before{border-bottom-color:#fff}
.caret_blue.caret_outline.caret_right-md:before{border-left-color:#fff}
.caret_blue.caret_outline.caret_bottom-md:before{border-top-color:#fff}
.caret_blue.caret_outline.caret_left-md:before{border-right-color:#fff}
}
@media (min-width: 1200px) {
.caret_blue.caret_top-lg:after{border-bottom-color:#00549a}
.caret_blue.caret_right-lg:after{border-left-color:#00549a}
.caret_blue.caret_bottom-lg:after{border-top-color:#00549a}
.caret_blue.caret_left-lg:after{border-right-color:#00549a}
.caret_blue.caret_outline.caret_top-lg:before{border-bottom-color:#fff}
.caret_blue.caret_outline.caret_right-lg:before{border-left-color:#fff}
.caret_blue.caret_outline.caret_bottom-lg:before{border-top-color:#fff}
.caret_blue.caret_outline.caret_left-lg:before{border-right-color:#fff}
}

/* 3.3 Blue Dark */
.caret_blue-dark.caret_top:after{border-bottom-color:#003778}
.caret_blue-dark.caret_right:after{border-left-color:#003778}
.caret_blue-dark.caret_bottom:after{border-top-color:#003778}
.caret_blue-dark.caret_left:after{border-right-color:#003778}
.caret_blue-dark.caret_outline.caret_top:before{border-bottom-color:#fff}
.caret_blue-dark.caret_outline.caret_right:before{border-left-color:#fff}
.caret_blue-dark.caret_outline.caret_bottom:before{border-top-color:#fff}
.caret_blue-dark.caret_outline.caret_left:before{border-right-color:#fff}
@media (max-width: 767.98px) {
.caret_blue-dark.caret_top-xs:after{border-bottom-color:#003778}
.caret_blue-dark.caret_right-xs:after{border-left-color:#003778}
.caret_blue-dark.caret_bottom-xs:after{border-top-color:#003778}
.caret_blue-dark.caret_left-xs:after{border-right-color:#003778}
.caret_blue-dark.caret_outline.caret_top-xs:before{border-bottom-color:#fff}
.caret_blue-dark.caret_outline.caret_right-xs:before{border-left-color:#fff}
.caret_blue-dark.caret_outline.caret_bottom-xs:before{border-top-color:#fff}
.caret_blue-dark.caret_outline.caret_left-xs:before{border-right-color:#fff}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.caret_blue-dark.caret_top-sm:after{border-bottom-color:#003778}
.caret_blue-dark.caret_right-sm:after{border-left-color:#003778}
.caret_blue-dark.caret_bottom-sm:after{border-top-color:#003778}
.caret_blue-dark.caret_left-sm:after{border-right-color:#003778}
.caret_blue-dark.caret_outline.caret_top-sm:before{border-bottom-color:#fff}
.caret_blue-dark.caret_outline.caret_right-sm:before{border-left-color:#fff}
.caret_blue-dark.caret_outline.caret_bottom-sm:before{border-top-color:#fff}
.caret_blue-dark.caret_outline.caret_left-sm:before{border-right-color:#fff}
}
@media (min-width: 991px) and (max-width: 1199.98px) {
.caret_blue-dark.caret_top-md:after{border-bottom-color:#003778}
.caret_blue-dark.caret_right-md:after{border-left-color:#003778}
.caret_blue-dark.caret_bottom-md:after{border-top-color:#003778}
.caret_blue-dark.caret_left-md:after{border-right-color:#003778}
.caret_blue-dark.caret_outline.caret_top-md:before{border-bottom-color:#fff}
.caret_blue-dark.caret_outline.caret_right-md:before{border-left-color:#fff}
.caret_blue-dark.caret_outline.caret_bottom-md:before{border-top-color:#fff}
.caret_blue-dark.caret_outline.caret_left-md:before{border-right-color:#fff}
}
@media (min-width: 1200px) {
.caret_blue-dark.caret_top-lg:after{border-bottom-color:#003778}
.caret_blue-dark.caret_right-lg:after{border-left-color:#003778}
.caret_blue-dark.caret_bottom-lg:after{border-top-color:#003778}
.caret_blue-dark.caret_left-lg:after{border-right-color:#003778}
.caret_blue-dark.caret_outline.caret_top-lg:before{border-bottom-color:#fff}
.caret_blue-dark.caret_outline.caret_right-lg:before{border-left-color:#fff}
.caret_blue-dark.caret_outline.caret_bottom-lg:before{border-top-color:#fff}
.caret_blue-dark.caret_outline.caret_left-lg:before{border-right-color:#fff}
}

/* 3.4 Blue Light */
.caret_blue-light.caret_top:after{border-bottom-color:#00549a}
.caret_blue-light.caret_right:after{border-left-color:#00549a}
.caret_blue-light.caret_bottom:after{border-top-color:#00549a}
.caret_blue-light.caret_left:after{border-right-color:#00549a}
.caret_blue-light.caret_outline.caret_top:before{border-bottom-color:#fff}
.caret_blue-light.caret_outline.caret_right:before{border-left-color:#fff}
.caret_blue-light.caret_outline.caret_bottom:before{border-top-color:#fff}
.caret_blue-light.caret_outline.caret_left:before{border-right-color:#fff}
@media (max-width: 767.98px) {
.caret_blue-light.caret_top-xs:after{border-bottom-color:#00549a}
.caret_blue-light.caret_right-xs:after{border-left-color:#00549a}
.caret_blue-light.caret_bottom-xs:after{border-top-color:#00549a}
.caret_blue-light.caret_left-xs:after{border-right-color:#00549a}
.caret_blue-light.caret_outline.caret_top-xs:before{border-bottom-color:#fff}
.caret_blue-light.caret_outline.caret_right-xs:before{border-left-color:#fff}
.caret_blue-light.caret_outline.caret_bottom-xs:before{border-top-color:#fff}
.caret_blue-light.caret_outline.caret_left-xs:before{border-right-color:#fff}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.caret_blue-light.caret_top-sm:after{border-bottom-color:#00549a}
.caret_blue-light.caret_right-sm:after{border-left-color:#00549a}
.caret_blue-light.caret_bottom-sm:after{border-top-color:#00549a}
.caret_blue-light.caret_left-sm:after{border-right-color:#00549a}
.caret_blue-light.caret_outline.caret_top-sm:before{border-bottom-color:#fff}
.caret_blue-light.caret_outline.caret_right-sm:before{border-left-color:#fff}
.caret_blue-light.caret_outline.caret_bottom-sm:before{border-top-color:#fff}
.caret_blue-light.caret_outline.caret_left-sm:before{border-right-color:#fff}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.caret_blue-light.caret_top-md:after{border-bottom-color:#00549a}
.caret_blue-light.caret_right-md:after{border-left-color:#00549a}
.caret_blue-light.caret_bottom-md:after{border-top-color:#00549a}
.caret_blue-light.caret_left-md:after{border-right-color:#00549a}
.caret_blue-light.caret_outline.caret_top-md:before{border-bottom-color:#fff}
.caret_blue-light.caret_outline.caret_right-md:before{border-left-color:#fff}
.caret_blue-light.caret_outline.caret_bottom-md:before{border-top-color:#fff}
.caret_blue-light.caret_outline.caret_left-md:before{border-right-color:#fff}
}
@media (min-width: 1200px) {
.caret_blue-light.caret_top-lg:after{border-bottom-color:#00549a}
.caret_blue-light.caret_right-lg:after{border-left-color:#00549a}
.caret_blue-light.caret_bottom-lg:after{border-top-color:#00549a}
.caret_blue-light.caret_left-lg:after{border-right-color:#00549a}
.caret_blue-light.caret_outline.caret_top-lg:before{border-bottom-color:#fff}
.caret_blue-light.caret_outline.caret_right-lg:before{border-left-color:#fff}
.caret_blue-light.caret_outline.caret_bottom-lg:before{border-top-color:#fff}
.caret_blue-light.caret_outline.caret_left-lg:before{border-right-color:#fff}
}
/* 3.5 Grey Darkest */
.caret_grey-darkest.caret_top:after{border-bottom-color:#2d2e33}
.caret_grey-darkest.caret_right:after{border-left-color:#2d2e33}
.caret_grey-darkest.caret_bottom:after{border-top-color:#2d2e33}
.caret_grey-darkest.caret_left:after{border-right-color:#2d2e33}
@media (max-width: 767.98px) {
.caret_grey-darkest.caret_top-xs:after{border-bottom-color:#2d2e33}
.caret_grey-darkest.caret_right-xs:after{border-left-color:#2d2e33}
.caret_grey-darkest.caret_bottom-xs:after{border-top-color:#2d2e33}
.caret_grey-darkest.caret_left-xs:after{border-right-color:#2d2e33}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.caret_grey-darkest.caret_top-sm:after{border-bottom-color:#2d2e33}
.caret_grey-darkest.caret_right-sm:after{border-left-color:#2d2e33}
.caret_grey-darkest.caret_bottom-sm:after{border-top-color:#2d2e33}
.caret_grey-darkest.caret_left-sm:after{border-right-color:#2d2e33}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.caret_grey-darkest.caret_top-md:after{border-bottom-color:#2d2e33}
.caret_grey-darkest.caret_right-md:after{border-left-color:#2d2e33}
.caret_grey-darkest.caret_bottom-md:after{border-top-color:#2d2e33}
.caret_grey-darkest.caret_left-md:after{border-right-color:#2d2e33}
}
@media (min-width: 1200px) {
.caret_grey-darkest.caret_top-lg:after{border-bottom-color:#2d2e33}
.caret_grey-darkest.caret_right-lg:after{border-left-color:#2d2e33}
.caret_grey-darkest.caret_bottom-lg:after{border-top-color:#2d2e33}
.caret_grey-darkest.caret_left-lg:after{border-right-color:#2d2e33}
}
/* 3.6 Grey Light */
.caret_grey-light.caret_top:after{border-bottom-color:#e1e1e1}
.caret_grey-light.caret_right:after{border-left-color:#e1e1e1}
.caret_grey-light.caret_bottom:after{border-top-color:#e1e1e1}
.caret_grey-light.caret_left:after{border-right-color:#e1e1e1}
@media (max-width: 767.98px) {
.caret_grey-light.caret_top-xs:after{border-bottom-color:#e1e1e1}
.caret_grey-light.caret_right-xs:after{border-left-color:#e1e1e1}
.caret_grey-light.caret_bottom-xs:after{border-top-color:#e1e1e1}
.caret_grey-light.caret_left-xs:after{border-right-color:#e1e1e1}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.caret_grey-light.caret_top-sm:after{border-bottom-color:#e1e1e1}
.caret_grey-light.caret_right-sm:after{border-left-color:#e1e1e1}
.caret_grey-light.caret_bottom-sm:after{border-top-color:#e1e1e1}
.caret_grey-light.caret_left-sm:after{border-right-color:#e1e1e1}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.caret_grey-light.caret_top-md:after{border-bottom-color:#e1e1e1}
.caret_grey-light.caret_right-md:after{border-left-color:#e1e1e1}
.caret_grey-light.caret_bottom-md:after{border-top-color:#e1e1e1}
.caret_grey-light.caret_left-md:after{border-right-color:#e1e1e1}
}
@media (min-width: 1200px) {
.caret_grey-light.caret_top-lg:after{border-bottom-color:#e1e1e1}
.caret_grey-light.caret_right-lg:after{border-left-color:#e1e1e1}
.caret_grey-light.caret_bottom-lg:after{border-top-color:#e1e1e1}
.caret_grey-light.caret_left-lg:after{border-right-color:#e1e1e1}
}
/* 3 7 Grey Lightest */
.caret_grey-lightest.caret_top:after{border-bottom-color:#f4f4f4}
.caret_grey-lightest.caret_right:after{border-left-color:#f4f4f4}
.caret_grey-lightest.caret_bottom:after{border-top-color:#f4f4f4}
.caret_grey-lightest.caret_left:after{border-right-color:#f4f4f4}
@media (max-width: 767.98px) {
.caret_grey-lightest.caret_top-xs:after{border-bottom-color:#f4f4f4}
.caret_grey-lightest.caret_right-xs:after{border-left-color:#f4f4f4}
.caret_grey-lightest.caret_bottom-xs:after{border-top-color:#f4f4f4}
.caret_grey-lightest.caret_left-xs:after{border-right-color:#f4f4f4}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.caret_grey-lightest.caret_top-sm:after{border-bottom-color:#f4f4f4}
.caret_grey-lightest.caret_right-sm:after{border-left-color:#f4f4f4}
.caret_grey-lightest.caret_bottom-sm:after{border-top-color:#f4f4f4}
.caret_grey-lightest.caret_left-sm:after{border-right-color:#f4f4f4}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.caret_grey-lightest.caret_top-md:after{border-bottom-color:#f4f4f4}
.caret_grey-lightest.caret_right-md:after{border-left-color:#f4f4f4}
.caret_grey-lightest.caret_bottom-md:after{border-top-color:#f4f4f4}
.caret_grey-lightest.caret_left-md:after{border-right-color:#f4f4f4}
}
@media (min-width: 1200px) {
.caret_grey-lightest.caret_top-lg:after{border-bottom-color:#f4f4f4}
.caret_grey-lightest.caret_right-lg:after{border-left-color:#f4f4f4}
.caret_grey-lightest.caret_bottom-lg:after{border-top-color:#f4f4f4}
.caret_grey-lightest.caret_left-lg:after{border-right-color:#f4f4f4}
}
/* 4 Sizes */
.caret_xlarge:after{border-width:28px}
.caret_xlarge.caret_outline:before{border-width:30px}
.caret_medium:after{border-width:18px}
.caret_medium.caret_outline:before{border-width:20px}

/* outlined caret down override */
.caret-outlined_down-large .caret-triangle{bottom:-20px}
.caret-outlined_down-large:after{bottom:-13px;border-top:20px solid #FFF}
.caret-outlined_down-large .caret-triangle:after{top:-17px}
.caret-outlined_down-medium .caret-triangle{bottom:-20px}
.caret-outlined_down-medium:after{bottom:-8px;border-top:20px solid #FFF}
.caret-outlined_down-medium .caret-triangle:after{top:-22px}

/* 5 Text Caret */
.txt-caret:after,.cta-caret:after{font-family:'bell-icon';display:inline-block;margin-right:-28px;font-style:normal}
.txt-caret:after{content:'\e012';font-size:.7em}
.cta-caret:after{content:'\e61a';padding:1px 2px 1px 3px;border:1px solid #0066a4;border-radius:50%;font-size:.5em}

/* 6 Outline */

/* 6 1 Grey */
.caret_top.caret_outline.caret_outline-grey:before,.caret_right.caret_outline.caret_outline-grey:before,.caret_bottom.caret_outline.caret_outline-grey:before,.caret_left.caret_outline.caret_outline-grey:before{border-width:13px}
.caret_top.caret_outline.caret_outline-grey:after,.caret_top.caret_outline.caret_outline-grey:before{top:0}
.caret_top.caret_outline.caret_outline-grey:before{border-bottom-color:#d4d4d4}
.caret_right.caret_outline.caret_outline-grey:after,.caret_right.caret_outline.caret_outline-grey:before{right:0}
.caret_right.caret_outline.caret_outline-grey:before{border-left-color:#d4d4d4}
.caret_bottom.caret_outline.caret_outline-grey:after,.caret_bottom.caret_outline.caret_outline-grey:before{bottom:0}
.caret_bottom.caret_outline.caret_outline-grey:before{border-top-color:#d4d4d4}
.caret_left.caret_outline.caret_outline-grey:after,.caret_left.caret_outline.caret_outline-grey:before{left:0}
.caret_left.caret_outline.caret_outline-grey:before{border-right-color:#d4d4d4}
@media (max-width: 767.98px) {
.caret_top-xs.caret_outline.caret_outline-grey:before,.caret_right-xs.caret_outline.caret_outline-grey:before,.caret_bottom-xs.caret_outline.caret_outline-grey:before,.caret_left-xs.caret_outline.caret_outline-grey:before{border-width:13px}
.caret_top-xs.caret_outline.caret_outline-grey:after,.caret_top-xs.caret_outline.caret_outline-grey:before{top:0}
.caret_top-xs.caret_outline.caret_outline-grey:before{border-bottom-color:#d4d4d4}
.caret_right-xs.caret_outline.caret_outline-grey:after,.caret_right-xs.caret_outline.caret_outline-grey:before{right:0}
.caret_right-xs.caret_outline.caret_outline-grey:before{border-left-color:#d4d4d4}
.caret_bottom-xs.caret_outline.caret_outline-grey:after,.caret_bottom-xs.caret_outline.caret_outline-grey:before{bottom:0}
.caret_bottom-xs.caret_outline.caret_outline-grey:before{border-top-color:#d4d4d4}
.caret_left-xs.caret_outline.caret_outline-grey:after,.caret_left-xs.caret_outline.caret_outline-grey:before{left:0}
.caret_left-xs.caret_outline.caret_outline-grey:before{border-right-color:#d4d4d4}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.caret_top-sm.caret_outline.caret_outline-grey:before,.caret_right-sm.caret_outline.caret_outline-grey:before,.caret_bottom-sm.caret_outline.caret_outline-grey:before,.caret_left-sm.caret_outline.caret_outline-grey:before{border-width:13px}
.caret_top-sm.caret_outline.caret_outline-grey:after,.caret_top-sm.caret_outline.caret_outline-grey:before{top:0}
.caret_top-sm.caret_outline.caret_outline-grey:before{border-bottom-color:#d4d4d4}
.caret_right-sm.caret_outline.caret_outline-grey:after,.caret_right-sm.caret_outline.caret_outline-grey:before{right:0}
.caret_right-sm.caret_outline.caret_outline-grey:before{border-left-color:#d4d4d4}
.caret_bottom-sm.caret_outline.caret_outline-grey:after,.caret_bottom-sm.caret_outline.caret_outline-grey:before{bottom:0}
.caret_bottom-sm.caret_outline.caret_outline-grey:before{border-top-color:#d4d4d4}
.caret_left-sm.caret_outline.caret_outline-grey:after,.caret_left-sm.caret_outline.caret_outline-grey:before{left:0}
.caret_left-sm.caret_outline.caret_outline-grey:before{border-right-color:#d4d4d4}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.caret_top-md.caret_outline.caret_outline-grey:before,.caret_right-md.caret_outline.caret_outline-grey:before,.caret_bottom-md.caret_outline.caret_outline-grey:before,.caret_left-md.caret_outline.caret_outline-grey:before{border-width:13px}
.caret_top-md.caret_outline.caret_outline-grey:after,.caret_top-md.caret_outline.caret_outline-grey:before{top:0}
.caret_top-md.caret_outline.caret_outline-grey:before{border-bottom-color:#d4d4d4}
.caret_right-md.caret_outline.caret_outline-grey:after,.caret_right-md.caret_outline.caret_outline-grey:before{right:0}
.caret_right-md.caret_outline.caret_outline-grey:before{border-left-color:#d4d4d4}
.caret_bottom-md.caret_outline.caret_outline-grey:after,.caret_bottom-md.caret_outline.caret_outline-grey:before{bottom:0}
.caret_bottom-md.caret_outline.caret_outline-grey:before{border-top-color:#d4d4d4}
.caret_left-md.caret_outline.caret_outline-grey:after,.caret_left-md.caret_outline.caret_outline-grey:before{left:0}
.caret_left-md.caret_outline.caret_outline-grey:before{border-right-color:#d4d4d4}
}
@media (min-width: 1200px) {
.caret_top-lg.caret_outline.caret_outline-grey:before,.caret_right-lg.caret_outline.caret_outline-grey:before,.caret_bottom-lg.caret_outline.caret_outline-grey:before,.caret_left-lg.caret_outline.caret_outline-grey:before{border-width:13px}
.caret_top-lg.caret_outline.caret_outline-grey:after,.caret_top-lg.caret_outline.caret_outline-grey:before{top:0}
.caret_top-lg.caret_outline.caret_outline-grey:before{border-bottom-color:#d4d4d4}
.caret_right-lg.caret_outline.caret_outline-grey:after,.caret_right-lg.caret_outline.caret_outline-grey:before{right:0}
.caret_right-lg.caret_outline.caret_outline-grey:before{border-left-color:#d4d4d4}
.caret_bottom-lg.caret_outline.caret_outline-grey:after,.caret_bottom-lg.caret_outline.caret_outline-grey:before{bottom:0}
.caret_bottom-lg.caret_outline.caret_outline-grey:before{border-top-color:#d4d4d4}
.caret_left-lg.caret_outline.caret_outline-grey:after,.caret_left-lg.caret_outline.caret_outline-grey:before{left:0}
.caret_left-lg.caret_outline.caret_outline-grey:before{border-right-color:#d4d4d4}
}
/*END CARETS*/