/*!
 * 
 * Custom Color for site projectd
 * Copyright 2016 Okebukola Olagoke
 */
/* Accent Color */
table thead,
.logo-container,
.logo-container:after,
#main-menu>ul>li.sfHover>a,
#main-menu>ul>li>a.active,
#main-menu>ul>li>a:hover,
#main-menu>ul>li.sfHover>a:after,
#main-menu>ul>li>a.active:after,
#main-menu>ul>li>a:hover:after,
.main-heading:after,
.icon-box .icon-place,
.icon-box .icon-place:after,
.icon-box-2 .icon-place,
.icon-box-2 .icon-place:after,
.blog-post .blog-info,
.blog-post:after,
.blog-post-2 .blog-info,
.blog-post-2:after,
.staff .staff-social,
.staff .staff-social:after,
.staff:after,
.portfolio-filter span,
.portfolio-filter span:after,
.portfolio-item .portfolio-title,
.portfolio-item .portfolio-title:after,
.portfolio-item .zoom,
.portfolio-item .zoom:after,
.portfolio-item:after,
.accordion-content:after,
.tab-nav .tab-item.active a,
.tab-nav .tab-item:hover a,
.tab-nav .tab-item.active:after,
.tab-item-content:before,
.images-boxes:after,
.image-box .image-box-zoom,
.image-box .image-box-zoom:after,
.owl-theme .owl-controls .owl-prev,
.owl-theme .owl-controls .owl-prev:after,
.count-icon,
.progress-bars .progress-done,
.promo-box,
.promo-box:after,
.btn-primary,
.pricing-table li:first-child,
.pricing-table li:first-child:after,
.tagcloud a:hover,
.tagcloud a:hover:after,
.blog-header .blog-date .blog-day,
.blog-under>.blog-share>i,
.blog-under>.blog-share>i:after,
.related-post-content,
.related-post-content:before,
.comment-box:after,
.comment-box .comment-info,
.comment-box .comment-info:after,
ul.page-numbers li a.active,
ul.page-numbers li a:hover,
ul.page-numbers li span,
footer .up-footer:before,
footer .go-top:after,
footer .go-top,
h4.underlined:after,
h5.underlined:after,
.underline,
.arrow-heading-right,
.arrow-heading-left,
.banner-content.banner-services .banner-text,
.banner-content.banner-services-2 .banner-text,
.banner-content.banner-team .banner-text,
.banner-content.banner-faq .banner-text,
.banner-content.banner-career .banner-text,
.banner-content.banner-contact .banner-text,
.banner-content.banner-shortcodes .banner-text,
.tp-caption.reckless_big_accent_bg,
.tp-caption.reckless_big_accent_bg:after,
footer .footer-button,
#main-menu .megamenu ul>li li a:hover,
#main-menu .drop ul>li>a:hover,
.owl-theme .owl-dot:hover,
.owl-theme .owl-dot.active {
    /* background-color: #580964; */
}

/*---------------------Legacy admin css start---------------------------*/
.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black,
.bg-red-active,
.bg-yellow-active,
.bg-aqua-active,
.bg-blue-active,
.bg-light-blue-active,
.bg-green-active,
.bg-navy-active,
.bg-teal-active,
.bg-olive-active,
.bg-lime-active,
.bg-orange-active,
.bg-fuchsia-active,
.bg-purple-active,
.bg-maroon-active,
.bg-black-active,
.callout.callout-danger,
.callout.callout-warning,
.callout.callout-info,
.callout.callout-success,
.alert-success,
.alert-danger,
.alert-error,
.alert-warning,
.alert-info,
.label-danger,
.label-info,
.label-waring,
.label-primary,
.label-success,
.modal-primary .modal-body,
.modal-primary .modal-header,
.modal-primary .modal-footer,
.modal-warning .modal-body,
.modal-warning .modal-header,
.modal-warning .modal-footer,
.modal-info .modal-body,
.modal-info .modal-header,
.modal-info .modal-footer,
.modal-success .modal-body,
.modal-success .modal-header,
.modal-success .modal-footer,
.modal-danger .modal-body,
.modal-danger .modal-header,
.modal-danger .modal-footer {
    color: #fff !important
}



.alert.alert-danger._revapp {
    background-color: red !important;
    text-shadow: 0px 0px 1px #540000;
}

.bg-red-active .modal-header {
    border-bottom-color: #1a1a1a;
}

.bg-red-active .modal-footer {
    border-top-color: #1a1a1a;
}

.bg-red-active .modal-footer button.btn {
    color: #fff;
    border-color: #c41e35 !important;
    background-color: #ff6d6d !important;
}

.bg-red-active .modal-title {
    color: #fff;
}

.bg-red-active,
.modal-danger .modal-header,
.modal-danger .modal-footer {
    background-color: #d33724 !important
}

.bg-yellow-active,
.modal-warning .modal-header,
.modal-warning .modal-footer {
    background-color: #db8b0b !important
}

.bg-aqua-active,
.modal-info .modal-header,
.modal-info .modal-footer {
    background-color: #00a7d0 !important
}

.bg-blue-active {
    background-color: #005384 !important
}

.bg-light-blue-active,
.modal-primary .modal-header,
.modal-primary .modal-footer {
    background-color: #357ca5 !important
}

.bg-green-active,
.modal-success .modal-header,
.modal-success .modal-footer {
    background-color: #008d4c !important
}

.bg-navy-active {
    background-color: #001a35 !important
}

.bg-teal-active {
    background-color: #30bbbb !important
}

.bg-olive-active {
    background-color: #368763 !important
}

.bg-lime-active {
    background-color: #00e765 !important
}

.bg-orange-active {
    background-color: #ff7701 !important
}

.bg-fuchsia-active {
    background-color: #db0ead !important
}

.bg-purple-active {
    background-color: #555299 !important
}

.bg-maroon-active {
    background-color: #ca195a !important
}

[class^="bg-"].disabled {
    opacity: .65;
    filter: alpha(opacity=65)
}

.full-opacity-hover {
    opacity: .65;
    filter: alpha(opacity=65)
}

.full-opacity-hover:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}




/*border colors*/
.border-color-transparent{
    border-color: transparent;
}
.border-color-transparenti{
    border-color: transparent !important;
}
.border-top-color-transparent{
    border-top-color: transparent;
}
.border-bottom-color-transparent{
    border-bottom-color: transparent;
}
.border-left-color-transparent{
    border-left-color: transparent;
}
.border-right-color-transparent{
    border-right-color: transparent;
}

.border-color-lightblue,
.border-color-lightblueafter:after,
.border-color-lightbluehover:hover,
.border-color-lightbluevisited:visited,
.border-color-lightblueactive:active,
.border-color-lightbluefocus:focus,
.border-color-lightbluefocus-within:focus-within,
.border-color-lightbluebefore:before {
    border-color: #33b6ff;
}

.border-color-blue,
.border-color-blueafter:after,
.border-color-bluehover:hover,
.border-color-bluevisited:visited,
.border-color-blueactive:active,
.border-color-bluefocus:focus,
.border-color-bluefocus-within:focus-within,
.border-color-bluebefore:before {
    border-color: #2f92c9;
}

.border-color-darkblue,
.border-color-darkblueafter:after,
.border-color-darkbluehover:hover,
.border-color-darkbluevisited:visited,
.border-color-darkblueactive:active,
.border-color-darkbluefocus:focus,
.border-color-darkbluefocus-within:focus-within,
.border-color-darkbluebefore:before {
    border-color: #0c6494;
}

.border-color-lightgreen,
.border-color-lightgreenafter:after,
.border-color-lightgreenhover:hover,
.border-color-lightgreenvisited:visited,
.border-color-lightgreenactive:active,
.border-color-lightgreenfocus:focus,
.border-color-lightgreenfocus-within:focus-within,
.border-color-lightgreenbefore:before {
    border-color: #48ef29;
}

.border-color-green,
.border-color-greenafter:after,
.border-color-greenhover:hover,
.border-color-greenvisited:visited,
.border-color-greenactive:active,
.border-color-greenfocus:focus,
.border-color-greenfocus-within:focus-within,
.border-color-greenbefore:before {
    border-color: #11a200;
}

.border-color-darkgreen,
.border-color-darkgreenafter:after,
.border-color-darkgreenhover:hover,
.border-color-darkgreenvisited:visited,
.border-color-darkgreenactive:active,
.border-color-darkgreenfocus:focus,
.border-color-darkgreenfocus-within:focus-within,
.border-color-darkgreenbefore:before {
    border-color: green;
}

.border-color-lightorange,
.border-color-lightorangeafter:after,
.border-color-lightorangehover:hover,
.border-color-lightorangevisited:visited,
.border-color-lightorangeactive:active,
.border-color-lightorangefocus:focus,
.border-color-lightorangefocus-within:focus-within,
.border-color-lightorangebefore:before {
    border-color: #ff8e29;
}

.border-color-orange,
.border-color-orangeafter:after,
.border-color-orangehover:hover,
.border-color-orangevisited:visited,
.border-color-orangeactive:active,
.border-color-orangefocus:focus,
.border-color-orangefocus-within:focus-within,
.border-color-orangebefore:before {
    border-color: #ff7800;
}

.border-color-darkorange,
.border-color-darkorangeafter:after,
.border-color-darkorangehover:hover,
.border-color-darkorangevisited:visited,
.border-color-darkorangeactive:active,
.border-color-darkorangefocus:focus,
.border-color-darkorangefocus-within:focus-within,
.border-color-darkorangebefore:before {
    border-color: #c55d00;
}

.border-color-lightpurple,
.border-color-lightpurpleafter:after,
.border-color-lightpurplehover:hover,
.border-color-lightpurplevisited:visited,
.border-color-lightpurpleactive:active,
.border-color-lightpurplefocus:focus,
.border-color-lightpurplefocus-within:focus-within,
.border-color-lightpurplebefore:before {
    border-color: #946e97;
}

.border-color-purple,
.border-color-purpleafter:after,
.border-color-purplehover:hover,
.border-color-purplevisited:visited,
.border-color-purpleactive:active,
.border-color-purplefocus:focus,
.border-color-purplefocus-within:focus-within,
.border-color-purplebefore:before {
    border-color: #946e97;
}

.border-color-darkpurple,
.border-color-darkpurpleafter:after,
.border-color-darkpurplehover:hover,
.border-color-darkpurplevisited:visited,
.border-color-darkpurpleactive:active,
.border-color-darkpurplefocus:focus,
.border-color-darkpurplefocus-within:focus-within,
.border-color-darkpurplebefore:before {
    border-color: #946e97;
}

.border-color-lightred,
.border-color-lightredafter:after,
.border-color-lightredhover:hover,
.border-color-lightredvisited:visited,
.border-color-lightredactive:active,
.border-color-lightredfocus:focus,
.border-color-lightredfocus-within:focus-within,
.border-color-lightredbefore:before {
    border-color: #ff1818;
}

.border-color-red,
.border-color-redafter:after,
.border-color-redhover:hover,
.border-color-redvisited:visited,
.border-color-redactive:active,
.border-color-redfocus:focus,
.border-color-redfocus-within:focus-within,
.border-color-redbefore:before {
    border-color: #cc0202;
}

.border-color-darkred,
.border-color-darkredafter:after,
.border-color-darkredhover:hover,
.border-color-darkredvisited:visited,
.border-color-darkredactive:active,
.border-color-darkredfocus:focus,
.border-color-darkredfocus-within:focus-within,
.border-color-darkredbefore:before {
    border-color: #7d0101;
}

.border-color-lightyellow,
.border-color-lightyellowafter:after,
.border-color-lightyellowhover:hover,
.border-color-lightyellowvisited:visited,
.border-color-lightyellowactive:active,
.border-color-lightyellowfocus:focus,
.border-color-lightyellowfocus-within:focus-within,
.border-color-lightyellowbefore:before {
    border-color: #fac51c;
}

.border-color-yellow,
.border-color-yellowafter:after,
.border-color-yellowhover:hover,
.border-color-yellowvisited:visited,
.border-color-yellowactive:active,
.border-color-yellowfocus:focus,
.border-color-yellowfocus-within:focus-within,
.border-color-yellowbefore:before {
    border-color: #ffc200;
}

.border-color-darkyellow,
.border-color-darkyellowafter:after,
.border-color-darkyellowhover:hover,
.border-color-darkyellowvisited:visited,
.border-color-darkyellowactive:active,
.border-color-darkyellowfocus:focus,
.border-color-darkyellowfocus-within:focus-within,
.border-color-darkyellowbefore:before {
    border-color: #d09e00;
}

.border-color-lightindigo,
.border-color-lightindigoafter:after,
.border-color-lightindigohover:hover,
.border-color-lightindigovisited:visited,
.border-color-lightindigoactive:active,
.border-color-lightindigofocus:focus,
.border-color-lightindigofocus-within:focus-within,
.border-color-lightindigobefore:before {
    border-color: #7800d0;
}

.border-color-indigo,
.border-color-indigoafter:after,
.border-color-indigohover:hover,
.border-color-indigovisited:visited,
.border-color-indigoactive:active,
.border-color-indigofocus:focus,
.border-color-indigofocus-within:focus-within,
.border-color-indigobefore:before {
    border-color: #5e00a2;
}

.border-color-darkindigo,
.border-color-darkindigoafter:after,
.border-color-darkindigohover:hover,
.border-color-darkindigovisited:visited,
.border-color-darkindigoactive:active,
.border-color-darkindigofocus:focus,
.border-color-darkindigofocus-within:focus-within,
.border-color-darkindigobefore:before {
    border-color: indigo;
}

.border-color-lightviolet,
.border-color-lightvioletafter:after,
.border-color-lightviolethover:hover,
.border-color-lightvioletvisited:visited,
.border-color-lightvioletactive:active,
.border-color-lightvioletfocus:focus,
.border-color-lightvioletfocus-within:focus-within,
.border-color-lightvioletbefore:before {
    border-color: #e200e2;
}

.border-color-violet,
.border-color-violetafter:after,
.border-color-violethover:hover,
.border-color-violetvisited:visited,
.border-color-violetactive:active,
.border-color-violetfocus:focus,
.border-color-violetfocus-within:focus-within,
.border-color-violetbefore:before {
    border-color: #bb00bb;
}

.border-color-darkviolet,
.border-color-darkvioletafter:after,
.border-color-darkviolethover:hover,
.border-color-darkvioletvisited:visited,
.border-color-darkvioletactive:active,
.border-color-darkvioletfocus:focus,
.border-color-darkvioletfocus-within:focus-within,
.border-color-darkvioletbefore:before {
    border-color: #9c009c;
}

.border-color-white,
.border-color-whiteafter:after,
.border-color-whitehover:hover,
.border-color-whitevisited:visited,
.border-color-whiteactive:active,
.border-color-whitefocus:focus,
.border-color-whitefocus-within:focus-within,
.border-color-whitebefore:before {
    border-color: #fff;
}

.border-color-lightgrey,
.border-color-lightgreyafter:after,
.border-color-lightgreyhover:hover,
.border-color-lightgreyvisited:visited,
.border-color-lightgreyactive:active,
.border-color-lightgreyfocus:focus,
.border-color-lightgreyfocus-within:focus-within,
.border-color-lightgreybefore:before {
    border-color: #c7c7c7;
}

.border-color-grey,
.border-color-greyafter:after,
.border-color-greyhover:hover,
.border-color-greyvisited:visited,
.border-color-greyactive:active,
.border-color-greyfocus:focus,
.border-color-greyfocus-within:focus-within,
.border-color-greybefore:before {
    border-color: #9e9e9e;
}

.border-color-darkgrey,
.border-color-darkgreyafter:after,
.border-color-darkgreyhover:hover,
.border-color-darkgreyvisited:visited,
.border-color-darkgreyactive:active,
.border-color-darkgreyfocus:focus,
.border-color-darkgreyfocus-within:focus-within,
.border-color-darkgreybefore:before {
    border-color: #5a5a5a;
}

/*border-top*/
.border-top-color-lightblue,
.border-top-color-lightblueafter:after,
.border-top-color-lightbluehover:hover,
.border-top-color-lightbluevisited:visited,
.border-top-color-lightblueactive:active,
.border-top-color-lightbluefocus:focus,
.border-top-color-lightbluefocus-within:focus-within,
.border-top-color-lightbluebefore:before {
    border-top-color: #33b6ff;
}

.border-top-color-blue,
.border-top-color-blueafter:after,
.border-top-color-bluehover:hover,
.border-top-color-bluevisited:visited,
.border-top-color-blueactive:active,
.border-top-color-bluefocus:focus,
.border-top-color-bluefocus-within:focus-within,
.border-top-color-bluebefore:before {
    border-top-color: #2f92c9;
}

.border-top-color-darkblue,
.border-top-color-darkblueafter:after,
.border-top-color-darkbluehover:hover,
.border-top-color-darkbluevisited:visited,
.border-top-color-darkblueactive:active,
.border-top-color-darkbluefocus:focus,
.border-top-color-darkbluefocus-within:focus-within,
.border-top-color-darkbluebefore:before {
    border-top-color: #0c6494;
}

.border-top-color-lightgreen,
.border-top-color-lightgreenafter:after,
.border-top-color-lightgreenhover:hover,
.border-top-color-lightgreenvisited:visited,
.border-top-color-lightgreenactive:active,
.border-top-color-lightgreenfocus:focus,
.border-top-color-lightgreenfocus-within:focus-within,
.border-top-color-lightgreenbefore:before {
    border-top-color: #48ef29;
}

.border-top-color-green,
.border-top-color-greenafter:after,
.border-top-color-greenhover:hover,
.border-top-color-greenvisited:visited,
.border-top-color-greenactive:active,
.border-top-color-greenfocus:focus,
.border-top-color-greenfocus-within:focus-within,
.border-top-color-greenbefore:before {
    border-top-color: #11a200;
}

.border-top-color-darkgreen,
.border-top-color-darkgreenafter:after,
.border-top-color-darkgreenhover:hover,
.border-top-color-darkgreenvisited:visited,
.border-top-color-darkgreenactive:active,
.border-top-color-darkgreenfocus:focus,
.border-top-color-darkgreenfocus-within:focus-within,
.border-top-color-darkgreenbefore:before {
    border-top-color: green;
}

.border-top-color-lightorange,
.border-top-color-lightorangeafter:after,
.border-top-color-lightorangehover:hover,
.border-top-color-lightorangevisited:visited,
.border-top-color-lightorangeactive:active,
.border-top-color-lightorangefocus:focus,
.border-top-color-lightorangefocus-within:focus-within,
.border-top-color-lightorangebefore:before {
    border-top-color: #ff8e29;
}

.border-top-color-orange,
.border-top-color-orangeafter:after,
.border-top-color-orangehover:hover,
.border-top-color-orangevisited:visited,
.border-top-color-orangeactive:active,
.border-top-color-orangefocus:focus,
.border-top-color-orangefocus-within:focus-within,
.border-top-color-orangebefore:before {
    border-top-color: #ff7800;
}

.border-top-color-darkorange,
.border-top-color-darkorangeafter:after,
.border-top-color-darkorangehover:hover,
.border-top-color-darkorangevisited:visited,
.border-top-color-darkorangeactive:active,
.border-top-color-darkorangefocus:focus,
.border-top-color-darkorangefocus-within:focus-within,
.border-top-color-darkorangebefore:before {
    border-top-color: #c55d00;
}

.border-top-color-lightpurple,
.border-top-color-lightpurpleafter:after,
.border-top-color-lightpurplehover:hover,
.border-top-color-lightpurplevisited:visited,
.border-top-color-lightpurpleactive:active,
.border-top-color-lightpurplefocus:focus,
.border-top-color-lightpurplefocus-within:focus-within,
.border-top-color-lightpurplebefore:before {
    border-top-color: #946e97;
}

.border-top-color-purple,
.border-top-color-purpleafter:after,
.border-top-color-purplehover:hover,
.border-top-color-purplevisited:visited,
.border-top-color-purpleactive:active,
.border-top-color-purplefocus:focus,
.border-top-color-purplefocus-within:focus-within,
.border-top-color-purplebefore:before {
    border-top-color: #946e97;
}

.border-top-color-darkpurple,
.border-top-color-darkpurpleafter:after,
.border-top-color-darkpurplehover:hover,
.border-top-color-darkpurplevisited:visited,
.border-top-color-darkpurpleactive:active,
.border-top-color-darkpurplefocus:focus,
.border-top-color-darkpurplefocus-within:focus-within,
.border-top-color-darkpurplebefore:before {
    border-top-color: #946e97;
}

.border-top-color-lightred,
.border-top-color-lightredafter:after,
.border-top-color-lightredhover:hover,
.border-top-color-lightredvisited:visited,
.border-top-color-lightredactive:active,
.border-top-color-lightredfocus:focus,
.border-top-color-lightredfocus-within:focus-within,
.border-top-color-lightredbefore:before {
    border-top-color: #ff1818;
}

.border-top-color-red,
.border-top-color-redafter:after,
.border-top-color-redhover:hover,
.border-top-color-redvisited:visited,
.border-top-color-redactive:active,
.border-top-color-redfocus:focus,
.border-top-color-redfocus-within:focus-within,
.border-top-color-redbefore:before {
    border-top-color: #cc0202;
}

.border-top-color-darkred,
.border-top-color-darkredafter:after,
.border-top-color-darkredhover:hover,
.border-top-color-darkredvisited:visited,
.border-top-color-darkredactive:active,
.border-top-color-darkredfocus:focus,
.border-top-color-darkredfocus-within:focus-within,
.border-top-color-darkredbefore:before {
    border-top-color: #7d0101;
}

.border-top-color-lightyellow,
.border-top-color-lightyellowafter:after,
.border-top-color-lightyellowhover:hover,
.border-top-color-lightyellowvisited:visited,
.border-top-color-lightyellowactive:active,
.border-top-color-lightyellowfocus:focus,
.border-top-color-lightyellowfocus-within:focus-within,
.border-top-color-lightyellowbefore:before {
    border-top-color: #fac51c;
}

.border-top-color-yellow,
.border-top-color-yellowafter:after,
.border-top-color-yellowhover:hover,
.border-top-color-yellowvisited:visited,
.border-top-color-yellowactive:active,
.border-top-color-yellowfocus:focus,
.border-top-color-yellowfocus-within:focus-within,
.border-top-color-yellowbefore:before {
    border-top-color: #ffc200;
}

.border-top-color-darkyellow,
.border-top-color-darkyellowafter:after,
.border-top-color-darkyellowhover:hover,
.border-top-color-darkyellowvisited:visited,
.border-top-color-darkyellowactive:active,
.border-top-color-darkyellowfocus:focus,
.border-top-color-darkyellowfocus-within:focus-within,
.border-top-color-darkyellowbefore:before {
    border-top-color: #d09e00;
}

.border-top-color-lightindigo,
.border-top-color-lightindigoafter:after,
.border-top-color-lightindigohover:hover,
.border-top-color-lightindigovisited:visited,
.border-top-color-lightindigoactive:active,
.border-top-color-lightindigofocus:focus,
.border-top-color-lightindigofocus-within:focus-within,
.border-top-color-lightindigobefore:before {
    border-top-color: #7800d0;
}

.border-top-color-indigo,
.border-top-color-indigoafter:after,
.border-top-color-indigohover:hover,
.border-top-color-indigovisited:visited,
.border-top-color-indigoactive:active,
.border-top-color-indigofocus:focus,
.border-top-color-indigofocus-within:focus-within,
.border-top-color-indigobefore:before {
    border-top-color: #5e00a2;
}

.border-top-color-darkindigo,
.border-top-color-darkindigoafter:after,
.border-top-color-darkindigohover:hover,
.border-top-color-darkindigovisited:visited,
.border-top-color-darkindigoactive:active,
.border-top-color-darkindigofocus:focus,
.border-top-color-darkindigofocus-within:focus-within,
.border-top-color-darkindigobefore:before {
    border-top-color: indigo;
}

.border-top-color-lightviolet,
.border-top-color-lightvioletafter:after,
.border-top-color-lightviolethover:hover,
.border-top-color-lightvioletvisited:visited,
.border-top-color-lightvioletactive:active,
.border-top-color-lightvioletfocus:focus,
.border-top-color-lightvioletfocus-within:focus-within,
.border-top-color-lightvioletbefore:before {
    border-top-color: #e200e2;
}

.border-top-color-violet,
.border-top-color-violetafter:after,
.border-top-color-violethover:hover,
.border-top-color-violetvisited:visited,
.border-top-color-violetactive:active,
.border-top-color-violetfocus:focus,
.border-top-color-violetfocus-within:focus-within,
.border-top-color-violetbefore:before {
    border-top-color: #bb00bb;
}

.border-top-color-darkviolet,
.border-top-color-darkvioletafter:after,
.border-top-color-darkviolethover:hover,
.border-top-color-darkvioletvisited:visited,
.border-top-color-darkvioletactive:active,
.border-top-color-darkvioletfocus:focus,
.border-top-color-darkvioletfocus-within:focus-within,
.border-top-color-darkvioletbefore:before {
    border-top-color: #9c009c;
}

.border-top-color-white,
.border-top-color-whiteafter:after,
.border-top-color-whitehover:hover,
.border-top-color-whitevisited:visited,
.border-top-color-whiteactive:active,
.border-top-color-whitefocus:focus,
.border-top-color-whitefocus-within:focus-within,
.border-top-color-whitebefore:before {
    border-top-color: #fff;
}

.border-top-color-lightgrey,
.border-top-color-lightgreyafter:after,
.border-top-color-lightgreyhover:hover,
.border-top-color-lightgreyvisited:visited,
.border-top-color-lightgreyactive:active,
.border-top-color-lightgreyfocus:focus,
.border-top-color-lightgreyfocus-within:focus-within,
.border-top-color-lightgreybefore:before {
    border-top-color: #c7c7c7;
}

.border-top-color-grey,
.border-top-color-greyafter:after,
.border-top-color-greyhover:hover,
.border-top-color-greyvisited:visited,
.border-top-color-greyactive:active,
.border-top-color-greyfocus:focus,
.border-top-color-greyfocus-within:focus-within,
.border-top-color-greybefore:before {
    border-top-color: #9e9e9e;
}

.border-top-color-darkgrey,
.border-top-color-darkgreyafter:after,
.border-top-color-darkgreyhover:hover,
.border-top-color-darkgreyvisited:visited,
.border-top-color-darkgreyactive:active,
.border-top-color-darkgreyfocus:focus,
.border-top-color-darkgreyfocus-within:focus-within,
.border-top-color-darkgreybefore:before {
    border-top-color: #5a5a5a;
}

/*border-left*/
.border-left-color-lightblue,
.border-left-color-lightblueafter:after,
.border-left-color-lightbluehover:hover,
.border-left-color-lightbluevisited:visited,
.border-left-color-lightblueactive:active,
.border-left-color-lightbluefocus:focus,
.border-left-color-lightbluefocus-within:focus-within,
.border-left-color-lightbluebefore:before {
    border-left-color: #33b6ff;
}

.border-left-color-blue,
.border-left-color-blueafter:after,
.border-left-color-bluehover:hover,
.border-left-color-bluevisited:visited,
.border-left-color-blueactive:active,
.border-left-color-bluefocus:focus,
.border-left-color-bluefocus-within:focus-within,
.border-left-color-bluebefore:before {
    border-left-color: #2f92c9;
}

.border-left-color-darkblue,
.border-left-color-darkblueafter:after,
.border-left-color-darkbluehover:hover,
.border-left-color-darkbluevisited:visited,
.border-left-color-darkblueactive:active,
.border-left-color-darkbluefocus:focus,
.border-left-color-darkbluefocus-within:focus-within,
.border-left-color-darkbluebefore:before {
    border-left-color: #0c6494;
}

.border-left-color-lightgreen,
.border-left-color-lightgreenafter:after,
.border-left-color-lightgreenhover:hover,
.border-left-color-lightgreenvisited:visited,
.border-left-color-lightgreenactive:active,
.border-left-color-lightgreenfocus:focus,
.border-left-color-lightgreenfocus-within:focus-within,
.border-left-color-lightgreenbefore:before {
    border-left-color: #48ef29;
}

