/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel{display:none;width:100%;z-index:1}
.owl-carousel .owl-stage{position:relative;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-moz-user-select:none;user-select:none}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{touch-action:pan-y;-moz-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{animation-name:fadeOut}
@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{transition:opacity .4s ease}
.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url('owl.video.play.4a37f8008959c75f619b.png') no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}
.owl-carousel .owl-video-play-icon:hover{transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-nav{margin-top:10px}
.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}
.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}
.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}
.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/* You can add global styles to this file, and also import other style files */

/*@import "~ngx-sharebuttons/styles/share-buttons";*/

/** Import a theme */

/*@import "~ngx-sharebuttons/styles/themes/circles/circles-theme";*/

.sb-button,.sb-group{display:inline-flex;align-items:center}

.sb-group{flex-wrap:wrap}

.sb-button{margin:.3125em}

.sb-wrapper{font-size:inherit;cursor:pointer;position:relative;outline:0;min-width:4.125em;height:2.5em;border:none;border-radius:1px;padding:0;line-height:2.571em;background-color:transparent}

.sb-wrapper .sb-count,.sb-wrapper .sb-icon,.sb-wrapper .sb-template,.sb-wrapper .sb-text{display:flex;align-items:center;justify-content:center}

.sb-wrapper .sb-inner{flex:1}

.sb-wrapper .sb-content,.sb-wrapper .sb-inner{display:flex;width:100%;height:100%}

.sb-wrapper .sb-text{padding:0 .7em}

.sb-wrapper .sb-template,.sb-wrapper .sb-text{flex:1;height:100%;white-space:nowrap}

.sb-wrapper .sb-icon{text-align:center;width:100%;height:100%;font-size:1.2em;min-width:2em}

.sb-wrapper .sb-count{font-size:.9em;padding:0 .7em}

.sb-show-template .sb-icon,.sb-show-text .sb-icon{width:2em}

.sb-show-template .sb-template{padding:0 .7em}

.sb-show-template .sb-count,.sb-show-template .sb-template{white-space:nowrap;flex:1}

.sb-show-template.sb-show-icon .sb-template{padding-left:0 1em}

.sb-show-count{min-width:5.333em}

.sb-whatsapp .fa.fa-whatsapp{font-size:1.1em}

.sb-telegram .fa.fa-send{margin-left:-2px}

.sb-more .fa.fa-ellipsis-h,.sb-more .fa.fa-minus{margin-top:2px}

.sb-circles.sb-group{align-items:flex-start}

