/* Variables*/
:root {
    --primaryColor: 37, 106, 179;
    --primaryText:#fff;
    --secondaryColor: 0, 174, 239;
    --secondaryText:#fff; 
    --highlightColor: 231, 106, 32;
    --highlightText:#FFF;
    --textLinkColor: #256AB3;
    --searchHomeColor: 0, 174, 239;
    --searchHomeText:#FFF;
    --bannerHomeTxt: #FFF;
    --footerSocial: #FFF;
    --mainFont: "Source Sans Pro";
    
  }

input.form-control,
input.form-control:focus {
    outline: none;
    box-shadow: none;
}

/* Margin & Padding utils */

.m-0-top {
    margin-top: 0 !important;
}

.m-0-bottom {
    margin-bottom: 0 !important;
}

.m-0-top-bottom {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.m-0-left {
    margin-left: 0 !important;
}

.m-0-right {
    margin-right: 0 !important;
}

.m-0-left-right {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/** LG **/
.m-lg-top {
    margin-top: 40px !important;
}

.m-lg-bottom {
    margin-bottom: 40px !important;
}

.m-lg-top-bottom {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.m-lg-left {
    margin-left: 40px !important;
}

.m-lg-right {
    margin-right: 40px !important;
}

.m-lg-left-right {
    margin-right: 40px !important;
    margin-left: 40px !important;
}

/** md **/
.m-md-top {
    margin-top: 20px !important;
}

.m-md-bottom {
    margin-bottom: 20px !important;
}

.m-md-top-bottom {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.m-md-left {
    margin-left: 20px !important;
}

.m-md-right {
    margin-right: 20px !important;
}

.m-md-left-right {
    margin-right: 20px !important;
    margin-left: 20px !important;
}

/** sm **/
.m-sm-top {
    margin-top: 10px !important;
}

.m-sm-bottom {
    margin-bottom: 10px !important;
}

.m-sm-top-bottom {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.m-sm-left {
    margin-left: 10px !important;
}

.m-sm-right {
    margin-right: 10px !important;
}

.m-sm-left-right {
    margin-right: 10px !important;
    margin-left: 10px !important;
}

/** xs **/
.m-xs-top {
    margin-top: 5px !important;
}

.m-xs-bottom {
    margin-bottom: 5px !important;
}

.m-xs-top-bottom {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.m-xs-left {
    margin-left: 5px !important;
}

.m-xs-right {
    margin-right: 5px !important;
}

.m-xs-left-right {
    margin-right: 5px !important;
    margin-left: 5px !important;
}

/** Zero **/
.p-0-top {
    padding-top: 0 !important;
}

.p-0-bottom {
    padding-bottom: 0 !important;
}

.p-0-top-bottom {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.p-0-left {
    padding-left: 0 !important;
}

.p-0-right {
    padding-right: 0 !important;
}

.p-0-left-right {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.p-lg-bottom {
    padding-bottom: 40px !important;
}

.p-lg-top-bottom {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.p-lg-left {
    padding-left: 40px !important;
}

.p-xlg-left {
    padding-left: 80px !important;
}

.p-lg-right {
    padding-right: 40px !important;
}

.p-xlg-right {
    padding-right: 60px !important;
}

.p-lg-left-right {
    padding-right: 40px !important;
    padding-left: 40px !important;
}

.p-lg-top {
    padding-top: 40px !important;
}

.p-md-bottom {
    padding-bottom: 20px !important;
}

.p-md-top-bottom {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.p-md-left {
    padding-left: 20px !important;
}

.p-md-right {
    padding-right: 20px !important;
}

.p-mld-right {
    padding-right: 30px !important;
}



.p-md-left-right {
    padding-right: 20px !important;
    padding-left: 20px !important;
}

.p-md-top {
    padding-top: 20px !important;
}

.p-sm-top {
    padding-top: 10px !important;
}

.p-sm-bottom {
    padding-bottom: 10px !important;
}

.p-sm-top-bottom {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.p-sm-left {
    padding-left: 10px !important;
}

.p-sm-right {
    padding-right: 10px !important;
}

.p-sm-left-right {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.p-xs-bottom {
    padding-bottom: 5px !important;
}

.p-xs-top {
    padding-top: 5px !important;
}

.p-xs-top-bottom {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.p-xs-left {
    padding-left: 5px !important;
}

.p-xs-right {
    padding-right: 5px !important;
}

.p-xs-left-right {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.no-border {
    border: none !important;
}

.display-inline-block {
    display: inline-block !important;
}

/*** End utilities ***/

/*** Images Sprite */
.bg-active {
    width: 22px; height: 36px;
    background: url('../../images/css_sprites_2.png') -15px -347px;
}

.bg-active_disabled {
    width: 22px; height: 36px;
    background: url('../../images/css_sprites_2.png') -15px -413px;
}

.bg-add_user_hover {
    width: 27px; height: 30px;
    background: url('../../images/css_sprites_2.png') -15px -102px;
}

.bg-add_user_out {
    width: 27px; height: 30px;
    background: url('../../images/css_sprites_2.png') -15px -162px;
}

.bg-attention {
    width: 64px; height: 32px;
    background: url('../../images/css_sprites_2.png') -15px -222px;
}


.bg-disabled {
    width: 15px; height: 13px;
    background: url('../../images/css_sprites_2.png') -15px -15px;
}

.bg-ok {
    width: 66px; height: 33px;
    background: url('../../images/css_sprites_2.png') -15px -284px;
}

.bg-selected {
    width: 15px; height: 14px;
    background: url('../../images/css_sprites_2.png') -15px -58px;
}



.bg-iconDropdownOut {
    width: 15px; height: 9px;
    background: url('../../images/css_sprites.png') -15px -15px;
}

.bg-iconMap {
    width: 15px; height: 19px;
    background: url('../../images/css_sprites.png') -15px -188px;
}

.bg-iconOnline {
    width: 25px; height: 25px;
    background: url('../../images/css_sprites.png') -15px -237px;
}

.bg-iconOnsite {
    width: 25px; height: 25px;
    background: url('../../images/css_sprites.png') -15px -292px;
}

.bg-iconSocialFb {
    width: 30px; height: 30px;
    background: url('../../images/css_sprites.png') -15px -407px;
}

.bg-iconSocialTw {
    width: 30px; height: 30px;
    background: url('../../images/css_sprites.png') -15px -347px;
}

.bg-iconViewGrid {
    width: 15px; height: 14px;
    background: url('../../images/css_sprites.png') -15px -54px;
}

.bg-iconViewList {
    width: 44px; height: 40px;
    background: url('../../images/css_sprites.png') -15px -532px;
}

.bg-iconWishlistEmpty {
    width: 18px; height: 16px;
    background: url('../../images/css_sprites.png') -15px -142px;
}

.bg-iconWishlistFilled {
    width: 16px; height: 14px;
    background: url('../../images/css_sprites.png') -15px -98px;
}

.bg-loading {
    width: 36px; height: 35px;
    background: url('../../images/css_sprites.png') -15px -467px;
}

.bg-left {
    width: 20px; height: 20px;
    background: url('../../images/sprite_left.png');
}

.bg-right {
    width: 20px; height: 20px;
    background: url('../../images/sprite_right.png');
}

.bg-requisite {
    width: 20px; height: 20px;
    background: url('../../images/sprite_requisite.png');
}


.bg-add-participant-disabled {
    width: 15px; height: 15px;
    background: url('../../images/sprite-add-participant-disabled.png');
}

.bg-add-participant {
    width: 15px; height: 15px;
    background: url('../../images/sprite-add-participant-white.svg');
}
.bg-waitlist {
    width: 15px; height: 15px;
    background: url('../../images/sprite_waitlist_dark.svg');
}
.bg-onsite {
    width: 20px; height: 20px;
    background: url('../../images/sprite_onsite.png');
}

.new-bg-attention {
    width: 64px; height: 21px;
    background: url('../../images/sprite_attention.svg');
}

.new-bg-ok {
    width: 64px; height: 21px;
    background: url('../../images/sprite_ok.png');
}

.new-bg-ok-green {
    width: 64px; height: 21px;
    background: url('../../images/sprite-ok.svg');
}

.new-bg-new {
    width: 66px; height: 33px;
    background: url('../../images/sprite_new.png');
}

.new-bg-wish-active {
    width: 20px; height: 20px;
    background: url('../../images/sprite_heart.svg');
}

.new-bg-wish-disabled {
    width: 20px; height: 20px;
    background: url('../../images/sprite_heart-disabled.svg');
}

.new-bg-offert {
    width: 27px; height: 27px;
    background: url('../../images/sprite_yes.svg');
}


.new-bg-offert-disabled {
    width: 30px; height: 30px;
    background: url('../../images/sprite_no.png');
}

.icon-onsite-blue {
    width: 30px; height: 30px;
    background: url('../../images/onsite_blue.png');
}

.icon-online-blue {
    width: 30px; height: 30px;
    background: url('../../images/online_blue.svg');
}

.icon-down {
    width: 20px; height: 20px;
    background: url('../../images/down.png');
}

.icon-left {
    width: 20px; height: 20px;
    background: url('../../images/right.svg');
    background-repeat: no-repeat;
    margin-right: 5px;

    margin-top: -5px;
    transform: rotate(-180deg);
}

.icon-right {
    width: 20px; height: 20px;
    background: url('../../images/right.svg');
    background-repeat: no-repeat;
    margin-top: 5px;
    margin-left: 5px;
}

.icon-fb-blue {
    width: 30px; height: 30px;
    background: url('../../images/fb_blue.png');
}

.icon-tw-blue {
    width: 30px; height: 30px;
    background: url('../../images/tw_blue.png');
}

.icon-mail-blue {
    width: 30px; height: 30px;
    background: url('../../images/mail_blue.png');
}

.icon-course-add-participant {
    width: 30px; height: 30px;
    background: url('../../images/course_addParticipant.png');
}

.icon-course-add-participant-small {
    width: 15px; height: 15px;
    background: url('../../images/addParticipant_small.png');
}

.icon-2x1 {
    width: 32px; height: 32px;
    background: url('../../images/2x1.png');
}

.icon-3x1 {
    width: 32px; height: 32px;
    background: url('../../images/2x1.png');
}


.bg-iconSocialFb {
    width: 20px; height: 20px;
    background: url('../../images/fb.png');
}

.bg-iconSocialTw {
    width: 20px; height: 20px;
    background: url('../../images/tw.png');
}


.bg-add-participant-lg {
    width: 20px; height: 20px;
    background: url('../../images/sprite-add-participant-lg.png');
}


.bg-mastercard {
    width: 30px; height: 30px;
    background: url('../../images/sprite-mastercard.png');
}


.bg-paypal {
    width: 80px; height: 22px;
    background: url('../../images/sprite-paypal.png');
}

.bg-cash {
    width: 41px; height: 29px;
    background: url('../../images/sprite-cash.png');
}


.bg-visa {
    width: 30px; height: 30px;
    background: url('../../images/sprite-visa.png');
}

.bg-selectedc {
    width: 15px; height: 15px;
    background: url('../../images/sprite-selected.png');
}

.bg-outc {
    width: 20px; height: 20px;
    background: url('../../images/sprite-out.png') -2px -2px;
}

/*** Course Sprite **/

.bg-age {
    width: 30px; height: 30px;
    background: url('../../images/course_icons_sprite.png') -15px -15px;
}

.bg-avalaible {
    width: 30px; height: 30px;
    background: url('../../images/course_icons_sprite.png') -15px -75px;
}

.bg-finish {
    width: 30px; height: 30px;
    background: url('../../images/course_icons_sprite.png') -15px -135px;
}

.bg-hours {
    width: 30px; height: 30px;
    background: url('../../images/course_icons_sprite.png') -15px -195px;
}

.bg-location {
    width: 30px; height: 30px;
    background: url('../../images/course_icons_sprite.png') -15px -255px;
}


.bg-webinar {
    width: 30px; height: 30px;
    background: url('../../images/webinar.png');
}

.bg-level{
	width: 30px; height: 30px;
    background: url('../../images/level.png');
}

.bg-language{
	width: 30px; height: 30px;
    background: url('../../images/language.png');
}

.bg-start {
    width: 30px; height: 30px;
    background: url('../../images/start.png');
}

.bg-weekly {
    width: 30px; height: 30px;
    background: url('../../images/course_icons_sprite.png') -15px -375px;
}

.bg-online-mode {
    width: 50px; height: 50px;
    background: url('../../images/onlinethin.svg');
}

.bg-onsite-mode {
    width: 50px; height: 50px;
    background: url('../../images/onsitethin.svg');
}

.bg-blended-mode {
    width: 50px; height: 50px;
    background: url('../../images/blendethin.svg');
}

.bg-prerequisite-mode {
    width: 45px; height: 45px;
    background: url('../../images/prerequisite.png');
}

.bg-location-mode {
    width: 45px; height: 45px;
    background: url('../../images/location.png');
}

.bg-calendar-mode {
    width: 45px; height: 45px;
    background: url('../../images/calendar.png');
}

.bg-reference-mode {
    width: 45px; height: 45px;
    background: url('../../images/reference.png');
}

.bg-requirements-mode {
    width: 45px; height: 45px;
    background: url('../../images/requirements.png');
}

.bg-capacity-mode {
    width: 45px;
    height: 45px;
    background: url('../../images/capacity.png');
}

.bg-capacity-mode-sm {
    width: 30px;
    height: 30px;
    background: url('../../images/capacity.svg');
}

.bg-schedule-mode {
    width: 45px; height: 45px;
    background: url('../../images/schedule.png');
}

.bg-student-mode {
    width: 45px; height: 45px;
    background: url('../../images/student.png');
}

.bg-active {
    width: 20px; height: 20px;
    background: url('../../images/active.svg');
}

.bg-completed {
    width: 20px; height: 20px;
    background: url('../../images/completed.svg');
}

.bg-gris {
    width: 44px; height: 39px;
    background: url('../../images/bggris.svg');
}

.bg-rating {
    width: 23px; height: 20px;
    background: url('../../images/startcomplet.png');
}

.bg-rating-mid {
    width: 24px; height: 20px;
    background: url('../../images/startmiddle.png');
}

.bg-rating-null {
    width: 23px; height: 20px;
    background: url('../../images/startnull.png');
}

.bg-heart {
    width: 30px; height: 26px;
    background: url('../../images/heart.svg');
}

.bg-heart-active {
    width: 30px; height: 26px;
    background: url('../../images/sprite_heart.svg');
}

.bg-filter-online {
    width: 40px; height: 35px;
    background: url('../../images/filter-online.svg');
}

.bg-filter-onsite {
    width: 40px; height: 35px;
    background: url('../../images/filter-onsite.svg');
}

.bg-filter-blended {
    width: 40px; height: 35px;
    background: url('../../images/filter-blended.svg');
}

.bg-out {
    width: 35px; height: 35px;
    background: url('../../images/out.svg');
}

.active-cart {
    width: 36px; height: 30px;
    background: url('../../images/active-cart.svg');
}

.inactive-cart {
    width: 30px; height: 30px;
    background: url('../../images/inactive-cart.svg');
}

.images-icon {
    width: 50px; height: 50px;
    background: url('../../images/images.svg');
}

.video-icon {
    width: 50px; height: 50px;
    background: url('../../images/video.svg');
}

.plus-sign {
    width: 15px; height: 15px;
    background: url('../../images/plus_icon.svg');
}

.disabled .plus-sign {
    width: 15px; height: 15px;
    background: url('../../images/plus_icon_disabled.svg');
}

.trash-icon {
    width: 20px; height: 20px;
    background: url('../../images/trash.svg');
}

.gear-icon {
    width: 21px; height: 21px;
    background: url('../../images/gear.svg');
}

.info_tooltip {
    width: 15px;
    height: 15px;
    background: url('../../images/info_tooltip.svg');
}

.private-course {
    width: 50px; height: 50px;
    background: url('../../images/private.svg');
}

.selected .private-course {
    background: url('../../images/private_white.svg');
}

.public-course {
    width: 50px; height: 50px;
    background: url('../../images/public.svg');
}

.box-section .content .public-course {
    width: 80px; height: 80px;
    background: url('../../images/public_big.svg');
}

.box-section .content .private-course {
    width: 80px; height: 80px;
    background: url('../../images/private_big.svg');
}

.about-icon {
    width: 50px; height: 43px;
    background: url('../../images/about.svg');
}

.about-icon-40 {
    width: 40px; height: 40px;
    background: url('../../images/about_40.svg');
}

.location-icon-40 {
    width: 40px; height: 40px;
    background: url('../../images/location.svg');
}

.tags-icon {
    width: 50px; height: 50px;
    background: url('../../images/tags.svg');
}

.tags-icon-40 {
    width: 40px; height: 40px;
    background: url('../../images/tags_40.svg');
}

.dates-icon-40 {
    width: 40px; height: 40px;
    background: url('../../images/dates.svg');
}

.selected .public-course {
    background: url('../../images/public_white.svg');
}

.up-arrow {
    width: 15px; height: 15px;
    background: url('../../images/uparrow.svg');
}

.down-arrow {
    width: 15px; height: 15px;
    background: url('../../images/downarrow.svg');
}

.rocket-nav {
    width: 62px; height: 40px;
    background: url('../../images/rocket_nav.svg');
}

.enroll_payment {
    width: 40px; height: 40px;
    background: url('../../images/enroll_payment.svg');
}

.enroll_requirements {
    width: 40px; height: 40px;
    background: url('../../images/requirements.svg');
}

/** End course sprite **/

i {
    display: inline-block;
    vertical-align: middle;
}

i.bg-iconOnline {
    margin-left: 13px;
    margin-top: 2px;
}

i.bg-iconOnsite {
    margin-left: 13px;
}

/** End Image Sprites**/

.mdl-textfield label {
    margin-bottom: 0;
}

.twitter-typeahead{
       width: 100%;
}

.tt-menu{
	    color: black;
       background-color: white;
       border-radius: 4px;
       border: 1px solid #256ab3;
       margin-top: 5px;
       max-height: 200px;
       overflow-y: auto;
       width: 100%;
       text-align: left;
}

.tt-suggestion{
        padding: 5px 10px;
}


.tt-suggestion.tt-cursor{
       color: white;;
       background: #256ab3;
}

.border-radius-5 {
    border-radius: 5px;
}

.alternatives-carousel .slick-dots li button:before {
    display: none;
}

.alternatives-carousel .slick-prev:before,
.alternatives-carousel .slick-next:before {
    display: none;;
}

.alternatives-carousel .slick-next,
.alternatives-carousel .slick-prev {
    width: 39px;
    height: 89px;
    background-color: #ffffff;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
    border: solid 1px #256ab3;
}

.alternatives-carousel .slick-next {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;

    margin-right: -20px;
    margin-top: 15px;
}

.alternatives-carousel .slick-prev {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;

    margin-left: -25px;
    margin-top: 15px;
}

.btn,
.btn:hover,
.btn:active,
.btn:focus {
    outline: 0 !important;
}

.no-border {
    border: none !important;
}

.fade-enter-active, .fade-leave-active {
    transition: opacity .2s
}

.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
    opacity: 0
}

.max-md-width {
    max-width: 300px;
}

a.clean-styles:hover,
a.clean-styles {
    padding: 0 !important;
    background-color: transparent !important;
}

.nowrap {
    white-space: nowrap;
}

.vue-js-switch {
    display: inline-block;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    user-select: none;
    font-size: 10px;
    cursor: pointer;
}
.vue-js-switch .v-switch-input {
    display: none;
}
.vue-js-switch .v-switch-label {
    position: absolute;
    top: 0;
    font-weight: normal;
    color: #383838;
    font-family: "Source Sans Pro";
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}
.vue-js-switch .v-switch-label.v-left {
    left: 10px;
}
.vue-js-switch .v-switch-label.v-right {
    right: 5px;
}
.vue-js-switch .v-switch-core {
    display: block;
    position: relative;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    transition: border-color .3s, background-color .3s;
    user-select: none;
    border: 1px solid rgba(var(--primaryColor));
}

.vue-js-switch .v-switch-core .v-switch-button {
    display: block;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    transform: translate3d(3px, 3px, 0);
    border-radius: 100%;
    background-color: #fff;
    border: 1px solid rgba(var(--primaryColor));
}

.vue-js-switch.toggled .v-switch-core .v-switch-button {
    background-color: rgba(var(--primaryColor));
}

.vue-js-switch.disabled {
    pointer-events: none;
    opacity: 0.6;
}


.trumbowyg-viewHTML-button:after {
    font-family: FontAwesome;
    content: "\f121";
    color: #256AB3;
}

.trumbowyg-undo-button:after {
    font-family: FontAwesome;
    content: "\f0e2";
    color: #256AB3;
}

.trumbowyg-redo-button:after {
    font-family: FontAwesome;
    content: "\f01e";
    color: #256AB3;
}

.trumbowyg-formatting-button:before {
    font-family: FontAwesome;
    content: "\f1dd";
    color: #256AB3;
}

.trumbowyg-strong-button:after {
    font-family: FontAwesome;
    content: "\f032";
    color: #256AB3;
}

.trumbowyg-em-button:after {
    font-family: FontAwesome;
    content: "\f033";
    color: #256AB3;
}

.trumbowyg-del-button:after {
    font-family: FontAwesome;
    content: "\f0cc";
    color: #256AB3;
}

.trumbowyg-superscript-button:after {
    font-family: FontAwesome;
    content: "\f12b";
    color: #256AB3;
}

.trumbowyg-subscript-button:after {
    font-family: FontAwesome;
    content: "\f12c";
    color: #256AB3;
}

.trumbowyg-link-button:before {
    font-family: FontAwesome;
    content: "\f0c1";
    color: #256AB3;
}

.trumbowyg-insertImage-button:after {
    font-family: FontAwesome;
    content: "\f03e";
    color: #256AB3;
}

.trumbowyg-justifyLeft-button:after {
    font-family: FontAwesome;
    content: "\f036";
    color: #256AB3;
}

.trumbowyg-justifyCenter-button:after {
    font-family: FontAwesome;
    content: "\f037";
    color: #256AB3;
}

.trumbowyg-justifyRight-button:after {
    font-family: FontAwesome;
    content: "\f038";
    color: #256AB3;
}

.trumbowyg-justifyFull-button:after {
    font-family: FontAwesome;
    content: "\f039";
    color: #256AB3;
}

.trumbowyg-unorderedList-button:after {
    font-family: FontAwesome;
    content: "\f03a";
    color: #256AB3;
}

.trumbowyg-orderedList-button:after {
    font-family: FontAwesome;
    content: "\f0cb";
    color: #256AB3;
}

.trumbowyg-horizontalRule-button:after {
    font-family: FontAwesome;
    content: "\f068";
    color: #256AB3;
}

.trumbowyg-removeformat-button:after {
    font-family: FontAwesome;
    content: "\f12d";
    color: #256AB3;
}

.trumbowyg-fullscreen-button:after {
    font-family: FontAwesome;
    content: "\f0b2";
    color: #256AB3;
}

.trumbowyg-bold-button:after {
    font-family: FontAwesome;
    content: "\f032";
    color: #256AB3;
}

.trumbowyg-italic-button:after {
    font-family: FontAwesome;
    content: "\f033";
    color: #256AB3;
}

.trumbowyg-underline-button:after {
    font-family: FontAwesome;
    content: "\f0cd";
    color: #256AB3;
}

.trumbowyg-strikethrough-button:after {
    font-family: FontAwesome;
    content: "\f0cc";
    color: #256AB3;
}

.trumbowyg-foreColor-button:before {
    font-family: FontAwesome;
    content: "\f031";
    color: #256AB3;
}

.trumbowyg-backColor-button:before {
    font-family: FontAwesome;
    content: "\f031";
    background-color: #555555;
    padding: 1px;
    font-size: 85%;
    line-height: 200%;
    color: #256AB3;
}


/*===== DROPDOWN BUTTONS =====*/

.trumbowyg-p-dropdown-button:before {
    font-family: FontAwesome;
    content: "\f1dd";
    margin-right: 10px;
    color: #256AB3;
}

.trumbowyg-blockquote-dropdown-button:before {
    font-family: FontAwesome;
    content: "\f10d";
    margin-right: 10px;
    color: #256AB3;
}

.trumbowyg-h1-dropdown-button:before,
.trumbowyg-h2-dropdown-button:before,
.trumbowyg-h3-dropdown-button:before,
.trumbowyg-h4-dropdown-button:before {
    font-family: FontAwesome;
    content: "\f1dc";
    margin-right: 10px;
    color: #256AB3;
}

.trumbowyg-createLink-dropdown-button:before {
    font-family: FontAwesome;
    content: "\f0c1";
    margin-right: 10px;
    color: #256AB3;
}

.trumbowyg-unlink-dropdown-button:before {
    font-family: FontAwesome;
    content: "\f127";
    margin-right: 10px;
    color: #256AB3;
}

.trumbowyg-bold-button:after {
    font-family: FontAwesome;
    content: "\f032";
    color: #256AB3;
}

.trumbowyg-italic-button:after {
    font-family: FontAwesome;
    content: "\f033";
    color: #256AB3;
}

.trumbowyg-underline-button:after {
    font-family: FontAwesome;
    content: "\f0cd";
    color: #256AB3;
}

.trumbowyg-strikethrough-button:after {
    font-family: FontAwesome;
    content: "\f0cc";
    color: #256AB3;
}

.trumbowyg-foreColor-button:before {
    font-family: FontAwesome;
    content: "\f031";
    color: #256AB3;
}

.trumbowyg-backColor-button:before {
    font-family: FontAwesome;
    content: "\f031";
    color: #256AB3;
    background-color: #555555;
    padding: 1px;
    font-size: 85%;
    line-height: 200%;
}

.trumbowyg-table-button:before{
    font-family: FontAwesome;
    content: "\f0ce";
    color: #256AB3;
}