.border-left-color-green,
.border-left-color-greenafter:after,
.border-left-color-greenhover:hover,
.border-left-color-greenvisited:visited,
.border-left-color-greenactive:active,
.border-left-color-greenfocus:focus,
.border-left-color-greenfocus-within:focus-within,
.border-left-color-greenbefore:before {
    border-left-color: #11a200;
}

.border-left-color-darkgreen,
.border-left-color-darkgreenafter:after,
.border-left-color-darkgreenhover:hover,
.border-left-color-darkgreenvisited:visited,
.border-left-color-darkgreenactive:active,
.border-left-color-darkgreenfocus:focus,
.border-left-color-darkgreenfocus-within:focus-within,
.border-left-color-darkgreenbefore:before {
    border-left-color: green;
}

.border-left-color-lightorange,
.border-left-color-lightorangeafter:after,
.border-left-color-lightorangehover:hover,
.border-left-color-lightorangevisited:visited,
.border-left-color-lightorangeactive:active,
.border-left-color-lightorangefocus:focus,
.border-left-color-lightorangefocus-within:focus-within,
.border-left-color-lightorangebefore:before {
    border-left-color: #ff8e29;
}

.border-left-color-orange,
.border-left-color-orangeafter:after,
.border-left-color-orangehover:hover,
.border-left-color-orangevisited:visited,
.border-left-color-orangeactive:active,
.border-left-color-orangefocus:focus,
.border-left-color-orangefocus-within:focus-within,
.border-left-color-orangebefore:before {
    border-left-color: #ff7800;
}

.border-left-color-darkorange,
.border-left-color-darkorangeafter:after,
.border-left-color-darkorangehover:hover,
.border-left-color-darkorangevisited:visited,
.border-left-color-darkorangeactive:active,
.border-left-color-darkorangefocus:focus,
.border-left-color-darkorangefocus-within:focus-within,
.border-left-color-darkorangebefore:before {
    border-left-color: #c55d00;
}

.border-left-color-lightpurple,
.border-left-color-lightpurpleafter:after,
.border-left-color-lightpurplehover:hover,
.border-left-color-lightpurplevisited:visited,
.border-left-color-lightpurpleactive:active,
.border-left-color-lightpurplefocus:focus,
.border-left-color-lightpurplefocus-within:focus-within,
.border-left-color-lightpurplebefore:before {
    border-left-color: #946e97;
}

.border-left-color-purple,
.border-left-color-purpleafter:after,
.border-left-color-purplehover:hover,
.border-left-color-purplevisited:visited,
.border-left-color-purpleactive:active,
.border-left-color-purplefocus:focus,
.border-left-color-purplefocus-within:focus-within,
.border-left-color-purplebefore:before {
    border-left-color: #946e97;
}

.border-left-color-darkpurple,
.border-left-color-darkpurpleafter:after,
.border-left-color-darkpurplehover:hover,
.border-left-color-darkpurplevisited:visited,
.border-left-color-darkpurpleactive:active,
.border-left-color-darkpurplefocus:focus,
.border-left-color-darkpurplefocus-within:focus-within,
.border-left-color-darkpurplebefore:before {
    border-left-color: #946e97;
}

.border-left-color-lightred,
.border-left-color-lightredafter:after,
.border-left-color-lightredhover:hover,
.border-left-color-lightredvisited:visited,
.border-left-color-lightredactive:active,
.border-left-color-lightredfocus:focus,
.border-left-color-lightredfocus-within:focus-within,
.border-left-color-lightredbefore:before {
    border-left-color: #ff1818;
}

.border-left-color-red,
.border-left-color-redafter:after,
.border-left-color-redhover:hover,
.border-left-color-redvisited:visited,
.border-left-color-redactive:active,
.border-left-color-redfocus:focus,
.border-left-color-redfocus-within:focus-within,
.border-left-color-redbefore:before {
    border-left-color: #cc0202;
}

.border-left-color-darkred,
.border-left-color-darkredafter:after,
.border-left-color-darkredhover:hover,
.border-left-color-darkredvisited:visited,
.border-left-color-darkredactive:active,
.border-left-color-darkredfocus:focus,
.border-left-color-darkredfocus-within:focus-within,
.border-left-color-darkredbefore:before {
    border-left-color: #7d0101;
}

.border-left-color-lightyellow,
.border-left-color-lightyellowafter:after,
.border-left-color-lightyellowhover:hover,
.border-left-color-lightyellowvisited:visited,
.border-left-color-lightyellowactive:active,
.border-left-color-lightyellowfocus:focus,
.border-left-color-lightyellowfocus-within:focus-within,
.border-left-color-lightyellowbefore:before {
    border-left-color: #fac51c;
}

.border-left-color-yellow,
.border-left-color-yellowafter:after,
.border-left-color-yellowhover:hover,
.border-left-color-yellowvisited:visited,
.border-left-color-yellowactive:active,
.border-left-color-yellowfocus:focus,
.border-left-color-yellowfocus-within:focus-within,
.border-left-color-yellowbefore:before {
    border-left-color: #ffc200;
}

.border-left-color-darkyellow,
.border-left-color-darkyellowafter:after,
.border-left-color-darkyellowhover:hover,
.border-left-color-darkyellowvisited:visited,
.border-left-color-darkyellowactive:active,
.border-left-color-darkyellowfocus:focus,
.border-left-color-darkyellowfocus-within:focus-within,
.border-left-color-darkyellowbefore:before {
    border-left-color: #d09e00;
}

.border-left-color-lightindigo,
.border-left-color-lightindigoafter:after,
.border-left-color-lightindigohover:hover,
.border-left-color-lightindigovisited:visited,
.border-left-color-lightindigoactive:active,
.border-left-color-lightindigofocus:focus,
.border-left-color-lightindigofocus-within:focus-within,
.border-left-color-lightindigobefore:before {
    border-left-color: #7800d0;
}

.border-left-color-indigo,
.border-left-color-indigoafter:after,
.border-left-color-indigohover:hover,
.border-left-color-indigovisited:visited,
.border-left-color-indigoactive:active,
.border-left-color-indigofocus:focus,
.border-left-color-indigofocus-within:focus-within,
.border-left-color-indigobefore:before {
    border-left-color: #5e00a2;
}

.border-left-color-darkindigo,
.border-left-color-darkindigoafter:after,
.border-left-color-darkindigohover:hover,
.border-left-color-darkindigovisited:visited,
.border-left-color-darkindigoactive:active,
.border-left-color-darkindigofocus:focus,
.border-left-color-darkindigofocus-within:focus-within,
.border-left-color-darkindigobefore:before {
    border-left-color: indigo;
}

.border-left-color-lightviolet,
.border-left-color-lightvioletafter:after,
.border-left-color-lightviolethover:hover,
.border-left-color-lightvioletvisited:visited,
.border-left-color-lightvioletactive:active,
.border-left-color-lightvioletfocus:focus,
.border-left-color-lightvioletfocus-within:focus-within,
.border-left-color-lightvioletbefore:before {
    border-left-color: #e200e2;
}

.border-left-color-violet,
.border-left-color-violetafter:after,
.border-left-color-violethover:hover,
.border-left-color-violetvisited:visited,
.border-left-color-violetactive:active,
.border-left-color-violetfocus:focus,
.border-left-color-violetfocus-within:focus-within,
.border-left-color-violetbefore:before {
    border-left-color: #bb00bb;
}

.border-left-color-darkviolet,
.border-left-color-darkvioletafter:after,
.border-left-color-darkviolethover:hover,
.border-left-color-darkvioletvisited:visited,
.border-left-color-darkvioletactive:active,
.border-left-color-darkvioletfocus:focus,
.border-left-color-darkvioletfocus-within:focus-within,
.border-left-color-darkvioletbefore:before {
    border-left-color: #9c009c;
}

.border-left-color-white,
.border-left-color-whiteafter:after,
.border-left-color-whitehover:hover,
.border-left-color-whitevisited:visited,
.border-left-color-whiteactive:active,
.border-left-color-whitefocus:focus,
.border-left-color-whitefocus-within:focus-within,
.border-left-color-whitebefore:before {
    border-left-color: #fff;
}

.border-left-color-lightgrey,
.border-left-color-lightgreyafter:after,
.border-left-color-lightgreyhover:hover,
.border-left-color-lightgreyvisited:visited,
.border-left-color-lightgreyactive:active,
.border-left-color-lightgreyfocus:focus,
.border-left-color-lightgreyfocus-within:focus-within,
.border-left-color-lightgreybefore:before {
    border-left-color: #c7c7c7;
}

.border-left-color-grey,
.border-left-color-greyafter:after,
.border-left-color-greyhover:hover,
.border-left-color-greyvisited:visited,
.border-left-color-greyactive:active,
.border-left-color-greyfocus:focus,
.border-left-color-greyfocus-within:focus-within,
.border-left-color-greybefore:before {
    border-left-color: #9e9e9e;
}

.border-left-color-darkgrey,
.border-left-color-darkgreyafter:after,
.border-left-color-darkgreyhover:hover,
.border-left-color-darkgreyvisited:visited,
.border-left-color-darkgreyactive:active,
.border-left-color-darkgreyfocus:focus,
.border-left-color-darkgreyfocus-within:focus-within,
.border-left-color-darkgreybefore:before {
    border-left-color: #5a5a5a;
}

/*border-right*/
.border-right-color-lightblue,
.border-right-color-lightblueafter:after,
.border-right-color-lightbluehover:hover,
.border-right-color-lightbluevisited:visited,
.border-right-color-lightblueactive:active,
.border-right-color-lightbluefocus:focus,
.border-right-color-lightbluefocus-within:focus-within,
.border-right-color-lightbluebefore:before {
    border-right-color: #33b6ff;
}

.border-right-color-blue,
.border-right-color-blueafter:after,
.border-right-color-bluehover:hover,
.border-right-color-bluevisited:visited,
.border-right-color-blueactive:active,
.border-right-color-bluefocus:focus,
.border-right-color-bluefocus-within:focus-within,
.border-right-color-bluebefore:before {
    border-right-color: #2f92c9;
}

.border-right-color-darkblue,
.border-right-color-darkblueafter:after,
.border-right-color-darkbluehover:hover,
.border-right-color-darkbluevisited:visited,
.border-right-color-darkblueactive:active,
.border-right-color-darkbluefocus:focus,
.border-right-color-darkbluefocus-within:focus-within,
.border-right-color-darkbluebefore:before {
    border-right-color: #0c6494;
}

.border-right-color-lightgreen,
.border-right-color-lightgreenafter:after,
.border-right-color-lightgreenhover:hover,
.border-right-color-lightgreenvisited:visited,
.border-right-color-lightgreenactive:active,
.border-right-color-lightgreenfocus:focus,
.border-right-color-lightgreenfocus-within:focus-within,
.border-right-color-lightgreenbefore:before {
    border-right-color: #48ef29;
}

.border-right-color-green,
.border-right-color-greenafter:after,
.border-right-color-greenhover:hover,
.border-right-color-greenvisited:visited,
.border-right-color-greenactive:active,
.border-right-color-greenfocus:focus,
.border-right-color-greenfocus-within:focus-within,
.border-right-color-greenbefore:before {
    border-right-color: #11a200;
}

.border-right-color-darkgreen,
.border-right-color-darkgreenafter:after,
.border-right-color-darkgreenhover:hover,
.border-right-color-darkgreenvisited:visited,
.border-right-color-darkgreenactive:active,
.border-right-color-darkgreenfocus:focus,
.border-right-color-darkgreenfocus-within:focus-within,
.border-right-color-darkgreenbefore:before {
    border-right-color: green;
}

.border-right-color-lightorange,
.border-right-color-lightorangeafter:after,
.border-right-color-lightorangehover:hover,
.border-right-color-lightorangevisited:visited,
.border-right-color-lightorangeactive:active,
.border-right-color-lightorangefocus:focus,
.border-right-color-lightorangefocus-within:focus-within,
.border-right-color-lightorangebefore:before {
    border-right-color: #ff8e29;
}

.border-right-color-orange,
.border-right-color-orangeafter:after,
.border-right-color-orangehover:hover,
.border-right-color-orangevisited:visited,
.border-right-color-orangeactive:active,
.border-right-color-orangefocus:focus,
.border-right-color-orangefocus-within:focus-within,
.border-right-color-orangebefore:before {
    border-right-color: #ff7800;
}

.border-right-color-darkorange,
.border-right-color-darkorangeafter:after,
.border-right-color-darkorangehover:hover,
.border-right-color-darkorangevisited:visited,
.border-right-color-darkorangeactive:active,
.border-right-color-darkorangefocus:focus,
.border-right-color-darkorangefocus-within:focus-within,
.border-right-color-darkorangebefore:before {
    border-right-color: #c55d00;
}

.border-right-color-lightpurple,
.border-right-color-lightpurpleafter:after,
.border-right-color-lightpurplehover:hover,
.border-right-color-lightpurplevisited:visited,
.border-right-color-lightpurpleactive:active,
.border-right-color-lightpurplefocus:focus,
.border-right-color-lightpurplefocus-within:focus-within,
.border-right-color-lightpurplebefore:before {
    border-right-color: #946e97;
}

.border-right-color-purple,
.border-right-color-purpleafter:after,
.border-right-color-purplehover:hover,
.border-right-color-purplevisited:visited,
.border-right-color-purpleactive:active,
.border-right-color-purplefocus:focus,
.border-right-color-purplefocus-within:focus-within,
.border-right-color-purplebefore:before {
    border-right-color: #946e97;
}

.border-right-color-darkpurple,
.border-right-color-darkpurpleafter:after,
.border-right-color-darkpurplehover:hover,
.border-right-color-darkpurplevisited:visited,
.border-right-color-darkpurpleactive:active,
.border-right-color-darkpurplefocus:focus,
.border-right-color-darkpurplefocus-within:focus-within,
.border-right-color-darkpurplebefore:before {
    border-right-color: #946e97;
}

.border-right-color-lightred,
.border-right-color-lightredafter:after,
.border-right-color-lightredhover:hover,
.border-right-color-lightredvisited:visited,
.border-right-color-lightredactive:active,
.border-right-color-lightredfocus:focus,
.border-right-color-lightredfocus-within:focus-within,
.border-right-color-lightredbefore:before {
    border-right-color: #ff1818;
}

.border-right-color-red,
.border-right-color-redafter:after,
.border-right-color-redhover:hover,
.border-right-color-redvisited:visited,
.border-right-color-redactive:active,
.border-right-color-redfocus:focus,
.border-right-color-redfocus-within:focus-within,
.border-right-color-redbefore:before {
    border-right-color: #cc0202;
}

.border-right-color-darkred,
.border-right-color-darkredafter:after,
.border-right-color-darkredhover:hover,
.border-right-color-darkredvisited:visited,
.border-right-color-darkredactive:active,
.border-right-color-darkredfocus:focus,
.border-right-color-darkredfocus-within:focus-within,
.border-right-color-darkredbefore:before {
    border-right-color: #7d0101;
}

.border-right-color-lightyellow,
.border-right-color-lightyellowafter:after,
.border-right-color-lightyellowhover:hover,
.border-right-color-lightyellowvisited:visited,
.border-right-color-lightyellowactive:active,
.border-right-color-lightyellowfocus:focus,
.border-right-color-lightyellowfocus-within:focus-within,
.border-right-color-lightyellowbefore:before {
    border-right-color: #fac51c;
}

.border-right-color-yellow,
.border-right-color-yellowafter:after,
.border-right-color-yellowhover:hover,
.border-right-color-yellowvisited:visited,
.border-right-color-yellowactive:active,
.border-right-color-yellowfocus:focus,
.border-right-color-yellowfocus-within:focus-within,
.border-right-color-yellowbefore:before {
    border-right-color: #ffc200;
}

.border-right-color-darkyellow,
.border-right-color-darkyellowafter:after,
.border-right-color-darkyellowhover:hover,
.border-right-color-darkyellowvisited:visited,
.border-right-color-darkyellowactive:active,
.border-right-color-darkyellowfocus:focus,
.border-right-color-darkyellowfocus-within:focus-within,
.border-right-color-darkyellowbefore:before {
    border-right-color: #d09e00;
}

.border-right-color-lightindigo,
.border-right-color-lightindigoafter:after,
.border-right-color-lightindigohover:hover,
.border-right-color-lightindigovisited:visited,
.border-right-color-lightindigoactive:active,
.border-right-color-lightindigofocus:focus,
.border-right-color-lightindigofocus-within:focus-within,
.border-right-color-lightindigobefore:before {
    border-right-color: #7800d0;
}

.border-right-color-indigo,
.border-right-color-indigoafter:after,
.border-right-color-indigohover:hover,
.border-right-color-indigovisited:visited,
.border-right-color-indigoactive:active,
.border-right-color-indigofocus:focus,
.border-right-color-indigofocus-within:focus-within,
.border-right-color-indigobefore:before {
    border-right-color: #5e00a2;
}

.border-right-color-darkindigo,
.border-right-color-darkindigoafter:after,
.border-right-color-darkindigohover:hover,
.border-right-color-darkindigovisited:visited,
.border-right-color-darkindigoactive:active,
.border-right-color-darkindigofocus:focus,
.border-right-color-darkindigofocus-within:focus-within,
.border-right-color-darkindigobefore:before {
    border-right-color: indigo;
}

.border-right-color-lightviolet,
.border-right-color-lightvioletafter:after,
.border-right-color-lightviolethover:hover,
.border-right-color-lightvioletvisited:visited,
.border-right-color-lightvioletactive:active,
.border-right-color-lightvioletfocus:focus,
.border-right-color-lightvioletfocus-within:focus-within,
.border-right-color-lightvioletbefore:before {
    border-right-color: #e200e2;
}

.border-right-color-violet,
.border-right-color-violetafter:after,
.border-right-color-violethover:hover,
.border-right-color-violetvisited:visited,
.border-right-color-violetactive:active,
.border-right-color-violetfocus:focus,
.border-right-color-violetfocus-within:focus-within,
.border-right-color-violetbefore:before {
    border-right-color: #bb00bb;
}

.border-right-color-darkviolet,
.border-right-color-darkvioletafter:after,
.border-right-color-darkviolethover:hover,
.border-right-color-darkvioletvisited:visited,
.border-right-color-darkvioletactive:active,
.border-right-color-darkvioletfocus:focus,
.border-right-color-darkvioletfocus-within:focus-within,
.border-right-color-darkvioletbefore:before {
    border-right-color: #9c009c;
}

.border-right-color-white,
.border-right-color-whiteafter:after,
.border-right-color-whitehover:hover,
.border-right-color-whitevisited:visited,
.border-right-color-whiteactive:active,
.border-right-color-whitefocus:focus,
.border-right-color-whitefocus-within:focus-within,
.border-right-color-whitebefore:before {
    border-right-color: #fff;
}

.border-right-color-lightgrey,
.border-right-color-lightgreyafter:after,
.border-right-color-lightgreyhover:hover,
.border-right-color-lightgreyvisited:visited,
.border-right-color-lightgreyactive:active,
.border-right-color-lightgreyfocus:focus,
.border-right-color-lightgreyfocus-within:focus-within,
.border-right-color-lightgreybefore:before {
    border-right-color: #c7c7c7;
}

.border-right-color-grey,
.border-right-color-greyafter:after,
.border-right-color-greyhover:hover,
.border-right-color-greyvisited:visited,
.border-right-color-greyactive:active,
.border-right-color-greyfocus:focus,
.border-right-color-greyfocus-within:focus-within,
.border-right-color-greybefore:before {
    border-right-color: #9e9e9e;
}

.border-right-color-darkgrey,
.border-right-color-darkgreyafter:after,
.border-right-color-darkgreyhover:hover,
.border-right-color-darkgreyvisited:visited,
.border-right-color-darkgreyactive:active,
.border-right-color-darkgreyfocus:focus,
.border-right-color-darkgreyfocus-within:focus-within,
.border-right-color-darkgreybefore:before {
    border-right-color: #5a5a5a;
}

/*border-bottom*/
.border-bottom-color-lightblue,
.border-bottom-color-lightblueafter:after,
.border-bottom-color-lightbluehover:hover,
.border-bottom-color-lightbluevisited:visited,
.border-bottom-color-lightblueactive:active,
.border-bottom-color-lightbluefocus:focus,
.border-bottom-color-lightbluefocus-within:focus-within,
.border-bottom-color-lightbluebefore:before {
    border-bottom-color: #33b6ff;
}

.border-bottom-color-blue,
.border-bottom-color-blueafter:after,
.border-bottom-color-bluehover:hover,
.border-bottom-color-bluevisited:visited,
.border-bottom-color-blueactive:active,
.border-bottom-color-bluefocus:focus,
.border-bottom-color-bluefocus-within:focus-within,
.border-bottom-color-bluebefore:before {
    border-bottom-color: #2f92c9;
}

.border-bottom-color-darkblue,
.border-bottom-color-darkblueafter:after,
.border-bottom-color-darkbluehover:hover,
.border-bottom-color-darkbluevisited:visited,
.border-bottom-color-darkblueactive:active,
.border-bottom-color-darkbluefocus:focus,
.border-bottom-color-darkbluefocus-within:focus-within,
.border-bottom-color-darkbluebefore:before {
    border-bottom-color: #0c6494;
}

.border-bottom-color-lightgreen,
.border-bottom-color-lightgreenafter:after,
.border-bottom-color-lightgreenhover:hover,
.border-bottom-color-lightgreenvisited:visited,
.border-bottom-color-lightgreenactive:active,
.border-bottom-color-lightgreenfocus:focus,
.border-bottom-color-lightgreenfocus-within:focus-within,
.border-bottom-color-lightgreenbefore:before {
    border-bottom-color: #48ef29;
}

.border-bottom-color-green,
.border-bottom-color-greenafter:after,
.border-bottom-color-greenhover:hover,
.border-bottom-color-greenvisited:visited,
.border-bottom-color-greenactive:active,
.border-bottom-color-greenfocus:focus,
.border-bottom-color-greenfocus-within:focus-within,
.border-bottom-color-greenbefore:before {
    border-bottom-color: #11a200;
}

.border-bottom-color-darkgreen,
.border-bottom-color-darkgreenafter:after,
.border-bottom-color-darkgreenhover:hover,
.border-bottom-color-darkgreenvisited:visited,
.border-bottom-color-darkgreenactive:active,
.border-bottom-color-darkgreenfocus:focus,
.border-bottom-color-darkgreenfocus-within:focus-within,
.border-bottom-color-darkgreenbefore:before {
    border-bottom-color: green;
}

.border-bottom-color-lightorange,
.border-bottom-color-lightorangeafter:after,
.border-bottom-color-lightorangehover:hover,
.border-bottom-color-lightorangevisited:visited,
.border-bottom-color-lightorangeactive:active,
.border-bottom-color-lightorangefocus:focus,
.border-bottom-color-lightorangefocus-within:focus-within,
.border-bottom-color-lightorangebefore:before {
    border-bottom-color: #ff8e29;
}

.border-bottom-color-orange,
.border-bottom-color-orangeafter:after,
.border-bottom-color-orangehover:hover,
.border-bottom-color-orangevisited:visited,
.border-bottom-color-orangeactive:active,
.border-bottom-color-orangefocus:focus,
.border-bottom-color-orangefocus-within:focus-within,
.border-bottom-color-orangebefore:before {
    border-bottom-color: #ff7800;
}

.border-bottom-color-darkorange,
.border-bottom-color-darkorangeafter:after,
.border-bottom-color-darkorangehover:hover,
.border-bottom-color-darkorangevisited:visited,
.border-bottom-color-darkorangeactive:active,
.border-bottom-color-darkorangefocus:focus,
.border-bottom-color-darkorangefocus-within:focus-within,
.border-bottom-color-darkorangebefore:before {
    border-bottom-color: #c55d00;
}

.border-bottom-color-lightpurple,
.border-bottom-color-lightpurpleafter:after,
.border-bottom-color-lightpurplehover:hover,
.border-bottom-color-lightpurplevisited:visited,
.border-bottom-color-lightpurpleactive:active,
.border-bottom-color-lightpurplefocus:focus,
.border-bottom-color-lightpurplefocus-within:focus-within,
.border-bottom-color-lightpurplebefore:before {
    border-bottom-color: #946e97;
}

.border-bottom-color-purple,
.border-bottom-color-purpleafter:after,
.border-bottom-color-purplehover:hover,
.border-bottom-color-purplevisited:visited,
.border-bottom-color-purpleactive:active,
.border-bottom-color-purplefocus:focus,
.border-bottom-color-purplefocus-within:focus-within,
.border-bottom-color-purplebefore:before {
    border-bottom-color: #946e97;
}

.border-bottom-color-darkpurple,
.border-bottom-color-darkpurpleafter:after,
.border-bottom-color-darkpurplehover:hover,
.border-bottom-color-darkpurplevisited:visited,
.border-bottom-color-darkpurpleactive:active,
.border-bottom-color-darkpurplefocus:focus,
.border-bottom-color-darkpurplefocus-within:focus-within,
.border-bottom-color-darkpurplebefore:before {
    border-bottom-color: #946e97;
}

.border-bottom-color-lightred,
.border-bottom-color-lightredafter:after,
.border-bottom-color-lightredhover:hover,
.border-bottom-color-lightredvisited:visited,
.border-bottom-color-lightredactive:active,
.border-bottom-color-lightredfocus:focus,
.border-bottom-color-lightredfocus-within:focus-within,
.border-bottom-color-lightredbefore:before {
    border-bottom-color: #ff1818;
}

.border-bottom-color-red,
.border-bottom-color-redafter:after,
.border-bottom-color-redhover:hover,
.border-bottom-color-redvisited:visited,
.border-bottom-color-redactive:active,
.border-bottom-color-redfocus:focus,
.border-bottom-color-redfocus-within:focus-within,
.border-bottom-color-redbefore:before {
    border-bottom-color: #cc0202;
}

.border-bottom-color-darkred,
.border-bottom-color-darkredafter:after,
.border-bottom-color-darkredhover:hover,
.border-bottom-color-darkredvisited:visited,
.border-bottom-color-darkredactive:active,
.border-bottom-color-darkredfocus:focus,
.border-bottom-color-darkredfocus-within:focus-within,
.border-bottom-color-darkredbefore:before {
    border-bottom-color: #7d0101;
}

.border-bottom-color-lightyellow,
.border-bottom-color-lightyellowafter:after,
.border-bottom-color-lightyellowhover:hover,
.border-bottom-color-lightyellowvisited:visited,
.border-bottom-color-lightyellowactive:active,
.border-bottom-color-lightyellowfocus:focus,
.border-bottom-color-lightyellowfocus-within:focus-within,
.border-bottom-color-lightyellowbefore:before {
    border-bottom-color: #fac51c;
}

.border-bottom-color-yellow,
.border-bottom-color-yellowafter:after,
.border-bottom-color-yellowhover:hover,
.border-bottom-color-yellowvisited:visited,
.border-bottom-color-yellowactive:active,
.border-bottom-color-yellowfocus:focus,
.border-bottom-color-yellowfocus-within:focus-within,
.border-bottom-color-yellowbefore:before {
    border-bottom-color: #ffc200;
}

.border-bottom-color-darkyellow,
.border-bottom-color-darkyellowafter:after,
.border-bottom-color-darkyellowhover:hover,
.border-bottom-color-darkyellowvisited:visited,
.border-bottom-color-darkyellowactive:active,
.border-bottom-color-darkyellowfocus:focus,
.border-bottom-color-darkyellowfocus-within:focus-within,
.border-bottom-color-darkyellowbefore:before {
    border-bottom-color: #d09e00;
}

.border-bottom-color-lightindigo,
.border-bottom-color-lightindigoafter:after,
.border-bottom-color-lightindigohover:hover,
.border-bottom-color-lightindigovisited:visited,
.border-bottom-color-lightindigoactive:active,
.border-bottom-color-lightindigofocus:focus,
.border-bottom-color-lightindigofocus-within:focus-within,
.border-bottom-color-lightindigobefore:before {
    border-bottom-color: #7800d0;
}

.border-bottom-color-indigo,
.border-bottom-color-indigoafter:after,
.border-bottom-color-indigohover:hover,
.border-bottom-color-indigovisited:visited,
.border-bottom-color-indigoactive:active,
.border-bottom-color-indigofocus:focus,
.border-bottom-color-indigofocus-within:focus-within,
.border-bottom-color-indigobefore:before {
    border-bottom-color: #5e00a2;
}