.sb-circles .sb-wrapper{color:#fff;background:transparent;min-width:unset;height:unset}

.sb-circles .sb-wrapper.sb-facebook .sb-icon,.sb-circles .sb-wrapper.sb-facebook .sb-template,.sb-circles .sb-wrapper.sb-facebook .sb-text{background-color:#4267b2;background:radial-gradient(ellipse farthest-corner at center,#4267b2 30%,#3b5c9f 100%);box-shadow:0 3px 1px -2px rgba(66,103,178,.25),0 2px 2px 0 rgba(66,103,178,.19),0 1px 5px 0 rgba(66,103,178,.17)}

.sb-circles .sb-wrapper.sb-facebook .sb-icon:hover,.sb-circles .sb-wrapper.sb-facebook .sb-template:hover,.sb-circles .sb-wrapper.sb-facebook .sb-text:hover{box-shadow:0 4px 2px -2px rgba(66,103,178,.32),0 3px 3px 0 rgba(66,103,178,.214),0 2px 6px 0 rgba(66,103,178,.212)}

.sb-circles .sb-wrapper.sb-facebook .sb-icon:active,.sb-circles .sb-wrapper.sb-facebook .sb-template:active,.sb-circles .sb-wrapper.sb-facebook .sb-text:active{box-shadow:0 5px 5px -3px rgba(66,103,178,.32),0 8px 10px 1px rgba(66,103,178,.214),0 3px 14px 2px rgba(66,103,178,.212)}

.sb-circles .sb-wrapper.sb-twitter .sb-icon,.sb-circles .sb-wrapper.sb-twitter .sb-template,.sb-circles .sb-wrapper.sb-twitter .sb-text{background-color:#00acee;background:radial-gradient(ellipse farthest-corner at center,#00acee 30%,#009ad5 100%);box-shadow:0 3px 1px -2px rgba(0,172,238,.25),0 2px 2px 0 rgba(0,172,238,.19),0 1px 5px 0 rgba(0,172,238,.17)}

.sb-circles .sb-wrapper.sb-twitter .sb-icon:hover,.sb-circles .sb-wrapper.sb-twitter .sb-template:hover,.sb-circles .sb-wrapper.sb-twitter .sb-text:hover{box-shadow:0 4px 2px -2px rgba(0,172,238,.32),0 3px 3px 0 rgba(0,172,238,.214),0 2px 6px 0 rgba(0,172,238,.212)}

.sb-circles .sb-wrapper.sb-twitter .sb-icon:active,.sb-circles .sb-wrapper.sb-twitter .sb-template:active,.sb-circles .sb-wrapper.sb-twitter .sb-text:active{box-shadow:0 5px 5px -3px rgba(0,172,238,.32),0 8px 10px 1px rgba(0,172,238,.214),0 3px 14px 2px rgba(0,172,238,.212)}

.sb-circles .sb-wrapper.sb-google .sb-icon,.sb-circles .sb-wrapper.sb-google .sb-template,.sb-circles .sb-wrapper.sb-google .sb-text{background-color:#db4437;background:radial-gradient(ellipse farthest-corner at center,#db4437 30%,#d33426 100%);box-shadow:0 3px 1px -2px rgba(219,68,55,.25),0 2px 2px 0 rgba(219,68,55,.19),0 1px 5px 0 rgba(219,68,55,.17)}

.sb-circles .sb-wrapper.sb-google .sb-icon:hover,.sb-circles .sb-wrapper.sb-google .sb-template:hover,.sb-circles .sb-wrapper.sb-google .sb-text:hover{box-shadow:0 4px 2px -2px rgba(219,68,55,.32),0 3px 3px 0 rgba(219,68,55,.214),0 2px 6px 0 rgba(219,68,55,.212)}

.sb-circles .sb-wrapper.sb-google .sb-icon:active,.sb-circles .sb-wrapper.sb-google .sb-template:active,.sb-circles .sb-wrapper.sb-google .sb-text:active{box-shadow:0 5px 5px -3px rgba(219,68,55,.32),0 8px 10px 1px rgba(219,68,55,.214),0 3px 14px 2px rgba(219,68,55,.212)}

.sb-circles .sb-wrapper.sb-stumble .sb-icon,.sb-circles .sb-wrapper.sb-stumble .sb-template,.sb-circles .sb-wrapper.sb-stumble .sb-text{background-color:#eb4924;background:radial-gradient(ellipse farthest-corner at center,#eb4924 30%,#e13b15 100%);box-shadow:0 3px 1px -2px rgba(235,73,36,.25),0 2px 2px 0 rgba(235,73,36,.19),0 1px 5px 0 rgba(235,73,36,.17)}

.sb-circles .sb-wrapper.sb-stumble .sb-icon:hover,.sb-circles .sb-wrapper.sb-stumble .sb-template:hover,.sb-circles .sb-wrapper.sb-stumble .sb-text:hover{box-shadow:0 4px 2px -2px rgba(235,73,36,.32),0 3px 3px 0 rgba(235,73,36,.214),0 2px 6px 0 rgba(235,73,36,.212)}

.sb-circles .sb-wrapper.sb-stumble .sb-icon:active,.sb-circles .sb-wrapper.sb-stumble .sb-template:active,.sb-circles .sb-wrapper.sb-stumble .sb-text:active{box-shadow:0 5px 5px -3px rgba(235,73,36,.32),0 8px 10px 1px rgba(235,73,36,.214),0 3px 14px 2px rgba(235,73,36,.212)}

.sb-circles .sb-wrapper.sb-linkedin .sb-icon,.sb-circles .sb-wrapper.sb-linkedin .sb-template,.sb-circles .sb-wrapper.sb-linkedin .sb-text{background-color:#006fa6;background:radial-gradient(ellipse farthest-corner at center,#006fa6 30%,#005e8d 100%);box-shadow:0 3px 1px -2px rgba(0,111,166,.25),0 2px 2px 0 rgba(0,111,166,.19),0 1px 5px 0 rgba(0,111,166,.17)}

.sb-circles .sb-wrapper.sb-linkedin .sb-icon:hover,.sb-circles .sb-wrapper.sb-linkedin .sb-template:hover,.sb-circles .sb-wrapper.sb-linkedin .sb-text:hover{box-shadow:0 4px 2px -2px rgba(0,111,166,.32),0 3px 3px 0 rgba(0,111,166,.214),0 2px 6px 0 rgba(0,111,166,.212)}

.sb-circles .sb-wrapper.sb-linkedin .sb-icon:active,.sb-circles .sb-wrapper.sb-linkedin .sb-template:active,.sb-circles .sb-wrapper.sb-linkedin .sb-text:active{box-shadow:0 5px 5px -3px rgba(0,111,166,.32),0 8px 10px 1px rgba(0,111,166,.214),0 3px 14px 2px rgba(0,111,166,.212)}

.sb-circles .sb-wrapper.sb-pinterest .sb-icon,.sb-circles .sb-wrapper.sb-pinterest .sb-template,.sb-circles .sb-wrapper.sb-pinterest .sb-text{background-color:#bd081c;background:radial-gradient(ellipse farthest-corner at center,#bd081c 30%,#a50718 100%);box-shadow:0 3px 1px -2px rgba(189,8,28,.25),0 2px 2px 0 rgba(189,8,28,.19),0 1px 5px 0 rgba(189,8,28,.17)}

.sb-circles .sb-wrapper.sb-pinterest .sb-icon:hover,.sb-circles .sb-wrapper.sb-pinterest .sb-template:hover,.sb-circles .sb-wrapper.sb-pinterest .sb-text:hover{box-shadow:0 4px 2px -2px rgba(189,8,28,.32),0 3px 3px 0 rgba(189,8,28,.214),0 2px 6px 0 rgba(189,8,28,.212)}

.sb-circles .sb-wrapper.sb-pinterest .sb-icon:active,.sb-circles .sb-wrapper.sb-pinterest .sb-template:active,.sb-circles .sb-wrapper.sb-pinterest .sb-text:active{box-shadow:0 5px 5px -3px rgba(189,8,28,.32),0 8px 10px 1px rgba(189,8,28,.214),0 3px 14px 2px rgba(189,8,28,.212)}

.sb-circles .sb-wrapper.sb-reddit .sb-icon,.sb-circles .sb-wrapper.sb-reddit .sb-template,.sb-circles .sb-wrapper.sb-reddit .sb-text{background-color:#ff4006;background:radial-gradient(ellipse farthest-corner at center,#ff4006 30%,#ec3700 100%);box-shadow:0 3px 1px -2px rgba(255,64,6,.25),0 2px 2px 0 rgba(255,64,6,.19),0 1px 5px 0 rgba(255,64,6,.17)}

.sb-circles .sb-wrapper.sb-reddit .sb-icon:hover,.sb-circles .sb-wrapper.sb-reddit .sb-template:hover,.sb-circles .sb-wrapper.sb-reddit .sb-text:hover{box-shadow:0 4px 2px -2px rgba(255,64,6,.32),0 3px 3px 0 rgba(255,64,6,.214),0 2px 6px 0 rgba(255,64,6,.212)}

.sb-circles .sb-wrapper.sb-reddit .sb-icon:active,.sb-circles .sb-wrapper.sb-reddit .sb-template:active,.sb-circles .sb-wrapper.sb-reddit .sb-text:active{box-shadow:0 5px 5px -3px rgba(255,64,6,.32),0 8px 10px 1px rgba(255,64,6,.214),0 3px 14px 2px rgba(255,64,6,.212)}

.sb-circles .sb-wrapper.sb-tumblr .sb-icon,.sb-circles .sb-wrapper.sb-tumblr .sb-template,.sb-circles .sb-wrapper.sb-tumblr .sb-text{background-color:#36465d;background:radial-gradient(ellipse farthest-corner at center,#36465d 30%,#2d3a4d 100%);box-shadow:0 3px 1px -2px rgba(54,70,93,.25),0 2px 2px 0 rgba(54,70,93,.19),0 1px 5px 0 rgba(54,70,93,.17)}

.sb-circles .sb-wrapper.sb-tumblr .sb-icon:hover,.sb-circles .sb-wrapper.sb-tumblr .sb-template:hover,.sb-circles .sb-wrapper.sb-tumblr .sb-text:hover{box-shadow:0 4px 2px -2px rgba(54,70,93,.32),0 3px 3px 0 rgba(54,70,93,.214),0 2px 6px 0 rgba(54,70,93,.212)}

.sb-circles .sb-wrapper.sb-tumblr .sb-icon:active,.sb-circles .sb-wrapper.sb-tumblr .sb-template:active,.sb-circles .sb-wrapper.sb-tumblr .sb-text:active{box-shadow:0 5px 5px -3px rgba(54,70,93,.32),0 8px 10px 1px rgba(54,70,93,.214),0 3px 14px 2px rgba(54,70,93,.212)}

.sb-circles .sb-wrapper.sb-whatsapp .sb-icon,.sb-circles .sb-wrapper.sb-whatsapp .sb-template,.sb-circles .sb-wrapper.sb-whatsapp .sb-text{background-color:#25d366;background:radial-gradient(ellipse farthest-corner at center,#25d366 30%,#21bd5c 100%);box-shadow:0 3px 1px -2px rgba(37,211,102,.25),0 2px 2px 0 rgba(37,211,102,.19),0 1px 5px 0 rgba(37,211,102,.17)}

.sb-circles .sb-wrapper.sb-whatsapp .sb-icon:hover,.sb-circles .sb-wrapper.sb-whatsapp .sb-template:hover,.sb-circles .sb-wrapper.sb-whatsapp .sb-text:hover{box-shadow:0 4px 2px -2px rgba(37,211,102,.32),0 3px 3px 0 rgba(37,211,102,.214),0 2px 6px 0 rgba(37,211,102,.212)}

.sb-circles .sb-wrapper.sb-whatsapp .sb-icon:active,.sb-circles .sb-wrapper.sb-whatsapp .sb-template:active,.sb-circles .sb-wrapper.sb-whatsapp .sb-text:active{box-shadow:0 5px 5px -3px rgba(37,211,102,.32),0 8px 10px 1px rgba(37,211,102,.214),0 3px 14px 2px rgba(37,211,102,.212)}

.sb-circles .sb-wrapper.sb-telegram .sb-icon,.sb-circles .sb-wrapper.sb-telegram .sb-template,.sb-circles .sb-wrapper.sb-telegram .sb-text{background-color:#08c;background:radial-gradient(ellipse farthest-corner at center,#08c 30%,#0077b3 100%);box-shadow:0 3px 1px -2px rgba(0,136,204,.25),0 2px 2px 0 rgba(0,136,204,.19),0 1px 5px 0 rgba(0,136,204,.17)}

.sb-circles .sb-wrapper.sb-telegram .sb-icon:hover,.sb-circles .sb-wrapper.sb-telegram .sb-template:hover,.sb-circles .sb-wrapper.sb-telegram .sb-text:hover{box-shadow:0 4px 2px -2px rgba(0,136,204,.32),0 3px 3px 0 rgba(0,136,204,.214),0 2px 6px 0 rgba(0,136,204,.212)}

.sb-circles .sb-wrapper.sb-telegram .sb-icon:active,.sb-circles .sb-wrapper.sb-telegram .sb-template:active,.sb-circles .sb-wrapper.sb-telegram .sb-text:active{box-shadow:0 5px 5px -3px rgba(0,136,204,.32),0 8px 10px 1px rgba(0,136,204,.214),0 3px 14px 2px rgba(0,136,204,.212)}

.sb-circles .sb-wrapper.sb-email .sb-icon,.sb-circles .sb-wrapper.sb-email .sb-template,.sb-circles .sb-wrapper.sb-email .sb-text{background-color:#ff961c;background:radial-gradient(ellipse farthest-corner at center,#ff961c 30%,#ff8a03 100%);box-shadow:0 3px 1px -2px rgba(255,150,28,.25),0 2px 2px 0 rgba(255,150,28,.19),0 1px 5px 0 rgba(255,150,28,.17)}

.sb-circles .sb-wrapper.sb-email .sb-icon:hover,.sb-circles .sb-wrapper.sb-email .sb-template:hover,.sb-circles .sb-wrapper.sb-email .sb-text:hover{box-shadow:0 4px 2px -2px rgba(255,150,28,.32),0 3px 3px 0 rgba(255,150,28,.214),0 2px 6px 0 rgba(255,150,28,.212)}

.sb-circles .sb-wrapper.sb-email .sb-icon:active,.sb-circles .sb-wrapper.sb-email .sb-template:active,.sb-circles .sb-wrapper.sb-email .sb-text:active{box-shadow:0 5px 5px -3px rgba(255,150,28,.32),0 8px 10px 1px rgba(255,150,28,.214),0 3px 14px 2px rgba(255,150,28,.212)}

.sb-circles .sb-wrapper.sb-vk .sb-icon,.sb-circles .sb-wrapper.sb-vk .sb-template,.sb-circles .sb-wrapper.sb-vk .sb-text{background-color:#4c75a3;background:radial-gradient(ellipse farthest-corner at center,#4c75a3 30%,#446992 100%);box-shadow:0 3px 1px -2px rgba(76,117,163,.25),0 2px 2px 0 rgba(76,117,163,.19),0 1px 5px 0 rgba(76,117,163,.17)}

.sb-circles .sb-wrapper.sb-vk .sb-icon:hover,.sb-circles .sb-wrapper.sb-vk .sb-template:hover,.sb-circles .sb-wrapper.sb-vk .sb-text:hover{box-shadow:0 4px 2px -2px rgba(76,117,163,.32),0 3px 3px 0 rgba(76,117,163,.214),0 2px 6px 0 rgba(76,117,163,.212)}

.sb-circles .sb-wrapper.sb-vk .sb-icon:active,.sb-circles .sb-wrapper.sb-vk .sb-template:active,.sb-circles .sb-wrapper.sb-vk .sb-text:active{box-shadow:0 5px 5px -3px rgba(76,117,163,.32),0 8px 10px 1px rgba(76,117,163,.214),0 3px 14px 2px rgba(76,117,163,.212)}

.sb-circles .sb-wrapper.sb-more .sb-icon,.sb-circles .sb-wrapper.sb-more .sb-template,.sb-circles .sb-wrapper.sb-more .sb-text{background-color:#614696;background:radial-gradient(ellipse farthest-corner at center,#614696 30%,#563e85 100%);box-shadow:0 3px 1px -2px rgba(97,70,150,.25),0 2px 2px 0 rgba(97,70,150,.19),0 1px 5px 0 rgba(97,70,150,.17)}

.sb-circles .sb-wrapper.sb-more .sb-icon:hover,.sb-circles .sb-wrapper.sb-more .sb-template:hover,.sb-circles .sb-wrapper.sb-more .sb-text:hover{box-shadow:0 4px 2px -2px rgba(97,70,150,.32),0 3px 3px 0 rgba(97,70,150,.214),0 2px 6px 0 rgba(97,70,150,.212)}

.sb-circles .sb-wrapper.sb-more .sb-icon:active,.sb-circles .sb-wrapper.sb-more .sb-template:active,.sb-circles .sb-wrapper.sb-more .sb-text:active{box-shadow:0 5px 5px -3px rgba(97,70,150,.32),0 8px 10px 1px rgba(97,70,150,.214),0 3px 14px 2px rgba(97,70,150,.212)}

.sb-circles .sb-wrapper.sb-copy .sb-icon,.sb-circles .sb-wrapper.sb-copy .sb-template,.sb-circles .sb-wrapper.sb-copy .sb-text{background-color:#607d8b;background:radial-gradient(ellipse farthest-corner at center,#607d8b 30%,#566f7c 100%);box-shadow:0 3px 1px -2px rgba(96,125,139,.25),0 2px 2px 0 rgba(96,125,139,.19),0 1px 5px 0 rgba(96,125,139,.17)}

.sb-circles .sb-wrapper.sb-copy .sb-icon:hover,.sb-circles .sb-wrapper.sb-copy .sb-template:hover,.sb-circles .sb-wrapper.sb-copy .sb-text:hover{box-shadow:0 4px 2px -2px rgba(96,125,139,.32),0 3px 3px 0 rgba(96,125,139,.214),0 2px 6px 0 rgba(96,125,139,.212)}

.sb-circles .sb-wrapper.sb-copy .sb-icon:active,.sb-circles .sb-wrapper.sb-copy .sb-template:active,.sb-circles .sb-wrapper.sb-copy .sb-text:active{box-shadow:0 5px 5px -3px rgba(96,125,139,.32),0 8px 10px 1px rgba(96,125,139,.214),0 3px 14px 2px rgba(96,125,139,.212)}

.sb-circles .sb-wrapper.sb-print .sb-icon,.sb-circles .sb-wrapper.sb-print .sb-template,.sb-circles .sb-wrapper.sb-print .sb-text{background-color:#32a1a3;background:radial-gradient(ellipse farthest-corner at center,#32a1a3 30%,#2c8e8f 100%);box-shadow:0 3px 1px -2px rgba(50,161,163,.25),0 2px 2px 0 rgba(50,161,163,.19),0 1px 5px 0 rgba(50,161,163,.17)}

.sb-circles .sb-wrapper.sb-print .sb-icon:hover,.sb-circles .sb-wrapper.sb-print .sb-template:hover,.sb-circles .sb-wrapper.sb-print .sb-text:hover{box-shadow:0 4px 2px -2px rgba(50,161,163,.32),0 3px 3px 0 rgba(50,161,163,.214),0 2px 6px 0 rgba(50,161,163,.212)}

.sb-circles .sb-wrapper.sb-print .sb-icon:active,.sb-circles .sb-wrapper.sb-print .sb-template:active,.sb-circles .sb-wrapper.sb-print .sb-text:active{box-shadow:0 5px 5px -3px rgba(50,161,163,.32),0 8px 10px 1px rgba(50,161,163,.214),0 3px 14px 2px rgba(50,161,163,.212)}

.sb-circles .sb-wrapper .sb-icon{font-size:1.4em;width:2.5em;height:2.5em;border-radius:50%;text-shadow:0 1px 1px rgba(0,0,0,.3)}

.sb-circles .sb-wrapper .sb-template,.sb-circles .sb-wrapper .sb-text{font-size:.8em;margin-top:5px;border-radius:1em;width:100%;height:1.8em;line-height:1.8em;text-shadow:0 1px 1px rgba(0,0,0,.3)}

.sb-circles .sb-wrapper .sb-template{display:none}

.sb-circles .sb-wrapper .sb-icon,.sb-circles .sb-wrapper .sb-template,.sb-circles .sb-wrapper .sb-text{transition:background .4s cubic-bezier(.25,.8,.25,1),box-shadow .28s cubic-bezier(.4,0,.2,1)}

.sb-circles .sb-wrapper.sb-show-text{width:4.8em}

.sb-circles .sb-wrapper .sb-content,.sb-circles .sb-wrapper .sb-inner{align-items:center;flex-direction:column}

.sb-circles .sb-wrapper.sb-show-count{margin-bottom:3em}

.sb-circles .sb-wrapper .sb-count{top:100%;width:100%;height:1.8em;color:#727272;position:absolute;background:#fff;border-radius:.4em;margin-top:1em;box-shadow:0 0 1px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center}

.sb-circles .sb-wrapper .sb-count:before{content:"";position:absolute;top:-5px;left:calc(50% - 5px);height:10px;width:10px;display:block;background-color:#fff;transform:rotate(-45deg);box-shadow:1px -1px 1px -1px rgba(0,0,0,.3);margin:auto}

.sb-circles .sb-wrapper .sb-count span{z-index:1}

.mat-badge-content{font-weight:600;font-size:12px;font-family:Roboto,"Helvetica Neue",sans-serif}

.mat-badge-small .mat-badge-content{font-size:6px}

.mat-badge-large .mat-badge-content{font-size:24px}

.mat-h1,.mat-headline,.mat-typography h1{font:400 24px/32px Roboto,"Helvetica Neue",sans-serif;margin:0 0 16px}

.mat-h2,.mat-title,.mat-typography h2{font:500 20px/32px Roboto,"Helvetica Neue",sans-serif;margin:0 0 16px}

.mat-h3,.mat-subheading-2,.mat-typography h3{font:400 16px/28px Roboto,"Helvetica Neue",sans-serif;margin:0 0 16px}

.mat-h4,.mat-subheading-1,.mat-typography h4{font:400 15px/24px Roboto,"Helvetica Neue",sans-serif;margin:0 0 16px}

.mat-h5,.mat-typography h5{font:400 11.62px/20px Roboto,"Helvetica Neue",sans-serif;margin:0 0 12px}

.mat-h6,.mat-typography h6{font:400 9.38px/20px Roboto,"Helvetica Neue",sans-serif;margin:0 0 12px}

.mat-body-2,.mat-body-strong{font:500 14px/24px Roboto,"Helvetica Neue",sans-serif}

.mat-body,.mat-body-1,.mat-typography{font:400 14px/20px Roboto,"Helvetica Neue",sans-serif}

.mat-body p,.mat-body-1 p,.mat-typography p{margin:0 0 12px}

.mat-caption,.mat-small{font:400 12px/20px Roboto,"Helvetica Neue",sans-serif}

.mat-display-4,.mat-typography .mat-display-4{font:300 112px/112px Roboto,"Helvetica Neue",sans-serif;margin:0 0 56px;letter-spacing:-.05em}

.mat-display-3,.mat-typography .mat-display-3{font:400 56px/56px Roboto,"Helvetica Neue",sans-serif;margin:0 0 64px;letter-spacing:-.02em}

.mat-display-2,.mat-typography .mat-display-2{font:400 45px/48px Roboto,"Helvetica Neue",sans-serif;margin:0 0 64px;letter-spacing:-.005em}

.mat-display-1,.mat-typography .mat-display-1{font:400 34px/40px Roboto,"Helvetica Neue",sans-serif;margin:0 0 64px}

.mat-bottom-sheet-container{font:400 14px/20px Roboto,"Helvetica Neue",sans-serif}

.mat-button,.mat-fab,.mat-flat-button,.mat-icon-button,.mat-mini-fab,.mat-raised-button,.mat-stroked-button{font-family:Roboto,"Helvetica Neue",sans-serif;font-size:14px;font-weight:500}

.mat-button-toggle{font-family:Roboto,"Helvetica Neue",sans-serif}

.mat-card{font-family:Roboto,"Helvetica Neue",sans-serif}

.mat-card-title{font-size:24px;font-weight:500}

.mat-card-header .mat-card-title{font-size:20px}

.mat-card-content,.mat-card-subtitle{font-size:14px}

.mat-checkbox{font-family:Roboto,"Helvetica Neue",sans-serif}

.mat-checkbox-layout .mat-checkbox-label{line-height:24px}

.mat-chip{font-size:14px;font-weight:500}

.mat-chip .mat-chip-remove.mat-icon,.mat-chip .mat-chip-trailing-icon.mat-icon{font-size:18px}

.mat-table{font-family:Roboto,"Helvetica Neue",sans-serif}

.mat-header-cell{font-size:12px;font-weight:500}

.mat-cell,.mat-footer-cell{font-size:14px}

.mat-calendar{font-family:Roboto,"Helvetica Neue",sans-serif}

.mat-calendar-body{font-size:13px}

.mat-calendar-body-label,.mat-calendar-period-button{font-size:14px;font-weight:500}

.mat-calendar-table-header th{font-size:11px;font-weight:400}

.mat-dialog-title{font:500 20px/32px Roboto,"Helvetica Neue",sans-serif}

.mat-expansion-panel-header{font-family:Roboto,"Helvetica Neue",sans-serif;font-size:15px;font-weight:400}

.mat-expansion-panel-content{font:400 14px/20px Roboto,"Helvetica Neue",sans-serif}

.mat-form-field{font-size:inherit;font-weight:400;line-height:1.125;font-family:Roboto,"Helvetica Neue",sans-serif}

.mat-form-field-wrapper{padding-bottom:1.34375em}

.mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon{font-size:150%;line-height:1.125}

.mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}

.mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon{height:1.125em;line-height:1.125}

.mat-form-field-infix{padding:.5em 0;border-top:.84375em solid transparent}

.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{transform:translateY(-1.34375em) scale(.75);width:133.33333%}

.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34374em) scale(.75);width:133.33334%}

.mat-form-field-label-wrapper{top:-.84375em;padding-top:.84375em}

.mat-form-field-label{top:1.34375em}

.mat-form-field-underline{bottom:1.34375em}

.mat-form-field-subscript-wrapper{font-size:75%;margin-top:.66667em;top:calc(100% - 1.79167em)}

.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:1.25em}

.mat-form-field-appearance-legacy .mat-form-field-infix{padding:.4375em 0}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);-ms-transform:translateY(-1.28125em) scale(.75);width:133.33333%}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);-ms-transform:translateY(-1.28124em) scale(.75);width:133.33334%}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);-ms-transform:translateY(-1.28123em) scale(.75);width:133.33335%}

.mat-form-field-appearance-legacy .mat-form-field-label{top:1.28125em}

.mat-form-field-appearance-legacy .mat-form-field-underline{bottom:1.25em}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper{margin-top:.54167em;top:calc(100% - 1.66667em)}

@media print{.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{transform:translateY(-1.28122em) scale(.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28121em) scale(.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.2812em) scale(.75)}}

.mat-form-field-appearance-fill .mat-form-field-infix{padding:.25em 0 .75em 0}

.mat-form-field-appearance-fill .mat-form-field-label{top:1.09375em;margin-top:-.5em}

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{transform:translateY(-.59375em) scale(.75);width:133.33333%}

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-.59374em) scale(.75);width:133.33334%}

.mat-form-field-appearance-outline .mat-form-field-infix{padding:1em 0 1em 0}

.mat-form-field-appearance-outline .mat-form-field-label{top:1.84375em;margin-top:-.25em}

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{transform:translateY(-1.59375em) scale(.75);width:133.33333%}

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59374em) scale(.75);width:133.33334%}

.mat-grid-tile-footer,.mat-grid-tile-header{font-size:14px}

.mat-grid-tile-footer .mat-line,.mat-grid-tile-header .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}

.mat-grid-tile-footer .mat-line:nth-child(n+2),.mat-grid-tile-header .mat-line:nth-child(n+2){font-size:12px}

input.mat-input-element{margin-top:-.0625em}

.mat-menu-item{font-family:Roboto,"Helvetica Neue",sans-serif;font-size:14px;font-weight:400}

.mat-paginator,.mat-paginator-page-size .mat-select-trigger{font-family:Roboto,"Helvetica Neue",sans-serif;font-size:12px}

.mat-radio-button{font-family:Roboto,"Helvetica Neue",sans-serif}

.mat-select{font-family:Roboto,"Helvetica Neue",sans-serif}

.mat-select-trigger{height:1.125em}

.mat-slide-toggle-content{font-family:Roboto,"Helvetica Neue",sans-serif}

.mat-slider-thumb-label-text{font-family:Roboto,"Helvetica Neue",sans-serif;font-size:12px;font-weight:500}

.mat-stepper-horizontal,.mat-stepper-vertical{font-family:Roboto,"Helvetica Neue",sans-serif}

.mat-step-label{font-size:14px;font-weight:400}

.mat-step-sub-label-error{font-weight:400}

.mat-step-label-error{font-size:14px}

.mat-step-label-selected{font-size:14px;font-weight:500}

.mat-tab-group{font-family:Roboto,"Helvetica Neue",sans-serif}

.mat-tab-label,.mat-tab-link{font-family:Roboto,"Helvetica Neue",sans-serif;font-size:14px;font-weight:500}

.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font:500 20px/32px Roboto,"Helvetica Neue",sans-serif;margin:0}

.mat-tooltip{font-family:Roboto,"Helvetica Neue",sans-serif;font-size:10px;padding-top:6px;padding-bottom:6px}

.mat-tooltip-handset{font-size:14px;padding-top:8px;padding-bottom:8px}

.mat-list-item{font-family:Roboto,"Helvetica Neue",sans-serif}

.mat-list-option{font-family:Roboto,"Helvetica Neue",sans-serif}

.mat-list-base .mat-list-item{font-size:16px}

.mat-list-base .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}

.mat-list-base .mat-list-item .mat-line:nth-child(n+2){font-size:14px}

.mat-list-base .mat-list-option{font-size:16px}

.mat-list-base .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}