.border-bottom-color-darkindigo,
.border-bottom-color-darkindigoafter:after,
.border-bottom-color-darkindigohover:hover,
.border-bottom-color-darkindigovisited:visited,
.border-bottom-color-darkindigoactive:active,
.border-bottom-color-darkindigofocus:focus,
.border-bottom-color-darkindigofocus-within:focus-within,
.border-bottom-color-darkindigobefore:before {
    border-bottom-color: indigo;
}

.border-bottom-color-lightviolet,
.border-bottom-color-lightvioletafter:after,
.border-bottom-color-lightviolethover:hover,
.border-bottom-color-lightvioletvisited:visited,
.border-bottom-color-lightvioletactive:active,
.border-bottom-color-lightvioletfocus:focus,
.border-bottom-color-lightvioletfocus-within:focus-within,
.border-bottom-color-lightvioletbefore:before {
    border-bottom-color: #e200e2;
}

.border-bottom-color-violet,
.border-bottom-color-violetafter:after,
.border-bottom-color-violethover:hover,
.border-bottom-color-violetvisited:visited,
.border-bottom-color-violetactive:active,
.border-bottom-color-violetfocus:focus,
.border-bottom-color-violetfocus-within:focus-within,
.border-bottom-color-violetbefore:before {
    border-bottom-color: #bb00bb;
}

.border-bottom-color-darkviolet,
.border-bottom-color-darkvioletafter:after,
.border-bottom-color-darkviolethover:hover,
.border-bottom-color-darkvioletvisited:visited,
.border-bottom-color-darkvioletactive:active,
.border-bottom-color-darkvioletfocus:focus,
.border-bottom-color-darkvioletfocus-within:focus-within,
.border-bottom-color-darkvioletbefore:before {
    border-bottom-color: #9c009c;
}

.border-bottom-color-white,
.border-bottom-color-whiteafter:after,
.border-bottom-color-whitehover:hover,
.border-bottom-color-whitevisited:visited,
.border-bottom-color-whiteactive:active,
.border-bottom-color-whitefocus:focus,
.border-bottom-color-whitefocus-within:focus-within,
.border-bottom-color-whitebefore:before {
    border-bottom-color: #fff;
}

.border-bottom-color-lightgrey,
.border-bottom-color-lightgreyafter:after,
.border-bottom-color-lightgreyhover:hover,
.border-bottom-color-lightgreyvisited:visited,
.border-bottom-color-lightgreyactive:active,
.border-bottom-color-lightgreyfocus:focus,
.border-bottom-color-lightgreyfocus-within:focus-within,
.border-bottom-color-lightgreybefore:before {
    border-bottom-color: #c7c7c7;
}

.border-bottom-color-grey,
.border-bottom-color-greyafter:after,
.border-bottom-color-greyhover:hover,
.border-bottom-color-greyvisited:visited,
.border-bottom-color-greyactive:active,
.border-bottom-color-greyfocus:focus,
.border-bottom-color-greyfocus-within:focus-within,
.border-bottom-color-greybefore:before {
    border-bottom-color: #9e9e9e;
}

.border-bottom-color-darkgrey,
.border-bottom-color-darkgreyafter:after,
.border-bottom-color-darkgreyhover:hover,
.border-bottom-color-darkgreyvisited:visited,
.border-bottom-color-darkgreyactive:active,
.border-bottom-color-darkgreyfocus:focus,
.border-bottom-color-darkgreyfocus-within:focus-within,
.border-bottom-color-darkgreybefore:before {
    border-bottom-color: #5a5a5a;
}

/*border transparency*/
.border-top-transparent,
.border-top-transparentafter:after,
.border-top-transparenthover:hover,
.border-top-transparentbefore:before,
.border-top-transparentba:before,
.border-top-transparentba:after {
    border-top-color: transparent;
}

.border-left-transparent,
.border-left-transparentafter:after,
.border-left-transparenthover:hover,
.border-left-transparentbefore:before,
.border-left-transparentba:before,
.border-left-transparentba:after {
    border-left-color: transparent;
}

.border-right-transparent,
.border-right-transparentafter:after,
.border-right-transparenthover:hover,
.border-right-transparentbefore:before {
    border-right-color: transparent;
}

.border-bottom-transparent,
.border-bottom-transparentafter:after,
.border-bottom-transparenthover:hover,
.border-bottom-transparentbefore:before {
    border-bottom-color: transparent;
}

.border-transparent,
.border-transparentafter:after,
.border-transparenthover:hover,
.border-transparentbefore:before,
.border-transparentba:before,
.border-transparentba:after {
    border-color: transparent;
}

.border-ftransparent,
.border-ftransparentafter:after,
.border-ftransparenthover:hover,
.border-ftransparentbefore:before,
.border-ftransparentba:before,
.border-ftransparentba:after {
    border-color: transparent !important;
    border-width: 0px;
}

/*
    background-image: -webkit-linear-gradient(92deg,#f35626,#feab3a);
*/
/* important border color segment */
.border-color-lightblueimp,
.border-color-lightblueimpafter:after,
.border-color-lightblueimphover:hover,
.border-color-lightblueimpvisited:visited,
.border-color-lightblueimpactive:active,
.border-color-lightblueimpfocus:focus,
.border-color-lightblueimpfocus-within:focus-within,
.border-color-lightblueimpbefore:before {
    border-color: #33b6ff !important;
}

.border-color-blueimp,
.border-color-blueimpafter:after,
.border-color-blueimphover:hover,
.border-color-blueimpvisited:visited,
.border-color-blueimpactive:active,
.border-color-blueimpfocus:focus,
.border-color-blueimpfocus-within:focus-within,
.border-color-blueimpbefore:before {
    border-color: #2f92c9 !important;
}

.border-color-darkblueimp,
.border-color-darkblueimpafter:after,
.border-color-darkblueimphover:hover,
.border-color-darkblueimpvisited:visited,
.border-color-darkblueimpactive:active,
.border-color-darkblueimpfocus:focus,
.border-color-darkblueimpfocus-within:focus-within,
.border-color-darkblueimpbefore:before {
    border-color: #0c6494 !important;
}

.border-color-lightgreen,
.border-color-lightgreenafter:after,
.border-color-lightgreenhover:hover,
.border-color-lightgreenvisited:visited,
.border-color-lightgreenactive:active,
.border-color-lightgreenfocus:focus,
.border-color-lightgreenfocus-within:focus-within,
.border-color-lightgreenbefore:before {
    border-color: #48ef29 !important;
}

.border-color-green,
.border-color-greenafter:after,
.border-color-greenhover:hover,
.border-color-greenvisited:visited,
.border-color-greenactive:active,
.border-color-greenfocus:focus,
.border-color-greenfocus-within:focus-within,
.border-color-greenbefore:before {
    border-color: #11a200 !important;
}

.border-color-darkgreenimp,
.border-color-darkgreenimpafter:after,
.border-color-darkgreenimphover:hover,
.border-color-darkgreenimpvisited:visited,
.border-color-darkgreenimpactive:active,
.border-color-darkgreenimpfocus:focus,
.border-color-darkgreenimpfocus-within:focus-within,
.border-color-darkgreenimpbefore:before {
    border-color: green !important;
}

.border-color-lightorangeimp,
.border-color-lightorangeimpafter:after,
.border-color-lightorangeimphover:hover,
.border-color-lightorangeimpvisited:visited,
.border-color-lightorangeimpactive:active,
.border-color-lightorangeimpfocus:focus,
.border-color-lightorangeimpfocus-within:focus-within,
.border-color-lightorangeimpbefore:before {
    border-color: #ff8e29 !important;
}

.border-color-orangeimp,
.border-color-orangeimpafter:after,
.border-color-orangeimphover:hover,
.border-color-orangeimpvisited:visited,
.border-color-orangeimpactive:active,
.border-color-orangeimpfocus:focus,
.border-color-orangeimpfocus-within:focus-within,
.border-color-orangeimpbefore:before {
    border-color: #ff7800 !important;
}

.border-color-darkorangeimp,
.border-color-darkorangeimpafter:after,
.border-color-darkorangeimphover:hover,
.border-color-darkorangeimpvisited:visited,
.border-color-darkorangeimpactive:active,
.border-color-darkorangeimpfocus:focus,
.border-color-darkorangeimpfocus-within:focus-within,
.border-color-darkorangeimpbefore:before {
    border-color: #c55d00 !important;
}

.border-color-lightpurple,
.border-color-lightpurpleafter:after,
.border-color-lightpurplehover:hover,
.border-color-lightpurplevisited:visited,
.border-color-lightpurpleactive:active,
.border-color-lightpurplefocus:focus,
.border-color-lightpurplefocus-within:focus-within,
.border-color-lightpurplebefore:before {
    border-color: #946e97 !important;
}

.border-color-purple,
.border-color-purpleafter:after,
.border-color-purplehover:hover,
.border-color-purplevisited:visited,
.border-color-purpleactive:active,
.border-color-purplefocus:focus,
.border-color-purplefocus-within:focus-within,
.border-color-purplebefore:before {
    border-color: #946e97 !important;
}

.border-color-darkpurple,
.border-color-darkpurpleafter:after,
.border-color-darkpurplehover:hover,
.border-color-darkpurplevisited:visited,
.border-color-darkpurpleactive:active,
.border-color-darkpurplefocus:focus,
.border-color-darkpurplefocus-within:focus-within,
.border-color-darkpurplebefore:before {
    border-color: #946e97 !important;
}

.border-color-lightredimp,
.border-color-lightredimpafter:after,
.border-color-lightredimphover:hover,
.border-color-lightredimpvisited:visited,
.border-color-lightredimpactive:active,
.border-color-lightredimpfocus:focus,
.border-color-lightredimpfocus-within:focus-within,
.border-color-lightredimpbefore:before {
    border-color: #ff1818 !important;
}

.border-color-redimp,
.border-color-redimpafter:after,
.border-color-redimphover:hover,
.border-color-redimpvisited:visited,
.border-color-redimpactive:active,
.border-color-redimpfocus:focus,
.border-color-redimpfocus-within:focus-within,
.border-color-redimpbefore:before {
    border-color: #cc0202 !important;
}

.border-color-darkredimp,
.border-color-darkredimpafter:after,
.border-color-darkredimphover:hover,
.border-color-darkredimpvisited:visited,
.border-color-darkredimpactive:active,
.border-color-darkredimpfocus:focus,
.border-color-darkredimpfocus-within:focus-within,
.border-color-darkredimpbefore:before {
    border-color: #7d0101 !important;
}

.border-color-lightyellowimp,
.border-color-lightyellowimpafter:after,
.border-color-lightyellowimphover:hover,
.border-color-lightyellowimpvisited:visited,
.border-color-lightyellowimpactive:active,
.border-color-lightyellowimpfocus:focus,
.border-color-lightyellowimpfocus-within:focus-within,
.border-color-lightyellowimpbefore:before {
    border-color: #fac51c !important;
}

.border-color-yellowimp,
.border-color-yellowimpafter:after,
.border-color-yellowimphover:hover,
.border-color-yellowimpvisited:visited,
.border-color-yellowimpactive:active,
.border-color-yellowimpfocus:focus,
.border-color-yellowimpfocus-within:focus-within,
.border-color-yellowimpbefore:before {
    border-color: #ffc200 !important;
}

.border-color-darkyellowimp,
.border-color-darkyellowimpafter:after,
.border-color-darkyellowimphover:hover,
.border-color-darkyellowimpvisited:visited,
.border-color-darkyellowimpactive:active,
.border-color-darkyellowimpfocus:focus,
.border-color-darkyellowimpfocus-within:focus-within,
.border-color-darkyellowimpbefore:before {
    border-color: #d09e00 !important;
}

.border-color-lightindigoimp,
.border-color-lightindigoimpafter:after,
.border-color-lightindigoimphover:hover,
.border-color-lightindigoimpvisited:visited,
.border-color-lightindigoimpactive:active,
.border-color-lightindigoimpfocus:focus,
.border-color-lightindigoimpfocus-within:focus-within,
.border-color-lightindigoimpbefore:before {
    border-color: #7800d0 !important;
}

.border-color-indigoimp,
.border-color-indigoimpafter:after,
.border-color-indigoimphover:hover,
.border-color-indigoimpvisited:visited,
.border-color-indigoimpactive:active,
.border-color-indigoimpfocus:focus,
.border-color-indigoimpfocus-within:focus-within,
.border-color-indigoimpbefore:before {
    border-color: #5e00a2 !important;
}

.border-color-darkindigoimp,
.border-color-darkindigoimpafter:after,
.border-color-darkindigoimphover:hover,
.border-color-darkindigoimpvisited:visited,
.border-color-darkindigoimpactive:active,
.border-color-darkindigoimpfocus:focus,
.border-color-darkindigoimpfocus-within:focus-within,
.border-color-darkindigoimpbefore:before {
    border-color: indigo !important;
}

.border-color-lightviolet,
.border-color-lightvioletafter:after,
.border-color-lightviolethover:hover,
.border-color-lightvioletvisited:visited,
.border-color-lightvioletactive:active,
.border-color-lightvioletfocus:focus,
.border-color-lightvioletfocus-within:focus-within,
.border-color-lightvioletbefore:before {
    border-color: #e200e2 !important;
}

.border-color-violetimp,
.border-color-violetimpafter:after,
.border-color-violetimphover:hover,
.border-color-violetimpvisited:visited,
.border-color-violetimpactive:active,
.border-color-violetimpfocus:focus,
.border-color-violetimpfocus-within:focus-within,
.border-color-violetimpbefore:before {
    border-color: #bb00bb !important;
}

.border-color-darkvioletimp,
.border-color-darkvioletimpafter:after,
.border-color-darkvioletimphover:hover,
.border-color-darkvioletimpvisited:visited,
.border-color-darkvioletimpactive:active,
.border-color-darkvioletimpfocus:focus,
.border-color-darkvioletimpfocus-within:focus-within,
.border-color-darkvioletimpbefore:before {
    border-color: #9c009c !important;
}

.border-color-whiteimp,
.border-color-whiteimpafter:after,
.border-color-whiteimphover:hover,
.border-color-whiteimpvisited:visited,
.border-color-whiteimpactive:active,
.border-color-whiteimpfocus:focus,
.border-color-whiteimpfocus-within:focus-within,
.border-color-whiteimpbefore:before {
    border-color: #fff !important;
}

.border-color-lightgreyimp,
.border-color-lightgreyimpafter:after,
.border-color-lightgreyimphover:hover,
.border-color-lightgreyimpvisited:visited,
.border-color-lightgreyimpactive:active,
.border-color-lightgreyimpfocus:focus,
.border-color-lightgreyimpfocus-within:focus-within,
.border-color-lightgreyimpbefore:before {
    border-color: #c7c7c7 !important;
}

.border-color-greyimp,
.border-color-greyimpafter:after,
.border-color-greyimphover:hover,
.border-color-greyimpvisited:visited,
.border-color-greyimpactive:active,
.border-color-greyimpfocus:focus,
.border-color-greyimpfocus-within:focus-within,
.border-color-greyimpbefore:before {
    border-color: #9e9e9e !important;
}

.border-color-darkgreyimp,
.border-color-darkgreyimpafter:after,
.border-color-darkgreyimphover:hover,
.border-color-darkgreyimpvisited:visited,
.border-color-darkgreyimpactive:active,
.border-color-darkgreyimpfocus:focus,
.border-color-darkgreyimpfocus-within:focus-within,
.border-color-darkgreyimpbefore:before {
    border-color: #5a5a5a !important;
}

/*border-top*/
.border-top-color-lightblue,
.border-top-color-lightblueafter:after,
.border-top-color-lightbluehover:hover,
.border-top-color-lightbluevisited:visited,
.border-top-color-lightblueactive:active,
.border-top-color-lightbluefocus:focus,
.border-top-color-lightbluefocus-within:focus-within,
.border-top-color-lightbluebefore:before {
    border-top-color: #33b6ff !important;
}

.border-top-color-blue,
.border-top-color-blueafter:after,
.border-top-color-bluehover:hover,
.border-top-color-bluevisited:visited,
.border-top-color-blueactive:active,
.border-top-color-bluefocus:focus,
.border-top-color-bluefocus-within:focus-within,
.border-top-color-bluebefore:before {
    border-top-color: #2f92c9 !important;
}

.border-top-color-darkblue,
.border-top-color-darkblueafter:after,
.border-top-color-darkbluehover:hover,
.border-top-color-darkbluevisited:visited,
.border-top-color-darkblueactive:active,
.border-top-color-darkbluefocus:focus,
.border-top-color-darkbluefocus-within:focus-within,
.border-top-color-darkbluebefore:before {
    border-top-color: #0c6494 !important;
}

.border-top-color-lightgreen,
.border-top-color-lightgreenafter:after,
.border-top-color-lightgreenhover:hover,
.border-top-color-lightgreenvisited:visited,
.border-top-color-lightgreenactive:active,
.border-top-color-lightgreenfocus:focus,
.border-top-color-lightgreenfocus-within:focus-within,
.border-top-color-lightgreenbefore:before {
    border-top-color: #48ef29 !important;
}

.border-top-color-green,
.border-top-color-greenafter:after,
.border-top-color-greenhover:hover,
.border-top-color-greenvisited:visited,
.border-top-color-greenactive:active,
.border-top-color-greenfocus:focus,
.border-top-color-greenfocus-within:focus-within,
.border-top-color-greenbefore:before {
    border-top-color: #11a200 !important;
}

.border-top-color-darkgreen,
.border-top-color-darkgreenafter:after,
.border-top-color-darkgreenhover:hover,
.border-top-color-darkgreenvisited:visited,
.border-top-color-darkgreenactive:active,
.border-top-color-darkgreenfocus:focus,
.border-top-color-darkgreenfocus-within:focus-within,
.border-top-color-darkgreenbefore:before {
    border-top-color: green !important;
}

.border-top-color-lightorange,
.border-top-color-lightorangeafter:after,
.border-top-color-lightorangehover:hover,
.border-top-color-lightorangevisited:visited,
.border-top-color-lightorangeactive:active,
.border-top-color-lightorangefocus:focus,
.border-top-color-lightorangefocus-within:focus-within,
.border-top-color-lightorangebefore:before {
    border-top-color: #ff8e29 !important;
}

.border-top-color-orange,
.border-top-color-orangeafter:after,
.border-top-color-orangehover:hover,
.border-top-color-orangevisited:visited,
.border-top-color-orangeactive:active,
.border-top-color-orangefocus:focus,
.border-top-color-orangefocus-within:focus-within,
.border-top-color-orangebefore:before {
    border-top-color: #ff7800 !important;
}

.border-top-color-darkorange,
.border-top-color-darkorangeafter:after,
.border-top-color-darkorangehover:hover,
.border-top-color-darkorangevisited:visited,
.border-top-color-darkorangeactive:active,
.border-top-color-darkorangefocus:focus,
.border-top-color-darkorangefocus-within:focus-within,
.border-top-color-darkorangebefore:before {
    border-top-color: #c55d00 !important;
}

.border-top-color-lightpurple,
.border-top-color-lightpurpleafter:after,
.border-top-color-lightpurplehover:hover,
.border-top-color-lightpurplevisited:visited,
.border-top-color-lightpurpleactive:active,
.border-top-color-lightpurplefocus:focus,
.border-top-color-lightpurplefocus-within:focus-within,
.border-top-color-lightpurplebefore:before {
    border-top-color: #946e97 !important;
}

.border-top-color-purple,
.border-top-color-purpleafter:after,
.border-top-color-purplehover:hover,
.border-top-color-purplevisited:visited,
.border-top-color-purpleactive:active,
.border-top-color-purplefocus:focus,
.border-top-color-purplefocus-within:focus-within,
.border-top-color-purplebefore:before {
    border-top-color: #946e97 !important;
}

.border-top-color-darkpurple,
.border-top-color-darkpurpleafter:after,
.border-top-color-darkpurplehover:hover,
.border-top-color-darkpurplevisited:visited,
.border-top-color-darkpurpleactive:active,
.border-top-color-darkpurplefocus:focus,
.border-top-color-darkpurplefocus-within:focus-within,
.border-top-color-darkpurplebefore:before {
    border-top-color: #946e97 !important;
}

.border-top-color-lightred,
.border-top-color-lightredafter:after,
.border-top-color-lightredhover:hover,
.border-top-color-lightredvisited:visited,
.border-top-color-lightredactive:active,
.border-top-color-lightredfocus:focus,
.border-top-color-lightredfocus-within:focus-within,
.border-top-color-lightredbefore:before {
    border-top-color: #ff1818 !important;
}

.border-top-color-red,
.border-top-color-redafter:after,
.border-top-color-redhover:hover,
.border-top-color-redvisited:visited,
.border-top-color-redactive:active,
.border-top-color-redfocus:focus,
.border-top-color-redfocus-within:focus-within,
.border-top-color-redbefore:before {
    border-top-color: #cc0202 !important;
}

.border-top-color-darkred,
.border-top-color-darkredafter:after,
.border-top-color-darkredhover:hover,
.border-top-color-darkredvisited:visited,
.border-top-color-darkredactive:active,
.border-top-color-darkredfocus:focus,
.border-top-color-darkredfocus-within:focus-within,
.border-top-color-darkredbefore:before {
    border-top-color: #7d0101 !important;
}

.border-top-color-lightyellow,
.border-top-color-lightyellowafter:after,
.border-top-color-lightyellowhover:hover,
.border-top-color-lightyellowvisited:visited,
.border-top-color-lightyellowactive:active,
.border-top-color-lightyellowfocus:focus,
.border-top-color-lightyellowfocus-within:focus-within,
.border-top-color-lightyellowbefore:before {
    border-top-color: #fac51c !important;
}

.border-top-color-yellow,
.border-top-color-yellowafter:after,
.border-top-color-yellowhover:hover,
.border-top-color-yellowvisited:visited,
.border-top-color-yellowactive:active,
.border-top-color-yellowfocus:focus,
.border-top-color-yellowfocus-within:focus-within,
.border-top-color-yellowbefore:before {
    border-top-color: #ffc200 !important;
}

.border-top-color-darkyellow,
.border-top-color-darkyellowafter:after,
.border-top-color-darkyellowhover:hover,
.border-top-color-darkyellowvisited:visited,
.border-top-color-darkyellowactive:active,
.border-top-color-darkyellowfocus:focus,
.border-top-color-darkyellowfocus-within:focus-within,
.border-top-color-darkyellowbefore:before {
    border-top-color: #d09e00 !important;
}

.border-top-color-lightindigo,
.border-top-color-lightindigoafter:after,
.border-top-color-lightindigohover:hover,
.border-top-color-lightindigovisited:visited,
.border-top-color-lightindigoactive:active,
.border-top-color-lightindigofocus:focus,
.border-top-color-lightindigofocus-within:focus-within,
.border-top-color-lightindigobefore:before {
    border-top-color: #7800d0 !important;
}

.border-top-color-indigo,
.border-top-color-indigoafter:after,
.border-top-color-indigohover:hover,
.border-top-color-indigovisited:visited,
.border-top-color-indigoactive:active,
.border-top-color-indigofocus:focus,
.border-top-color-indigofocus-within:focus-within,
.border-top-color-indigobefore:before {
    border-top-color: #5e00a2 !important;
}

.border-top-color-darkindigo,
.border-top-color-darkindigoafter:after,
.border-top-color-darkindigohover:hover,
.border-top-color-darkindigovisited:visited,
.border-top-color-darkindigoactive:active,
.border-top-color-darkindigofocus:focus,
.border-top-color-darkindigofocus-within:focus-within,
.border-top-color-darkindigobefore:before {
    border-top-color: indigo !important;
}

.border-top-color-lightviolet,
.border-top-color-lightvioletafter:after,
.border-top-color-lightviolethover:hover,
.border-top-color-lightvioletvisited:visited,
.border-top-color-lightvioletactive:active,
.border-top-color-lightvioletfocus:focus,
.border-top-color-lightvioletfocus-within:focus-within,
.border-top-color-lightvioletbefore:before {
    border-top-color: #e200e2 !important;
}

.border-top-color-violet,
.border-top-color-violetafter:after,
.border-top-color-violethover:hover,
.border-top-color-violetvisited:visited,
.border-top-color-violetactive:active,
.border-top-color-violetfocus:focus,
.border-top-color-violetfocus-within:focus-within,
.border-top-color-violetbefore:before {
    border-top-color: #bb00bb !important;
}

.border-top-color-darkviolet,
.border-top-color-darkvioletafter:after,
.border-top-color-darkviolethover:hover,
.border-top-color-darkvioletvisited:visited,
.border-top-color-darkvioletactive:active,
.border-top-color-darkvioletfocus:focus,
.border-top-color-darkvioletfocus-within:focus-within,
.border-top-color-darkvioletbefore:before {
    border-top-color: #9c009c !important;
}

.border-top-color-white,
.border-top-color-whiteafter:after,
.border-top-color-whitehover:hover,
.border-top-color-whitevisited:visited,
.border-top-color-whiteactive:active,
.border-top-color-whitefocus:focus,
.border-top-color-whitefocus-within:focus-within,
.border-top-color-whitebefore:before {
    border-top-color: #fff !important;
}

.border-top-color-lightgrey,
.border-top-color-lightgreyafter:after,
.border-top-color-lightgreyhover:hover,
.border-top-color-lightgreyvisited:visited,
.border-top-color-lightgreyactive:active,
.border-top-color-lightgreyfocus:focus,
.border-top-color-lightgreyfocus-within:focus-within,
.border-top-color-lightgreybefore:before {
    border-top-color: #c7c7c7 !important;
}

.border-top-color-grey,
.border-top-color-greyafter:after,
.border-top-color-greyhover:hover,
.border-top-color-greyvisited:visited,
.border-top-color-greyactive:active,
.border-top-color-greyfocus:focus,
.border-top-color-greyfocus-within:focus-within,
.border-top-color-greybefore:before {
    border-top-color: #9e9e9e !important;
}

.border-top-color-darkgrey,
.border-top-color-darkgreyafter:after,
.border-top-color-darkgreyhover:hover,
.border-top-color-darkgreyvisited:visited,
.border-top-color-darkgreyactive:active,
.border-top-color-darkgreyfocus:focus,
.border-top-color-darkgreyfocus-within:focus-within,
.border-top-color-darkgreybefore:before {
    border-top-color: #5a5a5a !important;
}

/*border-left*/
.border-left-color-lightblue,
.border-left-color-lightblueafter:after,
.border-left-color-lightbluehover:hover,
.border-left-color-lightbluevisited:visited,
.border-left-color-lightblueactive:active,
.border-left-color-lightbluefocus:focus,
.border-left-color-lightbluefocus-within:focus-within,
.border-left-color-lightbluebefore:before {
    border-left-color: #33b6ff !important;
}

.border-left-color-blue,
.border-left-color-blueafter:after,
.border-left-color-bluehover:hover,
.border-left-color-bluevisited:visited,
.border-left-color-blueactive:active,
.border-left-color-bluefocus:focus,
.border-left-color-bluefocus-within:focus-within,
.border-left-color-bluebefore:before {
    border-left-color: #2f92c9 !important;
}

.border-left-color-darkblue,
.border-left-color-darkblueafter:after,
.border-left-color-darkbluehover:hover,
.border-left-color-darkbluevisited:visited,
.border-left-color-darkblueactive:active,
.border-left-color-darkbluefocus:focus,
.border-left-color-darkbluefocus-within:focus-within,
.border-left-color-darkbluebefore:before {
    border-left-color: #0c6494 !important;
}

.border-left-color-lightgreen,
.border-left-color-lightgreenafter:after,
.border-left-color-lightgreenhover:hover,
.border-left-color-lightgreenvisited:visited,
.border-left-color-lightgreenactive:active,
.border-left-color-lightgreenfocus:focus,
.border-left-color-lightgreenfocus-within:focus-within,
.border-left-color-lightgreenbefore:before {
    border-left-color: #48ef29 !important;
}

.border-left-color-green,
.border-left-color-greenafter:after,
.border-left-color-greenhover:hover,
.border-left-color-greenvisited:visited,
.border-left-color-greenactive:active,
.border-left-color-greenfocus:focus,
.border-left-color-greenfocus-within:focus-within,
.border-left-color-greenbefore:before {
    border-left-color: #11a200 !important;
}

.border-left-color-darkgreen,
.border-left-color-darkgreenafter:after,
.border-left-color-darkgreenhover:hover,
.border-left-color-darkgreenvisited:visited,
.border-left-color-darkgreenactive:active,
.border-left-color-darkgreenfocus:focus,
.border-left-color-darkgreenfocus-within:focus-within,
.border-left-color-darkgreenbefore:before {
    border-left-color: green !important;
}

.border-left-color-lightorange,
.border-left-color-lightorangeafter:after,
.border-left-color-lightorangehover:hover,
.border-left-color-lightorangevisited:visited,
.border-left-color-lightorangeactive:active,
.border-left-color-lightorangefocus:focus,
.border-left-color-lightorangefocus-within:focus-within,
.border-left-color-lightorangebefore:before {
    border-left-color: #ff8e29 !important;
}

.border-left-color-orange,
.border-left-color-orangeafter:after,
.border-left-color-orangehover:hover,
.border-left-color-orangevisited:visited,
.border-left-color-orangeactive:active,
.border-left-color-orangefocus:focus,
.border-left-color-orangefocus-within:focus-within,
.border-left-color-orangebefore:before {
    border-left-color: #ff7800 !important;
}

.border-left-color-darkorange,
.border-left-color-darkorangeafter:after,
.border-left-color-darkorangehover:hover,
.border-left-color-darkorangevisited:visited,
.border-left-color-darkorangeactive:active,
.border-left-color-darkorangefocus:focus,
.border-left-color-darkorangefocus-within:focus-within,
.border-left-color-darkorangebefore:before {
    border-left-color: #c55d00 !important;
}

.border-left-color-lightpurple,
.border-left-color-lightpurpleafter:after,
.border-left-color-lightpurplehover:hover,
.border-left-color-lightpurplevisited:visited,
.border-left-color-lightpurpleactive:active,
.border-left-color-lightpurplefocus:focus,
.border-left-color-lightpurplefocus-within:focus-within,
.border-left-color-lightpurplebefore:before {
    border-left-color: #946e97 !important;
}

.border-left-color-purple,
.border-left-color-purpleafter:after,
.border-left-color-purplehover:hover,
.border-left-color-purplevisited:visited,
.border-left-color-purpleactive:active,
.border-left-color-purplefocus:focus,
.border-left-color-purplefocus-within:focus-within,
.border-left-color-purplebefore:before {
    border-left-color: #946e97 !important;
}

.border-left-color-darkpurple,
.border-left-color-darkpurpleafter:after,
.border-left-color-darkpurplehover:hover,
.border-left-color-darkpurplevisited:visited,
.border-left-color-darkpurpleactive:active,
.border-left-color-darkpurplefocus:focus,
.border-left-color-darkpurplefocus-within:focus-within,
.border-left-color-darkpurplebefore:before {
    border-left-color: #946e97 !important;
}

.border-left-color-lightred,
.border-left-color-lightredafter:after,
.border-left-color-lightredhover:hover,
.border-left-color-lightredvisited:visited,
.border-left-color-lightredactive:active,
.border-left-color-lightredfocus:focus,
.border-left-color-lightredfocus-within:focus-within,
.border-left-color-lightredbefore:before {
    border-left-color: #ff1818 !important;
}

.border-left-color-red,
.border-left-color-redafter:after,
.border-left-color-redhover:hover,
.border-left-color-redvisited:visited,
.border-left-color-redactive:active,
.border-left-color-redfocus:focus,
.border-left-color-redfocus-within:focus-within,
.border-left-color-redbefore:before {
    border-left-color: #cc0202 !important;
}

.border-left-color-darkred,
.border-left-color-darkredafter:after,
.border-left-color-darkredhover:hover,
.border-left-color-darkredvisited:visited,
.border-left-color-darkredactive:active,
.border-left-color-darkredfocus:focus,
.border-left-color-darkredfocus-within:focus-within,
.border-left-color-darkredbefore:before {
    border-left-color: #7d0101 !important;
}

.border-left-color-lightyellow,
.border-left-color-lightyellowafter:after,
.border-left-color-lightyellowhover:hover,
.border-left-color-lightyellowvisited:visited,
.border-left-color-lightyellowactive:active,
.border-left-color-lightyellowfocus:focus,
.border-left-color-lightyellowfocus-within:focus-within,
.border-left-color-lightyellowbefore:before {
    border-left-color: #fac51c !important;
}

.border-left-color-yellow,
.border-left-color-yellowafter:after,
.border-left-color-yellowhover:hover,
.border-left-color-yellowvisited:visited,
.border-left-color-yellowactive:active,
.border-left-color-yellowfocus:focus,
.border-left-color-yellowfocus-within:focus-within,
.border-left-color-yellowbefore:before {
    border-left-color: #ffc200 !important;
}

.border-left-color-darkyellow,
.border-left-color-darkyellowafter:after,
.border-left-color-darkyellowhover:hover,
.border-left-color-darkyellowvisited:visited,
.border-left-color-darkyellowactive:active,
.border-left-color-darkyellowfocus:focus,
.border-left-color-darkyellowfocus-within:focus-within,
.border-left-color-darkyellowbefore:before {
    border-left-color: #d09e00 !important;
}

.border-left-color-lightindigo,
.border-left-color-lightindigoafter:after,
.border-left-color-lightindigohover:hover,
.border-left-color-lightindigovisited:visited,
.border-left-color-lightindigoactive:active,
.border-left-color-lightindigofocus:focus,
.border-left-color-lightindigofocus-within:focus-within,
.border-left-color-lightindigobefore:before {
    border-left-color: #7800d0 !important;
}

.border-left-color-indigo,
.border-left-color-indigoafter:after,
.border-left-color-indigohover:hover,
.border-left-color-indigovisited:visited,
.border-left-color-indigoactive:active,
.border-left-color-indigofocus:focus,
.border-left-color-indigofocus-within:focus-within,
.border-left-color-indigobefore:before {
    border-left-color: #5e00a2 !important;
}

.border-left-color-darkindigo,
.border-left-color-darkindigoafter:after,
.border-left-color-darkindigohover:hover,
.border-left-color-darkindigovisited:visited,
.border-left-color-darkindigoactive:active,
.border-left-color-darkindigofocus:focus,
.border-left-color-darkindigofocus-within:focus-within,
.border-left-color-darkindigobefore:before {
    border-left-color: indigo !important;
}

.border-left-color-lightviolet,
.border-left-color-lightvioletafter:after,
.border-left-color-lightviolethover:hover,
.border-left-color-lightvioletvisited:visited,
.border-left-color-lightvioletactive:active,
.border-left-color-lightvioletfocus:focus,
.border-left-color-lightvioletfocus-within:focus-within,
.border-left-color-lightvioletbefore:before {
    border-left-color: #e200e2 !important;
}

.border-left-color-violet,
.border-left-color-violetafter:after,
.border-left-color-violethover:hover,
.border-left-color-violetvisited:visited,
.border-left-color-violetactive:active,
.border-left-color-violetfocus:focus,
.border-left-color-violetfocus-within:focus-within,
.border-left-color-violetbefore:before {
    border-left-color: #bb00bb !important;
}

.border-left-color-darkviolet,
.border-left-color-darkvioletafter:after,
.border-left-color-darkviolethover:hover,
.border-left-color-darkvioletvisited:visited,
.border-left-color-darkvioletactive:active,
.border-left-color-darkvioletfocus:focus,
.border-left-color-darkvioletfocus-within:focus-within,
.border-left-color-darkvioletbefore:before {
    border-left-color: #9c009c !important;
}

.border-left-color-white,
.border-left-color-whiteafter:after,
.border-left-color-whitehover:hover,
.border-left-color-whitevisited:visited,
.border-left-color-whiteactive:active,
.border-left-color-whitefocus:focus,
.border-left-color-whitefocus-within:focus-within,
.border-left-color-whitebefore:before {
    border-left-color: #fff !important;
}

.border-left-color-lightgrey,
.border-left-color-lightgreyafter:after,
.border-left-color-lightgreyhover:hover,
.border-left-color-lightgreyvisited:visited,
.border-left-color-lightgreyactive:active,
.border-left-color-lightgreyfocus:focus,
.border-left-color-lightgreyfocus-within:focus-within,
.border-left-color-lightgreybefore:before {
    border-left-color: #c7c7c7 !important;
}

.border-left-color-grey,
.border-left-color-greyafter:after,
.border-left-color-greyhover:hover,
.border-left-color-greyvisited:visited,
.border-left-color-greyactive:active,
.border-left-color-greyfocus:focus,
.border-left-color-greyfocus-within:focus-within,
.border-left-color-greybefore:before {
    border-left-color: #9e9e9e !important;
}

.border-left-color-darkgrey,
.border-left-color-darkgreyafter:after,
.border-left-color-darkgreyhover:hover,
.border-left-color-darkgreyvisited:visited,
.border-left-color-darkgreyactive:active,
.border-left-color-darkgreyfocus:focus,
.border-left-color-darkgreyfocus-within:focus-within,
.border-left-color-darkgreybefore:before {
    border-left-color: #5a5a5a !important;
}

/*border-right*/
.border-right-color-lightblue,
.border-right-color-lightblueafter:after,
.border-right-color-lightbluehover:hover,
.border-right-color-lightbluevisited:visited,
.border-right-color-lightblueactive:active,
.border-right-color-lightbluefocus:focus,
.border-right-color-lightbluefocus-within:focus-within,
.border-right-color-lightbluebefore:before {
    border-right-color: #33b6ff !important;
}

.border-right-color-blue,
.border-right-color-blueafter:after,
.border-right-color-bluehover:hover,
.border-right-color-bluevisited:visited,
.border-right-color-blueactive:active,
.border-right-color-bluefocus:focus,
.border-right-color-bluefocus-within:focus-within,
.border-right-color-bluebefore:before {
    border-right-color: #2f92c9 !important;
}

.border-right-color-darkblue,
.border-right-color-darkblueafter:after,
.border-right-color-darkbluehover:hover,
.border-right-color-darkbluevisited:visited,
.border-right-color-darkblueactive:active,
.border-right-color-darkbluefocus:focus,
.border-right-color-darkbluefocus-within:focus-within,
.border-right-color-darkbluebefore:before {
    border-right-color: #0c6494 !important;
}

.border-right-color-lightgreen,
.border-right-color-lightgreenafter:after,
.border-right-color-lightgreenhover:hover,
.border-right-color-lightgreenvisited:visited,
.border-right-color-lightgreenactive:active,
.border-right-color-lightgreenfocus:focus,
.border-right-color-lightgreenfocus-within:focus-within,
.border-right-color-lightgreenbefore:before {
    border-right-color: #48ef29 !important;
}

.border-right-color-green,
.border-right-color-greenafter:after,
.border-right-color-greenhover:hover,
.border-right-color-greenvisited:visited,
.border-right-color-greenactive:active,
.border-right-color-greenfocus:focus,
.border-right-color-greenfocus-within:focus-within,
.border-right-color-greenbefore:before {
    border-right-color: #11a200 !important;
}

.border-right-color-darkgreen,
.border-right-color-darkgreenafter:after,
.border-right-color-darkgreenhover:hover,
.border-right-color-darkgreenvisited:visited,
.border-right-color-darkgreenactive:active,
.border-right-color-darkgreenfocus:focus,
.border-right-color-darkgreenfocus-within:focus-within,
.border-right-color-darkgreenbefore:before {
    border-right-color: green !important;
}

.border-right-color-lightorange,
.border-right-color-lightorangeafter:after,
.border-right-color-lightorangehover:hover,
.border-right-color-lightorangevisited:visited,
.border-right-color-lightorangeactive:active,
.border-right-color-lightorangefocus:focus,
.border-right-color-lightorangefocus-within:focus-within,
.border-right-color-lightorangebefore:before {
    border-right-color: #ff8e29 !important;
}

.border-right-color-orange,
.border-right-color-orangeafter:after,
.border-right-color-orangehover:hover,
.border-right-color-orangevisited:visited,
.border-right-color-orangeactive:active,
.border-right-color-orangefocus:focus,
.border-right-color-orangefocus-within:focus-within,
.border-right-color-orangebefore:before {
    border-right-color: #ff7800 !important;
}

.border-right-color-darkorange,
.border-right-color-darkorangeafter:after,
.border-right-color-darkorangehover:hover,
.border-right-color-darkorangevisited:visited,
.border-right-color-darkorangeactive:active,
.border-right-color-darkorangefocus:focus,
.border-right-color-darkorangefocus-within:focus-within,
.border-right-color-darkorangebefore:before {
    border-right-color: #c55d00 !important;
}

.border-right-color-lightpurple,
.border-right-color-lightpurpleafter:after,
.border-right-color-lightpurplehover:hover,
.border-right-color-lightpurplevisited:visited,
.border-right-color-lightpurpleactive:active,
.border-right-color-lightpurplefocus:focus,
.border-right-color-lightpurplefocus-within:focus-within,
.border-right-color-lightpurplebefore:before {
    border-right-color: #946e97 !important;
}

.border-right-color-purple,
.border-right-color-purpleafter:after,
.border-right-color-purplehover:hover,
.border-right-color-purplevisited:visited,
.border-right-color-purpleactive:active,
.border-right-color-purplefocus:focus,
.border-right-color-purplefocus-within:focus-within,
.border-right-color-purplebefore:before {
    border-right-color: #946e97 !important;
}

.border-right-color-darkpurple,
.border-right-color-darkpurpleafter:after,
.border-right-color-darkpurplehover:hover,
.border-right-color-darkpurplevisited:visited,
.border-right-color-darkpurpleactive:active,
.border-right-color-darkpurplefocus:focus,
.border-right-color-darkpurplefocus-within:focus-within,
.border-right-color-darkpurplebefore:before {
    border-right-color: #946e97 !important;
}

.border-right-color-lightred,
.border-right-color-lightredafter:after,
.border-right-color-lightredhover:hover,
.border-right-color-lightredvisited:visited,
.border-right-color-lightredactive:active,
.border-right-color-lightredfocus:focus,
.border-right-color-lightredfocus-within:focus-within,
.border-right-color-lightredbefore:before {
    border-right-color: #ff1818 !important;
}

.border-right-color-red,
.border-right-color-redafter:after,
.border-right-color-redhover:hover,
.border-right-color-redvisited:visited,
.border-right-color-redactive:active,
.border-right-color-redfocus:focus,
.border-right-color-redfocus-within:focus-within,
.border-right-color-redbefore:before {
    border-right-color: #cc0202 !important;
}

.border-right-color-darkred,
.border-right-color-darkredafter:after,
.border-right-color-darkredhover:hover,
.border-right-color-darkredvisited:visited,
.border-right-color-darkredactive:active,
.border-right-color-darkredfocus:focus,
.border-right-color-darkredfocus-within:focus-within,
.border-right-color-darkredbefore:before {
    border-right-color: #7d0101 !important;
}

.border-right-color-lightyellow,
.border-right-color-lightyellowafter:after,
.border-right-color-lightyellowhover:hover,
.border-right-color-lightyellowvisited:visited,
.border-right-color-lightyellowactive:active,
.border-right-color-lightyellowfocus:focus,
.border-right-color-lightyellowfocus-within:focus-within,
.border-right-color-lightyellowbefore:before {
    border-right-color: #fac51c !important;
}

.border-right-color-yellow,
.border-right-color-yellowafter:after,
.border-right-color-yellowhover:hover,
.border-right-color-yellowvisited:visited,
.border-right-color-yellowactive:active,
.border-right-color-yellowfocus:focus,
.border-right-color-yellowfocus-within:focus-within,
.border-right-color-yellowbefore:before {
    border-right-color: #ffc200 !important;
}

.border-right-color-darkyellow,
.border-right-color-darkyellowafter:after,
.border-right-color-darkyellowhover:hover,
.border-right-color-darkyellowvisited:visited,
.border-right-color-darkyellowactive:active,
.border-right-color-darkyellowfocus:focus,
.border-right-color-darkyellowfocus-within:focus-within,
.border-right-color-darkyellowbefore:before {
    border-right-color: #d09e00 !important;
}

.border-right-color-lightindigo,
.border-right-color-lightindigoafter:after,
.border-right-color-lightindigohover:hover,
.border-right-color-lightindigovisited:visited,
.border-right-color-lightindigoactive:active,
.border-right-color-lightindigofocus:focus,
.border-right-color-lightindigofocus-within:focus-within,
.border-right-color-lightindigobefore:before {
    border-right-color: #7800d0 !important;
}

.border-right-color-indigo,
.border-right-color-indigoafter:after,
.border-right-color-indigohover:hover,
.border-right-color-indigovisited:visited,
.border-right-color-indigoactive:active,
.border-right-color-indigofocus:focus,
.border-right-color-indigofocus-within:focus-within,
.border-right-color-indigobefore:before {
    border-right-color: #5e00a2 !important;
}

.border-right-color-darkindigo,
.border-right-color-darkindigoafter:after,
.border-right-color-darkindigohover:hover,
.border-right-color-darkindigovisited:visited,
.border-right-color-darkindigoactive:active,
.border-right-color-darkindigofocus:focus,
.border-right-color-darkindigofocus-within:focus-within,
.border-right-color-darkindigobefore:before {
    border-right-color: indigo !important;
}

.border-right-color-lightviolet,
.border-right-color-lightvioletafter:after,
.border-right-color-lightviolethover:hover,
.border-right-color-lightvioletvisited:visited,
.border-right-color-lightvioletactive:active,
.border-right-color-lightvioletfocus:focus,
.border-right-color-lightvioletfocus-within:focus-within,
.border-right-color-lightvioletbefore:before {
    border-right-color: #e200e2 !important;
}

.border-right-color-violet,
.border-right-color-violetafter:after,
.border-right-color-violethover:hover,
.border-right-color-violetvisited:visited,
.border-right-color-violetactive:active,
.border-right-color-violetfocus:focus,
.border-right-color-violetfocus-within:focus-within,
.border-right-color-violetbefore:before {
    border-right-color: #bb00bb !important;
}

.border-right-color-darkviolet,
.border-right-color-darkvioletafter:after,
.border-right-color-darkviolethover:hover,
.border-right-color-darkvioletvisited:visited,
.border-right-color-darkvioletactive:active,
.border-right-color-darkvioletfocus:focus,
.border-right-color-darkvioletfocus-within:focus-within,
.border-right-color-darkvioletbefore:before {
    border-right-color: #9c009c !important;
}

.border-right-color-white,
.border-right-color-whiteafter:after,
.border-right-color-whitehover:hover,
.border-right-color-whitevisited:visited,
.border-right-color-whiteactive:active,
.border-right-color-whitefocus:focus,
.border-right-color-whitefocus-within:focus-within,
.border-right-color-whitebefore:before {
    border-right-color: #fff !important;
}

.border-right-color-lightgrey,
.border-right-color-lightgreyafter:after,
.border-right-color-lightgreyhover:hover,
.border-right-color-lightgreyvisited:visited,
.border-right-color-lightgreyactive:active,
.border-right-color-lightgreyfocus:focus,
.border-right-color-lightgreyfocus-within:focus-within,
.border-right-color-lightgreybefore:before {
    border-right-color: #c7c7c7 !important;
}

.border-right-color-grey,
.border-right-color-greyafter:after,
.border-right-color-greyhover:hover,
.border-right-color-greyvisited:visited,
.border-right-color-greyactive:active,
.border-right-color-greyfocus:focus,
.border-right-color-greyfocus-within:focus-within,
.border-right-color-greybefore:before {
    border-right-color: #9e9e9e !important;
}

.border-right-color-darkgrey,
.border-right-color-darkgreyafter:after,
.border-right-color-darkgreyhover:hover,
.border-right-color-darkgreyvisited:visited,
.border-right-color-darkgreyactive:active,
.border-right-color-darkgreyfocus:focus,
.border-right-color-darkgreyfocus-within:focus-within,
.border-right-color-darkgreybefore:before {
    border-right-color: #5a5a5a !important;
}

/*border-bottom*/
.border-bottom-color-lightblue,
.border-bottom-color-lightblueafter:after,
.border-bottom-color-lightbluehover:hover,
.border-bottom-color-lightbluevisited:visited,
.border-bottom-color-lightblueactive:active,
.border-bottom-color-lightbluefocus:focus,
.border-bottom-color-lightbluefocus-within:focus-within,
.border-bottom-color-lightbluebefore:before {
    border-bottom-color: #33b6ff !important;
}

.border-bottom-color-blue,
.border-bottom-color-blueafter:after,
.border-bottom-color-bluehover:hover,
.border-bottom-color-bluevisited:visited,
.border-bottom-color-blueactive:active,
.border-bottom-color-bluefocus:focus,
.border-bottom-color-bluefocus-within:focus-within,
.border-bottom-color-bluebefore:before {
    border-bottom-color: #2f92c9 !important;
}

.border-bottom-color-darkblue,
.border-bottom-color-darkblueafter:after,
.border-bottom-color-darkbluehover:hover,
.border-bottom-color-darkbluevisited:visited,
.border-bottom-color-darkblueactive:active,
.border-bottom-color-darkbluefocus:focus,
.border-bottom-color-darkbluefocus-within:focus-within,
.border-bottom-color-darkbluebefore:before {
    border-bottom-color: #0c6494 !important;
}

.border-bottom-color-lightgreen,
.border-bottom-color-lightgreenafter:after,
.border-bottom-color-lightgreenhover:hover,
.border-bottom-color-lightgreenvisited:visited,
.border-bottom-color-lightgreenactive:active,
.border-bottom-color-lightgreenfocus:focus,
.border-bottom-color-lightgreenfocus-within:focus-within,
.border-bottom-color-lightgreenbefore:before {
    border-bottom-color: #48ef29 !important;
}

.border-bottom-color-green,
.border-bottom-color-greenafter:after,
.border-bottom-color-greenhover:hover,
.border-bottom-color-greenvisited:visited,
.border-bottom-color-greenactive:active,
.border-bottom-color-greenfocus:focus,
.border-bottom-color-greenfocus-within:focus-within,
.border-bottom-color-greenbefore:before {
    border-bottom-color: #11a200 !important;
}

.border-bottom-color-darkgreen,
.border-bottom-color-darkgreenafter:after,
.border-bottom-color-darkgreenhover:hover,
.border-bottom-color-darkgreenvisited:visited,
.border-bottom-color-darkgreenactive:active,
.border-bottom-color-darkgreenfocus:focus,
.border-bottom-color-darkgreenfocus-within:focus-within,
.border-bottom-color-darkgreenbefore:before {
    border-bottom-color: green !important;
}

.border-bottom-color-lightorange,
.border-bottom-color-lightorangeafter:after,
.border-bottom-color-lightorangehover:hover,
.border-bottom-color-lightorangevisited:visited,
.border-bottom-color-lightorangeactive:active,
.border-bottom-color-lightorangefocus:focus,
.border-bottom-color-lightorangefocus-within:focus-within,
.border-bottom-color-lightorangebefore:before {
    border-bottom-color: #ff8e29 !important;
}

.border-bottom-color-orange,
.border-bottom-color-orangeafter:after,
.border-bottom-color-orangehover:hover,
.border-bottom-color-orangevisited:visited,
.border-bottom-color-orangeactive:active,
.border-bottom-color-orangefocus:focus,
.border-bottom-color-orangefocus-within:focus-within,
.border-bottom-color-orangebefore:before {
    border-bottom-color: #ff7800 !important;
}

.border-bottom-color-darkorange,
.border-bottom-color-darkorangeafter:after,
.border-bottom-color-darkorangehover:hover,
.border-bottom-color-darkorangevisited:visited,
.border-bottom-color-darkorangeactive:active,
.border-bottom-color-darkorangefocus:focus,
.border-bottom-color-darkorangefocus-within:focus-within,
.border-bottom-color-darkorangebefore:before {
    border-bottom-color: #c55d00 !important;
}

.border-bottom-color-lightpurple,
.border-bottom-color-lightpurpleafter:after,
.border-bottom-color-lightpurplehover:hover,
.border-bottom-color-lightpurplevisited:visited,
.border-bottom-color-lightpurpleactive:active,
.border-bottom-color-lightpurplefocus:focus,
.border-bottom-color-lightpurplefocus-within:focus-within,
.border-bottom-color-lightpurplebefore:before {
    border-bottom-color: #946e97 !important;
}

.border-bottom-color-purple,
.border-bottom-color-purpleafter:after,
.border-bottom-color-purplehover:hover,
.border-bottom-color-purplevisited:visited,
.border-bottom-color-purpleactive:active,
.border-bottom-color-purplefocus:focus,
.border-bottom-color-purplefocus-within:focus-within,
.border-bottom-color-purplebefore:before {
    border-bottom-color: #946e97 !important;
}

.border-bottom-color-darkpurple,
.border-bottom-color-darkpurpleafter:after,
.border-bottom-color-darkpurplehover:hover,
.border-bottom-color-darkpurplevisited:visited,
.border-bottom-color-darkpurpleactive:active,
.border-bottom-color-darkpurplefocus:focus,
.border-bottom-color-darkpurplefocus-within:focus-within,
.border-bottom-color-darkpurplebefore:before {
    border-bottom-color: #946e97 !important;
}

.border-bottom-color-lightred,
.border-bottom-color-lightredafter:after,
.border-bottom-color-lightredhover:hover,
.border-bottom-color-lightredvisited:visited,
.border-bottom-color-lightredactive:active,
.border-bottom-color-lightredfocus:focus,
.border-bottom-color-lightredfocus-within:focus-within,
.border-bottom-color-lightredbefore:before {
    border-bottom-color: #ff1818 !important;
}

.border-bottom-color-red,
.border-bottom-color-redafter:after,
.border-bottom-color-redhover:hover,
.border-bottom-color-redvisited:visited,
.border-bottom-color-redactive:active,
.border-bottom-color-redfocus:focus,
.border-bottom-color-redfocus-within:focus-within,
.border-bottom-color-redbefore:before {
    border-bottom-color: #cc0202 !important;
}

.border-bottom-color-darkred,
.border-bottom-color-darkredafter:after,
.border-bottom-color-darkredhover:hover,
.border-bottom-color-darkredvisited:visited,
.border-bottom-color-darkredactive:active,
.border-bottom-color-darkredfocus:focus,
.border-bottom-color-darkredfocus-within:focus-within,
.border-bottom-color-darkredbefore:before {
    border-bottom-color: #7d0101 !important;
}

.border-bottom-color-lightyellow,
.border-bottom-color-lightyellowafter:after,
.border-bottom-color-lightyellowhover:hover,
.border-bottom-color-lightyellowvisited:visited,
.border-bottom-color-lightyellowactive:active,
.border-bottom-color-lightyellowfocus:focus,
.border-bottom-color-lightyellowfocus-within:focus-within,
.border-bottom-color-lightyellowbefore:before {
    border-bottom-color: #fac51c !important;
}

.border-bottom-color-yellow,
.border-bottom-color-yellowafter:after,
.border-bottom-color-yellowhover:hover,
.border-bottom-color-yellowvisited:visited,
.border-bottom-color-yellowactive:active,
.border-bottom-color-yellowfocus:focus,
.border-bottom-color-yellowfocus-within:focus-within,
.border-bottom-color-yellowbefore:before {
    border-bottom-color: #ffc200 !important;
}

.border-bottom-color-darkyellow,
.border-bottom-color-darkyellowafter:after,
.border-bottom-color-darkyellowhover:hover,
.border-bottom-color-darkyellowvisited:visited,
.border-bottom-color-darkyellowactive:active,
.border-bottom-color-darkyellowfocus:focus,
.border-bottom-color-darkyellowfocus-within:focus-within,
.border-bottom-color-darkyellowbefore:before {
    border-bottom-color: #d09e00 !important;
}

.border-bottom-color-lightindigo,
.border-bottom-color-lightindigoafter:after,
.border-bottom-color-lightindigohover:hover,
.border-bottom-color-lightindigovisited:visited,
.border-bottom-color-lightindigoactive:active,
.border-bottom-color-lightindigofocus:focus,
.border-bottom-color-lightindigofocus-within:focus-within,
.border-bottom-color-lightindigobefore:before {
    border-bottom-color: #7800d0 !important;
}