.mat-list-base .mat-list-option .mat-line:nth-child(n+2){font-size:14px}

.mat-list-base .mat-subheader{font-family:Roboto,"Helvetica Neue",sans-serif;font-size:14px;font-weight:500}

.mat-list-base[dense] .mat-list-item{font-size:12px}

.mat-list-base[dense] .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}

.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2){font-size:12px}

.mat-list-base[dense] .mat-list-option{font-size:12px}

.mat-list-base[dense] .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}

.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2){font-size:12px}

.mat-list-base[dense] .mat-subheader{font-family:Roboto,"Helvetica Neue",sans-serif;font-size:12px;font-weight:500}

.mat-option{font-family:Roboto,"Helvetica Neue",sans-serif;font-size:16px}

.mat-optgroup-label{font:500 14px/24px Roboto,"Helvetica Neue",sans-serif}

.mat-simple-snackbar{font-family:Roboto,"Helvetica Neue",sans-serif;font-size:14px}

.mat-simple-snackbar-action{line-height:1;font-family:inherit;font-size:inherit;font-weight:500}

.mat-tree{font-family:Roboto,"Helvetica Neue",sans-serif}

.mat-nested-tree-node,.mat-tree-node{font-weight:400;font-size:14px}

.mat-ripple{overflow:hidden;position:relative}

.mat-ripple.mat-ripple-unbounded{overflow:visible}

.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0s cubic-bezier(0,0,.2,1);transform:scale(0)}

@media (-ms-high-contrast:active){.mat-ripple-element{display:none}}

.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;outline:0;-webkit-appearance:none;-moz-appearance:none}

.cdk-global-overlay-wrapper,.cdk-overlay-container{pointer-events:none;top:0;left:0;height:100%;width:100%}

.cdk-overlay-container{position:fixed;z-index:1000}

.cdk-overlay-container:empty{display:none}

.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}

.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}

.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}

@media screen and (-ms-high-contrast:active){.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}}

.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}

.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}

.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}

.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}

@keyframes cdk-text-field-autofill-start{/*!*/}

@keyframes cdk-text-field-autofill-end{/*!*/}

.cdk-text-field-autofill-monitored:-webkit-autofill{animation-name:cdk-text-field-autofill-start}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation-name:cdk-text-field-autofill-end}

textarea.cdk-textarea-autosize{resize:none}

textarea.cdk-textarea-autosize-measuring{height:auto!important;overflow:hidden!important;padding:2px 0!important;box-sizing:content-box!important}

.mat-ripple-element{background-color:rgba(0,0,0,.1)}

.mat-option{color:rgba(0,0,0,.87)}

.mat-option:focus:not(.mat-option-disabled),.mat-option:hover:not(.mat-option-disabled){background:rgba(0,0,0,.04)}

.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled){background:rgba(0,0,0,.04)}

.mat-option.mat-active{background:rgba(0,0,0,.04);color:rgba(0,0,0,.87)}

.mat-option.mat-option-disabled{color:rgba(0,0,0,.38)}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled){color:#3f51b5}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled){color:#ff4081}

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled){color:#f44336}

.mat-optgroup-label{color:rgba(0,0,0,.54)}

.mat-optgroup-disabled .mat-optgroup-label{color:rgba(0,0,0,.38)}

.mat-pseudo-checkbox{color:rgba(0,0,0,.54)}

.mat-pseudo-checkbox::after{color:#fafafa}

.mat-pseudo-checkbox-disabled{color:#b0b0b0}

.mat-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate,.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate{background:#ff4081}

.mat-primary .mat-pseudo-checkbox-checked,.mat-primary .mat-pseudo-checkbox-indeterminate{background:#3f51b5}

.mat-warn .mat-pseudo-checkbox-checked,.mat-warn .mat-pseudo-checkbox-indeterminate{background:#f44336}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled{background:#b0b0b0}

.mat-elevation-z0{box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}

.mat-elevation-z1{box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}

.mat-elevation-z2{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}

.mat-elevation-z3{box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)}

.mat-elevation-z4{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}

.mat-elevation-z5{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)}

.mat-elevation-z6{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}

.mat-elevation-z7{box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)}

.mat-elevation-z8{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}

.mat-elevation-z9{box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)}

.mat-elevation-z10{box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)}

.mat-elevation-z11{box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)}

.mat-elevation-z12{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}

.mat-elevation-z13{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)}

.mat-elevation-z14{box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)}

.mat-elevation-z15{box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)}

.mat-elevation-z16{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)}

.mat-elevation-z17{box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)}

.mat-elevation-z18{box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)}

.mat-elevation-z19{box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)}

.mat-elevation-z20{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)}

.mat-elevation-z21{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)}

.mat-elevation-z22{box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)}

.mat-elevation-z23{box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)}

.mat-elevation-z24{box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)}