.border-bottom-color-indigo,
.border-bottom-color-indigoafter:after,
.border-bottom-color-indigohover:hover,
.border-bottom-color-indigovisited:visited,
.border-bottom-color-indigoactive:active,
.border-bottom-color-indigofocus:focus,
.border-bottom-color-indigofocus-within:focus-within,
.border-bottom-color-indigobefore:before {
    border-bottom-color: #5e00a2 !important;
}

.border-bottom-color-darkindigo,
.border-bottom-color-darkindigoafter:after,
.border-bottom-color-darkindigohover:hover,
.border-bottom-color-darkindigovisited:visited,
.border-bottom-color-darkindigoactive:active,
.border-bottom-color-darkindigofocus:focus,
.border-bottom-color-darkindigofocus-within:focus-within,
.border-bottom-color-darkindigobefore:before {
    border-bottom-color: indigo !important;
}

.border-bottom-color-lightviolet,
.border-bottom-color-lightvioletafter:after,
.border-bottom-color-lightviolethover:hover,
.border-bottom-color-lightvioletvisited:visited,
.border-bottom-color-lightvioletactive:active,
.border-bottom-color-lightvioletfocus:focus,
.border-bottom-color-lightvioletfocus-within:focus-within,
.border-bottom-color-lightvioletbefore:before {
    border-bottom-color: #e200e2 !important;
}

.border-bottom-color-violet,
.border-bottom-color-violetafter:after,
.border-bottom-color-violethover:hover,
.border-bottom-color-violetvisited:visited,
.border-bottom-color-violetactive:active,
.border-bottom-color-violetfocus:focus,
.border-bottom-color-violetfocus-within:focus-within,
.border-bottom-color-violetbefore:before {
    border-bottom-color: #bb00bb !important;
}

.border-bottom-color-darkviolet,
.border-bottom-color-darkvioletafter:after,
.border-bottom-color-darkviolethover:hover,
.border-bottom-color-darkvioletvisited:visited,
.border-bottom-color-darkvioletactive:active,
.border-bottom-color-darkvioletfocus:focus,
.border-bottom-color-darkvioletfocus-within:focus-within,
.border-bottom-color-darkvioletbefore:before {
    border-bottom-color: #9c009c !important;
}

.border-bottom-color-white,
.border-bottom-color-whiteafter:after,
.border-bottom-color-whitehover:hover,
.border-bottom-color-whitevisited:visited,
.border-bottom-color-whiteactive:active,
.border-bottom-color-whitefocus:focus,
.border-bottom-color-whitefocus-within:focus-within,
.border-bottom-color-whitebefore:before {
    border-bottom-color: #fff !important;
}

.border-bottom-color-lightgrey,
.border-bottom-color-lightgreyafter:after,
.border-bottom-color-lightgreyhover:hover,
.border-bottom-color-lightgreyvisited:visited,
.border-bottom-color-lightgreyactive:active,
.border-bottom-color-lightgreyfocus:focus,
.border-bottom-color-lightgreyfocus-within:focus-within,
.border-bottom-color-lightgreybefore:before {
    border-bottom-color: #c7c7c7 !important;
}

.border-bottom-color-grey,
.border-bottom-color-greyafter:after,
.border-bottom-color-greyhover:hover,
.border-bottom-color-greyvisited:visited,
.border-bottom-color-greyactive:active,
.border-bottom-color-greyfocus:focus,
.border-bottom-color-greyfocus-within:focus-within,
.border-bottom-color-greybefore:before {
    border-bottom-color: #9e9e9e !important;
}

.border-bottom-color-darkgrey,
.border-bottom-color-darkgreyafter:after,
.border-bottom-color-darkgreyhover:hover,
.border-bottom-color-darkgreyvisited:visited,
.border-bottom-color-darkgreyactive:active,
.border-bottom-color-darkgreyfocus:focus,
.border-bottom-color-darkgreyfocus-within:focus-within,
.border-bottom-color-darkgreybefore:before {
    border-bottom-color: #5a5a5a !important;
}