.mat-app-background{background-color:#fafafa;color:rgba(0,0,0,.87)}

.mat-theme-loaded-marker{display:none}

.mat-autocomplete-panel{background:#fff;color:rgba(0,0,0,.87)}

.mat-autocomplete-panel:not([class*=mat-elevation-z]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover){background:#fff}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled){color:rgba(0,0,0,.87)}

.mat-badge-content{color:#fff;background:#3f51b5}

@media (-ms-high-contrast:active){.mat-badge-content{outline:solid 1px;border-radius:0}}

.mat-badge-accent .mat-badge-content{background:#ff4081;color:#fff}

.mat-badge-warn .mat-badge-content{color:#fff;background:#f44336}

.mat-badge{position:relative}

.mat-badge-hidden .mat-badge-content{display:none}

.mat-badge-disabled .mat-badge-content{background:#b9b9b9;color:rgba(0,0,0,.38)}

.mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;transition:transform .2s ease-in-out;transform:scale(.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}

.mat-badge-content.mat-badge-active{transform:none}

.mat-badge-small .mat-badge-content{width:16px;height:16px;line-height:16px}

.mat-badge-small.mat-badge-above .mat-badge-content{top:-8px}

.mat-badge-small.mat-badge-below .mat-badge-content{bottom:-8px}

.mat-badge-small.mat-badge-before .mat-badge-content{left:-16px}

[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content{left:auto;right:-16px}

.mat-badge-small.mat-badge-after .mat-badge-content{right:-16px}

[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content{right:auto;left:-16px}

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-8px}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-8px}

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-8px}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-8px}

.mat-badge-medium .mat-badge-content{width:22px;height:22px;line-height:22px}

.mat-badge-medium.mat-badge-above .mat-badge-content{top:-11px}

.mat-badge-medium.mat-badge-below .mat-badge-content{bottom:-11px}

.mat-badge-medium.mat-badge-before .mat-badge-content{left:-22px}

[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content{left:auto;right:-22px}

.mat-badge-medium.mat-badge-after .mat-badge-content{right:-22px}

[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content{right:auto;left:-22px}

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-11px}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-11px}

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-11px}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-11px}

.mat-badge-large .mat-badge-content{width:28px;height:28px;line-height:28px}

.mat-badge-large.mat-badge-above .mat-badge-content{top:-14px}

.mat-badge-large.mat-badge-below .mat-badge-content{bottom:-14px}

.mat-badge-large.mat-badge-before .mat-badge-content{left:-28px}

[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content{left:auto;right:-28px}

.mat-badge-large.mat-badge-after .mat-badge-content{right:-28px}

[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content{right:auto;left:-28px}

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-14px}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-14px}

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-14px}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-14px}

.mat-bottom-sheet-container{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);background:#fff;color:rgba(0,0,0,.87)}

.mat-button,.mat-icon-button,.mat-stroked-button{color:inherit;background:0 0}

.mat-button.mat-primary,.mat-icon-button.mat-primary,.mat-stroked-button.mat-primary{color:#3f51b5}

.mat-button.mat-accent,.mat-icon-button.mat-accent,.mat-stroked-button.mat-accent{color:#ff4081}

.mat-button.mat-warn,.mat-icon-button.mat-warn,.mat-stroked-button.mat-warn{color:#f44336}

.mat-button.mat-accent[disabled],.mat-button.mat-primary[disabled],.mat-button.mat-warn[disabled],.mat-button[disabled][disabled],.mat-icon-button.mat-accent[disabled],.mat-icon-button.mat-primary[disabled],.mat-icon-button.mat-warn[disabled],.mat-icon-button[disabled][disabled],.mat-stroked-button.mat-accent[disabled],.mat-stroked-button.mat-primary[disabled],.mat-stroked-button.mat-warn[disabled],.mat-stroked-button[disabled][disabled]{color:rgba(0,0,0,.26)}

.mat-button.mat-primary .mat-button-focus-overlay,.mat-icon-button.mat-primary .mat-button-focus-overlay,.mat-stroked-button.mat-primary .mat-button-focus-overlay{background-color:#3f51b5}

.mat-button.mat-accent .mat-button-focus-overlay,.mat-icon-button.mat-accent .mat-button-focus-overlay,.mat-stroked-button.mat-accent .mat-button-focus-overlay{background-color:#ff4081}

.mat-button.mat-warn .mat-button-focus-overlay,.mat-icon-button.mat-warn .mat-button-focus-overlay,.mat-stroked-button.mat-warn .mat-button-focus-overlay{background-color:#f44336}

.mat-button[disabled] .mat-button-focus-overlay,.mat-icon-button[disabled] .mat-button-focus-overlay,.mat-stroked-button[disabled] .mat-button-focus-overlay{background-color:transparent}

.mat-button .mat-ripple-element,.mat-icon-button .mat-ripple-element,.mat-stroked-button .mat-ripple-element{opacity:.1;background-color:currentColor}

.mat-button-focus-overlay{background:#000}

.mat-stroked-button:not([disabled]){border-color:rgba(0,0,0,.12)}

.mat-fab,.mat-flat-button,.mat-mini-fab,.mat-raised-button{color:rgba(0,0,0,.87);background-color:#fff}

.mat-fab.mat-primary,.mat-flat-button.mat-primary,.mat-mini-fab.mat-primary,.mat-raised-button.mat-primary{color:#fff}

.mat-fab.mat-accent,.mat-flat-button.mat-accent,.mat-mini-fab.mat-accent,.mat-raised-button.mat-accent{color:#fff}

.mat-fab.mat-warn,.mat-flat-button.mat-warn,.mat-mini-fab.mat-warn,.mat-raised-button.mat-warn{color:#fff}

.mat-fab.mat-accent[disabled],.mat-fab.mat-primary[disabled],.mat-fab.mat-warn[disabled],.mat-fab[disabled][disabled],.mat-flat-button.mat-accent[disabled],.mat-flat-button.mat-primary[disabled],.mat-flat-button.mat-warn[disabled],.mat-flat-button[disabled][disabled],.mat-mini-fab.mat-accent[disabled],.mat-mini-fab.mat-primary[disabled],.mat-mini-fab.mat-warn[disabled],.mat-mini-fab[disabled][disabled],.mat-raised-button.mat-accent[disabled],.mat-raised-button.mat-primary[disabled],.mat-raised-button.mat-warn[disabled],.mat-raised-button[disabled][disabled]{color:rgba(0,0,0,.26)}

.mat-fab.mat-primary,.mat-flat-button.mat-primary,.mat-mini-fab.mat-primary,.mat-raised-button.mat-primary{background-color:#3f51b5}

.mat-fab.mat-accent,.mat-flat-button.mat-accent,.mat-mini-fab.mat-accent,.mat-raised-button.mat-accent{background-color:#ff4081}

.mat-fab.mat-warn,.mat-flat-button.mat-warn,.mat-mini-fab.mat-warn,.mat-raised-button.mat-warn{background-color:#f44336}

.mat-fab.mat-accent[disabled],.mat-fab.mat-primary[disabled],.mat-fab.mat-warn[disabled],.mat-fab[disabled][disabled],.mat-flat-button.mat-accent[disabled],.mat-flat-button.mat-primary[disabled],.mat-flat-button.mat-warn[disabled],.mat-flat-button[disabled][disabled],.mat-mini-fab.mat-accent[disabled],.mat-mini-fab.mat-primary[disabled],.mat-mini-fab.mat-warn[disabled],.mat-mini-fab[disabled][disabled],.mat-raised-button.mat-accent[disabled],.mat-raised-button.mat-primary[disabled],.mat-raised-button.mat-warn[disabled],.mat-raised-button[disabled][disabled]{background-color:rgba(0,0,0,.12)}

.mat-fab.mat-primary .mat-ripple-element,.mat-flat-button.mat-primary .mat-ripple-element,.mat-mini-fab.mat-primary .mat-ripple-element,.mat-raised-button.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}

.mat-fab.mat-accent .mat-ripple-element,.mat-flat-button.mat-accent .mat-ripple-element,.mat-mini-fab.mat-accent .mat-ripple-element,.mat-raised-button.mat-accent .mat-ripple-element{background-color:rgba(255,255,255,.1)}

.mat-fab.mat-warn .mat-ripple-element,.mat-flat-button.mat-warn .mat-ripple-element,.mat-mini-fab.mat-warn .mat-ripple-element,.mat-raised-button.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}

.mat-flat-button:not([class*=mat-elevation-z]),.mat-stroked-button:not([class*=mat-elevation-z]){box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}

.mat-raised-button:not([class*=mat-elevation-z]){box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}

.mat-raised-button:not([disabled]):active:not([class*=mat-elevation-z]){box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}

.mat-raised-button[disabled]:not([class*=mat-elevation-z]){box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}

.mat-fab:not([class*=mat-elevation-z]),.mat-mini-fab:not([class*=mat-elevation-z]){box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}

.mat-fab:not([disabled]):active:not([class*=mat-elevation-z]),.mat-mini-fab:not([disabled]):active:not([class*=mat-elevation-z]){box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}

.mat-fab[disabled]:not([class*=mat-elevation-z]),.mat-mini-fab[disabled]:not([class*=mat-elevation-z]){box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}

.mat-button-toggle-group,.mat-button-toggle-standalone{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}

.mat-button-toggle-group-appearance-standard,.mat-button-toggle-standalone.mat-button-toggle-appearance-standard{box-shadow:none}

.mat-button-toggle{color:rgba(0,0,0,.38)}

.mat-button-toggle .mat-button-toggle-focus-overlay{background-color:rgba(0,0,0,.12)}

.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87);background:#fff}

.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay{background-color:#000}

.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:solid 1px rgba(0,0,0,.12)}

[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:none;border-top:solid 1px rgba(0,0,0,.12)}

.mat-button-toggle-checked{background-color:#e0e0e0;color:rgba(0,0,0,.54)}

.mat-button-toggle-checked.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87)}

.mat-button-toggle-disabled{color:rgba(0,0,0,.26);background-color:#eee}

.mat-button-toggle-disabled.mat-button-toggle-appearance-standard{background:#fff}

.mat-button-toggle-disabled.mat-button-toggle-checked{background-color:#bdbdbd}

.mat-button-toggle-group-appearance-standard,.mat-button-toggle-standalone.mat-button-toggle-appearance-standard{border:solid 1px rgba(0,0,0,.12)}

.mat-card{background:#fff;color:rgba(0,0,0,.87)}

.mat-card:not([class*=mat-elevation-z]){box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}

.mat-card.mat-card-flat:not([class*=mat-elevation-z]){box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}

.mat-card-subtitle{color:rgba(0,0,0,.54)}

.mat-checkbox-frame{border-color:rgba(0,0,0,.54)}

.mat-checkbox-checkmark{fill:#fafafa}

.mat-checkbox-checkmark-path{stroke:#fafafa!important}

@media (-ms-high-contrast:black-on-white){.mat-checkbox-checkmark-path{stroke:#000!important}}

.mat-checkbox-mixedmark{background-color:#fafafa}

.mat-checkbox-checked.mat-primary .mat-checkbox-background,.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background{background-color:#3f51b5}

.mat-checkbox-checked.mat-accent .mat-checkbox-background,.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{background-color:#ff4081}

.mat-checkbox-checked.mat-warn .mat-checkbox-background,.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background{background-color:#f44336}

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background{background-color:#b0b0b0}

.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame{border-color:#b0b0b0}

.mat-checkbox-disabled .mat-checkbox-label{color:rgba(0,0,0,.54)}

@media (-ms-high-contrast:active){.mat-checkbox-disabled{opacity:.5}}

@media (-ms-high-contrast:active){.mat-checkbox-background{background:0 0}}

.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element{background-color:#3f51b5}

.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element{background-color:#ff4081}

.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element{background-color:#f44336}

.mat-chip.mat-standard-chip{background-color:#e0e0e0;color:rgba(0,0,0,.87)}

.mat-chip.mat-standard-chip .mat-chip-remove{color:rgba(0,0,0,.87);opacity:.4}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active{box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover{opacity:.54}

.mat-chip.mat-standard-chip.mat-chip-disabled{opacity:.4}

.mat-chip.mat-standard-chip::after{background:#000}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{background-color:#3f51b5;color:#fff}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove{color:#fff;opacity:.4}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element{background:rgba(255,255,255,.1)}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn{background-color:#f44336;color:#fff}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove{color:#fff;opacity:.4}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element{background:rgba(255,255,255,.1)}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent{background-color:#ff4081;color:#fff}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove{color:#fff;opacity:.4}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element{background:rgba(255,255,255,.1)}

.mat-table{background:#fff}

.mat-table tbody,.mat-table tfoot,.mat-table thead,.mat-table-sticky,[mat-footer-row],[mat-header-row],[mat-row],mat-footer-row,mat-header-row,mat-row{background:inherit}

mat-footer-row,mat-header-row,mat-row,td.mat-cell,td.mat-footer-cell,th.mat-header-cell{border-bottom-color:rgba(0,0,0,.12)}

.mat-header-cell{color:rgba(0,0,0,.54)}

.mat-cell,.mat-footer-cell{color:rgba(0,0,0,.87)}

.mat-calendar-arrow{border-top-color:rgba(0,0,0,.54)}

.mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button,.mat-datepicker-toggle{color:rgba(0,0,0,.54)}

.mat-calendar-table-header{color:rgba(0,0,0,.38)}

.mat-calendar-table-header-divider::after{background:rgba(0,0,0,.12)}

.mat-calendar-body-label{color:rgba(0,0,0,.54)}

.mat-calendar-body-cell-content{color:rgba(0,0,0,.87);border-color:transparent}

.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected){color:rgba(0,0,0,.38)}

.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected){background-color:rgba(0,0,0,.04)}

.mat-calendar-body-today:not(.mat-calendar-body-selected){border-color:rgba(0,0,0,.38)}

.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected){border-color:rgba(0,0,0,.18)}

.mat-calendar-body-selected{background-color:#3f51b5;color:#fff}

.mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(63,81,181,.4)}

.mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}

.mat-datepicker-content{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);background-color:#fff;color:rgba(0,0,0,.87)}

.mat-datepicker-content.mat-accent .mat-calendar-body-selected{background-color:#ff4081;color:#fff}

.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(255,64,129,.4)}

.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}

.mat-datepicker-content.mat-warn .mat-calendar-body-selected{background-color:#f44336;color:#fff}

.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(244,67,54,.4)}

.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}

.mat-datepicker-content-touch{box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}

.mat-datepicker-toggle-active{color:#3f51b5}

.mat-datepicker-toggle-active.mat-accent{color:#ff4081}

.mat-datepicker-toggle-active.mat-warn{color:#f44336}

.mat-dialog-container{box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);background:#fff;color:rgba(0,0,0,.87)}

.mat-divider{border-top-color:rgba(0,0,0,.12)}

.mat-divider-vertical{border-right-color:rgba(0,0,0,.12)}

.mat-expansion-panel{background:#fff;color:rgba(0,0,0,.87)}

.mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}

.mat-action-row{border-top-color:rgba(0,0,0,.12)}

.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-keyboard-focused,.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-program-focused,.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover{background:rgba(0,0,0,.04)}

@media (hover:none){.mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover{background:#fff}}

.mat-expansion-panel-header-title{color:rgba(0,0,0,.87)}

.mat-expansion-indicator::after,.mat-expansion-panel-header-description{color:rgba(0,0,0,.54)}

.mat-expansion-panel-header[aria-disabled=true]{color:rgba(0,0,0,.26)}

.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title{color:inherit}

.mat-form-field-label{color:rgba(0,0,0,.6)}

.mat-hint{color:rgba(0,0,0,.6)}

.mat-form-field.mat-focused .mat-form-field-label{color:#3f51b5}

.mat-form-field.mat-focused .mat-form-field-label.mat-accent{color:#ff4081}

.mat-form-field.mat-focused .mat-form-field-label.mat-warn{color:#f44336}

.mat-focused .mat-form-field-required-marker{color:#ff4081}

.mat-form-field-ripple{background-color:rgba(0,0,0,.87)}

.mat-form-field.mat-focused .mat-form-field-ripple{background-color:#3f51b5}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent{background-color:#ff4081}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn{background-color:#f44336}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after{color:#3f51b5}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after{color:#ff4081}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after{color:#f44336}

.mat-form-field.mat-form-field-invalid .mat-form-field-label{color:#f44336}

.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent{color:#f44336}

.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent{background-color:#f44336}

.mat-error{color:#f44336}

.mat-form-field-appearance-legacy .mat-form-field-label{color:rgba(0,0,0,.54)}

.mat-form-field-appearance-legacy .mat-hint{color:rgba(0,0,0,.54)}

.mat-form-field-appearance-legacy .mat-form-field-underline{background-color:rgba(0,0,0,.42)}

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right,rgba(0,0,0,.42) 0,rgba(0,0,0,.42) 33%,transparent 0);background-size:4px 100%;background-repeat:repeat-x}

.mat-form-field-appearance-standard .mat-form-field-underline{background-color:rgba(0,0,0,.42)}

.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right,rgba(0,0,0,.42) 0,rgba(0,0,0,.42) 33%,transparent 0);background-size:4px 100%;background-repeat:repeat-x}

.mat-form-field-appearance-fill .mat-form-field-flex{background-color:rgba(0,0,0,.04)}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex{background-color:rgba(0,0,0,.02)}

.mat-form-field-appearance-fill .mat-form-field-underline::before{background-color:rgba(0,0,0,.42)}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before{background-color:transparent}

.mat-form-field-appearance-outline .mat-form-field-outline{color:rgba(0,0,0,.12)}

.mat-form-field-appearance-outline .mat-form-field-outline-thick{color:rgba(0,0,0,.87)}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#3f51b5}

.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick{color:#ff4081}

.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick{color:#f44336}

.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick{color:#f44336}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{color:rgba(0,0,0,.06)}

.mat-icon.mat-primary{color:#3f51b5}

.mat-icon.mat-accent{color:#ff4081}

.mat-icon.mat-warn{color:#f44336}

.mat-form-field-type-mat-native-select .mat-form-field-infix::after{color:rgba(0,0,0,.54)}

.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after,.mat-input-element:disabled{color:rgba(0,0,0,.38)}

.mat-input-element{caret-color:#3f51b5}

.mat-input-element::-moz-placeholder{color:rgba(0,0,0,.42)}

.mat-input-element::placeholder{color:rgba(0,0,0,.42)}

.mat-input-element::-moz-placeholder{color:rgba(0,0,0,.42)}

.mat-input-element::-webkit-input-placeholder{color:rgba(0,0,0,.42)}

.mat-input-element:-ms-input-placeholder{color:rgba(0,0,0,.42)}

.mat-accent .mat-input-element{caret-color:#ff4081}

.mat-form-field-invalid .mat-input-element,.mat-warn .mat-input-element{caret-color:#f44336}

.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after{color:#f44336}

.mat-list-base .mat-list-item{color:rgba(0,0,0,.87)}

.mat-list-base .mat-list-option{color:rgba(0,0,0,.87)}

.mat-list-base .mat-subheader{color:rgba(0,0,0,.54)}

.mat-list-item-disabled{background-color:#eee}

.mat-action-list .mat-list-item:focus,.mat-action-list .mat-list-item:hover,.mat-list-option:focus,.mat-list-option:hover,.mat-nav-list .mat-list-item:focus,.mat-nav-list .mat-list-item:hover{background:rgba(0,0,0,.04)}

.mat-menu-panel{background:#fff}

.mat-menu-panel:not([class*=mat-elevation-z]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}

.mat-menu-item{background:0 0;color:rgba(0,0,0,.87)}

.mat-menu-item[disabled],.mat-menu-item[disabled]::after{color:rgba(0,0,0,.38)}

.mat-menu-item .mat-icon-no-color,.mat-menu-item-submenu-trigger::after{color:rgba(0,0,0,.54)}

.mat-menu-item-highlighted:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item:hover:not([disabled]){background:rgba(0,0,0,.04)}

.mat-paginator{background:#fff}

.mat-paginator,.mat-paginator-page-size .mat-select-trigger{color:rgba(0,0,0,.54)}

.mat-paginator-decrement,.mat-paginator-increment{border-top:2px solid rgba(0,0,0,.54);border-right:2px solid rgba(0,0,0,.54)}

.mat-paginator-first,.mat-paginator-last{border-top:2px solid rgba(0,0,0,.54)}

.mat-icon-button[disabled] .mat-paginator-decrement,.mat-icon-button[disabled] .mat-paginator-first,.mat-icon-button[disabled] .mat-paginator-increment,.mat-icon-button[disabled] .mat-paginator-last{border-color:rgba(0,0,0,.38)}

.mat-progress-bar-background{fill:#c5cae9}

.mat-progress-bar-buffer{background-color:#c5cae9}

.mat-progress-bar-fill::after{background-color:#3f51b5}

.mat-progress-bar.mat-accent .mat-progress-bar-background{fill:#ff80ab}

.mat-progress-bar.mat-accent .mat-progress-bar-buffer{background-color:#ff80ab}

.mat-progress-bar.mat-accent .mat-progress-bar-fill::after{background-color:#ff4081}

.mat-progress-bar.mat-warn .mat-progress-bar-background{fill:#ffcdd2}

.mat-progress-bar.mat-warn .mat-progress-bar-buffer{background-color:#ffcdd2}

.mat-progress-bar.mat-warn .mat-progress-bar-fill::after{background-color:#f44336}

.mat-progress-spinner circle,.mat-spinner circle{stroke:#3f51b5}

.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle{stroke:#ff4081}

.mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle{stroke:#f44336}

.mat-radio-outer-circle{border-color:rgba(0,0,0,.54)}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle{border-color:#3f51b5}

.mat-radio-button.mat-primary .mat-radio-inner-circle,.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple{background-color:#3f51b5}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff4081}

.mat-radio-button.mat-accent .mat-radio-inner-circle,.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#ff4081}

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle{border-color:#f44336}

.mat-radio-button.mat-warn .mat-radio-inner-circle,.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple{background-color:#f44336}

.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle,.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle{border-color:rgba(0,0,0,.38)}

.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle,.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element{background-color:rgba(0,0,0,.38)}

.mat-radio-button.mat-radio-disabled .mat-radio-label-content{color:rgba(0,0,0,.38)}

.mat-radio-button .mat-ripple-element{background-color:#000}

.mat-select-value{color:rgba(0,0,0,.87)}

.mat-select-placeholder{color:rgba(0,0,0,.42)}

.mat-select-disabled .mat-select-value{color:rgba(0,0,0,.38)}

.mat-select-arrow{color:rgba(0,0,0,.54)}

.mat-select-panel{background:#fff}

.mat-select-panel:not([class*=mat-elevation-z]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}

.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple){background:rgba(0,0,0,.12)}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:#3f51b5}

.mat-form-field.mat-focused.mat-accent .mat-select-arrow{color:#ff4081}

.mat-form-field.mat-focused.mat-warn .mat-select-arrow{color:#f44336}

.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow{color:#f44336}

.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow{color:rgba(0,0,0,.38)}

.mat-drawer-container{background-color:#fafafa;color:rgba(0,0,0,.87)}

.mat-drawer{background-color:#fff;color:rgba(0,0,0,.87)}

.mat-drawer.mat-drawer-push{background-color:#fff}

.mat-drawer:not(.mat-drawer-side){box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)}

.mat-drawer-side{border-right:solid 1px rgba(0,0,0,.12)}

.mat-drawer-side.mat-drawer-end{border-left:solid 1px rgba(0,0,0,.12);border-right:none}

[dir=rtl] .mat-drawer-side{border-left:solid 1px rgba(0,0,0,.12);border-right:none}

[dir=rtl] .mat-drawer-side.mat-drawer-end{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}

.mat-drawer-backdrop.mat-drawer-shown{background-color:rgba(0,0,0,.6)}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:#ff4081}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:rgba(255,64,129,.54)}

.mat-slide-toggle.mat-checked .mat-ripple-element{background-color:#ff4081}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb{background-color:#3f51b5}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar{background-color:rgba(63,81,181,.54)}

.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element{background-color:#3f51b5}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb{background-color:#f44336}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar{background-color:rgba(244,67,54,.54)}

.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element{background-color:#f44336}

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element{background-color:#000}

.mat-slide-toggle-thumb{box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);background-color:#fafafa}

.mat-slide-toggle-bar{background-color:rgba(0,0,0,.38)}

.mat-slider-track-background{background-color:rgba(0,0,0,.26)}

.mat-primary .mat-slider-thumb,.mat-primary .mat-slider-thumb-label,.mat-primary .mat-slider-track-fill{background-color:#3f51b5}

.mat-primary .mat-slider-thumb-label-text{color:#fff}

.mat-accent .mat-slider-thumb,.mat-accent .mat-slider-thumb-label,.mat-accent .mat-slider-track-fill{background-color:#ff4081}

.mat-accent .mat-slider-thumb-label-text{color:#fff}

.mat-warn .mat-slider-thumb,.mat-warn .mat-slider-thumb-label,.mat-warn .mat-slider-track-fill{background-color:#f44336}

.mat-warn .mat-slider-thumb-label-text{color:#fff}

.mat-slider-focus-ring{background-color:rgba(255,64,129,.2)}

.cdk-focused .mat-slider-track-background,.mat-slider:hover .mat-slider-track-background{background-color:rgba(0,0,0,.38)}

.mat-slider-disabled .mat-slider-thumb,.mat-slider-disabled .mat-slider-track-background,.mat-slider-disabled .mat-slider-track-fill{background-color:rgba(0,0,0,.26)}

.mat-slider-disabled:hover .mat-slider-track-background{background-color:rgba(0,0,0,.26)}

.mat-slider-min-value .mat-slider-focus-ring{background-color:rgba(0,0,0,.12)}

.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label{background-color:rgba(0,0,0,.87)}

.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label{background-color:rgba(0,0,0,.26)}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb{border-color:rgba(0,0,0,.26);background-color:transparent}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb{border-color:rgba(0,0,0,.38)}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb{border-color:rgba(0,0,0,.26)}

.mat-slider-has-ticks .mat-slider-wrapper::after{border-color:rgba(0,0,0,.7)}

.mat-slider-horizontal .mat-slider-ticks{background-image:repeating-linear-gradient(to right,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent);background-image:-moz-repeating-linear-gradient(.0001deg,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent)}

.mat-slider-vertical .mat-slider-ticks{background-image:repeating-linear-gradient(to bottom,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent)}

.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover{background-color:rgba(0,0,0,.04)}

@media (hover:none){.mat-step-header:hover{background:0 0}}

.mat-step-header .mat-step-label,.mat-step-header .mat-step-optional{color:rgba(0,0,0,.54)}

.mat-step-header .mat-step-icon{background-color:rgba(0,0,0,.54);color:#fff}

.mat-step-header .mat-step-icon-selected,.mat-step-header .mat-step-icon-state-done,.mat-step-header .mat-step-icon-state-edit{background-color:#3f51b5;color:#fff}

.mat-step-header .mat-step-icon-state-error{background-color:transparent;color:#f44336}

.mat-step-header .mat-step-label.mat-step-label-active{color:rgba(0,0,0,.87)}

.mat-step-header .mat-step-label.mat-step-label-error{color:#f44336}

.mat-stepper-horizontal,.mat-stepper-vertical{background-color:#fff}

.mat-stepper-vertical-line::before{border-left-color:rgba(0,0,0,.12)}

.mat-horizontal-stepper-header::after,.mat-horizontal-stepper-header::before,.mat-stepper-horizontal-line{border-top-color:rgba(0,0,0,.12)}

.mat-sort-header-arrow{color:#757575}

.mat-tab-header,.mat-tab-nav-bar{border-bottom:1px solid rgba(0,0,0,.12)}

.mat-tab-group-inverted-header .mat-tab-header,.mat-tab-group-inverted-header .mat-tab-nav-bar{border-top:1px solid rgba(0,0,0,.12);border-bottom:none}

.mat-tab-label,.mat-tab-link{color:rgba(0,0,0,.87)}

.mat-tab-label.mat-tab-disabled,.mat-tab-link.mat-tab-disabled{color:rgba(0,0,0,.38)}

.mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.87)}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.38)}

.mat-tab-group[class*=mat-background-] .mat-tab-header,.mat-tab-nav-bar[class*=mat-background-]{border-bottom:none;border-top:none}

.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)}

.mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar{background-color:#3f51b5}

.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar{background-color:#fff}

.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)}

.mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar{background-color:#ff4081}

.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar{background-color:#fff}

.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}

.mat-tab-group.mat-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn .mat-ink-bar{background-color:#f44336}

.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar{background-color:#fff}

.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)}

.mat-tab-group.mat-background-primary .mat-tab-header,.mat-tab-group.mat-background-primary .mat-tab-links,.mat-tab-nav-bar.mat-background-primary .mat-tab-header,.mat-tab-nav-bar.mat-background-primary .mat-tab-links{background-color:#3f51b5}

.mat-tab-group.mat-background-primary .mat-tab-label,.mat-tab-group.mat-background-primary .mat-tab-link,.mat-tab-nav-bar.mat-background-primary .mat-tab-label,.mat-tab-nav-bar.mat-background-primary .mat-tab-link{color:#fff}

.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}

.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron{border-color:#fff}

.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}

.mat-tab-group.mat-background-primary .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary .mat-ripple-element{background-color:rgba(255,255,255,.12)}

.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)}

.mat-tab-group.mat-background-accent .mat-tab-header,.mat-tab-group.mat-background-accent .mat-tab-links,.mat-tab-nav-bar.mat-background-accent .mat-tab-header,.mat-tab-nav-bar.mat-background-accent .mat-tab-links{background-color:#ff4081}

.mat-tab-group.mat-background-accent .mat-tab-label,.mat-tab-group.mat-background-accent .mat-tab-link,.mat-tab-nav-bar.mat-background-accent .mat-tab-label,.mat-tab-nav-bar.mat-background-accent .mat-tab-link{color:#fff}

.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}

.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron{border-color:#fff}

.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}

.mat-tab-group.mat-background-accent .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent .mat-ripple-element{background-color:rgba(255,255,255,.12)}

.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}

.mat-tab-group.mat-background-warn .mat-tab-header,.mat-tab-group.mat-background-warn .mat-tab-links,.mat-tab-nav-bar.mat-background-warn .mat-tab-header,.mat-tab-nav-bar.mat-background-warn .mat-tab-links{background-color:#f44336}

.mat-tab-group.mat-background-warn .mat-tab-label,.mat-tab-group.mat-background-warn .mat-tab-link,.mat-tab-nav-bar.mat-background-warn .mat-tab-label,.mat-tab-nav-bar.mat-background-warn .mat-tab-link{color:#fff}

.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}

.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron{border-color:#fff}

.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}

.mat-tab-group.mat-background-warn .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn .mat-ripple-element{background-color:rgba(255,255,255,.12)}

.mat-toolbar{background:#f5f5f5;color:rgba(0,0,0,.87)}

.mat-toolbar.mat-primary{background:#3f51b5;color:#fff}

.mat-toolbar.mat-accent{background:#ff4081;color:#fff}

.mat-toolbar.mat-warn{background:#f44336;color:#fff}

.mat-toolbar .mat-focused .mat-form-field-ripple,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-form-field-underline{background-color:currentColor}

.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-select-value{color:inherit}

.mat-toolbar .mat-input-element{caret-color:currentColor}

.mat-tooltip{background:rgba(97,97,97,.9)}

.mat-tree{background:#fff}

.mat-nested-tree-node,.mat-tree-node{color:rgba(0,0,0,.87)}

.mat-snack-bar-container{color:rgba(255,255,255,.7);background:#323232;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}

.mat-simple-snackbar-action{color:#ff4081}

/*@import '~ngx-owl-carousel-o/lib/styles/scss/owl.carousel.scss';*/

/*@import '~ngx-owl-carousel-o/lib/styles/scss/owl.theme.default.scss';*/

* {
  box-sizing: border-box;
}

body {
  padding: env(safe-area-inset-top) env(safe-area-inset-right)
    env(safe-area-inset-bottom) env(safe-area-inset-left);
}

.primary-color {
  color: var(--colorCodeVar) !important;
}

.primary-border-color {
  border-color: var(--colorCodeVar) !important;
}

.primary-bg-color {
  background-color: var(--colorCodeVar) !important;
}

.sb-facebook {
  background-color: #4668b0;
  border-radius: 7%;
  color: #ffffff;
}

.sb-twitter {
  background-color: #26acec;
  border-radius: 7%;
  color: #ffffff;
}

.sb-linkedin {
  background-color: #1770a4;
  border-radius: 7%;
  color: #ffffff;
}

* {
  outline: 0 !important;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/*google address drop styling*/

.pac-container {
  margin-top: 10px;
  border-radius: 6px;
  font-family: SpartanMB-Regular;
}

.pac-container::after {
  content: "";
  width: 100%;
  display: block;
  height: 50px;
  border-top: 1px solid #e6e6e6;
  background-size: 12rem;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.pac-item {
  padding: 10px;
}

/*body.modal-open {*/

/*overflow: hidden !important;*/

/*position: fixed;*/

/*width: 100%;*/

/*}*/

input[type="number"] {
  -moz-appearance: textfield;
}

/* select option {
    background-color: var(--colorCodeVar) !important;
    color: #fff;
} */

.label-success {
  background-color: var(--colorCodeVar) !important;
}

@font-face {
  font-family: "SpartanMB-Regular";
  src: url('SpartanMB-Regular.6e3ac162d97765bffed7.otf') format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SpartanMB-Thin";
  src: url('SpartanMB-Thin.b7796ef44d03ac7d2886.otf') format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SpartanMB-SemiBold";
  src: url('SpartanMB-SemiBold.996a9ca7b3961ada622c.otf') format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SpartanMB-Light";
  src: url('SpartanMB-Light.574609aff87f6c4f5c2a.otf') format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SpartanMB-ExtraBold";
  src: url('SpartanMB-ExtraBold.71c21cc7746454b12270.otf') format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SpartanMB-Bold";
  src: url('SpartanMB-Bold.bf49e47b2e396c07bfb8.otf') format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SpartanMB-Light";
  src: url('SpartanMB-Light.574609aff87f6c4f5c2a.otf') format("opentype");
  font-weight: normal;
  font-style: normal;
}

/* fallback */

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons"), local("MaterialIcons-Regular"),
    url('MaterialIcons-Regular.570eb83859dc23dd0eec.woff2') format("woff2"),
    url('MaterialIcons-Regular.012cf6a10129e2275d79.woff') format("woff"),
    url('MaterialIcons-Regular.a37b0c01c0baf1888ca8.ttf') format("truetype");
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

/*=====================
                1: Generic Styles
=======================*/

* {
  outline: 0;
}

html {
  overflow-x: hidden;
}

body {
  -webkit-touch-callout: none;
  /* overflow-x: hidden; */
  font-family: SpartanMB-Regular;
  font-size: 14px;
  font-weight: 300;
  background-color: #ffffff;
  color: #3d3e3d;
  /*padding-bottom: 6rem !important;*/
}

.font-regular {
  font-family: SpartanMB-SemiBold !important;
}

.primary-color {
  color: var(--colorCodeVar);
}

.primary-border-color {
  border-color: var(--colorCodeVar) !important;
}

.primary-bg-color {
  background-color: var(--colorCodeVar) !important;
}

table tr th,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: SpartanMB-SemiBold;
}

.pname,
.pname:hover {
  /* color: var(--colorCodeVar); */
  text-transform: capitalize;
}

textarea {
  resize: none;
}

.nanobar {
  width: 100%;
  height: 4px;
  z-index: 9999;
  top: 0;
}

.bar {
  width: 0;
  height: 100%;
  transition: height 0.3s;
  background: var(--colorCodeVar);
  margin: 0 auto;
}

html,
body,
div,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
section,
summary,
time,
mark,
audio,
video {
  /* margin: 0; */
  /* padding: 0; */
  border: 0;
}

.mt-25 {
  margin-top: 23px;
}

.mt-15 {
  margin-top: 20px;
}

.mb-10 {
  margin-bottom: 10px;
}

.pl-10 {
  padding-left: 10px;
}

.pt-0 {
  padding-top: 0 !important;
}

.plr0 {
  padding-left: 0;
  padding-right: 0;
}

.text-grey {
  color: #828282;
}

.table-responsive {
  /*overflow:scroll;*/
  border: none !important;
}

.section-div {
  padding: 30px;
}

article,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

.dropdown-menu > li > a {
  line-height: 28px;
}

/*input.empty {*/

/*font-family: FontAwesome;*/

/*font-style: normal;*/

/*font-weight: normal;*/

/*text-decoration: inherit;*/

/*}*/

ol,
ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a,
a:hover,
a:focus {
  text-decoration: none;
  color: #3d3e3d;
  cursor: pointer;
  outline: none;
}

p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
}

.fw400 {
  font-weight: 400;
}

.b-color,
.b-color:hover {
  color: var(--colorCodeVar);
}

.btn-custom,
.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active {
  color: #ffffff;
  background: var(--colorCodeVar);
  font-weight: 400;
}

@media (min-width: 769px) {
  .startSavingBtn:hover {
    color: var(--colorCodeVar);
    background: #ffffff;
    font-weight: 400;
    border: 1px solid var(--colorCodeVar);
  }
  .getStartedBtn:hover {
    color: var(--colorCodeVar);
    background: #ffffff;
    font-weight: 400;
    border: 1px solid var(--colorCodeVar);
  }
}

.g-color {
  color: #000000;
  -webkit-filter: opacity(50%);
          filter: opacity(50%);
}

.ac-fields-main {
  border-radius: 4px;
  padding: 15px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

/*==============================
              Alert
===============================*/

.notice {
  padding: 15px;
  background-color: #fafafa;
  border-left: 6px solid #7f7f84;
  margin-bottom: 10px;
  box-shadow: 0 5px 8px -6px rgba(0, 0, 0, 0.2);
}

.notice-sm {
  padding: 10px;
  font-size: 80%;
}

.notice-lg {
  padding: 35px;
  font-size: large;
}

.notice-success {
  border-color: var(--colorCodeVar);
}

.notice-success > strong {
  color: var(--colorCodeVar);
}

.notice-info {
  border-color: #45abcd;
}

.notice-info > strong {
  color: #45abcd;
}

.notice-warning {
  border-color: var(--colorCodeVar);
}

.notice-warning > strong {
  color: var(--colorCodeVar);
}

.notice-danger {
  border-color: #d73814;
}

.notice-danger > strong {
  color: #d73814;
}

/*==============================
              Modal Shade
===============================*/

.modal-open .view,
.modal-open .navbar,
.modal-open .footer {
  -webkit-filter: blur(5px) !important;
  -moz-filter: blur(5px) !important;
  -o-filter: blur(5px) !important;
  -ms-filter: blur(5px) !important;
  filter: blur(5px) !important;
}

/*body.modal-open {*/

/*position: fixed;*/

/*}*/

/*==============================
              Tabs Style
===============================*/

.nav-tabs > li {
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  font-weight: 600;
  border-radius: 0;
  color: #000000;
  -webkit-filter: opacity(50%);
          filter: opacity(50%);
}

.nav > li > a:focus,
.nav > li > a:hover {
  background-color: transparent;
  border-color: transparent;
  color: var(--colorCodeVar) !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  border: none;
  border-bottom: 2px solid var(--colorCodeVar);
  color: #000000;
  -webkit-filter: opacity(100%);
          filter: opacity(100%);
}

/*datepicker and timepicker*/

#time-picker-wrapper.light #time-picker .time-picker-clock > button.active,
#time-picker-wrapper.light
  #time-picker
  .time-picker-clock
  .time-picker-clock-origin,
#time-picker-wrapper.light
  #time-picker
  .time-picker-clock
  .time-picker-clock-arrow {
  background: var(--colorCodeVar) !important;
  color: #fff !important;
}

#time-picker-wrapper.light #time-picker .time-picker-footer button {
  background: var(--colorCodeVar) !important;
  color: #ffffff !important;
  padding: 10px 20px !important;
  font-weight: 300 !important;
}

.detailShadow {
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled] {
  background-color: var(--colorCodeVar) !important;
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
  background-image: linear-gradient(
    to bottom,
    var(--colorCodeVar),
    var(--colorCodeVar)
  );
}

/*========================
         1: Navigation Bar
=========================*/

.sidenav {
  height: 100%;
  width: 250px;
  position: fixed;
  z-index: 9999999999999999;
  top: 0;
  left: -251px;
  background-color: #ffffff;
  overflow-x: hidden;
  overflow-y: scroll;
  transition: 0.5s;
  padding-top: 60px;
  box-shadow: 1px 10px #888888;
}

#mySidenav ul {
  list-style: none;
  -webkit-padding-start: 20px;
}

.sideNavInnerList li {
  margin-right: 10px;
}

.sideNavInnerList li a {
  list-style: none;
  /*font-size:18px;*/
  color: #000000;
}

.sidenav a {
  padding: 8px 8px 8px 0;
  text-decoration: none;
  font-size: 18px;
  color: #000000;
  font-weight: 400;
  display: block;
  transition: 0.3s;
}

.sidenav a i {
  font-size: 22px;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  color: #000000;
  margin-right: 10px;
}

.sidenav a:hover,
.offcanvas a:focus {
  color: #000000;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 2%;
  font-size: 48px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 50px;
  }
  .sidenav a {
    font-size: 14px;
  }
}

/*=====================
                4: Header Drop
=======================*/

.mega-dropdown {
  position: static !important;
}

.mega-dropdown-menu {
  padding: 20px 0px;
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}

.mega-dropdown-menu > li > ul > li {
  list-style: none;
}

.mega-dropdown-menu > li > ul > li > a {
  display: block;
  color: #222;
  padding: 3px 5px;
}

.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
}

.mega-dropdown-menu .dropdown-header {
  font-size: 18px;
  color: var(--colorCodeVar);
  padding: 5px 60px 5px 5px;
  line-height: 30px;
}

.carousel-control {
  width: 30px;
  height: 30px;
  top: -35px;
}

.left.carousel-control {
  right: 30px;
  left: inherit;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  font-size: 12px;
  background-color: #fff;
  line-height: 30px;
  text-shadow: none;
  color: #333;
  border: 1px solid #ddd;
}

@media (max-width: 750px) {
  #navbar {
    margin-bottom: 15px !important;
  }
}

/*=====================
                4: Home
=======================*/

.daHead {
  color: white;
  font-size: 3.2rem;
  /* line-height: 3.4rem; */
  font-weight: 800;
  text-align: start;
  /* margin: 0px 0px 1rem; */
}

.dainput,
.dainput:focus {
  width: 29.25rem !important;
  font-size: 1.6rem;
  font-weight: 200;
  color: rgb(74, 74, 74);
  background-color: rgb(251, 251, 251);
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 4.5rem;
  line-height: 4rem;
  align-items: flex-start;
  -webkit-appearance: none;
  padding: 1px 3rem 1px 3rem;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.1);
  -o-border-image: initial;
     border-image: initial;
  /* border-radius: 10rem 0px 0px 10rem; */
  overflow: hidden;
  box-shadow: none;
}

.dainputBtn:disabled {
  opacity: 1;
  border: 1px solid #84817f;
  background-color: #84817f;
}

.dainputBtn:hover:enabled,
.dainputBtn:active:enabled {
  line-height: 1.4rem;
  font-size: 1.2rem;
  font-weight: 400;
  text-transform: uppercase;
  background-color: white;
  color: var(--colorCodeVar);
  position: relative;
  cursor: pointer;
  min-width: 5rem;
  letter-spacing: 0.03em;
  white-space: nowrap;
  text-align: center;
  width: 10rem;
  height: 4.5rem;
  display: block;
  padding: 1.4rem;
  border-width: 0.1rem;
  border-style: solid;
  border-color: var(--colorCodeVar);
  -o-border-image: initial;
     border-image: initial;
  outline: none;
}

.dainputBtn,
.dainputBtn:focus {
  line-height: 1.4rem;
  font-size: 1.2rem;
  font-weight: 400;
  text-transform: uppercase;
  background-color: var(--colorCodeVar);
  color: white;
  position: relative;
  cursor: pointer;
  min-width: 5rem;
  letter-spacing: 0.03em;
  white-space: nowrap;
  text-align: center;
  width: 10rem;
  height: 4.5rem;
  display: block;
  padding: 1.4rem;
  border-width: 0.1rem;
  border-style: solid;
  border-color: transparent;
  -o-border-image: initial;
     border-image: initial;
  outline: none;
  /* border-radius: 0px 10rem 10rem 0px; */
}

.sticky-header {
  background-color: #fff !important;
  /*border-bottom: 1px solid transparent !important;*/
  border-bottom: 1px solid #ebebeb !important;
  transition: all 0.5s ease !important;
  animation-fill-mode: forwards !important;
}

#whiteLogo {
  display: inline-block;
}

#blackLogo {
  display: inline-block;
}

/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/

/* .sideModal1.left .modal-dialog,
.sideModal1.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 45vw;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
} */

.sideModal.left .modal-dialog,
.sideModal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 60vw;
  /* width: 45vw; */
  height: 100%;
  transform: translate3d(0%, 0, 0);
}

.sideModal.left .sideModalContent,
.sideModal.right .sideModalContent {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

.sideModal.left .modal-body,
.sideModal.right .modal-body {
  padding: 15px 15px 80px;
}

/*Left*/

.sideModal.left.fade .modal-dialog {
  left: -320px;
  transition: opacity 0.3s linear, left 0.3s ease-out;
}

.sideModal.left.fade.in .modal-dialog {
  left: 0;
}

/*Right*/

.sideModal.right.fade .modal-dialog {
  right: -320px;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}

.sideModal.right.fade.in .modal-dialog {
  right: 0;
}

/* ----- MODAL STYLE ----- */

.sideModalContent {
  border-radius: 0;
  border: none;
}

.sideModal .modal-header {
  border-bottom-color: #eeeeee;
  background-color: #fafafa;
}

.demo {
  padding-top: 60px;
  padding-bottom: 110px;
}

.btn-demo {
  margin: 15px;
  padding: 10px 15px;
  border-radius: 0;
  font-size: 16px;
  background-color: #ffffff;
}

.btn-demo:focus {
  outline: 0;
}

#main {
  transition: margin-right 0.5s;
}

.stories-main {
  font-weight: 900;
  position: relative;
  z-index: 2;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0rem;
  /*display: flex;*/
  /*flex-direction: column;*/
  min-height: 100%;
  color: black !important;
  transition: all 0.2s;
  padding: 1rem;
  /*flex: 1 1 0%;*/
}

.sbg {
  width: 100%;
  /*padding-bottom: 58.33%;*/
  padding-bottom: 170px;
  background-color: rgb(255, 248, 245);
  position: relative;
  margin-bottom: 0.5rem;
  background-size: cover;
  /*overflow: hidden;*/
  background-repeat: no-repeat;
  background-position: center center;
}

.shead {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.2em;
  margin: 1.5rem 0px 1rem;
}

.sdetail {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3em;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-family: Helvetica Neue, Regular;
}

/*=====================
                4: Footer
=======================*/

/*.footer{*/

/*width: 100%;*/

/*position: fixed;*/

/*bottom: 0;*/

/*left: 0;*/

/*right: 0;*/

/*padding: 20px 30px 20px 250px;*/

/*!*border-top: 1px solid #e4e4e4;*!*/

/*box-shadow: 0 -0.4px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/

/*background: #ffffff;*/

/*z-index: 3;*/

/*}*/

/*.footer div a{text-decoration: underline;font-weight: 600;}*/

.footer {
  width: 100%;
  position: relative;
  /*bottom: 0;*/
  /*left: 0;*/
  /*right: 0;*/
  padding: 20px 30px 20px 30px;
  /*border-top: 1px solid #e4e4e4;*/
  box-shadow: 0 -0.4px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  background: #5a5a5a;
  z-index: 3;
}

.footer div a {
  font-weight: 300;
  color: #f5f5f5;
}

/*top footer*/

.topFooterMain {
  padding: 65px 0;
}

.footer-heading {
  margin-bottom: 30px;
  color: #f5f5f5;
  text-transform: uppercase;
  font-family: Helvetica, Bold;
}

.footer-list li {
  margin-bottom: 15px;
  color: #f5f5f5;
  font-size: 13px;
  font-family: Helvetica, Regular;
}

.footer-links {
  /*position: absolute;*/
  right: 0;
  top: 0;
  display: inline-block;
  /*float: right;*/
}

.apps-icon {
  text-align: right;
}

.appStoreBtn,
.playStoreBtn {
  display: inline-block;
}

.appStoreBtn img {
  width: 96px;
}

.playStoreBtn img {
  width: 107px;
  margin-left: 10px;
}

@media (max-width: 2999px) {
  .topSectionStoryButton {
    margin-left: 916px !important;
    /* and (min-width: 1474px)   */
  }
}

/* @media (max-width: 2561px)  {

    .topSectionStoryButton {
     margin-left: 304px!important;

    }

    } */

@media (max-width: 2560px) {
  .topSectionStoryButton {
    margin-left: 723px !important;
    /* and (min-width: 1351px)  */
  }
}

@media (max-width: 1440px) {
  .topSectionStoryButton {
    margin-left: 166px !important;
    /* and (min-width: 811px)   */
  }
}

@media (max-width: 1024px) {
  .topSectionStoryButton {
    margin-left: 57px !important;
    margin-top: 46px !important;
    /* and (min-width: 811px)   */
  }
  .mobileCustome {
    margin-left: 0px !important;
  }
}

@media (max-width: 992px) {
  .customModel {
    width: 90% !important;
  }
  .lining {
    border-top: 1px solid #000000;
    margin-top: 17px !important;
  }
}

@media (max-width: 768px) {
  .topSectionStoryButton {
    margin-left: 40px !important;
    margin-top: 20px !important;
    /* and (min-width: 811px)  */
  }
}

@media (max-width: 425px) {
  .topSectionStoryButton {
    margin-left: 28px !important;
    margin-top: 13px !important;
    /* and (min-width: 811px)  */
  }
}

/* @media (max-width: 811px) {

          .topSectionStoryButton {
            margin-left: 25px;
            margin-top: 16px;
             and (min-width: 425px)
          }

          }        */

/* @media (min-width: 1199px)   {

    .topSectionStoryButton {
     margin-left: 403px;
    }

    } */

@media only screen and (max-width: 1199px) and (min-width: 991px) {
  .appStoreBtn img {
    width: 107px;
  }
  .playStoreBtn img {
    width: 107px;
    margin-left: 10px;
  }
}

@media only screen and (max-width: 990px) {
  .footer-links {
    /*position: relative;*/
    /*display: none;*/
  }
  .apps-icon {
    text-align: center;
  }
}

@media only screen and (max-width: 768px) {
  .topFooterMain {
    padding: 20px 20px;
    text-align: start;
  }
  .footer-heading {
    margin-bottom: 20px;
    margin-top: 20px;
    font-family: Helvetica, Bold;
  }
  .apps-icon {
    text-align: start;
  }
  /*.businessList {*/
  /*height: 330px!important;*/
  /*max-height: 330px!important;*/
  /*border-radius: 4px;*/
  /*-o-box-shadow: 0 0 3px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.24);*/
  /*-moz-box-shadow: 0 0 3px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.24);*/
  /*-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.24);*/
  /*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
  /*transition: box-shadow 0.25s linear;*/
  /*}*/
}

/*=====================
                4: Login
=======================*/

.login-first {
  height: 50vh;
  /*background: url("assets/login-cover.png") no-repeat no-repeat;*/
  background-size: cover;
}

.login-logo {
  width: 130px;
  position: absolute;
  top: 20px;
  left: 20px;
}

.login-footer-logo {
  width: 130px;
  position: absolute;
  bottom: 22px;
  right: 20px;
}

.login-logo img,
.login-footer-logo img {
  width: 100%;
}

.wrapper {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.form-signin {
  max-width: 523px;
  padding: 15px 35px 45px;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}

.form-signin-heading {
  text-align: center;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 30px;
}

.form-signin .checkbox {
  font-weight: normal;
}

.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  box-sizing: border-box;
}

.form-signin .form-control:focus {
  z-index: 2;
}

.form-signin input[type="text"] {
  margin-bottom: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 20px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/*=====================
                Home
=======================*/

/*.slick-prev,.slick-next {*/

/*display: none !important;*/

/*}*/

.shop-now-home {
  z-index: 9999;
}

@media (max-width: 766px) {
  .dainput {
    font-size: 1.4rem !important;
  }
  .loderIcon {
    top: 6px !important;
  }
  /* .loderIcon img {
    width: 12px !important;
  } */
  .dainputBtn {
    font-size: 12px !important;
  }
}

.cityNameHead {
  position: absolute !important;
  left: 15px !important;
}

.hoverShadow {
  transition: all 0.2s linear;
  position: relative;
  z-index: 800 !important;
}

.hoverShadow:hover {
  border-radius: 4px;
  -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 10px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: box-shadow 0.25s linear;
}

.sliderListMain {
  padding: 10px;
  margin-bottom: 3px;
}

.animateImg {
  transition: transform 0.7s;
}

.hoverShadow:hover .animateImg {
  /* IE 9 */
  /* Safari 3-8 */
  transform: scale(1.06);
}

@media screen and (max-width: 768px) {
  .hoverShadow:hover .animateImg {
    transform: none;
    -ms-transform: none;
    -webkit-transform: none;
  }
}

.subCatMain:hover .animateImg {
  border-radius: 9%;
  /* IE 9 */
  /* Safari 3-8 */
  transform: scale(1.06);
}

@media screen and (max-width: 768px) {
  .subCatMain:hover .animateImg {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
  }
}

.sliderListMain .lp {
  padding: 5px 0 7px 0;
}

.sliderListMain .lin {
  padding-bottom: 7px;
  font-size: 16px;
}

.sliderListMain .lt {
  font-weight: 200;
  line-height: 1em;
  color: rgb(129, 125, 128);
  margin-bottom: 0.5rem;
}

.sliderListMain .lo {
  padding-bottom: 7px;
  color: var(--colorCodeVar);
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 600;
  vertical-align: middle;
}

.sliderListMain .lo i {
  font-size: 16px;
  margin-right: 5px;
  line-height: 24px;
}

.sliderListImg {
  overflow: hidden;
  height: 150px;
  background: #eeeeee;
}

.storyListImg {
  height: 165px;
  background: #eeeeee;
}

/*============
      Slide Customization
=====================*/

*,
*:focus,
*:active,
*:visited,
input {
  outline: none !important;
  border-radius: 0;
}

/*.form-control:focus {*/

/*border-color: transparent;*/

/*outline: 0;*/

/*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);*/

/*box-shadow: inset 0 1px 1px rgba(0,0,0,.075);*/

/*}*/

/*.sliderList {*/

/*width: 1100px;*/

/*height: auto;*/

/*margin-left: auto;*/

/*margin-right: auto;*/

/*padding-left: 50px;*/

/*padding-right: 50px;*/

/*position: relative;*/

/*}*/

.slick-dots {
  position: absolute;
  bottom: -45px;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

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

.slick-dots li:before {
  top: 1px;
  transition: all 0.5s;
  content: "";
  width: 6px;
  height: 6px;
  background-color: #000;
  position: absolute;
}

.slick-dots li.slick-active:before {
  top: 0;
  width: 8px;
  height: 8px;
  margin-left: -2px;
  background-color: #964848;
}

.slick-prev {
  left: 0;
  transform: rotate(180deg);
}

.slick-next {
  right: 0;
}

.slick-arrow {
  top: 30%;
  height: 50px;
  width: 50px;
  margin-top: -13px;
  position: absolute;
  font-size: 0;
  cursor: pointer;
  z-index: 9999999;
  background-color: transparent;
  border: none;
  /*background-image: url(https://tarkikromanski.github.io/files/arrow-slider.png);*/
  background-image: url('sliderarrow.ab63782fc293fdbc8c99.png');
  background-repeat: no-repeat;
  background-size: contain;
  display: none !important;
  /*opacity:0;*/
  transition: linear all 2s;
}

.sliderList:hover .slick-arrow {
  display: inline-block !important;
  /*opacity:1;*/
}

@media (max-width: 600px) {
  .sliderList:hover .slick-arrow {
    display: none !important;
  }
}

/*.slick-slider .slick-list{*/

/*overflow-x: scroll !important;*/

/*}*/

/*.slick-list{*/

/*overflow-x: scroll !important;*/

/*}*/

/*========
      Add cart popup styles
================*/

.pdLeft {
  width: 52%;
  position: relative;
  float: left;
  background: var(--colorCodeVar);
  min-height: 94vh;
  padding: 15px;
}

.pdLeft-a {
  width: 52%;
  position: relative;
  float: left;
  background: var(--colorCodeVar);
  min-height: 94vh;
  padding: 15px;
}

/* .pdLeftColorChange {
  width: 52%;
  position: relative;
  float: left;
  /* background: var(--colorCodeVar);
  min-height: 94vh;
  padding: 15px;
} */

.pdRight {
  position: relative;
  width: 48%;
  float: right;
  padding: 15px;
}

.pd-right-img-main {
  width: 100%;
  height: 26rem;
  background-color: white;
  -o-object-fit: contain;
     object-fit: contain;
  position: relative;
}

.pd-right-main-img {
  opacity: 1;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  animation: 0.2s linear forwards;
}

.addCartbtn {
  cursor: pointer;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 15px;
  background: var(--colorCodeVar);
}

.OfZAcDZf0IhkYHhHw0htm {
  color: #ffffff;
  height: inherit;
  border-radius: 5rem 5rem 5rem 5rem;
  display: flex;
  align-items: center;
  position: relative;
  background-color: rgba(255, 255, 255, 0.25);
  padding: 10px;
}

.a41UuSXaN1ZvR7CfNUWWk {
  padding-left: 16px;
  padding-left: 1rem;
  font-size: 19.2px;
  font-size: 1.2rem;
}

.plusIcon {
  /*display: none;*/
  position: absolute;
  top: 10px;
  right: 10px;
  color: var(--colorCodeVar);
  font-size: 24px;
  z-index: 9999;
}

.plusIcon1 {
  /*display: none;*/
  position: absolute;
  top: -8px;
  right: -10px;
  color: var(--colorCodeVar);
  font-size: 24px;
  z-index: 9999;
}

@media screen and (max-width: 768px) and (min-width: 487px) {
  .col-480-768-50 {
    width: 50% !important;
  }
}

.hoverShadow:hover .plusIcon {
  display: inline-block;
}

.wishlistIcon {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #ffffff;
  font-size: 16px;
  z-index: 9999;
  /* background-color: var(--colorCodeVar  ); */
  border-radius: 50px;
  height: 26px;
  width: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hoverShadow:hover .wishlistIcon {
  display: flex;
  color: #ffffff;
}

.wishlistIcon {
  background-color: var(--colorCodeVar) !important;
}

.wishlistIconDetail {
  color: #ffffff;
  font-size: 16px;
  z-index: 9999;
  background-color: var(--colorCodeVar);
  border-radius: 50px;
  height: 22px;
  width: 22px;
}

.wishlistIconDetail:hover i {
  color: #ffffff;
}

/*========
      Header Delivery Address pop styles
================*/

#accordion .panel-heading {
  padding: 0;
}

#accordion .panel-title > a {
  display: block;
  padding: 0.4em 0.6em;
  outline: none;
  font-weight: bold;
  text-decoration: none;
}

#accordion .panel-title > a.accordion-toggle::before,
#accordion a[data-toggle="collapse"]::before {
  content: "\e113";
  float: right;
  line-height: 50px;
  font-family: "Glyphicons Halflings";
  margin-right: 1em;
}

#accordion .panel-title > a.accordion-toggle.collapsed::before,
#accordion a.collapsed[data-toggle="collapse"]::before {
  content: "\e114";
}

.modal.fade.in .lab-modal-body {
  bottom: 0;
  opacity: 1;
}

.lab-modal-body {
  position: relative;
  bottom: -250px;
  margin: 150px auto 0;
  padding: 40px;
  max-width: 60%;
  height: auto;
  background-color: #fff;
  border: 1px solid #bebebe;
  opacity: 0;
  transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
}

.close {
  margin-top: -20px;
  margin-right: -20px;
  text-shadow: 0 1px 0 #ffffff;
}

.popup-button {
  border-radius: 0;
}

/*login modal style*/

#subscribeModal .modal-content {
  overflow: hidden;
}

#subscribeModal .form-control {
  height: 56px;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  padding-left: 30px;
}

#subscribeModal .btn {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  padding-right: 20px;
  background: #007b5e;
  border-color: #007b5e;
}

#subscribeModal .form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #007b5e;
  outline: 0;
  box-shadow: none;
}

#subscribeModal .top-strip {
  height: 155px;
  background: #007b5e;
  transform: rotate(141deg);
  margin-top: -94px;
  margin-right: 190px;
  margin-left: -158px;
  border-bottom: 65px solid #4caf50;
  border-top: 10px solid #4caf50;
}

#subscribeModal .bottom-strip {
  height: 155px;
  background: #007b5e;
  transform: rotate(112deg);
  margin-top: -110px;
  margin-right: -215px;
  margin-left: 300px;
  border-bottom: 65px solid #4caf50;
  border-top: 10px solid #4caf50;
}

/**************************/

/****** modal-lg stips *********/

/**************************/

#subscribeModal .modal-lg .top-strip {
  height: 155px;
  background: #007b5e;
  transform: rotate(141deg);
  margin-top: -106px;
  margin-right: 457px;
  margin-left: -130px;
  border-bottom: 65px solid #4caf50;
  border-top: 10px solid #4caf50;
}

#subscribeModal .modal-lg .bottom-strip {
  height: 155px;
  background: #007b5e;
  transform: rotate(135deg);
  margin-top: -115px;
  margin-right: -339px;
  margin-left: 421px;
  border-bottom: 65px solid #4caf50;
  border-top: 10px solid #4caf50;
}

/****** extra *******/

#Reloadpage {
  cursor: pointer;
}

/*.addLocationHeadMain::before, .addLocationHeadMainHome::before{*/

/*.addLocationHeadMain::before{*/

/*content: '';*/

/*position: absolute;*/

/*!*z-index: 999999;*!*/

/*z-index: 99;*/

/*background: center/70% no-repeat url(assets/pin.svg);*/

/*background-size: 13px;*/

/*top: 1px;*/

/*left: 0;*/

/*bottom: 0;*/

/*padding: 2rem;*/

/*-webkit-box-sizing: border-box;*/

/*box-sizing: border-box;*/

/*}*/

/*.selector .selectorarrow .selectorarrowleft{*/

/*z-index: 9999999!important;*/

/*}*/

/*========
      Shimmer Shine Effect
================*/

.shine {
  background: #f6f7f8;
  background-image: linear-gradient(
    to right,
    #f6f7f8 0%,
    #edeef1 20%,
    #f6f7f8 40%,
    #f6f7f8 100%
  );
  background-repeat: no-repeat;
  /*background-size: 800px 104px;*/
  background-size: 100%;
  display: inline-block;
  position: relative;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
}

.whiteBg {
  background-color: #ffffff !important;
}

.homeShimmerWhite {
  /*background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);*/
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}

.shimmer-animated {
  height: 200px !important;
}

.line {
  height: 25px;
  margin-top: 10px;
  width: 200px;
  display: block;
}

/*Ng error style*/

/*.ng-valid[required], .ng-valid.required  {*/

/*border-left: 3px solid #42A948; !* green *!*/

/*}*/

/*.ng-invalid:not(form)  {*/

/*border-left: 3px solid #a94442; !* red *!*/

/*}*/

/*.ng-untouched[required] {*/

/*border-left: 3px solid #cccccc;*/

/*}*/

/*.aa.ng-valid[required],.aa.ng-untouched[required], .aa.ng-valid.required, .aa.ng-invalid:not(form)  {*/

/*border-left: 1px solid #ccc; !* green *!*/

/*}*/

.topName {
  padding: 21px 0;
}

.productDetailButtons {
  position: absolute;
  right: 15px;
  padding: 0;
}

@media only screen and (max-width: 1350px) {
  .productDetailButtons {
    position: inherit;
    float: left;
    right: 0px;
  }
}

.navbar-toggle {
  background: transparent;
}

.addQgrp {
  display: inline-block;
  border: 1px solid var(--colorCodeVar);
  border-radius: 9px;
  color: var(--colorCodeVar);
}

.addQgrp button,
.addQgrp button:hover,
.addQgrp button:focus {
  background: transparent;
  color: var(--colorCodeVar);
}

.mtFh {
  margin-top: 63px;
}

.searchedView {
  margin-top: 94px;
}

/*==================
      Responsive style
=========================*/

@media only screen and (max-width: 767px) {
  .searchedView {
    margin-top: 0;
  }
  .mtFh {
    margin-top: 0;
  }
  .jumbotron,
  .business-status {
    display: none;
  }
  .sideModal.left .modal-dialog,
  .sideModal.right .modal-dialog {
    width: 100vw !important;
  }
  .lab-modal-body {
    max-width: 100%;
    padding: 15px;
  }
  .pdLeft,
  .pdRight {
    /* .pdLeftColorChange*/
    float: none;
    width: 100%;
  }
  .pdLeft {
    /* .pdLeftColorChange*/
    min-height: 63vh;
  }
  .header-top-menu {
    text-align: center;
  }
  .header-top-menu > li {
    float: none !important;
    clear: both !important;
    /*margin-top: 20px !important;*/
  }
  .dropdown-admin-custom {
    padding: 0 15px;
  }
  .header-top-menu > li > a.admin-dropdown {
    float: none !important;
    text-align: center !important;
  }
  .cityNameHead {
    position: relative !important;
    left: 0 !important;
  }
  .topName {
    padding: 15px !important;
  }
  .header-admin-dropdown {
    width: 100% !important;
    text-align: center !important;
  }
  .header-admin-dropdown[_ngcontent-c0]::before {
    content: "" !important;
    position: static !important;
    border: 0 !important;
  }
  .shimmer-animated {
    height: 150px !important;
  }
  .productDetailButtons {
    position: relative;
    right: auto;
    padding: 0;
    padding-top: 10px;
    clear: both;
  }
  .dainputBtn {
    margin-left: -32px !important;
  }
  .close {
    margin-top: 0;
    margin-right: 0;
    z-index: 99999999;
    position: relative;
  }
  .modal {
    overflow-y: scroll;
  }
  .number-main {
    padding: 0;
    margin-bottom: 10px;
  }
  .intl-tel-input,
  .flag-container {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 644px;
  }
}

.slick-prev.hidden,
.slick-next.hidden {
  opacity: 0 !important;
  display: none !important;
  pointer-events: none !important;
}

/*datepicker style*/

.mydp .header {
  position: relative;
}

.mydp .selector {
  border: none !important;
}

.mydp .headerlabelbtn {
  text-decoration: underline;
}

.businessList {
  height: -moz-fit-content !important;
  height: fit-content !important;
  max-height: -moz-fit-content !important;
  max-height: fit-content !important;
}

@media (max-width: 450px) {
  .businessList {
    height: auto;
    max-height: inherit;
    /*border-radius: 4px;*/
    /*-o-box-shadow: 0 0 3px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.24);*/
    /*-moz-box-shadow: 0 0 3px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.24);*/
    /*-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.24);*/
    /*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
    /*transition: box-shadow 0.25s linear;*/
  }
}

/*Business landing page start */

.business-logo img {
  height: 68px;
}

.ratingMain {
  text-align: right;
}

@media (max-width: 770px) {
  /*.business-logo img{*/
  /*height: 50px!important;*/
  /*}*/
  .navbar-header {
    margin-top: -67px;
  }
  .ratingMain {
    text-align: left;
    padding-left: 10px;
  }
}

@media (max-width: 687px) {
  .business-logo img {
    height: 63px;
  }
  .navbar-header {
    margin-top: -63px;
  }
}

@media (max-width: 647px) {
  .business-logo img {
    height: 64px;
  }
  .navbar-header {
    margin-top: -64px;
  }
}

.right-popup-header {
  width: 100%;
  z-index: 9999;
  /*-webkit-transform: translate3d(0,0,0);*/
  /*top: 0;*/
  /*bottom:0;*/
  /*position:fixed;*/
  /*overflow-y:scroll;*/
  /*overflow-x:hidden;*/
}

.cover-img {
  width: 100%;
  /*height: 100px;*/
  -o-object-fit: cover;
     object-fit: cover;
}

.not-found-main {
  margin-top: 30px;
  width: 560px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.notfound-image img {
  width: 100%;
}

/*.notfound-text img {*/

/*width: 240px;*/

/*margin-top: 35px;*/

/*margin-bottom: 35px;*/

/*cursor: pointer;*/

/*}*/

.free-breakdown {
  width: 400px;
  max-width: 400px;
}

@media (max-width: 770px) {
  .loderIcon {
    right: 335px !important;
  }
}

@media (max-width: 650px) {
  .free-breakdown {
    width: 325px;
    max-width: 325px;
  }
}

@media (max-width: 480px) {
  .free-breakdown {
    width: 300px;
    max-width: 300px;
  }
}

@media (max-width: 992px) {
  .business-overview {
    padding-left: 0px;
  }
}

/*===== profile view=======*/

.profile_img {
  text-align: center;
}

.cropit-image-input-tile {
  visibility: hidden;
}

.cropper-header {
  box-shadow: -1px 4px 5px -2px rgba(204, 204, 204, 1);
}

.cropper-footer {
  padding: 15px;
  box-shadow: 0 -2.4px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.profileImg {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #cccccc;
}

.default-profile {
  width: 120px;
  height: 120px;
  background-color: #cccccc;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
}

.aa {
  width: 100%;
  border: 0px;
  outline: 0px;
  background: transparent;
  border-bottom: 1px solid black;
}

.profileTickIcon {
  /*float: right;*/
  margin-top: -31px;
  font-size: 20px;
  color: var(--colorCodeVar);
  margin-right: 6px;
  position: relative;
}

.profileTickIcon:hover {
  color: var(--colorCodeVar);
}

.profile-dob .btnpickerenabled {
  margin-right: 33px;
  visibility: hidden;
}

.profile-dob .mydp {
  border: 0px;
}

#profileNoUpdate {
  z-index: 99999999999 !important;
}

#codePopProfile {
  z-index: 99999999999 !important;
}

#ProfileEmailPopup {
  z-index: 99999999999 !important;
}

#cropperTileImgPop {
  z-index: 99999999999 !important;
}

#TrackPopup {
  z-index: 999999999999 !important;
}

#showTaxInfoPopup {
  z-index: 999999999999 !important;
}

#paymentPopup {
  z-index: 9999999999999 !important;
}

#addNewPaymentPopup {
  z-index: 99999999999999 !important;
}

#packgesSubscriptionListPopup {
  z-index: 999999 !important;
}

#packgesPopup {
  z-index: 999999999 !important;
}

#subscriptionBuyAlertPop {
  z-index: 9999999999 !important;
}

#DeliveryPlanPaymentPopup {
  z-index: 99999999999999 !important;
}

#purchasePackgePopup {
  z-index: 999999999999999 !important;
}

#removeCardConformPop {
  z-index: 999999999999999 !important;
}

#toast-container {
  z-index: 99999999999999999 !important;
}

#onOnleBusinessCart {
  z-index: 999999999999999999 !important;
}

#onCallOrderPopUp {
  z-index: 999999999999999999 !important;
}

#onCancelOrderPopUp {
  z-index: 999999999999999999 !important;
}

#onOnleOverDue {
  z-index: 999999999999999999 !important;
}

#weAreClosed {
  z-index: 999999999999999999 !important;
}

#onOnleOverDueWishlist {
  z-index: 999999999999999999 !important;
}

#weAreClosedWishlist {
  z-index: 999999999999999999 !important;
}

#onOnleBusinessCartWishlist {
  z-index: 999999999999999999 !important;
}

#deliveryAddressPop {
  z-index: 999999999999999999 !important;
}

#customerAddresslabel {
  z-index: 9999999999999999999 !important;
}

/*#onOnleResponsePopup {*/

/*z-index: 999999999999999999!important;*/

/*}*/

/*.cropit-preview,.cropit-preview2 {*/

/*width: 960px;*/

/*height: 540px;*/

/*}*/

.cropit-preview {
  background-color: #f8f8f8;
  background-size: cover;
  border: 1px solid #ccc;
  border-radius: 3px;
  width: 200px;
  height: 200px;
  cursor: move;
  margin: 10px 0 0 0;
}

.cropit-preview2 {
  background-color: #f8f8f8;
  background-size: cover;
  border: 1px solid #ccc;
  border-radius: 3px;
  width: 71px;
  height: 71px;
  cursor: move;
  margin: 10px 0 0 0;
}

.cropit-preview-background {
  opacity: 0.2;
  cursor: auto;
}

.image-size-label {
  margin-top: 32px;
}

.jnb {
  display: block;
}

.export {
  margin-top: 10px;
}

input[type="range"] cropit-image-input {
  width: 200px;
  /*margin: 0 auto;*/
  margin-top: 10px;
  margin-bottom: 10px;
}

input[type="range"].cropit-image-input2 {
  width: 71px !important;
  /*margin: 0 auto;*/
  margin-top: 10px;
  margin-bottom: 10px;
}

input.cropit-image-input,
input.cropit-image-input2 {
  visibility: hidden;
}

.uploadText {
  display: block;
}

.cropit-preview {
  border-radius: 50%;
}

.cropit-preview-image-container {
  border-radius: 50%;
}

/*=================*/

/*Story style*/

/*=================*/

.storyImgTitle {
  position: absolute;
  top: 65%;
  z-index: 9999;
  margin: 0 auto;
  width: 35%;
  text-align: left;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 6px;
}

.imgbox {
  margin-top: 70px;
}

@media only screen and (max-width: 850px) {
  .storyImgTitle {
    top: 50%;
    width: 50%;
  }
}

@media only screen and (max-width: 768px) {
  .imgbox {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 570px) {
  .storyImgTitle {
    top: 45%;
    width: 86%;
  }
  .storyImgTitle h3 {
    font-size: 16px;
  }
  .storyImgTitle h4 {
    font-size: 15px;
  }
}

.add-car-icon {
  font-size: 29px;
  top: 0px;
  /*display: none!important;*/
}

.add-car-icon1 {
  font-size: 16px;
  /*top: -21px;*/
  /*display: none!important;*/
}

/*.hoverShadow:hover .add-car-icon{*/

/*display: none!important;*/

/*}*/

/*.productDetailButtons{*/

/*display: none!important;*/

/*}*/

/* The switch - the box around the slider */

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  float: left;
}

/* Hide default HTML checkbox */

.switch input {
  display: none;
}

/* The slider */

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
}

input.default:checked + .slider {
  background-color: #444;
}

input.primary:checked + .slider {
  background-color: #2196f3;
}

input.success:checked + .slider {
  background-color: var(--colorCodeVar);
}

input.info:checked + .slider {
  background-color: #3de0f5;
}

input.warning:checked + .slider {
  background-color: #ffc107;
}

input.danger:checked + .slider {
  background-color: #f44336;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider:before {
  transform: translateX(26px);
}

/* Rounded sliders */

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/*@media only screen and (max-width: 780px) {*/

.jp-card-container {
  float: left;
}

/*}*/

.custom-ellipsis {
  float: right;
}

.cancelOrderIcon:hover {
  background: #f5f5f5;
  color: #ffffff;
  height: 25px;
  width: 25px;
  text-align: center;
  border-radius: 50%;
  line-height: 23px;
  color: black;
  /*padding-right: 10px;*/
}

.custom-ellipsis i {
  font-weight: bold;
  padding-right: 10px;
}

/*.custom-ellipsis i {*/

/*font-weight: bold;*/

/*border: 1px solid black;*/

/*width: 40px;*/

/*height: 40px;*/

/*!*padding-right: 10px;*!*/

/*!*padding-left: 15px;*!*/

/*!*padding-top: 15px;*!*/

/*!*padding-bottom: 15px;*!*/

/*!*border-radius: 100%;*!*/

/*transition: all 0.2s;*/

/*}*/

/*.custom-ellipsis i:hover {*/

/*transition: all 0.2s;*/

/*font-weight: bold;*/

/*!*border: 1px solid black;*!*/

/*background-color: #f5f5f5;*/

/*!*width: 20px;*!*/

/*!*height: 20px; *!*/

/*!*padding-right: 15px;*!*/

/*!*padding-left: 15px;*!*/

/*!*padding-top: 10px;*!*/

/*!*padding-bottom: 10px;*!*/

/*border-radius: 100%;*/

/*}*/

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

.removeTransformProperty {
  transform: none !important;
}

#paymentMethodOption .lab-modal-body,
#dineinPaymentMethodOption .lab-modal-body {
  width: 400px;
  max-width: 400px;
}

/*.iti-container {*/

/*z-index: 1060;*/

/*}*/

/*slect Payment method*/

@media only screen and (max-width: 600px) {
  #paymentMethodOption .lab-modal-body,
  #dineinPaymentMethodOption .lab-modal-body {
    width: 355px !important;
    max-width: 355px !important;
  }
  /*.intl-tel-input .country-list {*/
  /*z-index: 999999999999!important;*/
  /*}*/
}

.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
  z-index: 999999999999 !important;
}

/*loader css*/

.lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 25px;
  height: 25px;
  margin: 6px;
  border: 3px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*body.modal-open {*/

/*!*position: fixed;*!*/

/*overflow: hidden;*/

/*position: fixed;*/

/*}*/

.full-rating {
  color: var(--colorCodeVar);
  font-size: 30px;
}

.zero-rating {
  color: #d9d9d9;
  font-size: 30px;
}

.feedback-input::-moz-placeholder {
  /* Chrome/Opera/Safari */
  color: lightgrey;
  font-size: 10px;
  font-family: SpartanMB-Light;
}

.feedback-input::placeholder {
  /* Chrome/Opera/Safari */
  color: lightgrey;
  font-size: 10px;
  font-family: SpartanMB-Light;
}

.feedback-input {
  -webkit-box-shadow: none;
  border-top: none;
  border-right: none;
  border-left: none;
  padding: 6px 0px;
  border-radius: 0px !important;
}

.sb-icon {
  width: 100% !important;
  height: 100%;
}

.sb-template {
  display: none !important;
}

/* .star-icon[_ngcontent-c3]:before {
  color: var(--colorCodeVar) !important;
  height: 100%;
} */

.star-icon:before {
  color: white !important;
  height: 100%;
}

#previewHtml {
  overflow-x: scroll !important;
}

.fa-ellipsis-v {
  cursor: pointer;
}

.labelCheckIcon {
  float: right;
  margin-top: 4px;
  color: var(--colorCodeVar);
  font-size: 20px;
}

/*==== search business listing ====*/

.searchBusinessMain {
  cursor: pointer;
  padding: 25px 25px 0px 0px;
  height: 320px;
  max-height: 320px;
}

@media only screen and (max-width: 488px) {
  .searchBusinessMain {
    width: 100% !important;
    padding: 25px 0px 0px 0px;
  }
}

/*==================
    Shimmer work
============================*/

.storyShimmerBox1,
.storyShimmerBox2,
.shimmerBox1,
.shimmerBox2,
.shimmerBox3,
.shimmerBoxProduct1,
.shimmerBoxProduct2,
.shimmerBoxProduct3 {
  height: 100%;
  width: 6px;
  position: absolute;
  top: 0;
}

.storyShimmerBox1 {
  left: 33.33%;
}

.storyShimmerBox2 {
  left: 66.33%;
}

/*Shimmer box for tiles*/

.shimmerBox1 {
  left: 25%;
}

.shimmerBox2 {
  left: 50%;
}

.shimmerBox3 {
  left: 75%;
}

.shimmerBoxProduct1 {
  left: 25%;
}

.shimmerBoxProduct2 {
  left: 50%;
}

.shimmerBoxProduct3 {
  left: 75%;
}

/*story Shimmer*/

@media only screen and (max-width: 767px) {
  .storyShimmerBox1,
  .storyShimmerBox2 {
    display: none;
  }
}

/*Shimmer tiles*/

@media only screen and (max-width: 991px) {
  .shimmerBox1 {
    left: 33.33%;
  }
  .shimmerBox2 {
    left: 66.33%;
  }
  .shimmerBox3 {
    display: none;
  }
  .shimmerBoxProduct1 {
    left: 33.33%;
  }
  .shimmerBoxProduct2 {
    left: 66.33%;
  }
  .shimmerBoxProduct3 {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .shimmerBox1 {
    left: 50%;
  }
  .shimmerBox2,
  .shimmerBox3 {
    display: none;
  }
}

@media only screen and (max-width: 488px) {
  .shimmerBox1,
  .shimmerBox2,
  .shimmerBox3 {
    display: none;
  }
}

/*Product Tiles Shimmer*/

@media only screen and (max-width: 600px) {
  .shimmerBoxProduct1 {
    left: 50%;
  }
  .shimmerBoxProduct2,
  .shimmerBoxProduct3 {
    display: none;
  }
}

/*.lin {*/

/*height: 40px;*/

/*overflow: hidden;*/

/*}*/

/*.sliderListMain .lin {*/

/*white-space: nowrap;*/

/*overflow: hidden;*/

/*text-overflow: ellipsis;*/

/*max-width: 200px;*/

/*}*/

/*overflow: hidden;*/

/*text-overflow: ellipsis;*/

/*-o-text-overflow: ellipsis;*/

/*!*line-height: 1rem;*!*/

.slick-list {
  overflow-x: auto !important;
}

/*AddToCart1*/

@media (min-width: 460px) {
  .FinalCheckOutPopupBody {
    width: 459px !important;
    margin-left: auto;
    margin-right: auto;
  }
}

.selectedPackage {
  border: 1px solid var(--colorCodeVar) !important;
  background-color: transparent !important;
}

.selectedPackage .panel-heading {
  background-color: transparent !important;
}

.toast-success {
  background-color: var(--colorCodeVar) !important;
}

.productDisArea h5 {
  font-size: 18px !important;
}

/*==============
    Dropzone
===================*/

.dropzone a.dz-remove,
.dropzone-previews a.dz-remove {
  color: #ffffff;
  background: var(--colorCodeVar);
  margin-top: 12px;
  width: 100%;
  padding: 5px;
  font-size: 16px;
  display: inline-block;
  font-weight: 300;
  cursor: pointer;
  text-align: center;
}

.dropzone a.dz-remove:hover,
.dropzone-previews a.dz-remove:hover {
  color: #ffffff;
}

.dropzone .dz-preview,
.dropzone-previews .dz-preview {
  margin: 10px 5px;
  border: 1px solid #e4e4e4;
  box-shadow: none;
}

.dz-details,
.dz-progress {
  display: none !important;
}

.dropzone {
  min-height: 226px;
  border-radius: 3px;
  padding: 10px;
}

.dropzone .dz-default.dz-message {
  background-repeat: no-repeat;
  background-position: center center;
  height: 151px;
  margin-top: -76.5px;
}

.dz-success-mark,
.dz-error-mark {
  display: none !important;
}

.dropzone .dz-preview:hover.dz-error .dz-error-message {
  display: none !important;
}

.dropzone,
.dropzone *,
.dropzone-previews,
.dropzone-previews * {
  box-sizing: border-box;
}

.dropzone {
  position: relative;
}

.dropzone.dz-clickable,
.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message span {
  cursor: pointer;
}

.dropzone.dz-clickable *,
button[disabled],
html input[disabled] {
  cursor: default;
}

.dropzone .dz-message {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  filter: none;
}

.dropzone.dz-drag-hover {
  border-color: rgba(0, 0, 0, 0.15);
  background: rgba(0, 0, 0, 0.04);
}

.dropzone .dz-preview,
.dropzone-previews .dz-preview {
  background: rgba(255, 255, 255, 0.8);
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 5px;
}

.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
  display: none;
}

.dropzone .dz-preview .dz-details,
.dropzone-previews .dz-preview .dz-details {
  width: 100px;
  height: 100px;
  position: relative;
  background: #ebebeb;
  padding: 5px;
  margin-bottom: 22px;
}

.dropzone .dz-preview .dz-details .dz-filename,
.dropzone-previews .dz-preview .dz-details .dz-filename {
  overflow: hidden;
  height: 100%;
}

.dropzone .dz-preview .dz-details img,
.dropzone-previews .dz-preview .dz-details img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
}

.dropzone .dz-preview .dz-details .dz-size,
.dropzone-previews .dz-preview .dz-details .dz-size {
  position: absolute;
  bottom: -28px;
  left: 3px;
  height: 28px;
  line-height: 28px;
}

.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
  display: block;
}

/*.dropzone .dz-preview:hover .dz-details img,*/

/*.dropzone-previews .dz-preview:hover .dz-details img {*/

/*display: none*/

/*}*/

.dropzone .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-success-mark {
  position: absolute;
  width: 40px;
  height: 40px;
  font-size: 30px;
  text-align: center;
  right: -10px;
  top: -10px;
}

.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
  color: #8cc657;
}

.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
  color: #ee162d;
}

.dropzone .dz-preview .dz-progress,
.dropzone-previews .dz-preview .dz-progress {
  position: absolute;
  top: 100px;
  left: 6px;
  right: 6px;
  height: 6px;
  background: #d7d7d7;
  display: none;
}

.dropzone .dz-preview.dz-processing .dz-progress,
.dropzone .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview.dz-processing .dz-progress,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
  display: block;
}

.dz-error-message {
  display: none;
}

.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload {
  display: block;
  bottom: 0;
  background-color: #8cc657;
}

.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
  position: absolute;
  top: -5px;
  left: -20px;
  background: rgba(245, 245, 245, 0.8);
  padding: 8px 10px;
  color: #800;
  min-width: 140px;
  max-width: 500px;
  z-index: 500;
}

.dropzone {
  padding: 0;
  /*border: 1px solid rgba(0, 0, 0, .03);*/
  /*background: rgba(0, 0, 0, .03)*/
}

.dropzone .dz-default.dz-message {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  filter: none;
  transition: opacity 0.3s ease-in-out;
  /*background-image: url(https://s3-us-west-2.amazonaws.com/intigo-resources/dropzone-upload-updated.png);*/
  position: absolute;
  width: 428px;
  margin-left: -214px;
  top: 76%;
  text-align: center;
  left: 50%;
  color: var(--colorCodeVar);
}

.dropzone .dz-preview:hover .dz-image img {
  transform: none;
  -webkit-filter: none;
  filter: none;
}

.dropzone .dz-preview .dz-image {
  border-radius: 0px;
}

.cke_bottom {
  display: none !important;
}

.owl-nav {
  position: relative;
  /*visibility: hidden;*/
}

.owl-next {
  margin-top: -175px;
  float: right;
}

.owl-prev {
  margin-top: -175px;
  position: absolute;
}

.visibility-hidden {
  visibility: hidden;
}

.see-more-tile {
  min-height: 222px;
  padding-top: 65px;
  /* padding-left: 12%; */
  text-align: center;
  color: var(--colorCodeVar);
}

.subCategorySlider .owl-nav {
  position: initial;
}

.subCategorySlider .owl-prev {
  margin-top: 0px !important;
  top: -10vh !important;
  position: relative !important;
  margin-left: 7px !important;
}

.subCategorySlider .owl-next {
  margin-top: 0px !important;
  top: -10vh !important;
  position: relative !important;
  margin-right: 7px !important;
}

@media only screen and (max-width: 460px) {
  .subCategorySlider .owl-nav {
    visibility: hidden !important;
  }
  .owlProductsSlider .owl-nav {
    visibility: hidden !important;
  }
  .subCategorySlider .owl-next {
    top: -12vh !important;
  }
  .subCategorySlider .owl-prev {
    top: -12vh !important;
  }
  .owl-stage-outer {
    overflow-x: auto !important;
  }
  .see-more-tile {
    min-height: 222px;
    padding-top: 65px;
    /* padding-left: 30%; */
    text-align: center;
    color: var(--colorCodeVar);
  }
}

.display-none {
  display: none;
}

.display-block {
  display: block;
}

/*
.wishlist-addToCart-hover{
  display: none;
} */

/* .wishlist-addToCart-hover:hover{
  display: flex;
} */

@media screen and (max-width: 420px) {
  /* .wishlist-addToCart-hover{
    display: flex;
  } */
  .changeDisplayMobile {
    display: flow-root !important;
  }
}

.custombtn:hover {
  background-color: var(--colorCodeVar);
  color: #ffffff;
  padding: 10px;
  border-radius: 4px;
  /* background-image: url('./assets/Customise_Order_w.png') */
}

.custombtntop:hover {
  text-decoration: underline;
}

.mobileCustome {
  margin-left: 325px;
}

.customModel {
  width: 20%;
}

.lining {
  border-top: 1px solid #000000;
  margin-top: 48px;
}

.footer-design {
  margin-top: 30px;
  bottom: 0;
  /* position: relative; */
  left: 0;
  width: 100%;
}

@media (min-width: 1025px) and (max-width: 3000px) {
  .footer-design {
    margin-top: 300px;
  }
}

.d-flex {
  display: flex;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-start {
  justify-content: start;
}

.justify-content-end {
  justify-content: end;
}

.align-items-center {
  align-items: center;
}

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

.p-2 {
  padding: 0.5rem !important;
}

.pointer {
  cursor: pointer !important;
}

.mt-3 {
  margin-top: 3rem !important;
}

.mt-1 {
  margin-top: 1rem !important;
}

.w-100{
  width: 100% !important;
}

@font-face {
  font-family: "Steradian-Regular";
  src: url('Steradian-Regular.bc7c6174503b655e0374.otf') format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Steradian-Medium";
  src: url('Steradian-Medium.d0a1137816a040b39144.otf') format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Steradian-Bold";
  src: url('Steradian-Bold.003ace533dab76832b07.otf') format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Steradian-Black";
  src: url('Steradian-Black.1d5937b93b5bccff13af.otf') format("opentype");
  font-weight: normal;
  font-style: normal;
}