.bg-teal-gradient,
.bg-teal-gradientafter::after,
.bg-teal-gradienthover:hover,
.bg-teal-gradientbefore:before,
.bg-teal-gradientvisited:visited,
.bg-teal-gradientactive:active,
.bg-teal-gradientfocus:focus,
.bg-teal-gradientfocus-within:focus-within,
.bg-teal-gradientsdr .slider-selection {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;
    background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important;
    background: -moz-linear-gradient(center bottom, #39cccc 0, #7adddd 100%) !important;
    background: -o-linear-gradient(#7adddd, #39cccc) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;
}

.bg-aqua-gradient,
.bg-aqua-gradientafter:after,
.bg-aqua-gradienthover:hover,
.bg-aqua-gradientbefore:before,
.bg-aqua-gradientvisited:visited,
.bg-aqua-gradientactive:active,
.bg-aqua-gradientfocus:focus,
.bg-aqua-gradientfocus-within:focus-within,
.bg-aqua-gradientsdr .slider-selection {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;
    background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;
    background: -moz-linear-gradient(center bottom, #00c0ef 0, #14d1ff 100%) !important;
    background: -o-linear-gradient(#14d1ff, #00c0ef) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;
}

.bg-lightred-gradient,
.bg-lightred-gradient-gdfc.fcactive,
.bg-lightred-gradientafter:after,
.bg-lightred-gradienthover:hover,
.bg-lightred-gradientbefore:before,
.bg-lightred-gradientvisited:visited,
.bg-lightred-gradientactive:active,
.bg-lightred-gradientfocus:focus,
.bg-lightred-gradientfocus-within:focus-within,
.bg-lightred-gradientsdr .slider-selection {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ea0000), color-stop(1, #ff0000)) !important;
    background: -ms-linear-gradient(bottom, #dc0000, #ff1818) !important;
    background: -moz-linear-gradient(center bottom, #dc0000 0, #ff1818 100%) !important;
    background: -o-linear-gradient(#ff1818, #dc0000) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1818', endColorstr='#dc0000', GradientType=0) !important;
}

.bg-red-gradient,
.bg-red-gradient-gdfc.fcactive,
.bg-red-gradientafter:after,
.bg-red-gradienthover:hover,
.bg-red-gradientbefore:before,
.bg-red-gradientvisited:visited,
.bg-red-gradientactive:active,
.bg-red-gradientfocus:focus,
.bg-red-gradientfocus-within:focus-within,
.bg-red-gradientsdr .slider-selection {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #c10202), color-stop(1, #e21a1a)) !important;
    background: -ms-linear-gradient(bottom, #c10202, #ff2424) !important;
    background: -moz-linear-gradient(center bottom, #c10202 0, #ff2424 100%) !important;
    background: -o-linear-gradient(#ff2424, #c10202) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2424', endColorstr='#c10202', GradientType=0) !important;
}

.bg-darkred-gradient,
.bg-darkred-gradient-gdfc.fcactive,
.bg-darkred-gradientafter:after,
.bg-red-gradienthover:hover,
.bg-darkred-gradientbefore:before,
.bg-darkred-gradientvisited:visited,
.bg-darkred-gradientactive:active,
.bg-darkred-gradientfocus:focus,
.bg-darkred-gradientfocus-within:focus-within,
.bg-darkred-gradientsdr .slider-selection {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3e0000), color-stop(1, #7d0101)) !important;
    background: -ms-linear-gradient(bottom, #3e0000, #7d0101) !important;
    background: -moz-linear-gradient(center bottom, #3e0000 0, #7d0101 100%) !important;
    background: -o-linear-gradient(#7d0101, #3e0000) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d0101', endColorstr='#3e0000', GradientType=0) !important;
}

.bg-lightorange-gradient,
.bg-lightorange-gradient-gdfc.fcactive,
.bg-lightorange-gradientafter:after,
.bg-lightorange-gradienthover:hover,
.bg-lightorange-gradientbefore:before,
.bg-lightorange-gradientvisited:visited,
.bg-lightorange-gradientactive:active,
.bg-lightorange-gradientfocus:focus,
.bg-lightorange-gradientfocus-within:focus-within,
.bg-lightorange-gradientsdr .slider-selection {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d46300), color-stop(1, #ff8e29)) !important;
    background: -ms-linear-gradient(bottom, #f57300, #ff8e29) !important;
    background: -moz-linear-gradient(center bottom, #f57300 0, #ff8e29 100%) !important;
    background: -o-linear-gradient(#ff8e29, #f57300) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8e29', endColorstr='#f57300', GradientType=0) !important;
}

.bg-orange-gradient,
.bg-orange-gradient-gdfc.fcactive,
.bg-orange-gradientafter:after,
.bg-orange-gradienthover:hover,
.bg-orange-gradientbefore:before,
.bg-orange-gradientvisited:visited,
.bg-orange-gradientactive:active,
.bg-orange-gradientfocus:focus,
.bg-orange-gradientfocus-within:focus-within,
.bg-orange-gradientsdr .slider-selection {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dc6800), color-stop(1, #ff7800)) !important;
    background: -ms-linear-gradient(bottom, #dc6800, #ff7800) !important;
    background: -moz-linear-gradient(center bottom, #dc6800 0, #ff7800 100%) !important;
    background: -o-linear-gradient(#ff7800, #dc6800) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7800', endColorstr='#dc6800', GradientType=0) !important;
}

.bg-darkorange-gradient,
.bg-darkorange-gradient-gdfc.fcactive,
.bg-darkorange-gradientafter:after,
.bg-darkorange-gradienthover:hover,
.bg-darkorange-gradientbefore:before,
.bg-darkorange-gradientvisited:visited,
.bg-darkorange-gradientactive:active,
.bg-darkorange-gradientfocus:focus,
.bg-darkorange-gradientfocus-within:focus-within,
.bg-darkorange-gradientsdr .slider-selection {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #773800), color-stop(1, #c55d00)) !important;
    background: -ms-linear-gradient(bottom, #773800, #c55d00) !important;
    background: -moz-linear-gradient(center bottom, #773800 0, #c55d00 100%) !important;
    background: -o-linear-gradient(#c55d00, #773800) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c55d00', endColorstr='#773800', GradientType=0) !important;
}

.bg-lightyellow-gradient,
.bg-lightyellow-gradient-gdfc.fcactive,
.bg-lightyellow-gradientafter:after,
.bg-lightyellow-gradienthover:hover,
.bg-lightyellow-gradientbefore:before,
.bg-lightyellow-gradientvisited:visited,
.bg-lightyellow-gradientactive:active,
.bg-lightyellow-gradientfocus:focus,
.bg-lightyellow-gradientfocus-within:focus-within,
.bg-lightyellow-gradientsdr .slider-selection {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f5bb00), color-stop(1, #fac51c)) !important;
    background: -ms-linear-gradient(bottom, #f5bb00, #fac51c) !important;
    background: -moz-linear-gradient(center bottom, #f5bb00 0, #fac51c 100%) !important;
    background: -o-linear-gradient(#fac51c, #f5bb00) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fac51c', endColorstr='#f5bb00', GradientType=0) !important;
}

.bg-yellow-gradient,
.bg-yellow-gradient-gdfc.fcactive,
.bg-yellow-gradientafter:after,
.bg-yellow-gradienthover:hover,
.bg-yellow-gradientbefore:before,
.bg-yellow-gradientvisited:visited,
.bg-yellow-gradientactive:active,
.bg-yellow-gradientfocus:focus,
.bg-yellow-gradientfocus-within:focus-within,
.bg-yellow-gradientsdr .slider-selection {
    background: -webkit-linear-gradient(92deg, #e6af00, #ffc200);
    background: -ms-linear-gradient(bottom, #ffc200, #e6af00) !important;
    background: -moz-linear-gradient(center bottom, #e6af00 0, #ffc200 100%) !important;
    background: -o-linear-gradient(#e6af00, #ffc200) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6af00', endColorstr='#ffc200', GradientType=0) !important;
}

.bg-darkyellow-gradient,
.bg-darkyellow-gradient-gdfc.fcactive,
.bg-darkyellow-gradientafter:after,
.bg-darkyellow-gradienthover:hover,
.bg-darkyellow-gradientbefore:before,
.bg-darkyellow-gradientvisited:visited,
.bg-darkyellow-gradientactive:active,
.bg-darkyellow-gradientfocus:focus,
.bg-darkyellow-gradientfocus-within:focus-within,
.bg-darkyellow-gradientsdr .slider-selection {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #866500), color-stop(1, #d09e00)) !important;
    background: -ms-linear-gradient(bottom, #866500, #d09e00) !important;
    background: -moz-linear-gradient(center bottom, #866500 0, #d09e00 100%) !important;
    background: -o-linear-gradient(#d09e00, #866500) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d09e00', endColorstr='#866500', GradientType=0) !important;
}

.bg-lightgreen-gradient,
.bg-lightgreen-gradient-gdfc.fcactive,
.bg-lightgreen-gradient-gdfc-active.fcactive:active,
.bg-lightgreen-gradientafter:after,
.bg-lightgreen-gradienthover:hover,
.bg-lightgreen-gradientbefore:before,
.bg-lightgreen-gradientvisited:visited,
.bg-lightgreen-gradientactive:active,
.bg-lightgreen-gradientfocus:focus,
.bg-lightgreen-gradientfocus-within:focus-within,
.bg-lightgreen-gradientsdr .slider-selection {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #11a200), color-stop(1, #48ef29)) !important;
    background: -ms-linear-gradient(bottom, #11a200, #48ef29) !important;
    background: -moz-linear-gradient(center bottom, #11a200 0, #48ef29 100%) !important;
    background: -o-linear-gradient(#48ef29, #11a200) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#48ef29', endColorstr='#11a200', GradientType=0) !important;
}

.bg-green-gradient,
.bg-green-gradient-gdfc.fcactive,
.bg-green-gradientafter:after,
.bg-green-gradienthover:hover,
.bg-green-gradientbefore:before,
.bg-green-gradientvisited:visited,
.bg-green-gradientactive:active,
.bg-green-gradientfocus:focus,
.bg-green-gradientfocus-within:focus-within,
.bg-green-gradientsdr .slider-selection {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #017301), color-stop(1, #11a200)) !important;
    background: -ms-linear-gradient(bottom, #017301, #11a200) !important;
    background: -moz-linear-gradient(center bottom, #017301 0, #11a200 100%) !important;
    background: -o-linear-gradient(#11a200, #017301) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#11a200', endColorstr='#017301', GradientType=0) !important;
}

.bg-darkgreen-gradient,
.bg-darkgreen-gradient-gdfc.fcactive,
.bg-darkgreen-gradientafter:after,
.bg-darkgreen-gradienthover:hover,
.bg-darkgreen-gradientbefore:before,
.bg-darkgreen-gradientvisited:visited,
.bg-darkgreen-gradientactive:active,
.bg-darkgreen-gradientfocus:focus,
.bg-darkgreen-gradientfocus-within:focus-within,
.bg-darkgreen-gradientsdr .slider-selection {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #003e00), color-stop(1, #008000)) !important;
    background: -ms-linear-gradient(bottom, #00a65a, #003e00) !important;
    background: -moz-linear-gradient(center bottom, #00a65a 0, #003e00 100%) !important;
    background: -o-linear-gradient(#003e00, #00a65a) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003e00', endColorstr='#00a65a', GradientType=0) !important;
}

.bg-lightblue-gradient,
.bg-lightblue-gradient-gdfc.fcactive,
.bg-lightblue-gradientafter:after,
.bg-lightblue-gradienthover:hover,
.bg-lightblue-gradientbefore:before,
.bg-lightblue-gradientvisited:visited,
.bg-lightblue-gradientactive:active,
.bg-lightblue-gradientfocus:focus,
.bg-lightblue-gradientfocus-within:focus-within,
.bg-lightblue-gradientsdr .slider-selection {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #007ac1), color-stop(1, #33b6ff)) !important;
    background: -ms-linear-gradient(bottom, #007ac1, #33b6ff) !important;
    background: -moz-linear-gradient(center bottom, #007ac1 0, #33b6ff 100%) !important;
    background: -o-linear-gradient(#33b6ff, #007ac1) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33b6ff', endColorstr='#007ac1', GradientType=0) !important;
}

.bg-blue-gradient,
.bg-blue-gradient-gdfc.fcactive,
.bg-blue-gradientafter:after,
.bg-blue-gradienthover:hover,
.bg-blue-gradientbefore:before,
.bg-blue-gradientvisited:visited,
.bg-blue-gradientactive:active,
.bg-blue-gradientfocus:focus,
.bg-blue-gradientfocus-within:focus-within,
.bg-blue-gradientsdr .slider-selection {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0065a0), color-stop(1, #3ab1f3)) !important;
    background: -ms-linear-gradient(bottom, #0065a0, #3ab1f3) !important;
    background: -moz-linear-gradient(center bottom, #0065a0 0, #3ab1f3 100%) !important;
    background: -o-linear-gradient(#3ab1f3, #0065a0) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3ab1f3', endColorstr='#0065a0', GradientType=0) !important;
}

.bg-darkblue-gradient,
.bg-darkblue-gradient-gdfc.fcactive,
.bg-darkblue-gradientafter:after,
.bg-darkblue-gradienthover:hover,
.bg-darkblue-gradientbefore:before,
.bg-darkblue-gradientvisited:visited,
.bg-darkblue-gradientactive:active,
.bg-darkblue-gradientfocus:focus,
.bg-darkblue-gradientfocus-within:focus-within,
.bg-darkblue-gradientsdr .slider-selection {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #003958), color-stop(1, #0c6494)) !important;
    background: -ms-linear-gradient(bottom, #003958, #0c6494) !important;
    background: -moz-linear-gradient(center bottom, #003958 0, #0c6494 100%) !important;
    background: -o-linear-gradient(#0c6494, #003958) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c6494', endColorstr='#003958', GradientType=0) !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.bg-lightindigo-gradient,
.bg-lightindigo-gradient-gdfc.fcactive,
.bg-lightindigo-gradientafter:after,
.bg-lightindigo-gradienthover:hover,
.bg-lightindigo-gradientbefore:before,
.bg-lightindigo-gradientvisited:visited,
.bg-lightindigo-gradientactive:active,
.bg-lightindigo-gradientfocus:focus,
.bg-lightindigo-gradientfocus-within:focus-within,
.bg-lightindigo-gradientsdr .slider-selection {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6100a9), color-stop(1, #7800d0)) !important;
    background: -ms-linear-gradient(bottom, #6100a9, #7800d0) !important;
    background: -moz-linear-gradient(center bottom, #6100a9 0, #7800d0 100%) !important;
    background: -o-linear-gradient(#7800d0, #6100a9) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7800d0', endColorstr='#6100a9', GradientType=0) !important;
}

.bg-indigo-gradient,
.bg-indigo-gradient-gdfc.fcactive,
.bg-indigo-gradientafter:after,
.bg-indigo-gradienthover:hover,
.bg-indigo-gradientbefore:before,
.bg-indigo-gradientvisited:visited,
.bg-indigo-gradientactive:active,
.bg-indigo-gradientfocus:focus,
.bg-indigo-gradientfocus-within:focus-within,
.bg-indigo-gradientsdr .slider-selection {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #1c0700), color-stop(1, #a25e00)) !important;
    background: -ms-linear-gradient(bottom, #330058, #5e00a2) !important;
    background: -moz-linear-gradient(center bottom, #330058 0, #5e00a2 100%) !important;
    background: -o-linear-gradient(#5e00a2, #330058) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e00a2', endColorstr='#330058', GradientType=0) !important;
}

.bg-darkindigo-gradient,
.bg-darkindigo-gradient-gdfc.fcactive,
.bg-darkindigo-gradientafter:after,
.bg-darkindigo-gradienthover:hover,
.bg-darkindigo-gradientbefore:before,
.bg-darkindigo-gradientvisited:visited,
.bg-darkindigo-gradientactive:active,
.bg-darkindigo-gradientfocus:focus,
.bg-darkindigo-gradientfocus-within:focus-within,
.bg-darkindigo-gradientsdr .slider-selection {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #21003a), color-stop(1, #4b0082)) !important;
    background: -ms-linear-gradient(bottom, #4b0082, #21003a) !important;
    background: -moz-linear-gradient(center bottom, #4b0082 0, #21003a 100%) !important;
    background: -o-linear-gradient(#21003a, #4b0082) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#21003a', endColorstr='#4b0082', GradientType=0) !important;
}

.bg-lightviolet-gradient,
.bg-lightviolet-gradient-gdfc.fcactive,
.bg-lightviolet-gradientafter:after,
.bg-lightviolet-gradienthover:hover,
.bg-lightviolet-gradientbefore:before,
.bg-lightviolet-gradientvisited:visited,
.bg-lightviolet-gradientactive:active,
.bg-lightviolet-gradientfocus:focus,
.bg-lightviolet-gradientfocus-within:focus-within,
.bg-lightviolet-gradientsdr .slider-selection {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ad01ad), color-stop(1, #e200e2)) !important;
    background: -ms-linear-gradient(bottom, #e200e2, #ad01ad) !important;
    background: -moz-linear-gradient(center bottom, #e200e2 0, #ad01ad 100%) !important;
    background: -o-linear-gradient(#ad01ad, #e200e2) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ad01ad', endColorstr='#e200e2', GradientType=0) !important;
}

.bg-violet-gradient,
.bg-violet-gradient-gdfc.fcactive,
.bg-violet-gradientafter:after,
.bg-violet-gradienthover:hover,
.bg-violet-gradientbefore:before,
.bg-violet-gradientvisited:visited,
.bg-violet-gradientactive:active,
.bg-violet-gradientfocus:focus,
.bg-violet-gradientfocus-within:focus-within,
.bg-violet-gradientsdr .slider-selection {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #9c009c), color-stop(1, #c700c7)) !important;
    background: -ms-linear-gradient(bottom, #c700c7, #9c009c) !important;
    background: -moz-linear-gradient(center bottom, #c700c7 0, #9c009c 100%) !important;
    background: -o-linear-gradient(#9c009c, #c700c7) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9c009c', endColorstr='#c700c7', GradientType=0) !important;
}

.bg-darkviolet-gradient,
.bg-darkviolet-gradient-gdfc.fcactive,
.bg-darkviolet-gradientafter:after,
.bg-darkviolet-gradienthover:hover,
.bg-darkviolet-gradientbefore:before,
.bg-darkviolet-gradientvisited:visited,
.bg-darkviolet-gradientactive:active,
.bg-darkviolet-gradientfocus:focus,
.bg-darkviolet-gradientfocus-within:focus-within,
.bg-darkviolet-gradientsdr .slider-selection {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #540054), color-stop(1, #9C009E)) !important;
    background: -ms-linear-gradient(bottom, #9c009c, #540054) !important;
    background: -moz-linear-gradient(center bottom, #9c009c 0, #540054 100%) !important;
    background: -o-linear-gradient(#540054, #9c009c) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#540054', endColorstr='#9c009c', GradientType=0) !important;
}

.bg-purple-gradient,
.bg-purple-gradientafter:after,
.bg-purple-gradienthover:hover,
.bg-purple-gradientbefore:before,
.bg-purple-gradientvisited:visited,
.bg-purple-gradientactive:active,
.bg-purple-gradientfocus:focus,
.bg-purple-gradientfocus-within:focus-within,
.bg-purple-gradientsdr .slider-selection {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #605ca8), color-stop(1, #9491c4)) !important;
    background: -ms-linear-gradient(bottom, #605ca8, #9491c4) !important;
    background: -moz-linear-gradient(center bottom, #605ca8 0, #9491c4 100%) !important;
    background: -o-linear-gradient(#9491c4, #605ca8) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important;
}

.bg-lightgrey-gradient,
.bg-lightgrey-gradient-gdfc.fcactive,
.bg-lightgrey-gradientafter:after,
.bg-lightgrey-gradienthover:hover,
.bg-lightgrey-gradientbefore:before,
.bg-lightgrey-gradientvisited:visited,
.bg-lightgrey-gradientactive:active,
.bg-lightgrey-gradientfocus:focus,
.bg-lightgrey-gradientfocus-within:focus-within,
.bg-lightgrey-gradientsdr .slider-selection {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #9a9a9a), color-stop(1, #c7c7c7)) !important;
    background: -ms-linear-gradient(bottom, #c7c7c7, #9a9a9a) !important;
    background: -moz-linear-gradient(center bottom, #9a9a9a 0, #c7c7c7 100%) !important;
    background: -o-linear-gradient(#9a9a9a, #c7c7c7) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9a9a9a', endColorstr='#c7c7c7', GradientType=0) !important;
}

.bg-grey-gradient,
.bg-grey-gradient-gdfc.fcactive,
.bg-grey-gradientafter:after,
.bg-grey-gradienthover:hover,
.bg-grey-gradientbefore:before,
.bg-grey-gradientvisited:visited,
.bg-grey-gradientactive:active,
.bg-grey-gradientfocus:focus,
.bg-grey-gradientfocus-within:focus-within,
.bg-grey-gradientsdr .slider-selection {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #656565), color-stop(1, #9e9e9e)) !important;
    background: -ms-linear-gradient(bottom, #9e9e9e, #656565) !important;
    background: -moz-linear-gradient(center bottom, #656565 0, #9e9e9e 100%) !important;
    background: -o-linear-gradient(#656565, #9e9e9e) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#656565', endColorstr='#9e9e9e', GradientType=0) !important;
}

.bg-darkgrey-gradient,
.bg-darkgrey-gradient-gdfc.fcactive,
.bg-darkgrey-gradientafter:after,
.bg-darkgrey-gradienthover:hover,
.bg-darkgrey-gradientbefore:before,
.bg-darkgrey-gradientvisited:visited,
.bg-darkgrey-gradientactive:active,
.bg-darkgrey-gradientfocus:focus,
.bg-darkgrey-gradientfocus-within:focus-within,
.bg-darkgrey-gradientsdr .slider-selection {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2f2f2f), color-stop(1, #5a5a5a)) !important;
    background: -ms-linear-gradient(bottom, #5a5a5a, #2f2f2f) !important;
    background: -moz-linear-gradient(center bottom, #2f2f2f 0, #5a5a5a 100%) !important;
    background: -o-linear-gradient(#2f2f2f, #5a5a5a) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f2f2f', endColorstr='#5a5a5a', GradientType=0) !important;
}

.bg-black-gradient,
.bg-black-gradient-gdfc.fcactive,
.bg-black-gradientafter:after,
.bg-black-gradienthover:hover,
.bg-black-gradientbefore:before,
.bg-black-gradientvisited:visited,
.bg-black-gradientactive:active,
.bg-black-gradientfocus:focus,
.bg-black-gradientfocus-within:focus-within,
.bg-black-gradientsdr .slider-selection {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111), color-stop(1, #2b2b2b)) !important;
    background: -ms-linear-gradient(bottom, #111, #2b2b2b) !important;
    background: -moz-linear-gradient(center bottom, #111 0, #2b2b2b 100%) !important;
    background: -o-linear-gradient(#2b2b2b, #111) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111111', GradientType=0) !important;
}

.bg-maroon-gradient,
.bg-maroon-gradientafter:after,
.bg-maroon-gradienthover:hover,
.bg-maroon-gradientbefore:before,
.bg-maroon-gradientvisited:visited,
.bg-maroon-gradientactive:active,
.bg-maroon-gradientfocus:focus,
.bg-maroon-gradientfocus-within:focus-within,
.bg-maroon-gradientsdr .slider-selection {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d81b60), color-stop(1, #e73f7c)) !important;
    background: -ms-linear-gradient(bottom, #d81b60, #e73f7c) !important;
    background: -moz-linear-gradient(center bottom, #d81b60 0, #e73f7c 100%) !important;
    background: -o-linear-gradient(#e73f7c, #d81b60) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#d81b60', GradientType=0) !important;
}

/* 45 deg gradients */
.bg-teal-gradient45,
.bg-teal-gradient45after:after,
.bg-teal-gradient45hover:hover,
.bg-teal-gradient45before:before,
.bg-teal-gradient45visited:visited,
.bg-teal-gradient45active:active,
.bg-teal-gradient45focus:focus,
.bg-teal-gradient45focus-within:focus-within,
.bg-teal-gradient45sdr .slider-selection {
    background: linear-gradient(45deg, #39cccc, #7adddd) !important;
}

.bg-aqua-gradient45,
.bg-aqua-gradient45after:after,
.bg-aqua-gradient45hover:hover,
.bg-aqua-gradient45before:before,
.bg-aqua-gradient45visited:visited,
.bg-aqua-gradient45active:active,
.bg-aqua-gradient45focus:focus,
.bg-aqua-gradient45focus-within:focus-within,
.bg-aqua-gradient45sdr .slider-selection {
    background: linear-gradient(45deg, #00c0ef, #14d1ff) !important;
}

.bg-lightred-gradient45,
.bg-lightred-gradient45-gdfc.fcactive,
.bg-lightred-gradient45after:after,
.bg-lightred-gradient45hover:hover,
.bg-lightred-gradient45before:before,
.bg-lightred-gradient45visited:visited,
.bg-lightred-gradient45active:active,
.bg-lightred-gradient45focus:focus,
.bg-lightred-gradient45focus-within:focus-within,
.bg-lightred-gradient45sdr .slider-selection {
    background: linear-gradient(45deg, #dc0000, #ff1818) !important;
}

.bg-red-gradient45,
.bg-red-gradient45-gdfc.fcactive,
.bg-red-gradient45after:after,
.bg-red-gradient45hover:hover,
.bg-red-gradient45before:before,
.bg-red-gradient45visited:visited,
.bg-red-gradient45active:active,
.bg-red-gradient45focus:focus,
.bg-red-gradient45focus-within:focus-within,
.bg-red-gradient45sdr .slider-selection {
    background: linear-gradient(45deg, #c10202, #ff2424) !important;
}

.bg-darkred-gradient45,
.bg-darkred-gradient45-gdfc.fcactive,
.bg-darkred-gradient45after:after,
.bg-red-gradient45hover:hover,
.bg-darkred-gradient45before:before,
.bg-darkred-gradient45visited:visited,
.bg-darkred-gradient45active:active,
.bg-darkred-gradient45focus:focus,
.bg-darkred-gradient45focus-within:focus-within,
.bg-darkred-gradient45sdr .slider-selection {
    background: linear-gradient(45deg, #3e0000, #7d0101) !important;
}

.bg-lightorange-gradient45,
.bg-lightorange-gradient45-gdfc.fcactive,
.bg-lightorange-gradient45after:after,
.bg-lightorange-gradient45hover:hover,
.bg-lightorange-gradient45before:before,
.bg-lightorange-gradient45visited:visited,
.bg-lightorange-gradient45active:active,
.bg-lightorange-gradient45focus:focus,
.bg-lightorange-gradient45focus-within:focus-within,
.bg-lightorange-gradient45sdr .slider-selection {
    background: linear-gradient(45deg, #f57300, #ff8e29) !important;
}

.bg-orange-gradient45,
.bg-orange-gradient45-gdfc.fcactive,
.bg-orange-gradient45after:after,
.bg-orange-gradient45hover:hover,
.bg-orange-gradient45before:before,
.bg-orange-gradient45visited:visited,
.bg-orange-gradient45active:active,
.bg-orange-gradient45focus:focus,
.bg-orange-gradient45focus-within:focus-within,
.bg-orange-gradient45sdr .slider-selection {
    background: linear-gradient(45deg, #dc6800, #ff7800) !important;
}

.bg-darkorange-gradient45,
.bg-darkorange-gradient45-gdfc.fcactive,
.bg-darkorange-gradient45after:after,
.bg-darkorange-gradient45hover:hover,
.bg-darkorange-gradient45before:before,
.bg-darkorange-gradient45visited:visited,
.bg-darkorange-gradient45active:active,
.bg-darkorange-gradient45focus:focus,
.bg-darkorange-gradient45focus-within:focus-within,
.bg-darkorange-gradient45sdr .slider-selection {
    background: linear-gradient(45deg, #773800, #c55d00) !important;
}

.bg-lightyellow-gradient45,
.bg-lightyellow-gradient45-gdfc.fcactive,
.bg-lightyellow-gradient45after:after,
.bg-lightyellow-gradient45hover:hover,
.bg-lightyellow-gradient45before:before,
.bg-lightyellow-gradient45visited:visited,
.bg-lightyellow-gradient45active:active,
.bg-lightyellow-gradient45focus:focus,
.bg-lightyellow-gradient45focus-within:focus-within,
.bg-lightyellow-gradient45sdr .slider-selection {
    background: linear-gradient(45deg, #f5bb00, #fac51c) !important;
}

.bg-yellow-gradient45,
.bg-yellow-gradient45-gdfc.fcactive,
.bg-yellow-gradient45after:after,
.bg-yellow-gradient45hover:hover,
.bg-yellow-gradient45before:before,
.bg-yellow-gradient45visited:visited,
.bg-yellow-gradient45active:active,
.bg-yellow-gradient45focus:focus,
.bg-yellow-gradient45focus-within:focus-within,
.bg-yellow-gradient45sdr .slider-selection {
    background: linear-gradient(45deg, #ffc200, #e6af00) !important;
}

.bg-darkyellow-gradient45,
.bg-darkyellow-gradient45-gdfc.fcactive,
.bg-darkyellow-gradient45after:after,
.bg-darkyellow-gradient45hover:hover,
.bg-darkyellow-gradient45before:before,
.bg-darkyellow-gradient45visited:visited,
.bg-darkyellow-gradient45active:active,
.bg-darkyellow-gradient45focus:focus,
.bg-darkyellow-gradient45focus-within:focus-within,
.bg-darkyellow-gradient45sdr .slider-selection {
    background: linear-gradient(45deg, #866500, #d09e00) !important;
}

.bg-lightgreen-gradient45,
.bg-lightgreen-gradient45-gdfc.fcactive,
.bg-lightgreen-gradient45after:after,
.bg-lightgreen-gradient45hover:hover,
.bg-lightgreen-gradient45before:before,
.bg-lightgreen-gradient45visited:visited,
.bg-lightgreen-gradient45active:active,
.bg-lightgreen-gradient45focus:focus,
.bg-lightgreen-gradient45focus-within:focus-within,
.bg-lightgreen-gradient45sdr .slider-selection {
    background: linear-gradient(45deg, #11a200, #48ef29) !important;
}

.bg-green-gradient45,
.bg-green-gradient45-gdfc.fcactive,
.bg-green-gradient45after:after,
.bg-green-gradient45hover:hover,
.bg-green-gradient45before:before,
.bg-green-gradient45visited:visited,
.bg-green-gradient45active:active,
.bg-green-gradient45focus:focus,
.bg-green-gradient45focus-within:focus-within,
.bg-green-gradient45sdr .slider-selection {
    background: linear-gradient(45deg, #017301, #11a200) !important;
}

.bg-darkgreen-gradient45,
.bg-darkgreen-gradient45-gdfc.fcactive,
.bg-darkgreen-gradient45after:after,
.bg-darkgreen-gradient45hover:hover,
.bg-darkgreen-gradient45before:before,
.bg-darkgreen-gradient45visited:visited,
.bg-darkgreen-gradient45active:active,
.bg-darkgreen-gradient45focus:focus,
.bg-darkgreen-gradient45focus-within:focus-within,
.bg-darkgreen-gradient45sdr .slider-selection {
    background: linear-gradient(45deg, #003e00, #00a65a) !important;
}

.bg-lightblue-gradient45,
.bg-lightblue-gradient45-gdfc.fcactive,
.bg-lightblue-gradient45after:after,
.bg-lightblue-gradient45hover:hover,
.bg-lightblue-gradient45before:before,
.bg-lightblue-gradient45visited:visited,
.bg-lightblue-gradient45active:active,
.bg-lightblue-gradient45focus:focus,
.bg-lightblue-gradient45focus-within:focus-within,
.bg-lightblue-gradient45sdr .slider-selection {
    background: linear-gradient(45deg, #071cf4, #3363ff) !important;
}

.bg-blue-gradient45,
.bg-blue-gradient45-gdfc.fcactive,
.bg-blue-gradient45after:after,
.bg-blue-gradient45hover:hover,
.bg-blue-gradient45before:before,
.bg-blue-gradient45visited:visited,
.bg-blue-gradient45active:active,
.bg-blue-gradient45focus:focus,
.bg-blue-gradient45focus-within:focus-within,
.bg-blue-gradient45sdr .slider-selection {
    background: linear-gradient(45deg, #0065a0, #3ab1f3) !important;
}

.bg-darkblue-gradient45,
.bg-darkblue-gradient45-gdfc.fcactive,
.bg-darkblue-gradient45after:after,
.bg-darkblue-gradient45hover:hover,
.bg-darkblue-gradient45before:before,
.bg-darkblue-gradient45visited:visited,
.bg-darkblue-gradient45active:active,
.bg-darkblue-gradient45focus:focus,
.bg-darkblue-gradient45focus-within:focus-within,
.bg-darkblue-gradient45sdr .slider-selection {
    background: linear-gradient(45deg, #08014b, #3132ff) !important;
    transition: all 0.5s ease;
}

.bg-lightindigo-gradient45,
.bg-lightindigo-gradient45-gdfc.fcactive,
.bg-lightindigo-gradient45after:after,
.bg-lightindigo-gradient45hover:hover,
.bg-lightindigo-gradient45before:before,
.bg-lightindigo-gradient45visited:visited,
.bg-lightindigo-gradient45active:active,
.bg-lightindigo-gradient45focus:focus,
.bg-lightindigo-gradient45focus-within:focus-within,
.bg-lightindigo-gradient45sdr .slider-selection {
    background: linear-gradient(45deg, #6100a9, #7800d0) !important;
}

.bg-indigo-gradient45,
.bg-indigo-gradient45-gdfc.fcactive,
.bg-indigo-gradient45after:after,
.bg-indigo-gradient45hover:hover,
.bg-indigo-gradient45before:before,
.bg-indigo-gradient45visited:visited,
.bg-indigo-gradient45active:active,
.bg-indigo-gradient45focus:focus,
.bg-indigo-gradient45focus-within:focus-within,
.bg-indigo-gradient45sdr .slider-selection {
    background: linear-gradient(45deg, #330058, #5e00a2) !important;
}

.bg-darkindigo-gradient45,
.bg-darkindigo-gradient45-gdfc.fcactive,
.bg-darkindigo-gradient45after:after,
.bg-darkindigo-gradient45hover:hover,
.bg-darkindigo-gradient45before:before,
.bg-darkindigo-gradient45visited:visited,
.bg-darkindigo-gradient45active:active,
.bg-darkindigo-gradient45focus:focus,
.bg-darkindigo-gradient45focus-within:focus-within,
.bg-darkindigo-gradient45sdr .slider-selection {
    background: linear-gradient(45deg, #4b0082, #21003a) !important;
}

.bg-lightviolet-gradient45,
.bg-lightviolet-gradient45-gdfc.fcactive,
.bg-lightviolet-gradient45after:after,
.bg-lightviolet-gradient45hover:hover,
.bg-lightviolet-gradient45before:before,
.bg-lightviolet-gradient45visited:visited,
.bg-lightviolet-gradient45active:active,
.bg-lightviolet-gradient45focus:focus,
.bg-lightviolet-gradient45focus-within:focus-within,
.bg-lightviolet-gradient45sdr .slider-selection {
    background: linear-gradient(45deg, #ad01ad, #e200e2) !important;
}

.bg-violet-gradient45,
.bg-violet-gradient45-gdfc.fcactive,
.bg-violet-gradient45after:after,
.bg-violet-gradient45hover:hover,
.bg-violet-gradient45before:before,
.bg-violet-gradient45visited:visited,
.bg-violet-gradient45active:active,
.bg-violet-gradient45focus:focus,
.bg-violet-gradient45focus-within:focus-within,
.bg-violet-gradient45sdr .slider-selection {
    background: linear-gradient(45deg, #c700c7, #9c009c) !important;
}

.bg-darkviolet-gradient45,
.bg-darkviolet-gradient45-gdfc.fcactive,
.bg-darkviolet-gradient45after:after,
.bg-darkviolet-gradient45hover:hover,
.bg-darkviolet-gradient45before:before,
.bg-darkviolet-gradient45visited:visited,
.bg-darkviolet-gradient45active:active,
.bg-darkviolet-gradient45focus:focus,
.bg-darkviolet-gradient45focus-within:focus-within,
.bg-darkviolet-gradient45sdr .slider-selection {
    background: linear-gradient(45deg, #9c009c, #540054) !important;
}

.bg-purple-gradient45,
.bg-purple-gradient45-gdfc.fcactive,
.bg-purple-gradient45after:after,
.bg-purple-gradient45hover:hover,
.bg-purple-gradient45before:before,
.bg-purple-gradient45visited:visited,
.bg-purple-gradient45active:active,
.bg-purple-gradient45focus:focus,
.bg-purple-gradient45focus-within:focus-within,
.bg-purple-gradient45sdr .slider-selection {
    background: linear-gradient(45deg, #605ca8, #9491c4) !important;
}

.bg-lightgrey-gradient45,
.bg-lightgrey-gradient45-gdfc.fcactive,
.bg-lightgrey-gradient45after:after,
.bg-lightgrey-gradient45hover:hover,
.bg-lightgrey-gradient45before:before,
.bg-lightgrey-gradient45visited:visited,
.bg-lightgrey-gradient45active:active,
.bg-lightgrey-gradient45focus:focus,
.bg-lightgrey-gradient45focus-within:focus-within,
.bg-lightgrey-gradient45sdr .slider-selection {
    background: linear-gradient(45deg, #c7c7c7, #9a9a9a) !important;
}

.bg-grey-gradient45,
.bg-grey-gradient45-gdfc.fcactive,
.bg-grey-gradient45after:after,
.bg-grey-gradient45hover:hover,
.bg-grey-gradient45before:before,
.bg-grey-gradient45visited:visited,
.bg-grey-gradient45active:active,
.bg-grey-gradient45focus:focus,
.bg-grey-gradient45focus-within:focus-within,
.bg-grey-gradient45sdr .slider-selection {
    background: linear-gradient(45deg, #9e9e9e, #656565) !important;
}

.bg-darkgrey-gradient45,
.bg-darkgrey-gradient45-gdfc.fcactive,
.bg-darkgrey-gradient45after:after,
.bg-darkgrey-gradient45hover:hover,
.bg-darkgrey-gradient45before:before,
.bg-darkgrey-gradient45visited:visited,
.bg-darkgrey-gradient45active:active,
.bg-darkgrey-gradient45focus:focus,
.bg-darkgrey-gradient45focus-within:focus-within,
.bg-darkgrey-gradient45sdr .slider-selection {
    background: linear-gradient(45deg, #5a5a5a, #2f2f2f) !important;
}

.bg-black-gradient45,
.bg-black-gradient45-gdfc.fcactive,
.bg-black-gradient45after:after,
.bg-black-gradient45hover:hover,
.bg-black-gradient45before:before,
.bg-black-gradient45visited:visited,
.bg-black-gradient45active:active,
.bg-black-gradient45focus:focus,
.bg-black-gradient45focus-within:focus-within,
.bg-black-gradient45sdr .slider-selection {
    background: linear-gradient(45deg, #111, #2b2b2b) !important;
}

.bg-maroon-gradient45,
.bg-maroon-gradient45after:after,
.bg-maroon-gradient45hover:hover,
.bg-maroon-gradient45before:before,
.bg-maroon-gradient45visited:visited,
.bg-maroon-gradient45active:active,
.bg-maroon-gradient45focus:focus,
.bg-maroon-gradient45focus-within:focus-within,
.bg-maroon-gradient45sdr .slider-selection {
    background: linear-gradient(45deg, #d81b60, )#e73f7c !important;
}


/*** 
====================================================================
    Box Shadow Helper Classes   
====================================================================

***/
/*----- Centered Light ----------*/
.bx-shadow-light-centered-xxxs,
.bx-shadow-light-centered-xxxs-gdfc.fcactive,
.bx-shadow-light-centered-xxxs-hover:hover,
.bx-shadow-light-centered-xxxs-active:active,
.bx-shadow-light-centered-xxxs-focus:focus,
    {
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.50);
}

.bx-shadow-light-centered-xxs,
.bx-shadow-light-centered-xxs-gdfc.fcactive,
.bx-shadow-light-centered-xxs-hover:hover,
.bx-shadow-light-centered-xxs-active:active,
.bx-shadow-light-centered-xxs-focus:focus,
    {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.50);
}

.bx-shadow-light-centered-xs,
.bx-shadow-light-centered-xs-gdfc.fcactive,
.bx-shadow-light-centered-xs-hover:hover,
.bx-shadow-light-centered-xs-active:active,
.bx-shadow-light-centered-xs-focus:focus,
    {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.50);
}

.bx-shadow-light-centered-sm,
.bx-shadow-light-centered-sm-gdfc.fcactive,
.bx-shadow-light-centered-sm-hover:hover,
.bx-shadow-light-centered-sm-active:active,
.bx-shadow-light-centered-sm-focus:focus,
    {
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.50);
}

.bx-shadow-light-centered-md,
.bx-shadow-light-centered-md-gdfc.fcactive,
.bx-shadow-light-centered-md-hover:hover,
.bx-shadow-light-centered-md-active:active,
.bx-shadow-light-centered-md-focus:focus,
    {
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.50);
}

.bx-shadow-light-centered-lg,
.bx-shadow-light-centered-lg-gdfc.fcactive,
.bx-shadow-light-centered-lg-hover:hover,
.bx-shadow-light-centered-lg-active:active,
.bx-shadow-light-centered-lg-focus:focus,
    {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.50);
}

.bx-shadow-light-centered-xlg,
.bx-shadow-light-centered-xlg-gdfc.fcactive,
.bx-shadow-light-centered-xlg-hover:hover,
.bx-shadow-light-centered-xlg-active:active,
.bx-shadow-light-centered-xlg-focus:focus,
    {
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.50);
}

/*----- Centered ----------*/
.bx-shadow-centered-xxxs,
.bx-shadow-centered-xxxs-gdfc.fcactive,
.bx-shadow-centered-xxxs-hover:hover,
.bx-shadow-centered-xxxs-active:active,
.bx-shadow-centered-xxxs-focus:focus,
    {
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.70);
}

.bx-shadow-centered-xxs,
.bx-shadow-centered-xxs-gdfc.fcactive,
.bx-shadow-centered-xxs-hover:hover,
.bx-shadow-centered-xxs-active:active,
.bx-shadow-centered-xxs-focus:focus,
    {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.70);
}

.bx-shadow-centered-xs,
.bx-shadow-centered-xs-gdfc.fcactive,
.bx-shadow-centered-xs-hover:hover,
.bx-shadow-centered-xs-active:active,
.bx-shadow-centered-xs-focus:focus,
    {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.70);
}

.bx-shadow-centered-sm,
.bx-shadow-centered-sm-gdfc.fcactive,
.bx-shadow-centered-sm-hover:hover,
.bx-shadow-centered-sm-active:active,
.bx-shadow-centered-sm-focus:focus,
    {
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.70);
}

.bx-shadow-centered-md,
.bx-shadow-centered-md-gdfc.fcactive,
.bx-shadow-centered-md-hover:hover,
.bx-shadow-centered-md-active:active,
.bx-shadow-centered-md-focus:focus,
    {
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.70);
}

.bx-shadow-centered-lg,
.bx-shadow-centered-lg-gdfc.fcactive,
.bx-shadow-centered-lg-hover:hover,
.bx-shadow-centered-lg-active:active,
.bx-shadow-centered-lg-focus:focus,
    {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.70);
}

.bx-shadow-centered-xlg,
.bx-shadow-centered-xlg-gdfc.fcactive,
.bx-shadow-centered-xlg-hover:hover,
.bx-shadow-centered-xlg-active:active,
.bx-shadow-centered-xlg-focus:focus,
    {
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.70);
}

/*----- Centered Dark ----------*/
.bx-shadow-dark-centered-xxxs,
.bx-shadow-dark-centered-xxxs-gdfc.fcactive,
.bx-shadow-dark-centered-xxxs-hover:hover,
.bx-shadow-dark-centered-xxxs-active:active,
.bx-shadow-dark-centered-xxxs-focus:focus,
    {
    box-shadow: 0px 0px 3px 0px #000;
}

.bx-shadow-dark-centered-xxs,
.bx-shadow-dark-centered-xxs-gdfc.fcactive,
.bx-shadow-dark-centered-xxs-hover:hover,
.bx-shadow-dark-centered-xxs-active:active,
.bx-shadow-dark-centered-xxs-focus:focus,
    {
    box-shadow: 0px 0px 5px 0px #000;
}

.bx-shadow-dark-centered-xs,
.bx-shadow-dark-centered-xs-gdfc.fcactive,
.bx-shadow-dark-centered-xs-hover:hover,
.bx-shadow-dark-centered-xs-active:active,
.bx-shadow-dark-centered-xs-focus:focus,
    {
    box-shadow: 0px 0px 8px 0px #000;
}

.bx-shadow-dark-centered-sm,
.bx-shadow-dark-centered-sm-gdfc.fcactive,
.bx-shadow-dark-centered-sm-hover:hover,
.bx-shadow-dark-centered-sm-active:active,
.bx-shadow-dark-centered-sm-focus:focus,
    {
    box-shadow: 0px 0px 12px 0px #000;
}

.bx-shadow-dark-centered-md,
.bx-shadow-dark-centered-md-gdfc.fcactive,
.bx-shadow-dark-centered-md-hover:hover,
.bx-shadow-dark-centered-md-active:active,
.bx-shadow-dark-centered-md-focus:focus,
    {
    box-shadow: 0px 0px 16px 0px #000;
}

.bx-shadow-dark-centered-lg,
.bx-shadow-dark-centered-lg-gdfc.fcactive,
.bx-shadow-dark-centered-lg-hover:hover,
.bx-shadow-dark-centered-lg-active:active,
.bx-shadow-dark-centered-lg-focus:focus,
    {
    box-shadow: 0px 0px 20px 0px #000;
}

.bx-shadow-dark-centered-xlg,
.bx-shadow-dark-centered-xlg-gdfc.fcactive,
.bx-shadow-dark-centered-xlg-hover:hover,
.bx-shadow-dark-centered-xlg-active:active,
.bx-shadow-dark-centered-xlg-focus:focus,
    {
    box-shadow: 0px 0px 24px 0px #000;
}


/*----- Centered Inset ----------*/
.bx-shadow-inset-xxxs,
.bx-shadow-inset-xxxs-gdfc.fcactive,
.bx-shadow-inset-hover-xxxs:hover,
.bx-shadow-inset-focus-xxxs:focus,
.bx-shadow-inset-active-xxxs:active {
    box-shadow: 0px 0px 5px 0px inset #000;
}

.bx-shadow-inset-xxs,
.bx-shadow-inset-xxs-gdfc.fcactive,
.bx-shadow-inset-hover-xxs:hover,
.bx-shadow-inset-focus-xxs:focus,
.bx-shadow-inset-active-xxs:active {
    box-shadow: 0px 0px 10px 0px inset #000;
}

.bx-shadow-inset-xs,
.bx-shadow-inset-xs-gdfc.fcactive,
.bx-shadow-inset-hover-xs:hover,
.bx-shadow-inset-focus-xs:focus,
.bx-shadow-inset-active-xs:active {
    box-shadow: 0px 0px 15px 7px inset #000;
}

.bx-shadow-inset-md,
.bx-shadow-inset-md-gdfc.fcactive,
.bx-shadow-inset-hover-md:hover,
.bx-shadow-inset-focus-md:focus,
.bx-shadow-inset-active-md:active {
    box-shadow: 0px 0px 20px 0px inset #000;
}

.font-weight-bold {
    font-weight: bold;
}


.bg-color-cloud-one,
.bg-color-cloud-one-gdfc.fcactive,
.bg-color-cloud-one-before::before,
.bg-color-cloud-one-after::after,
.bg-color-cloud-1,
.bg-color-cloud-1-gdfc.fcactive,
.bg-color-cloud-1-before::before,
.bg-color-cloud-1-after::after {
    background-color: #002f4b;
    background-image: -webkit-linear-gradient(135deg, #002f4b, #417711) !important;
    background-image: -moz-linear-gradient(135deg, #002f4b, #417711) !important;
    background-image: -o-linear-gradient(135deg, #002f4b, #417711) !important;
    background-image: linear-gradient(135deg, #002f4b, #417711) !important;
    opacity: 0.7;
}

.bg-color-cloud-two,
.bg-color-cloud-two-gdfc.fcactive,
.bg-color-cloud-two-before::before,
.bg-color-cloud-two-after::after,
.bg-color-cloud-2,
.bg-color-cloud-2-gdfc.fcactive,
.bg-color-cloud-2-before::before,
.bg-color-cloud-2-after::after {
    background-color: #417711;
    background-image: -webkit-linear-gradient(135deg, #417711, #dc4225) !important;
    background-image: -moz-linear-gradient(135deg, #417711, #dc4225) !important;
    background-image: -o-linear-gradient(135deg, #417711, #dc4225) !important;
    background-image: linear-gradient(135deg, #417711, #dc4225) !important;
    opacity: 0.7;
}

.bg-color-cloud-three,
.bg-color-cloud-three-gdfc.fcactive,
.bg-color-cloud-three-before::before,
.bg-color-cloud-three-after::after,
.bg-color-cloud-3,
.bg-color-cloud-3-gdfc.fcactive,
.bg-color-cloud-3-before::before,
.bg-color-cloud-3-after::after {
    background-color: #773211;
    background-image: -webkit-linear-gradient(135deg, #114d77, #dc2582) !important;
    background-image: -moz-linear-gradient(135deg, #114d77, #dc2582) !important;
    background-image: -o-linear-gradient(135deg, #114d77, #dc2582) !important;
    background-image: linear-gradient(135deg, #114d77, #dc2582) !important;
    opacity: 0.7;
}

.bg-color-cloud-four,
.bg-color-cloud-four-gdfc.fcactive,
.bg-color-cloud-four-before::before,
.bg-color-cloud-four-after::after,
.bg-color-cloud-4,
.bg-color-cloud-4-gdfc.fcactive,
.bg-color-cloud-4-before::before,
.bg-color-cloud-4-after::after {
    background-color: #00ffa1;
    background-image: -webkit-linear-gradient(135deg, #417711, #dc4225) !important;
    background-image: -moz-linear-gradient(135deg, #417711, #dc4225) !important;
    background-image: -o-linear-gradient(135deg, #417711, #dc4225) !important;
    background-image: linear-gradient(135deg, #117772, #dc2525) !important;
    opacity: 0.7;
}

.bg-color-cloud-five,
.bg-color-cloud-five-gdfc.fcactive,
.bg-color-cloud-five-before::before,
.bg-color-cloud-five-after::after,
.bg-color-cloud-5,
.bg-color-cloud-5-gdfc.fcactive,
.bg-color-cloud-5-before::before,
.bg-color-cloud-5-after::after {
    background-color: #113577;
    background-image: -webkit-linear-gradient(135deg, #417711, #dc4225) !important;
    background-image: -moz-linear-gradient(135deg, #417711, #dc4225) !important;
    background-image: -o-linear-gradient(135deg, #417711, #dc4225) !important;
    background-image: linear-gradient(135deg, #631177, #255ddc) !important;
    opacity: 0.7;
}

.bg-color-cloud-six,
.bg-color-cloud-six-gdfc.fcactive,
.bg-color-cloud-six-before::before,
.bg-color-cloud-six-after::after,
.bg-color-cloud-6,
.bg-color-cloud-6-gdfc.fcactive,
.bg-color-cloud-6-before::before,
.bg-color-cloud-6-after::after {
    background-color: #116e77;
    background-image: -webkit-linear-gradient(135deg, #417711, #dc4225) !important;
    background-image: -moz-linear-gradient(135deg, #417711, #dc4225) !important;
    background-image: -o-linear-gradient(135deg, #417711, #dc4225) !important;
    background-image: linear-gradient(135deg, #117735, #2825dc) !important;
    opacity: 0.7;
}

.bg-color-cloud-seven,
.bg-color-cloud-seven-gdfc.fcactive,
.bg-color-cloud-seven-before::before,
.bg-color-cloud-seven-after::after,
.bg-color-cloud-7,
.bg-color-cloud-7-gdfc.fcactive,
.bg-color-cloud-7-before::before,
.bg-color-cloud-7-after::after {
    background-color: #631177;
    background-image: -webkit-linear-gradient(135deg, #417711, #dc4225) !important;
    background-image: -moz-linear-gradient(135deg, #417711, #dc4225) !important;
    background-image: -o-linear-gradient(135deg, #417711, #dc4225) !important;
    background-image: linear-gradient(135deg, #111477, #8ddc25) !important;
    opacity: 0.7;
}

.bg-color-cloud-eight,
.bg-color-cloud-eight-gdfc.fcactive,
.bg-color-cloud-eight-before::before,
.bg-color-cloud-eight-after::after,
.bg-color-cloud-8,
.bg-color-cloud-8-gdfc.fcactive,
.bg-color-cloud-8-before::before,
.bg-color-cloud-8-after::after {
    background-color: #774e11;
    background-image: -webkit-linear-gradient(135deg, #417711, #dc4225) !important;
    background-image: -moz-linear-gradient(135deg, #417711, #dc4225) !important;
    background-image: -o-linear-gradient(135deg, #417711, #dc4225) !important;
    background-image: linear-gradient(135deg, #771f11, #dc9b25) !important;
    opacity: 0.7;
}

.bg-color-cloud-nine,
.bg-color-cloud-nine-gdfc.fcactive,
.bg-color-cloud-nine-before::before,
.bg-color-cloud-nine-after::after,
.bg-color-cloud-9,
.bg-color-cloud-9-gdfc.fcactive,
.bg-color-cloud-9-before::before,
.bg-color-cloud-9-after::after {
    background-color: #771145;
    background-image: -webkit-linear-gradient(135deg, #417711, #dc4225) !important;
    background-image: -moz-linear-gradient(135deg, #417711, #dc4225) !important;
    background-image: -o-linear-gradient(135deg, #417711, #dc4225) !important;
    background-image: linear-gradient(135deg, #776111, #dc25c5) !important;
    opacity: 0.7;
}

.bg-color-cloud-ten,
.bg-color-cloud-ten-gdfc.fcactive,
.bg-color-cloud-ten-before::before,
.bg-color-cloud-ten-after::after,
.bg-color-cloud-10,
.bg-color-cloud-10-gdfc.fcactive,
.bg-color-cloud-10-before::before,
.bg-color-cloud-10-after::after  {
    background-color: #381177;
    background-image: -webkit-linear-gradient(135deg, #417711, #dc4225) !important;
    background-image: -moz-linear-gradient(135deg, #417711, #dc4225) !important;
    background-image: -o-linear-gradient(135deg, #417711, #dc4225) !important;
    background-image: linear-gradient(135deg, #117777, #256edc) !important;
    opacity: 0.7;
}

.bg-color-cloud-11,
.bg-color-cloud-11-gdfc.fcactive,
.bg-color-cloud-11-before::before,
.bg-color-cloud-11-after::after {
    background-color: #381177 !important;
    background-image: -webkit-linear-gradient(135deg, #417711, #dc4225) !important;
    background-image: -moz-linear-gradient(135deg, #417711, #dc4225) !important;
    background-image: -o-linear-gradient(135deg, #417711, #dc4225) !important;
    background-image: linear-gradient(135deg, #000000, #ea7807) !important;
    opacity: 0.7;
}




.full-opacity-hover {
    opacity: .65;
    filter: alpha(opacity=65)
}

.full-opacity-hover:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}



.text-shadow {
    text-shadow: 0px 0px 3px;
}

.text-shadow-color-darkgreen {
    text-shadow: 0px 0px 3px green;
}

.text-shadow-color-orange {
    text-shadow: 0px 0px 3px #e67e22;
}

.text-shadow-color-purple {
    text-shadow: 0px 0px 3px #946e97;
}

.text-shadow-color-red {
    text-shadow: 0px 0px 3px #fc6e51;
}

.text-shadow-color-yellow {
    text-shadow: 0px 0px 3px #fac51c;
}

.text-shadow-color-indigo {
    text-shadow: 0px 0px 3px indigo;
}

.text-shadow-color-violet {
    text-shadow: 0px 0px 3px #bf4bbf;
}

.text-shadow-color-white {
    text-shadow: 0px 0px 3px #fff;
}

.text-shadow-color-grey {
    text-shadow: 0px 0px 3px #c9bbbb;
}

.text-shadow-color-black {
    text-shadow: 0px 0px 3px #000;
}

.bg-color-cloud-one {
    position: relative;
    background-color: #002f4b;
    background-image: -webkit-linear-gradient(135deg, #002f4b, #417711);
    background-image: -moz-linear-gradient(135deg, #002f4b, #417711);
    background-image: -o-linear-gradient(135deg, #002f4b, #417711);
    background-image: linear-gradient(135deg, #002f4b, #417711);
    opacity: 0.7;
}

.bg-color-cloud-two {
    position: relative;
    background-color: #417711;
    background-image: -webkit-linear-gradient(135deg, #417711, #dc4225);
    background-image: -moz-linear-gradient(135deg, #417711, #dc4225);
    background-image: -o-linear-gradient(135deg, #417711, #dc4225);
    background-image: linear-gradient(135deg, #417711, #dc4225);
    opacity: 0.7;
}

.bg-color-cloud-three {
    position: relative;
    background-color: #773211;
    background-image: -webkit-linear-gradient(135deg, #114d77, #dc2582);
    background-image: -moz-linear-gradient(135deg, #114d77, #dc2582);
    background-image: -o-linear-gradient(135deg, #114d77, #dc2582);
    background-image: linear-gradient(135deg, #114d77, #dc2582);
    opacity: 0.7;
}

.bg-color-cloud-four {
    position: relative;
    background-color: #00ffa1;
    background-image: -webkit-linear-gradient(135deg, #417711, #dc4225);
    background-image: -moz-linear-gradient(135deg, #417711, #dc4225);
    background-image: -o-linear-gradient(135deg, #417711, #dc4225);
    background-image: linear-gradient(135deg, #117772, #dc2525);
    opacity: 0.7;
}

.bg-color-cloud-five {
    position: relative;
    background-color: #113577;
    background-image: -webkit-linear-gradient(135deg, #417711, #dc4225);
    background-image: -moz-linear-gradient(135deg, #417711, #dc4225);
    background-image: -o-linear-gradient(135deg, #417711, #dc4225);
    background-image: linear-gradient(135deg, #631177, #255ddc);
    opacity: 0.7;
}

.bg-color-cloud-six {
    position: relative;
    background-color: #116e77;
    background-image: -webkit-linear-gradient(135deg, #417711, #dc4225);
    background-image: -moz-linear-gradient(135deg, #417711, #dc4225);
    background-image: -o-linear-gradient(135deg, #417711, #dc4225);
    background-image: linear-gradient(135deg, #117735, #2825dc);
    opacity: 0.7;
}

.bg-color-cloud-seven {
    position: relative;
    background-color: #631177;
    background-image: -webkit-linear-gradient(135deg, #417711, #dc4225);
    background-image: -moz-linear-gradient(135deg, #417711, #dc4225);
    background-image: -o-linear-gradient(135deg, #417711, #dc4225);
    background-image: linear-gradient(135deg, #111477, #8ddc25);
    opacity: 0.7;
}

.bg-color-cloud-eight {
    position: relative;
    background-color: #774e11;
    background-image: -webkit-linear-gradient(135deg, #417711, #dc4225);
    background-image: -moz-linear-gradient(135deg, #417711, #dc4225);
    background-image: -o-linear-gradient(135deg, #417711, #dc4225);
    background-image: linear-gradient(135deg, #771f11, #dc9b25);
    opacity: 0.7;
}

.bg-color-cloud-nine {
    position: relative;
    background-color: #771145;
    background-image: -webkit-linear-gradient(135deg, #417711, #dc4225);
    background-image: -moz-linear-gradient(135deg, #417711, #dc4225);
    background-image: -o-linear-gradient(135deg, #417711, #dc4225);
    background-image: linear-gradient(135deg, #776111, #dc25c5);
    opacity: 0.7;
}

.bg-color-cloud-ten {
    position: relative;
    background-color: #381177;
    background-image: -webkit-linear-gradient(135deg, #417711, #dc4225);
    background-image: -moz-linear-gradient(135deg, #417711, #dc4225);
    background-image: -o-linear-gradient(135deg, #417711, #dc4225);
    background-image: linear-gradient(135deg, #117777, #256edc);
    opacity: 0.7;
}



/* .background-color-tealvisited:visited,
    .background-color-tealactive:active,
    .background-color-tealfocus:focus,
    .background-color-tealfocus-within:focus-within, */

/*text-colors*/
.color-lightblue,
.color-lightblue-gdfc.fcactive,
.color-lightblueactive:active,
.color-lightbluefocus:focus,
.color-lightbluevisited:visited,
.color-lightbluefocus-within:focus-within,
.color-lightbluehover:hover {
    color: #4b84f7;
}

.color-blue,
.color-blue-gdfc.fcactive,
.color-blueactive:active,
.color-bluefocus:focus,
.color-bluevisited:visited,
.color-bluefocus-within:focus-within,
.color-bluehover:hover {
    color: #3172f4;
}

.color-darkblue,
.color-darkblue-gdfc.fcactive,
.color-darkblueactive:active,
.color-darkbluefocus:focus,
.color-darkbluevisited:visited,
.color-darkbluefocus-within:focus-within,
.color-darkbluehover:hover {
    color: #1a54c6;
}

.color-lightgreen,
.color-lightgreen-gdfc.fcactive,
.color-lightgreenactive:active,
.color-lightgreenfocus:focus,
.color-lightgreenvisited:visited,
.color-lightgreenfocus-within:focus-within,
.color-lightgreenhover:hover {
    color: #30ff2c;
}

.color-green,
.color-green-gdfc.fcactive,
.color-greenactive:active,
.color-greenfocus:focus,
.color-greenvisited:visited,
.color-greenfocus-within:focus-within,
.color-greenhover:hover {
    color: #1d971d;
}

.color-darkgreen,
.color-darkgreen-gdfc.fcactive,
.color-darkgreenactive:active,
.color-darkgreenfocus:focus,
.color-darkgreenvisited:visited,
.color-darkgreenfocus-within:focus-within,
.color-darkgreenhover:hover {
    color: green;
}

.color-lightorange,
.color-lightorange-gdfc.fcactive,
.color-lightorangeactive:active,
.color-lightorangefocus:focus,
.color-lightorangevisited:visited,
.color-lightorangefocus-within:focus-within,
.color-lightorangehover:hover {
    color: #ff8e29;
}

.color-orange,
.color-orange-gdfc.fcactive,
.color-orangeactive:active,
.color-orangefocus:focus,
.color-orangevisited:visited,
.color-orangefocus-within:focus-within,
.color-orangehover:hover {
    color: #ff7800;
}

.color-darkorange,
.color-darkorange-gdfc.fcactive,
.color-darkorangeactive:active,
.color-darkorangefocus:focus,
.color-darkorangevisited:visited,
.color-darkorangefocus-within:focus-within,
.color-darkorangehover:hover {
    color: #c55d00;
}

.color-lightpurple {
    color: #946e97;
}

.color-purple {
    color: #946e97;
}

.color-darkpurple {
    color: #946e97;
}

.color-lightred,
.color-lightred-gdfc.fcactive,
.color-lightredactive:active,
.color-lightredfocus:focus,
.color-lightredvisited:visited,
.color-lightredfocus-within:focus-within,
.color-lightredhover:hover {
    color: #ff1818;
}

.color-red,
.color-red-gdfc.fcactive,
.color-redactive:active,
.color-redfocus:focus,
.color-redvisited:visited,
.color-redfocus-within:focus-within,
.color-redhover:hover {
    color: #cc0202;
}

.color-darkred,
.color-darkred-gdfc.fcactive,
.color-darkredactive:active,
.color-darkredfocus:focus,
.color-darkredvisited:visited,
.color-darkredfocus-within:focus-within,
.color-darkredhover:hover {
    color: #7d0101;
}

.color-lightyellow,
.color-lightyellow-gdfc.fcactive,
.color-lightyellowactive:active,
.color-lightyellowfocus:focus,
.color-lightyellowvisited:visited,
.color-lightyellowfocus-within:focus-within,
.color-lightyellowhover:hover {
    color: #fac51c;
}

.color-yellow,
.color-yellow-gdfc.fcactive,
.color-yellowactive:active,
.color-yellowfocus:focus,
.color-yellowvisited:visited,
.color-yellowfocus-within:focus-within,
.color-yellowhover:hover {
    color: #fac51c;
}

.color-darkyellow,
.color-darkyellow-gdfc.fcactive,
.color-darkyellowactive:active,
.color-darkyellowfocus:focus,
.color-darkyellowvisited:visited,
.color-darkyellowfocus-within:focus-within,
.color-darkyellowhover:hover {
    color: #fac51c;
}

.color-lightindigo,
.color-lightindigo-gdfc.fcactive,
.color-lightindigoactive:active,
.color-lightindigofocus:focus,
.color-lightindigovisited:visited,
.color-lightindigofocus-within:focus-within,
.color-lightindigohover:hover {
    color: #7800d0;
}

.color-indigo,
.color-indigo-gdfc.fcactive,
.color-indigoactive:active,
.color-indigofocus:focus,
.color-indigovisited:visited,
.color-indigofocus-within:focus-within,
.color-indigohover:hover {
    color: #5e00a2;
}

.color-darkindigo,
.color-darkindigo-gdfc.fcactive,
.color-darkindigoactive:active,
.color-darkindigofocus:focus,
.color-darkindigovisited:visited,
.color-darkindigofocus-within:focus-within,
.color-darkindigohover:hover {
    color: indigo;
}

.color-lightviolet,
.color-lightviolet-gdfc.fcactive,
.color-lightvioletactive:active,
.color-lightvioletfocus:focus,
.color-lightvioletvisited:visited,
.color-lightvioletfocus-within:focus-within,
.color-lightviolethover:hover {
    color: #ff93ff;
}

.color-violet,
.color-violet-gdfc.fcactive,
.color-violetactive:active,
.color-violetfocus:focus,
.color-violetvisited:visited,
.color-violetfocus-within:focus-within,
.color-violethover:hover {
    color: #bf4bbf;
}

.color-darkviolet,
.color-darkviolet-gdfc.fcactive,
.color-darkvioletactive:active,
.color-darkvioletfocus:focus,
.color-darkvioletvisited:visited,
.color-darkvioletfocus-within:focus-within,
.color-darkviolethover:hover {
    color: #7c2183;
}

.color-white,
.color-white-gdfc.fcactive,
.color-whiteactive:active,
.color-whitefocus:focus,
.color-whitevisited:visited,
.color-whitefocus-within:focus-within,
.color-whitehover:hover {
    color: #fff;
}

.color-black,
.color-black-gdfc.fcactive,
.color-blackactive:active,
.color-blackfocus:focus,
.color-blackvisited:visited,
.color-blackfocus-within:focus-within,
.color-blackhover:hover {
    color: #000;
}

.color-lightgrey,
.color-lightgrey-gdfc.fcactive,
.color-lightgreyactive:active,
.color-lightgreyfocus:focus,
.color-lightgreyvisited:visited,
.color-lightgreyfocus-within:focus-within,
.color-lightgreyhover:hover {
    color: #c7c7c7;
}

.color-grey,
.color-grey-gdfc.fcactive,
.color-greyactive:active,
.color-greyfocus:focus,
.color-greyvisited:visited,
.color-greyfocus-within:focus-within,
.color-greyhover:hover {
    color: #9e9e9e;
}

.color-darkgrey,
.color-darkgrey-gdfc.fcactive,
.color-darkgreyactive:active,
.color-darkgreyfocus:focus,
.color-darkgreyvisited:visited,
.color-darkgreyfocus-within:focus-within,
.color-darkgreyhover:hover {
    color: #5a5a5a;
}

.color-lightblue-imp,
.color-lightblueactive-imp:active,
.color-lightbluefocus-imp:focus,
.color-lightbluevisited-imp:visited,
.color-lightbluefocus-within-imp:focus-within,
.color-lightbluehover-imp:hover {
    color: #4b84f7 !important;
}

.color-blue-imp,
.color-blueactive-imp:active,
.color-bluefocus-imp:focus,
.color-bluevisited-imp:visited,
.color-bluefocus-within-imp:focus-within,
.color-bluehover-imp:hover {
    color: #3172f4 !important;
}

.color-darkblue-imp,
.color-darkblueactive-imp:active,
.color-darkbluefocus-imp:focus,
.color-darkbluevisited-imp:visited,
.color-darkbluefocus-within-imp:focus-within,
.color-darkbluehover-imp:hover {
    color: #1a54c6 !important;
}

.color-lightgreen-imp,
.color-lightgreenactive-imp:active,
.color-lightgreenfocus-imp:focus,
.color-lightgreenvisited-imp:visited,
.color-lightgreenfocus-within-imp:focus-within,
.color-lightgreenhover-imp:hover {
    color: #30ff2c !important;
}

.color-green-imp,
.color-greenactive-imp:active,
.color-greenfocus-imp:focus,
.color-greenvisited-imp:visited,
.color-greenfocus-within-imp:focus-within,
.color-greenhover-imp:hover {
    color: #1d971d !important;
}

.color-darkgreen-imp,
.color-darkgreenactive-imp:active,
.color-darkgreenfocus-imp:focus,
.color-darkgreenvisited-imp:visited,
.color-darkgreenfocus-within-imp:focus-within,
.color-darkgreenhover-imp:hover {
    color: green !important;
}

.color-lightorange-imp,
.color-lightorangeactive-imp:active,
.color-lightorangefocus-imp:focus,
.color-lightorangevisited-imp:visited,
.color-lightorangefocus-within-imp:focus-within,
.color-lightorangehover-imp:hover {
    color: #ff8e29 !important;
}

.color-orange-imp,
.color-orangeactive-imp:active,
.color-orangefocus-imp:focus,
.color-orangevisited-imp:visited,
.color-orangefocus-within-imp:focus-within,
.color-orangehover-imp:hover {
    color: #ff7800 !important;
}

.color-darkorange-imp,
.color-darkorangeactive-imp:active,
.color-darkorangefocus-imp:focus,
.color-darkorangevisited-imp:visited,
.color-darkorangefocus-within-imp:focus-within,
.color-darkorangehover-imp:hover {
    color: #c55d00 !important;
}

.color-lightpurple-imp {
    color: #946e97 !important;
}

.color-purple-imp {
    color: #946e97 !important;
}

.color-darkpurple-imp {
    color: #946e97 !important;
}

.color-lightred-imp,
.color-lightredactive-imp:active,
.color-lightredfocus-imp:focus,
.color-lightredvisited-imp:visited,
.color-lightredfocus-within-imp:focus-within,
.color-lightredhover-imp:hover {
    color: #ff1818 !important;
}

.color-red-imp,
.color-redactive-imp:active,
.color-redfocus-imp:focus,
.color-redvisited-imp:visited,
.color-redfocus-within-imp:focus-within,
.color-redhover-imp:hover {
    color: #cc0202 !important;
}

.color-darkred-imp,
.color-darkredactive-imp:active,
.color-darkredfocus-imp:focus,
.color-darkredvisited-imp:visited,
.color-darkredfocus-within-imp:focus-within,
.color-darkredhover-imp:hover {
    color: #7d0101 !important;
}

.color-lightyellow-imp,
.color-lightyellowactive-imp:active,
.color-lightyellowfocus-imp:focus,
.color-lightyellowvisited-imp:visited,
.color-lightyellowfocus-within-imp:focus-within,
.color-lightyellowhover-imp:hover {
    color: #fac51c !important;
}

.color-yellow-imp,
.color-yellowactive-imp:active,
.color-yellowfocus-imp:focus,
.color-yellowvisited-imp:visited,
.color-yellowfocus-within-imp:focus-within,
.color-yellowhover-imp:hover {
    color: #fac51c !important;
}

.color-darkyellow-imp,
.color-darkyellowactive-imp:active,
.color-darkyellowfocus-imp:focus,
.color-darkyellowvisited-imp:visited,
.color-darkyellowfocus-within-imp:focus-within,
.color-darkyellowhover-imp:hover {
    color: #fac51c !important;
}

.color-lightindigo-imp,
.color-lightindigoactive-imp:active,
.color-lightindigofocus-imp:focus,
.color-lightindigovisited-imp:visited,
.color-lightindigofocus-within-imp:focus-within,
.color-lightindigohover-imp:hover {
    color: #7800d0 !important;
}

.color-indigo-imp,
.color-indigoactive-imp:active,
.color-indigofocus-imp:focus,
.color-indigovisited-imp:visited,
.color-indigofocus-within-imp:focus-within,
.color-indigohover-imp:hover {
    color: #5e00a2 !important;
}

.color-darkindigo-imp,
.color-darkindigoactive-imp:active,
.color-darkindigofocus-imp:focus,
.color-darkindigovisited-imp:visited,
.color-darkindigofocus-within-imp:focus-within,
.color-darkindigohover-imp:hover {
    color: indigo !important;
}

.color-lightviolet-imp,
.color-lightvioletactive-imp:active,
.color-lightvioletfocus-imp:focus,
.color-lightvioletvisited-imp:visited,
.color-lightvioletfocus-within-imp:focus-within,
.color-lightviolethover-imp:hover {
    color: #ff93ff !important;
}

.color-violet-imp,
.color-violetactive-imp:active,
.color-violetfocus-imp:focus,
.color-violetvisited-imp:visited,
.color-violetfocus-within-imp:focus-within,
.color-violethover-imp:hover {
    color: #bf4bbf !important;
}

.color-darkviolet-imp,
.color-darkvioletactive-imp:active,
.color-darkvioletfocus-imp:focus,
.color-darkvioletvisited-imp:visited,
.color-darkvioletfocus-within-imp:focus-within,
.color-darkviolethover-imp:hover {
    color: #7c2183 !important;
}

.color-white-imp,
.color-whiteactive-imp:active,
.color-whitefocus-imp:focus,
.color-whitevisited-imp:visited,
.color-whitefocus-within-imp:focus-within,
.color-whitehover-imp:hover {
    color: #fff !important;
}

.color-black-imp,
.color-blackactive-imp:active,
.color-blackfocus-imp:focus,
.color-blackvisited-imp:visited,
.color-blackfocus-within-imp:focus-within,
.color-blackhover-imp:hover {
    color: #000 !important;
}

.color-lightgrey-imp,
.color-lightgreyactive-imp:active,
.color-lightgreyfocus-imp:focus,
.color-lightgreyvisited-imp:visited,
.color-lightgreyfocus-within-imp:focus-within,
.color-lightgreyhover-imp:hover {
    color: #c7c7c7 !important;
}

.color-grey-imp,
.color-greyactive-imp:active,
.color-greyfocus-imp:focus,
.color-greyvisited-imp:visited,
.color-greyfocus-within-imp:focus-within,
.color-greyhover-imp:hover {
    color: #9e9e9e !important;
}

.color-darkgrey-imp,
.color-darkgreyactive-imp:active,
.color-darkgreyfocus-imp:focus,
.color-darkgreyvisited-imp:visited,
.color-darkgreyfocus-within-imp:focus-within,
.color-darkgreyhover-imp:hover {
    color: #5a5a5a !important;
}

/*background*/
.background-color-transparent,
.background-color-transparent-gdfc.fcactive,
.background-color-transparentafter:after,
.background-color-transparenthover:hover,
.background-color-transparentbefore:before,
.background-color-transparentvisited:visited,
.background-color-transparentactive:active,
.background-color-transparentfocus:focus,
.background-color-transparentfocus-within:focus-within,
.background-color-transparentsdr .slider-selection {
    background-color: rgba(255, 255, 255, 0);
}

.background-color-transparenti,
.background-color-transparenti-gdfc.fcactive,
.background-color-transparentiafter:after,
.background-color-transparentihover:hover,
.background-color-transparentibefore:before,
.background-color-transparentivisited:visited,
.background-color-transparentiactive:active,
.background-color-transparentifocus:focus,
.background-color-transparentifocus-within:focus-within,
.background-color-transparentisdr .slider-selection {
    background-color: rgba(255, 255, 255, 0) !important;
}

.background-color-lightblue,
.background-color-lightblue-gdfc.fcactive,
.background-color-lightblueafter:after,
.background-color-lightbluehover:hover,
.background-color-lightbluebefore:before,
.background-color-lightbluevisited:visited,
.background-color-lightblueactive:active,
.background-color-lightbluefocus:focus,
.background-color-lightbluefocus-within:focus-within,
.background-color-lightbluesdr .slider-selection {
    background-color: rgb(51, 182, 255);
}

.background-color-blue,
.background-color-blue-gdfc.fcactive,
.background-color-blueafter:after,
.background-color-bluehover:hover,
.background-color-bluebefore:before,
.background-color-bluevisited:visited,
.background-color-blueactive:active,
.background-color-bluefocus:focus,
.background-color-bluefocus-within:focus-within,
.background-color-bluesdr .slider-selection {
    background-color: rgb(47, 146, 201);
}

.background-color-darkblue,
.background-color-darkblue-gdfc.fcactive,
.background-color-darkblueafter:after,
.background-color-darkbluehover:hover,
.background-color-darkbluebefore:before,
.background-color-darkbluevisited:visited,
.background-color-darkblueactive:active,
.background-color-darkbluefocus:focus,
.background-color-darkbluefocus-within:focus-within,
.background-color-darkbluesdr .slider-selection {
    background-color: rgb(12, 100, 148);
}

.background-color-lightgreen,
.background-color-lightgreen-gdfc.fcactive,
.background-color-lightgreenafter:after,
.background-color-lightgreenhover:hover,
.background-color-lightgreenbefore:before,
.background-color-lightgreenvisited:visited,
.background-color-lightgreenactive:active,
.background-color-lightgreenfocus:focus,
.background-color-lightgreenfocus-within:focus-within,
.background-color-lightgreensdr .slider-selection {
    background-color: rgb(72, 239, 41);
}

.background-color-green,
.background-color-green-gdfc.fcactive,
.background-color-greenafter:after,
.background-color-greenhover:hover,
.background-color-greenbefore:before,
.background-color-greenvisited:visited,
.background-color-greenactive:active,
.background-color-greenfocus:focus,
.background-color-greenfocus-within:focus-within,
.background-color-greensdr .slider-selection {
    background-color: rgb(17, 162, 0);
}

.background-color-darkgreen,
.background-color-darkgreen-gdfc.fcactive,
.background-color-darkgreenafter:after,
.background-color-darkgreenhover:hover,
.background-color-darkgreenbefore:before,
.background-color-darkgreenvisited:visited,
.background-color-darkgreenactive:active,
.background-color-darkgreenfocus:focus,
.background-color-darkgreenfocus-within:focus-within,
.background-color-darkgreensdr .slider-selection {
    background-color: rgb(0, 128, 0);
}

.background-color-lightorange,
.background-color-lightorange-gdfc.fcactive,
.background-color-lightorangeafter:after,
.background-color-lightorangehover:hover,
.background-color-lightorangebefore:before,
.background-color-lightorangevisited:visited,
.background-color-lightorangeactive:active,
.background-color-lightorangefocus:focus,
.background-color-lightorangefocus-within:focus-within,
.background-color-lightorangesdr .slider-selection {
    background-color: rgb(255, 142, 41);
}

.background-color-orange,
.background-color-orange-gdfc.fcactive,
.background-color-orangeafter:after,
.background-color-orangehover:hover,
.background-color-orangebefore:before,
.background-color-orangevisited:visited,
.background-color-orangeactive:active,
.background-color-orangefocus:focus,
.background-color-orangefocus-within:focus-within,
.background-color-orangesdr .slider-selection {
    background-color: rgb(255, 120, 0);
}

.background-color-darkorange,
.background-color-darkorange-gdfc.fcactive,
.background-color-darkorangeafter:after,
.background-color-darkorangehover:hover,
.background-color-darkorangebefore:before,
.background-color-darkorangevisited:visited,
.background-color-darkorangeactive:active,
.background-color-darkorangefocus:focus,
.background-color-darkorangefocus-within:focus-within,
.background-color-darkorangesdr .slider-selection {
    background-color: rgb(197, 93, 0);
}

.background-color-lightpurple,
.background-color-lightpurpleafter:after,
.background-color-lightpurplehover:hover,
.background-color-lightpurplebefore:before,
.background-color-lightpurplevisited:visited,
.background-color-lightpurpleactive:active,
.background-color-lightpurplefocus:focus,
.background-color-lightpurplefocus-within:focus-within,
.background-color-lightpurplesdr .slider-selection {
    background-color: rgb(148, 110, 151);
}

.background-color-purple,
.background-color-purpleafter:after,
.background-color-purplehover:hover,
.background-color-purplebefore:before,
.background-color-purplevisited:visited,
.background-color-purpleactive:active,
.background-color-purplefocus:focus,
.background-color-purplefocus-within:focus-within,
.background-color-purplesdr .slider-selection {
    background-color: rgb(148, 110, 151);
}

.background-color-darkpurple,
.background-color-darkpurpleafter:after,
.background-color-darkpurplehover:hover,
.background-color-darkpurplebefore:before,
.background-color-darkpurplevisited:visited,
.background-color-darkpurpleactive:active,
.background-color-darkpurplefocus:focus,
.background-color-darkpurplefocus-within:focus-within,
.background-color-darkpurplesdr .slider-selection {
    background-color: rgb(148, 110, 151);
}

.background-color-lightred,
.background-color-lightred-gdfc.fcactive,
.background-color-lightredafter:after,
.background-color-lightredhover:hover,
.background-color-lightredbefore:before,
.background-color-lightredvisited:visited,
.background-color-lightredactive:active,
.background-color-lightredfocus:focus,
.background-color-lightredfocus-within:focus-within,
.background-color-lightredsdr .slider-selection {
    background-color: rgb(255, 24, 24);
}

.background-color-red,
.background-color-red-gdfc.fcactive,
.background-color-redafter:after,
.background-color-redhover:hover,
.background-color-redbefore:before,
.background-color-redvisited:visited,
.background-color-redactive:active,
.background-color-redfocus:focus,
.background-color-redfocus-within:focus-within,
.background-color-redsdr .slider-selection {
    background-color: rgb(204, 2, 2);
}

.background-color-darkred,
.background-color-darkred-gdfc.fcactive,
.background-color-darkredafter:after,
.background-color-darkredhover:hover,
.background-color-darkredbefore:before,
.background-color-darkredvisited:visited,
.background-color-darkredactive:active,
.background-color-darkredfocus:focus,
.background-color-darkredfocus-within:focus-within,
.background-color-darkredsdr .slider-selection {
    background-color: rgb(125, 1, 1);
}

.background-color-lightyellow,
.background-color-lightyellow-gdfc.fcactive,
.background-color-lightyellowafter:after,
.background-color-lightyellowhover:hover,
.background-color-lightyellowbefore:before,
.background-color-lightyellowvisited:visited,
.background-color-lightyellowactive:active,
.background-color-lightyellowfocus:focus,
.background-color-lightyellowfocus-within:focus-within,
.background-color-lightyellowsdr .slider-selection {
    background-color: rgb(250, 197, 28);
}

.background-color-yellow,
.background-color-yellow-gdfc.fcactive,
.background-color-yellowafter:after,
.background-color-yellowhover:hover,
.background-color-yellowbefore:before,
.background-color-yellowvisited:visited,
.background-color-yellowactive:active,
.background-color-yellowfocus:focus,
.background-color-yellowfocus-within:focus-within,
.background-color-yellowsdr .slider-selection {
    background-color: rgb(255, 194, 0);
}

.background-color-darkyellow,
.background-color-darkyellow-gdfc.fcactive,
.background-color-darkyellowafter:after,
.background-color-darkyellowhover:hover,
.background-color-darkyellowbefore:before,
.background-color-darkyellowvisited:visited,
.background-color-darkyellowactive:active,
.background-color-darkyellowfocus:focus,
.background-color-darkyellowfocus-within:focus-within,
.background-color-darkyellowsdr .slider-selection {
    background-color: rgb(208, 158, 0);
}

.background-color-lightindigo,
.background-color-lightindigo-gdfc.fcactive,
.background-color-lightindigoafter:after,
.background-color-lightindigohover:hover,
.background-color-lightindigobefore:before,
.background-color-lightindigovisited:visited,
.background-color-lightindigoactive:active,
.background-color-lightindigofocus:focus,
.background-color-lightindigofocus-within:focus-within,
.background-color-lightindigosdr .slider-selection {
    background-color: rgb(120, 0, 208);
}

.background-color-indigo,
.background-color-indigo-gdfc.fcactive,
.background-color-indigoafter:after,
.background-color-indigohover:hover,
.background-color-indigobefore:before,
.background-color-indigovisited:visited,
.background-color-indigoactive:active,
.background-color-indigofocus:focus,
.background-color-indigofocus-within:focus-within,
.background-color-indigosdr .slider-selection {
    background-color: rgb(94, 0, 162);
}

.background-color-darkindigo,
.background-color-darkindigo-gdfc.fcactive,
.background-color-darkindigoafter:after,
.background-color-darkindigohover:hover,
.background-color-darkindigobefore:before,
.background-color-darkindigovisited:visited,
.background-color-darkindigoactive:active,
.background-color-darkindigofocus:focus,
.background-color-darkindigofocus-within:focus-within,
.background-color-darkindigosdr .slider-selection {
    background-color: rgb(75, 0, 130);
}

.background-color-lightviolet,
.background-color-lightviolet-gdfc.fcactive,
.background-color-lightvioletafter:after,
.background-color-lightviolethover:hover,
.background-color-lightvioletbefore:before,
.background-color-lightvioletvisited:visited,
.background-color-lightvioletactive:active,
.background-color-lightvioletfocus:focus,
.background-color-lightvioletfocus-within:focus-within,
.background-color-lightvioletsdr .slider-selection {
    background-color: rgb(226, 0, 226);
}

.background-color-violet,
.background-color-violet-gdfc.fcactive,
.background-color-violetafter:after,
.background-color-violethover:hover,
.background-color-violetbefore:before,
.background-color-violetvisited:visited,
.background-color-violetactive:active,
.background-color-violetfocus:focus,
.background-color-violetfocus-within:focus-within,
.background-color-violetsdr .slider-selection {
    background-color: rgb(187, 0, 187);
}

.background-color-darkviolet,
.background-color-darkviolet-gdfc.fcactive,
.background-color-darkvioletafter:after,
.background-color-darkviolethover:hover,
.background-color-darkvioletbefore:before,
.background-color-darkvioletvisited:visited,
.background-color-darkvioletactive:active,
.background-color-darkvioletfocus:focus,
.background-color-darkvioletfocus-within:focus-within,
.background-color-darkvioletsdr .slider-selection {
    background-color: rgb(156, 0, 156);
}

.background-color-white,
.background-color-white-gdfc.fcactive,
.background-color-whiteafter:after,
.background-color-whitehover:hover,
.background-color-whitebefore:before,
.background-color-whitevisited:visited,
.background-color-whiteactive:active,
.background-color-whitefocus:focus,
.background-color-whitefocus-within:focus-within,
.background-color-whitesdr .slider-selection {
    background-color: rgb(255, 255, 255);
}

.background-color-black,
.background-color-black-gdfc.fcactive,
.background-color-blackafter:after,
.background-color-blackhover:hover,
.background-color-blackbefore:before,
.background-color-blackvisited:visited,
.background-color-blackactive:active,
.background-color-blackfocus:focus,
.background-color-blackfocus-within:focus-within,
.background-color-blacksdr .slider-selection {
    background-color: rgb(0, 0, 0);
}

.background-color-lightgrey,
.background-color-lightgrey-gdfc.fcactive,
.background-color-lightgreyafter:after,
.background-color-lightgreyhover:hover,
.background-color-lightgreybefore:before,
.background-color-lightgreyvisited:visited,
.background-color-lightgreyactive:active,
.background-color-lightgreyfocus:focus,
.background-color-lightgreyfocus-within:focus-within,
.background-color-lightgreysdr .slider-selection {
    background-color: rgb(199, 199, 199);
}

.background-color-grey,
.background-color-grey-gdfc.fcactive,
.background-color-greyafter:after,
.background-color-greyhover:hover,
.background-color-greybefore:before,
.background-color-greyvisited:visited,
.background-color-greyactive:active,
.background-color-greyfocus:focus,
.background-color-greyfocus-within:focus-within,
.background-color-greysdr .slider-selection {
    background-color: rgb(158, 158, 158);
}

.background-color-darkgrey,
.background-color-darkgrey-gdfc.fcactive,
.background-color-darkgreyafter:after,
.background-color-darkgreyhover:hover,
.background-color-darkgreybefore:before,
.background-color-darkgreyvisited:visited,
.background-color-darkgreyactive:active,
.background-color-darkgreyfocus:focus,
.background-color-darkgreyfocus-within:focus-within,
.background-color-darkgreysdr .slider-selection {
    background-color: rgb(90, 90, 90);
}

/* background half transparent helper classes */
.background-color-tr-lightblue,
.background-color-tr-lightblue-gdfc.fcactive,
.background-color-tr-lightblueafter:after,
.background-color-tr-lightbluehover:hover,
.background-color-tr-lightbluebefore:before,
.background-color-tr-lightbluevisited:visited,
.background-color-tr-lightblueactive:active,
.background-color-tr-lightbluefocus:focus,
.background-color-tr-lightbluefocus-within:focus-within,
.background-color-tr-lightbluesdr .slider-selection {
    background-color: rgba(51, 182, 255, 0.3);
}

.background-color-tr-blue,
.background-color-tr-blue-gdfc.fcactive,
.background-color-tr-blueafter:after,
.background-color-tr-bluehover:hover,
.background-color-tr-bluebefore:before,
.background-color-tr-bluevisited:visited,
.background-color-tr-blueactive:active,
.background-color-tr-bluefocus:focus,
.background-color-tr-bluefocus-within:focus-within,
.background-color-tr-bluesdr .slider-selection {
    background-color: rgba(47, 146, 201, 0.3);
}

.background-color-tr-darkblue,
.background-color-tr-darkblue-gdfc.fcactive,
.background-color-tr-darkblueafter:after,
.background-color-tr-darkbluehover:hover,
.background-color-tr-darkbluebefore:before,
.background-color-tr-darkbluevisited:visited,
.background-color-tr-darkblueactive:active,
.background-color-tr-darkbluefocus:focus,
.background-color-tr-darkbluefocus-within:focus-within,
.background-color-tr-darkbluesdr .slider-selection {
    background-color: rgba(12, 100, 148, 0.3);
}

.background-color-tr-lightgreen,
.background-color-tr-lightgreen-gdfc.fcactive,
.background-color-tr-lightgreenafter:after,
.background-color-tr-lightgreenhover:hover,
.background-color-tr-lightgreenbefore:before,
.background-color-tr-lightgreenvisited:visited,
.background-color-tr-lightgreenactive:active,
.background-color-tr-lightgreenfocus:focus,
.background-color-tr-lightgreenfocus-within:focus-within,
.background-color-tr-lightgreensdr .slider-selection {
    background-color: rgb(72, 239, 41, 0.3);
}

.background-color-tr-green,
.background-color-tr-green-gdfc.fcactive,
.background-color-tr-greenafter:after,
.background-color-tr-greenhover:hover,
.background-color-tr-greenbefore:before,
.background-color-tr-greenvisited:visited,
.background-color-tr-greenactive:active,
.background-color-tr-greenfocus:focus,
.background-color-tr-greenfocus-within:focus-within,
.background-color-tr-greensdr .slider-selection {
    background-color: rgb(17, 162, 0, 0.3);
}

.background-color-tr-darkgreen,
.background-color-tr-darkgreen-gdfc.fcactive,
.background-color-tr-darkgreenafter:after,
.background-color-tr-darkgreenhover:hover,
.background-color-tr-darkgreenbefore:before,
.background-color-tr-darkgreenvisited:visited,
.background-color-tr-darkgreenactive:active,
.background-color-tr-darkgreenfocus:focus,
.background-color-tr-darkgreenfocus-within:focus-within,
.background-color-tr-darkgreensdr .slider-selection {
    background-color: rgb(0, 128, 0, 0.3);
}

.background-color-tr-lightorange,
.background-color-tr-lightorange-gdfc.fcactive,
.background-color-tr-lightorangeafter:after,
.background-color-tr-lightorangehover:hover,
.background-color-tr-lightorangebefore:before,
.background-color-tr-lightorangevisited:visited,
.background-color-tr-lightorangeactive:active,
.background-color-tr-lightorangefocus:focus,
.background-color-tr-lightorangefocus-within:focus-within,
.background-color-tr-lightorangesdr .slider-selection {
    background-color: rgb(255, 142, 41, 0.3);
}

.background-color-tr-orange,
.background-color-tr-orange-gdfc.fcactive,
.background-color-tr-orangeafter:after,
.background-color-tr-orangehover:hover,
.background-color-tr-orangebefore:before,
.background-color-tr-orangevisited:visited,
.background-color-tr-orangeactive:active,
.background-color-tr-orangefocus:focus,
.background-color-tr-orangefocus-within:focus-within,
.background-color-tr-orangesdr .slider-selection {
    background-color: rgb(255, 120, 0, 0.3);
}

.background-color-tr-darkorange,
.background-color-tr-darkorange-gdfc.fcactive,
.background-color-tr-darkorangeafter:after,
.background-color-tr-darkorangehover:hover,
.background-color-tr-darkorangebefore:before,
.background-color-tr-darkorangevisited:visited,
.background-color-tr-darkorangeactive:active,
.background-color-tr-darkorangefocus:focus,
.background-color-tr-darkorangefocus-within:focus-within,
.background-color-tr-darkorangesdr .slider-selection {
    background-color: rgb(197, 93, 0, 0.3);
}

.background-color-tr-lightpurple,
.background-color-tr-lightpurpleafter:after,
.background-color-tr-lightpurplehover:hover,
.background-color-tr-lightpurplebefore:before,
.background-color-tr-lightpurplevisited:visited,
.background-color-tr-lightpurpleactive:active,
.background-color-tr-lightpurplefocus:focus,
.background-color-tr-lightpurplefocus-within:focus-within,
.background-color-tr-lightpurplesdr .slider-selection {
    background-color: rgb(148, 110, 151, 0.3);
}

.background-color-tr-purple,
.background-color-tr-purpleafter:after,
.background-color-tr-purplehover:hover,
.background-color-tr-purplebefore:before,
.background-color-tr-purplevisited:visited,
.background-color-tr-purpleactive:active,
.background-color-tr-purplefocus:focus,
.background-color-tr-purplefocus-within:focus-within,
.background-color-tr-purplesdr .slider-selection {
    background-color: rgb(148, 110, 151, 0.3);
}

.background-color-tr-darkpurple,
.background-color-tr-darkpurpleafter:after,
.background-color-tr-darkpurplehover:hover,
.background-color-tr-darkpurplebefore:before,
.background-color-tr-darkpurplevisited:visited,
.background-color-tr-darkpurpleactive:active,
.background-color-tr-darkpurplefocus:focus,
.background-color-tr-darkpurplefocus-within:focus-within,
.background-color-tr-darkpurplesdr .slider-selection {
    background-color: rgb(148, 110, 151, 0.3);
}

.background-color-tr-lightred,
.background-color-tr-lightred-gdfc.fcactive,
.background-color-tr-lightredafter:after,
.background-color-tr-lightredhover:hover,
.background-color-tr-lightredbefore:before,
.background-color-tr-lightredvisited:visited,
.background-color-tr-lightredactive:active,
.background-color-tr-lightredfocus:focus,
.background-color-tr-lightredfocus-within:focus-within,
.background-color-tr-lightredsdr .slider-selection {
    background-color: rgb(255, 24, 24, 0.3);
}

.background-color-tr-red,
.background-color-tr-red-gdfc.fcactive,
.background-color-tr-redafter:after,
.background-color-tr-redhover:hover,
.background-color-tr-redbefore:before,
.background-color-tr-redvisited:visited,
.background-color-tr-redactive:active,
.background-color-tr-redfocus:focus,
.background-color-tr-redfocus-within:focus-within,
.background-color-tr-redsdr .slider-selection {
    background-color: rgb(204, 2, 2, 0.3);
}

.background-color-tr-darkred,
.background-color-tr-darkred-gdfc.fcactive,
.background-color-tr-darkredafter:after,
.background-color-tr-darkredhover:hover,
.background-color-tr-darkredbefore:before,
.background-color-tr-darkredvisited:visited,
.background-color-tr-darkredactive:active,
.background-color-tr-darkredfocus:focus,
.background-color-tr-darkredfocus-within:focus-within,
.background-color-tr-darkredsdr .slider-selection {
    background-color: rgb(125, 1, 1, 0.3);
}

.background-color-tr-lightyellow,
.background-color-tr-lightyellow-gdfc.fcactive,
.background-color-tr-lightyellowafter:after,
.background-color-tr-lightyellowhover:hover,
.background-color-tr-lightyellowbefore:before,
.background-color-tr-lightyellowvisited:visited,
.background-color-tr-lightyellowactive:active,
.background-color-tr-lightyellowfocus:focus,
.background-color-tr-lightyellowfocus-within:focus-within,
.background-color-tr-lightyellowsdr .slider-selection {
    background-color: rgb(250, 197, 28, 0.3);
}

.background-color-tr-yellow,
.background-color-tr-yellow-gdfc.fcactive,
.background-color-tr-yellowafter:after,
.background-color-tr-yellowhover:hover,
.background-color-tr-yellowbefore:before,
.background-color-tr-yellowvisited:visited,
.background-color-tr-yellowactive:active,
.background-color-tr-yellowfocus:focus,
.background-color-tr-yellowfocus-within:focus-within,
.background-color-tr-yellowsdr .slider-selection {
    background-color: rgb(255, 194, 0, 0.6);
}

.background-color-tr-darkyellow,
.background-color-tr-darkyellow-gdfc.fcactive,
.background-color-tr-darkyellowafter:after,
.background-color-tr-darkyellowhover:hover,
.background-color-tr-darkyellowbefore:before,
.background-color-tr-darkyellowvisited:visited,
.background-color-tr-darkyellowactive:active,
.background-color-tr-darkyellowfocus:focus,
.background-color-tr-darkyellowfocus-within:focus-within,
.background-color-tr-darkyellowsdr .slider-selection {
    background-color: rgb(208, 158, 0, 0.3);
}

.background-color-tr-lightindigo,
.background-color-tr-lightindigo-gdfc.fcactive,
.background-color-tr-lightindigoafter:after,
.background-color-tr-lightindigohover:hover,
.background-color-tr-lightindigobefore:before,
.background-color-tr-lightindigovisited:visited,
.background-color-tr-lightindigoactive:active,
.background-color-tr-lightindigofocus:focus,
.background-color-tr-lightindigofocus-within:focus-within,
.background-color-tr-lightindigosdr .slider-selection {
    background-color: rgb(120, 0, 208, 0.3);
}

.background-color-tr-indigo,
.background-color-tr-indigo-gdfc.fcactive,
.background-color-tr-indigoafter:after,
.background-color-tr-indigohover:hover,
.background-color-tr-indigobefore:before,
.background-color-tr-indigovisited:visited,
.background-color-tr-indigoactive:active,
.background-color-tr-indigofocus:focus,
.background-color-tr-indigofocus-within:focus-within,
.background-color-tr-indigosdr .slider-selection {
    background-color: rgb(94, 0, 162, 0.3);
}

.background-color-tr-darkindigo,
.background-color-tr-darkindigo-gdfc.fcactive,
.background-color-tr-darkindigoafter:after,
.background-color-tr-darkindigohover:hover,
.background-color-tr-darkindigobefore:before,
.background-color-tr-darkindigovisited:visited,
.background-color-tr-darkindigoactive:active,
.background-color-tr-darkindigofocus:focus,
.background-color-tr-darkindigofocus-within:focus-within,
.background-color-tr-darkindigosdr .slider-selection {
    background-color: rgb(75, 0, 130, 0.3);
}

.background-color-tr-lightviolet,
.background-color-tr-lightviolet-gdfc.fcactive,
.background-color-tr-lightvioletafter:after,
.background-color-tr-lightviolethover:hover,
.background-color-tr-lightvioletbefore:before,
.background-color-tr-lightvioletvisited:visited,
.background-color-tr-lightvioletactive:active,
.background-color-tr-lightvioletfocus:focus,
.background-color-tr-lightvioletfocus-within:focus-within,
.background-color-tr-lightvioletsdr .slider-selection {
    background-color: rgb(226, 0, 226, 0.3);
}

.background-color-tr-violet,
.background-color-tr-violet-gdfc.fcactive,
.background-color-tr-violetafter:after,
.background-color-tr-violethover:hover,
.background-color-tr-violetbefore:before,
.background-color-tr-violetvisited:visited,
.background-color-tr-violetactive:active,
.background-color-tr-violetfocus:focus,
.background-color-tr-violetfocus-within:focus-within,
.background-color-tr-violetsdr .slider-selection {
    background-color: rgb(187, 0, 187, 0.3);
}

.background-color-tr-darkviolet,
.background-color-tr-darkviolet-gdfc.fcactive,
.background-color-tr-darkvioletafter:after,
.background-color-tr-darkviolethover:hover,
.background-color-tr-darkvioletbefore:before,
.background-color-tr-darkvioletvisited:visited,
.background-color-tr-darkvioletactive:active,
.background-color-tr-darkvioletfocus:focus,
.background-color-tr-darkvioletfocus-within:focus-within,
.background-color-tr-darkvioletsdr .slider-selection {
    background-color: rgb(156, 0, 156, 0.3);
}

.background-color-tr-white,
.background-color-tr-white-gdfc.fcactive,
.background-color-tr-whiteafter:after,
.background-color-tr-whitehover:hover,
.background-color-tr-whitebefore:before,
.background-color-tr-whitevisited:visited,
.background-color-tr-whiteactive:active,
.background-color-tr-whitefocus:focus,
.background-color-tr-whitefocus-within:focus-within,
.background-color-tr-whitesdr .slider-selection {
    background-color: rgb(255, 255, 255, 0.5);
}

.background-color-tr-black,
.background-color-tr-black-gdfc.fcactive,
.background-color-tr-blackafter:after,
.background-color-tr-blackhover:hover,
.background-color-tr-blackbefore:before,
.background-color-tr-blackvisited:visited,
.background-color-tr-blackactive:active,
.background-color-tr-blackfocus:focus,
.background-color-tr-blackfocus-within:focus-within,
.background-color-tr-blacksdr .slider-selection {
    background-color: rgb(0, 0, 0, 0.5);
}

.background-color-tr-lightgrey,
.background-color-tr-lightgrey-gdfc.fcactive,
.background-color-tr-lightgreyafter:after,
.background-color-tr-lightgreyhover:hover,
.background-color-tr-lightgreybefore:before,
.background-color-tr-lightgreyvisited:visited,
.background-color-tr-lightgreyactive:active,
.background-color-tr-lightgreyfocus:focus,
.background-color-tr-lightgreyfocus-within:focus-within,
.background-color-tr-lightgreysdr .slider-selection {
    background-color: rgb(199, 199, 199, 0.3);
}

.background-color-tr-grey,
.background-color-tr-grey-gdfc.fcactive,
.background-color-tr-greyafter:after,
.background-color-tr-greyhover:hover,
.background-color-tr-greybefore:before,
.background-color-tr-greyvisited:visited,
.background-color-tr-greyactive:active,
.background-color-tr-greyfocus:focus,
.background-color-tr-greyfocus-within:focus-within,
.background-color-tr-greysdr .slider-selection {
    background-color: rgb(158, 158, 158, 0.3);
}

.background-color-tr-darkgrey,
.background-color-tr-darkgrey-gdfc.fcactive,
.background-color-tr-darkgreyafter:after,
.background-color-tr-darkgreyhover:hover,
.background-color-tr-darkgreybefore:before,
.background-color-tr-darkgreyvisited:visited,
.background-color-tr-darkgreyactive:active,
.background-color-tr-darkgreyfocus:focus,
.background-color-tr-darkgreyfocus-within:focus-within,
.background-color-tr-darkgreysdr .slider-selection {
    background-color: rgb(90, 90, 90, 0.3);
}

/*shortdark-text-shadow*/
.sd-ts {
    text-shadow: 1px 1px 0px rgb(64, 0, 0);
}

h4.galimgdetailshigh {
    color: rgb(183, 89, 255);
}

.embedded-xxxs,
.embedded-xxxs-active:active,
.embedded-xxxs-hover:hover,
.embedded-xxxs-visited:visited,
.embedded-xxxs-gdfc.gdfc,
.embedded-xxxs-focus:focus
{
    box-shadow: 0px 0px 5px 0px #000 inset;
}
.embedded-xxs,
.embedded-xxs-active:active,
.embedded-xxs-hover:hover,
.embedded-xxs-visited:visited,
.embedded-xxs-gdfc.gdfc,
.embedded-xxs-focus:focus{
    box-shadow: 0px 0px 10px 0px #000 inset;
}
.embedded-xs,
.embedded-xs-active:active,
.embedded-xs-hover:hover,
.embedded-xs-visited:visited,
.embedded-xs-gdfc.gdfc,
.embedded-xs-focus:focus{
    box-shadow: 0px 0px 15px 0px #000 inset;
}

.embedded-imp-xxxs,
.embedded-imp-xxxs-active:active,
.embedded-imp-xxxs-hover:hover,
.embedded-imp-xxxs-visited:visited,
.embedded-imp-xxxs-gdfc.gdfc,
.embedded-imp-xxxs-focus:focus
{
    box-shadow: 0px 0px 5px 0px #000 inset !important;
}
.embedded-imp-xxs,
.embedded-imp-xxs-active:active,
.embedded-imp-xxs-hover:hover,
.embedded-imp-xxs-visited:visited,
.embedded-imp-xxs-gdfc.gdfc,
.embedded-imp-xxs-focus:focus{
    box-shadow: 0px 0px 10px 0px #000 inset !important;
}
.embedded-imp-xs,
.embedded-imp-xs-active:active,
.embedded-imp-xs-hover:hover,
.embedded-imp-xs-visited:visited,
.embedded-imp-xs-gdfc.gdfc,
.embedded-imp-xs-focus:focus{
    box-shadow: 0px 0px 15px 0px #000 inset !important;
}

._borderfull {
    border-width: 1px;
    border-style: solid;
}







/* launch some responsive classes into the mix */
/*---------------------Media css start---------------------------*/
/* Large desktop */
@media (min-width: 1024px) {}

@media (min-width: 1025px) {}

@media (max-width: 1200px) {
    
}

@media screen(max-width: 1025px) and (max-height: 1367px) {
    
}

@media screen(min-width: 992px) and screen(max-width: 1024px) {}

@media screen (min-width: 1024px) {}

@media screen(min-width: 768px) and screen(max-width: 1024px) {}

/* landscape on tablets */
@media screen(min-width: 992px) {}

/* Portrait tablet to landscape and desktop */
@media screen (min-width: 768px) and (max-width: 979px) {}

/* Media-css Landscape phone to portrait tablet */
@media (max-width: 769px) {


    .noborder-769 {
        border-width: 0px;
    }

    .noborder-769-imp {
        border-width: 0px !important;
    }

    

}

/* Ipad Pro */
@media (max-height: 1367px) and (max-width:1025) {
    
}

/* landscape Ipad */
@media (max-width: 1367px) and (max-height:1025) {
    
}

/* Ipad */
@media (max-width: 769px) and (max-height: 1025px) {
    
}

/* Ipad Portrait */
@media (max-height: 769px) and (max-width: 1025px) {
    
}

/* Boca tablet Portrait-1*/
@media (max-width: 551px) and (max-height: 1025px) {
    
}

/* Boca tablet Portrait-2*/
@media (max-width: 650px) and (max-height: 950px) {
    
}

/* Boca Tablet Landscape */
@media (max-height: 551px) and (max-width: 1025px) {
    
}

/* Portrait mode on smaller devices */
@media (max-width: 481px) and (max-height: 860px) {
    
}

/* landscape mode on smaller devices */
@media (max-width: 860px) and (max-height: 481px) {
}

/* small phones and down */
@media (max-width: 641px) {

}

@media (max-width: 480px) {
    

    


    .noborder-480 {
        border-width: 0px;
    }

    .noborder-480-imp {
        border-width: 0px !important;
    }

    
}

@media (max-width: 360px) {
    
}
@media (max-width: 240px) {

}
@media (max-height: 360px) {
    
}