/** * Swiper 4.4.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 1, 2018 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} body{ color: #868686; } h1, .h1 { font-size:16px; font-weight: 600; color: #404040; } h2, .h2 { font-size:16px; font-weight: 600; color: #404040; } h3, .h3 { font-size:18px; font-weight: 600; color: #404040; } h4, .h4 { font-size:16px; font-weight: 600; color: #404040; } h5, .h5 { font-size:16px; font-weight: 600; color: #404040; } h6, .h6 { font-size:16px; font-weight: 600; color: #404040; } .fz-10{ font-size: 10px !important; } .fz-11{ font-size: 11px !important; } .fz-12{ font-size: 12px !important; } .fz-13{ font-size: 13px !important; } .fz-14{ font-size: 14px !important; } .fz-15{ font-size: 15px !important; } .fz-16{ font-size: 16px !important; } .fz-17{ font-size: 17px !important; } .fz-18{ font-size: 18px !important; } .fz-19{ font-size: 19px !important; } .fz-20{ font-size: 20px !important; } label{ font-size: 12px; } .icon-holder{ margin-bottom: 13px; } .checkbox-text{ display: block; color: #404040; font-weight: 600; font-size: 18px; } .checkbox-holder{ height: 140px; display: flex; width: 100%; justify-content: center; align-items: center; background: #f8f8f8; border:1px solid #e8e8e8; border-radius: 7px; -webkit-border-radius: 7px; flex-direction: column; position: relative; } .checkbox-holder .checkbox{ width: 16px; height: 16px; border: 1px solid #e8e8e8; background: #ffffff; position: absolute; top: 14px; right: 14px; border-radius: 2px; -webkit-border-radius: 2px; } .checkbox-holder .checkbox:after{ content: ''; display: block; width: 6px; height: 10px; border: solid #e8e8e8; border-width: 0 3px 3px 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; top: 1px; right: 4px; } .input-check:checked + .checkbox-holder{ background: #e8f4fe; border-color: #d2e9fc; } .input-check:checked + .checkbox-holder .checkbox{ border-color: #5abe2b; background: #5abe2b; } .input-check:checked + .checkbox-holder .checkbox:after{ border: solid #fff; border-width: 0 3px 3px 0; } .top-section{ padding-top: 38px; padding-bottom: 23px; } .create-campaign{ padding: 14px 20px; background: #e8e8e8; border: 0; border-radius: 4px; font-size: 12px; font-family: 'Open Sans'; color: #fff; font-weight: 600; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; max-width: 170px; width: 100%; display: inline-block; } .create-campaign:disabled{ background: #e8e8e8; cursor: no-drop; } .go-back{ display: inline-block; vertical-align: middle; font-size: 12px; font-family: 'Open Sans'; color: #868686; font-weight: 600; padding-left: 21px; background: url(../img/back-arrow.png) no-repeat left center; } .campaign-hd{ padding-top: 40px; padding-bottom: 40px; } .campaign-hd h1{ color: #2c2c2c; } .campaign-hd h1 span{ display: block; color: #868686; font-size: 12px; margin-top: 10px; font-weight: 400; } .campaign-hd h3 strong{ display: inline-block; font-weight: 600; font-size: 13px; color: #404040; margin-left: 30px; padding-left: 15px; position: relative; } .campaign-hd h3 strong:before{ content: ''; width: 8px; height: 8px; background: #2c3242; position: absolute; top: 3px; left: 0; border-radius: 50%; } .campaign-hd h3 span{ font-size: 12px !important; display: block; color: #868686; font-weight: 400; margin-top: 5px; } .campain-inputes label:not(.checkbox-holder):not(.rad_lbl):not(.lblchk){ color: #868686; font-size: 12px; text-transform: uppercase; display: block; } .campain-inputes .active label:not(.checkbox-holder){ color: #404040; } .form-control:focus, .active .form-control{ border:1px solid #404040; box-shadow: none; } .datepicker thead tr:first-child th:hover{ background: none; } .campain-inputes .form-control{ height: 40px; } .campain-inputes textarea.form-control{ height: 125px; margin-bottom: 28px; min-height: 125px; max-height: 125px; } .campain-inputes h4{ font-size: 14px; color: #404040; margin: 35px 0 15px; font-weight: 600; } .checkbox-div{ margin-bottom: 116px; } .hr-line{ margin: 0; border-top: 1px solid #f2f2f2; } #start-date, #end-date{ background: #fff url(../img/calender-icon.png) no-repeat right 10px center; } .datepicker .datepicker-days td, .datepicker .datepicker-days td:hover { text-align: center; width: 30px; height: 30px; padding: 0; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .datepicker .datepicker-days td{ font-size: 13px; font-weight: 700; color: #868686; } .datepicker .datepicker-days td.active.active,.datepicker .datepicker-days td.active, .datepicker .datepicker-days td.active:hover, .datepicker .datepicker-days td:not(.disabled):hover{ background: #f5b829; text-shadow: none; color: #fff; } .datepicker .datepicker-days td.new{ font-size: 13px; color: #868686; opacity: .3; } .datepicker .datepicker-days td.new:hover{ color: #ffffff; opacity: 1; } .datepicker .datepicker-days td.disabled{ opacity: .3; color: #868686; } .datepicker .datepicker-days td.disabled:hover{ background: none; cursor: no-drop; } .datepicker { padding: 0; overflow: hidden; } .datepicker .datepicker-days{ background: #404040; } .datepicker .datepicker-days thead{ background: #2c2c2c; } .datepicker .datepicker-days thead th{ color: #fff; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .datepicker .datepicker-days thead tr:last-child{ display: none; } .char-left{ position: absolute; bottom: 30px; right: 25px; color: #868686; font-size: 12px; opacity: .3; } .breadcrumb{ background: none; padding: 0; } .date-text{ display: inline-block; margin: 0 0 0 18px; } .date{ color: #41a3f3; } .selectpicker{ height: 42px; width: 165px !important; background: #f8f8f8; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border: 0; padding: 0 9px; } .bootstrap-select.selectpicker{ padding: 0; } .bootstrap-select.selectpicker .dropdown-toggle .filter-option-inner-inner{ line-height: 26px; } .filter-by{ display: inline-block; padding-left: 22px; margin-right: 19px; background: url(../img/filter.png) no-repeat left center; } .icon-box{ width: 100%; border-radius: 4px; -webkit-border-radius: 4px; border:1px solid #e4e4e4; background: #fff; margin-bottom: 30px; } .icon-box:hover{ border-color: #cee8ff; } .icon-box:hover .icon-content{ background: #def0ff; border-top-color: #cee8ff; } .icon-box:hover .icon-content h3{ border-bottom-color: #cee8ff; } .icon-content{ background: #f8f8f8; border-top:1px solid #e4e4e4; } .icon-container{ display: flex; height: 126px; justify-content: center; align-items: center; } .icon-content{ padding:8px 14px 14px; } .icon-content h3{ padding-bottom: 8px; border-bottom: 1px solid #e4e4e4; margin: 0 0 8px; } .icon-content table{ width: 100%; color: #404040; } .icon-content table tr td:nth-child(2), .icon-content table tr th:nth-child(2){ text-align: right; } .lblchk{ display: inline-block !important; vertical-align: middle; padding-left: 20px; margin-right: 64px; position: relative; } .check-box{ width: 16px; height: 16px; position: absolute; top: 0; left: 0; border:1px solid #e8e8e8; border-radius: 2px; background-color: #f5f5f5; } .check-box:after{ content: ''; display: block; width: 6px; height: 10px; border: solid #e8e8e8; border-width: 0 2px 2px 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; top: 1px; right: 4px; } .lblchk input{ display: none; } .lblchk input:checked + .check-box{ background: #5abe2b; border: 1px solid #5abe2b; } .lblchk input:checked + .check-box:after{ border-color: #fff; } .btn{ width: 186px; height: 42px; padding: 6px; text-transform: uppercase; font-size: 13px; line-height: 28px; } .breadcrumb-item{ color: #868686; font-weight: 600; } .breadcrumb-item+.breadcrumb-item::before{ content: '|'; color: #404040; } .breadcrumb-item a{ color: #404040; } .breadcrumb-item a:hover{ text-decoration: none; } .search-email{ padding-right: 35px; background: url(../img/search-icon.png) no-repeat right 15px center; } select.form-control:not([size]):not([multiple]){ height: 40px; } .line{ height: 2px; background: #63b128; display: flex; justify-content: space-between; align-content: center; } .line .circle{ width: 18px; height: 18px; border: 3px solid #e8e8e8; background: #fff; border-radius: 50%; -webkit-border-radius: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); position: relative; } .line .circle span{ display: block; white-space: nowrap; transform: translateX(-50%); -webkit-transform: translateX(-50%); position: absolute; top: 23px; left: 50%; color: #868686; font-size: 11px; opacity: .4; text-transform: uppercase; } .line .circle:hover span{ opacity: 1; } .line .circle.active{ border-color: #5abe2b; } .line .circle.active span{ opacity: 1; } .pager .page-link{ border: 0; background: #7d7d7d; border-radius: 5px; -webkit-border-radius: 5px; color: #fff; margin-left: 14px; font-size: 13px; font-weight: 600; min-width: 75px; text-align: center; padding: 12px 6px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pager .page-link:hover{ background: #9e9e9e; } .circle-question-mark{ width: 20px; height: 20px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: #41a3f3; color: #fff; font-weight: bold; font-size: 14px; line-height: 20px; text-align: center; cursor: pointer; } .db-config .lblchk{ font-size: 16px !important; color: #404040 !important; } .db-config .check-box{ top: 4px; border-radius: 3px; -webkit-border-radius: 3px; } .db-config h3{ margin: 0 0 34px; } .db-config{ margin-bottom: 25px; } .disc{ display: block; color: #868686; font-size: 12px; font-weight: 400; margin-top: 4px; } .tagname{ padding: 30px 0; } .tagname .disc{ margin-bottom: 15px; } .place-holder{ display: block; color: #404040; margin-bottom: 15px; margin-top: 25px; font-weight: 600; } .do-action .btn{ font-size: 12px; } .do-action .btn-outline-primary{ border:1px solid #404040; color: #404040; background: url(../img/blk-plus.png) no-repeat 15px center; max-width: inherit; width: auto; padding: 3px 14px 3px 37px; margin-right: 10px; text-transform: uppercase; } .do-action .btn-primary{ border:1px solid #404040; color: #fff; background: #404040; max-width: inherit; width: auto; padding: 3px 14px 3px 14px; width: 140px; text-transform: uppercase; } .do-action .btn-primary:disabled{ opacity: 1; background: #e8e8e8; border-color: #e8e8e8; cursor: no-drop; } .do-action{ margin-bottom: 40px; } .tooltiper{ width: 355px; padding: 20px 45px 30px 30px; position: absolute; right: 0; top: 30px; background: #fff; border:1px solid #dbdbdb; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; display: none; z-index: 100; } .tooltiper h4{ font-size: 17px; margin: 0 0 20px; color: #2b2b2b; } .tooltiper p{ color: #2b2b2b; font-size: 14px; line-height: 24px; } .x-close{ position: absolute; top: 18px; right: 20px; cursor: pointer; } .x-close img{ vertical-align: top; } .rad_lbl input{ display: none; } .rad_lbl{ padding-left: 22px; margin-right: 22px; margin-top: 36px; position: relative; } .rad_lbl .radio{ width: 16px; height: 16px; border:2px solid #e8e8e8; position: absolute; top: 2px; left: 0; border-radius: 50%; -webkit-border-radius: 50%; background: #fff; } .rad_lbl input:checked + .radio{ border-color: #5abe2b; } .rad_lbl input:checked + .radio:after{ background: #5abe2b; } .rad_lbl .radio:after{ width: 8px; height: 8px; background: #e8e8e8; top: 2px; left: 2px; content: ''; position: absolute; border-radius: 50%; -webkit-border-radius: 50%; } .remove-btn{ color: #ff494e; float: right; padding-left: 22px; font-size: 13px; margin-top: 36px; position: relative; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .remove-btn:after{ content: ''; width: 14px; height: 14px; position: absolute; top: 2px; left: 0; background: #ff494e; border-radius: 50%; -webkit-border-radius: 50%; } .remove-btn:before{ content: ''; width: 10px; height: 2px; background: #fff; position: absolute; top: 8px; left: 2px; z-index: 1; } .table-data{ padding: 26px 26px 30px 30px; } .table-data table tr td:first-child{ width: 180px; } .table-data table{ width: 100%; } .nav-tabs{ border: 0; } .tab-content{ border:1px solid #d8eaf9; border-radius: 5px 0 5px 5px; -webkit-border-radius: 5px 0 5px 5px; -moz-border-radius: 5px 0 5px 5px; -ms-border-radius: 5px 0 5px 5px; -o-border-radius: 5px 0 5px 5px; } .blue-box{ margin: 20px; background: #e8f4fe; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; padding: 60px 40px; } .left-section{ width: 360px; color: #404040; } .left-section strong{ display: block; font-size: 32px; color: #41a3f3; margin: 22px 0 0; } .left-section span{ font-size: 18px; font-weight: bold; } .left-section small{ font-size: 14px; font-weight: bold; } .right-section p{ color: #404040; font-size: 14px; line-height: 24px; } .right-section p strong{ font-weight: 600; } .table-borderless tbody+tbody, .table-borderless td, .table-borderless th, .table-borderless thead th { border: 0; } .table-borderless th, .table-borderless thead th{ color: #404040; } .table-wrapper{ border-radius: 5px; -webkit-border-radius: 5px; border:1px solid #d8eaf9; } .line .circle.checked{ background: #5abe2b; } .create-campaign:hover{ color: #fff; } .line .circle.checked:after{ content: ''; display: block; width: 6px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; top: 0px; right: 3px; } .home-section{ min-height: calc(100vh - 206px); display: flex; justify-content: center; align-items: center; } .home-section{ text-align: center; } .home-section .create-campaign{ display: inline-block; max-width: none; width: auto; font-size: 13px; font-weight: 600; background: #5abe2b; padding: 14px 14px 14px 13px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .home-section .create-campaign:hover{ text-decoration: none; background: #54b328; } .create-campaign img{ margin-right: 5px; position: relative; top: -1px; } .modal-header{ background: #e8f4fe; padding: 5px; border-radius: 5px; -webkit-border-radius: 5px; margin: 10px; } .modal-body{ padding: 10px; } .modal-email .form-control{ margin-bottom: 10px; } .input-box { width: 100%; } .tag{ padding: 5px 32px 5px 10px; background: #404040; display: inline-block; vertical-align: top; color: #fff; border-radius: 30px; position: relative; -webkit-border-radius: 30px; } .tag:hover{ color: #fff; } .tag:hover{ text-decoration: none; } .close-x{ width: 14px; height: 14px; background: #ff494e url(../img/cross-tag.png) no-repeat center; border-radius: 50%; -webkit-border-radius: 50%; position: absolute; top: 8px; right: 8px; } .modal-footer .btn{ width: 126px; } .actions{ display: flex; justify-content: space-between; margin-bottom: 70px; } .actions .btn{ width: calc(33.33% - 10px); } .actions .btn-secondary{ background: #868686; border-color: #868686; } .actions .btn-secondary:hover{ background: #636363; border-color: #636363; } .actions .btn-info{ background: #41a3f3; border-color: #41a3f3; } .actions .btn-info:hover{ background: #187ac9; border-color: #187ac9; } .actions .btn-success{ background: #5abe2b; border-color: #5abe2b; } .form-control{ color: #404040; font-size: 14px; border: 1px solid #e8e8e8; margin-bottom: 10px; padding: 10px; } .badge-dark{ color: #fff; background-color: #404040 !important; padding: 9px 20px; margin-right: 18px; font-size: 16px; font-weight: 400; } .actions .btn-success:hover{ background: #3d9415; border-color: #3d9415; } .modal-footer .btn-primary{ background: #f2f2f2; border-color: #f2f2f2; color: #404040; } .modal-footer .btn-primary:hover{ background: #404040; color: #f2f2f2; } .modal-footer .btn-secondary:hover{ background: #fff; color: #404040; } /* table.dataTable thead>tr>th:last-child{ text-align: center; } */ .inprogress span{ display: inline-block; position: relative; padding-left: 21px; } .inprogress span:after{ width: 8px; height: 8px; position: absolute; top: 50%; margin-top: -4px; content: ''; border-radius: 50%; -webkit-border-radius: 50%; left: 0; background: #f5b829; } table .active span:after{ background: #303647; } table .devliver span:after{ background: #41a3f3; } table .done span:after{ background: #23b142; } table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting{ font-size: 12px; color: #404040; } .table td, .table th{ border-top-color: #e8e8e8; } table.dataTable tbody>tr:hover td{ color: #404040; font-weight: 600; } table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after { opacity: 1; } table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after{ position: static; display: inline-block; content: ''; width: 6px; height: 9px; background: url(../img/arrow.png) no-repeat center center; opacity: 1; margin-left: 5px; } table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before{ display: none; } .dataTables_wrapper [class*="col-"]:empty{ display: none; } .dataTables_wrapper .col-md-7{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } div.dataTables_wrapper div.dataTables_paginate{ text-align: center; } div.dataTables_wrapper div.dataTables_paginate ul.pagination{ justify-content: center; } div.dataTables_wrapper div.dataTables_paginate .page-item .page-link{ background: none; color: #dcdcdc; font-size: 14px; font-weight: 600; border: 0; } div.dataTables_wrapper div.dataTables_paginate .page-item.active .page-link{ color: #2c2c2c; } div.dataTables_wrapper div.dataTables_paginate .page-item.next .page-link{ background: url(../img/arrow-right.png) no-repeat center center; } div.dataTables_wrapper div.dataTables_paginate .page-item.previous .page-link{ background: url(../img/arrow-left.png) no-repeat center center; } div.dataTables_wrapper div.dataTables_paginate .page-item.next .page-link, div.dataTables_wrapper div.dataTables_paginate .page-item.previous .page-link{ color: rgba(0, 0, 0, 0); width: 20px; overflow: hidden; } .table thead th{ border: 0; } .plus-btn{ background: #5abe2b; color: #fff; font-size: 13px; padding: 8px; height: 42px; line-height: 22px; font-weight: 600; min-width: 188px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .campaign-btn,.report-btn{ min-width: 205px; width: auto; padding: 8px 15px 8px 10px; } .report-btn{ margin-right: 12px; color: white; } .plus-btn:hover{ opacity: .85; color: #fff; } .plus-btn img{ margin-right: 5px; position: relative; top: -1px; } .inprogress-tag span{ display: inline-block; background: #000; } table.dataTable td{ font-size: 13px; } .stat span{ display: inline-block; padding: 2px 5px; min-width: 60px; border-radius: 3px;; -webkit-border-radius: 3px; color: #fff; font-size: 11px; text-align: center; } .stat-1 span{ background: #41a3f3; } .stat-2 span{ background: #f5b829; } .stat-3 span{ background: #23b142; } .stat-4 span{ background: #404040; } .stat-5 span{ background: #868686; } .txar .form-control{ border:1px solid #e8e8e8; resize: none; } .advanced_section{ padding: 30px 0; } .advanced_section .bord_top{ padding-top: 30px; border-top: 1px solid #e8e8e8; } .advanced_section .bord_bot{ padding-bottom: 30px; border-bottom: 1px solid #e8e8e8; } .advanced_section .advanced_options{ border: none !important; font-size: 18px; font-weight: 600; margin-bottom: 20px !important; padding: 0; display: inline-block; color: #404040; text-decoration: none; position: relative; padding: 0 20px; } .advanced_section .advanced_options:after{ content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: url(../img/arrow.png) center top -5px no-repeat; width: 6px; height: 5px; } .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow { position: absolute; top: 50%; right: 3px; width: 20px; } .select2-container .select2-selection--single { height: 42px !important; line-height: 42px; } .dropdown-menu{ margin: 0; padding: 0; } .bootstrap-select .dropdown-menu{ width: 100%; } .bootstrap-select.selectpicker .dropdown-menu { background: #404040; } @media (min-width: 1024px){ .bootstrap-select.selectpicker .dropdown-menu .dropdown-item:focus, .bootstrap-select.selectpicker .dropdown-menu .dropdown-item:hover{ background: none; color: #fff; } } .bootstrap-select.selectpicker .dropdown-menu .dropdown-item{ color: #868686; position: relative; padding: 10px 10px 10px 37px; } .bootstrap-select.selectpicker .dropdown-menu li{ padding: 4px; color: #868686; } .bootstrap-select.selectpicker .dropdown-menu li + li{ border-top: 1px solid #3b3b3b; } .bootstrap-select.selectpicker .dropdown-menu li a span.check-mark,.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{ display: block; position: absolute; top: 14px; left: 6px; width: 16px; height: 16px; border:1px solid #fff; background: #5c5c5c; } .bootstrap-select.selectpicker .dropdown-menu li a span.check-mark:after{ visibility: hidden; } .bootstrap-select.show-tick .dropdown-menu .selected a{ background: #5c5c5c !important; color: #fff !important; } .bootstrap-select.selectpicker .dropdown-menu li.selected a span.check-mark:after{ visibility: visible; } .bootstrap-select.selectpicker .dropdown-menu li.selected a span.check-mark{ background: #5abe2b; border-color: #5abe2b; } .bootstrap-select.show-tick .dropdown-menu li a span.text{ margin: 0; width: 100%; } .bootstrap-select .bs-ok-default:after { content: ''; display: block; width: 5px; height: 10px; border-color: #fff; border-style: solid; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 1px; left: 5px; } /* .dropdown-header ~ .optgroup-1{ display: none; } */ .btn-primary{ background: #41a3f3; border-color: #41a3f3; color: #fff !important; } .bootstrap-select.form-control>.dropdown-toggle { position: relative; width: 100%; z-index: 1; text-align: right; white-space: nowrap; background: none; border: 0; height: 40px; } .bootstrap-select.form-control .dropdown-toggle .filter-option-inner-inner{ font-size: 14px; line-height: 26px; } .bootstrap-select .dropdown-menu{ background: #3b3b3b; } .dropdown-header{ margin: 4px; padding: 10px 4px; color: #fff; font-size: 14px; border-radius: 3px; -webkit-border-radius: 3px; } .bootstrap-select.form-control .dropdown-item.active, .bootstrap-select.form-control .dropdown-item:active,.bootstrap-select.form-control .dropdown-item:focus, .bootstrap-select.form-control .dropdown-item:hover { color: #fff; text-decoration: none; background: none; } .bootstrap-select.form-control .dropdown-item{ color: #868686; margin: 4px; width: auto; border-radius: 4px; -webkit-border-radius: 4px; } .bootstrap-select.form-control .dropdown-item:hover,.bootstrap-select.form-control .dropdown-item.active,.dropdown-header:hover{ background: #5c5c5c; color: #fff; } .dropdown-header ~ [class^="optgroup"] .opt{ font-size: 12px; padding: 5px 14px !important; color: #868686; } .dropdown-header ~ [class^="optgroup"] .opt:hover{ color: #fff; } .bootstrap-select .dropdown-menu li + li{ border-top: 1px solid #404040; } .hd-underline{ font-size: 14px; color: #404040; border-bottom: 1px solid #f2f2f2; padding-bottom: 10px; margin-bottom: 10px !important; } .data-table2{ width: 100%; } .data-table2>tbody>tr>th{ width: 186px; font-weight: 600; color: #404040; } .data-table2{ margin-bottom: 24px; } .text-left{ position: absolute; bottom: 35px; right: 27px; font-size: 12px; color: #868686; } .nav-tabs .nav-link{ text-transform: uppercase; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; padding: 13px 40px; position: relative; border:1px solid; background: #d8eaf9; border-color: #d8eaf9 #d8eaf9 #d8eaf9; color: #9a9a9a; font-weight: 600; margin-left: 25px; } .nav-tabs .nav-link:after{ background: url('data:image/svg+xml;utf8, ') no-repeat; content: ''; position: absolute; top: -1px; right: 100%; height: 49px; width: 57px; margin-right: -10px; } .nav-tabs .nav-link:before{ background: url('data:image/svg+xml; utf8, ') no-repeat; content: ''; position: absolute; top: -1px; left: 100%; height: 49px; width: 57px; margin-left: -10px; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{ background: #ffffff; color: #404040; font-weight: 600; text-transform: uppercase; z-index: 1; border-color: #d8eaf9 #d8eaf9 #fff; } .nav-tabs .nav-item.show .nav-link:before, .nav-tabs .nav-link.active:before{ background: url('data:image/svg+xml; utf8, ') no-repeat; } .nav-tabs .nav-item.show .nav-link:after, .nav-tabs .nav-link.active:after{ background: url('data:image/svg+xml; utf8, ') no-repeat ; } .nav-tabs .nav-link:last-child:before{ display: none; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #d8eaf9 #d8eaf9 #d8eaf9; } .nav-tabs .nav-item.show .nav-link:focus, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-item.show .nav-link:hover, .nav-tabs .nav-link.active:hover{ border-color: #d8eaf9 #d8eaf9 #fff; } .modal label{ text-transform: uppercase; } .modal-footer{ border-top: 0; } .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle { color: #040404; background-color: #fff; border-color: #d3d9df; box-shadow: none; } .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus{ box-shadow: none; outline: none !important; } .btn-section .btn{ width: 140px; } .btn-section .btn-dark{ background: #868686; border-color: #868686; margin-right: 15px; } .btn-section{ padding-bottom: 40px; } .btn-section .btn-light{ background: #e8e8e8; border:1px solid #e8e8e8; color: #868686; } .btn-section .btn-light:hover, .btn-section .btn-dark:hover, .btn-section .btn-primary:hover{ background: #fff; color: #868686; } .bootstrap-select .dropdown-toggle:focus{ outline: none; } #start-date2, #end-date2{ background: #fff url(../img/calender-icon.png) no-repeat right 10px center; } #start-date3, #end-date3{ background: #fff url(../img/calender-icon.png) no-repeat right 10px center; } #start-date4, #end-date4{ background: #fff url(../img/calender-icon.png) no-repeat right 10px center; } #start-date5, #end-date5{ background: #fff url(../img/calender-icon.png) no-repeat right 10px center; } .swiper-container .col-md-3 { -ms-flex: none; flex: none; max-width: none; width: 25%; } input.error { border-color: #dc3545; } .error { margin-bottom: 10px; color: #dc3545; } .details { display: inline-block; font-weight: 600; font-size: 13px; color: #404040; margin-left: 30px; padding-left: 15px; position: relative; } .details:before { content: ''; width: 8px; height: 8px; background: #2c3242; position: absolute; top: 3px; left: 0; border-radius: 50%; } .jstree-default .jstree-anchor { text-overflow: ellipsis; width: 235px; overflow: hidden; } .btn-secondary { color: #fff !important; background: #868686; border-color: #868686; } .btn-secondary:hover { background: #636363; border-color: #636363; } .seg-block{ padding: 0 25px; } .seg-block label{position: relative;margin-bottom: 0;} .seg-block input{ position: absolute; top: 0; left: 0; opacity: 0; } .seg-block input:checked ~ .circle{ border-color:#1eb52d; background-color: #1eb52d; } .seg-checkbox{ background-color: #f6f6f6; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; width: 146px; position: relative; cursor: pointer; overflow: hidden; } .seg-checkbox .caption{ padding: 8px 6px; text-align: center; } .seg-image{ height: 158px; background-position: center center; background-repeat: no-repeat; background-size: cover; } .seg-block .circle{ border: 1px solid #a7a7a7; width: 14px; height: 14px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-color: #fff; position: absolute; right: 4px; top: 6px; z-index: 2; } .seg-scroll{ overflow: auto; padding-top: 20px; padding-bottom: 20px; } .select2-search input { width: 100% !important; } .candi-modal{color: #404040;} .candi-modal .modal-body{padding: 20px;} .candi-modal .close{position: absolute;right: 0;top: 0;} .datepicker{z-index: 99999;} .number-con .form-control{max-width: 150px;} @-moz-document url-prefix() { fieldset { display: table-cell; } } #generate-report-modal .modal-content { padding: 12px; } #generate-report-modal .modal-body label { display: block; } #generate-report-modal .modal-body input { width: 80%; } #generate-report-modal .btn-primary { background: #41a3f3; border-color: #41a3f3; color: #fff !important; width: 190px; } /* Spinner*/ .sk-chase { float: left; left: 20px; width: 22px; height: 22px; position: relative; margin-top: 3px; background-color: transparent !important; animation: sk-chase 2.5s infinite linear both; } .sk-chase-dot { width: 100%; height: 100%; position: absolute; left: 0; top: 0; animation: sk-chase-dot 2.0s infinite ease-in-out both; } .sk-chase-dot:before { content: ''; display: block; width: 25%; height: 25%; background-color: #fff; border-radius: 100%; animation: sk-chase-dot-before 2.0s infinite ease-in-out both; } .sk-chase-dot:nth-child(1) { animation-delay: -1.1s; } .sk-chase-dot:nth-child(2) { animation-delay: -1.0s; } .sk-chase-dot:nth-child(3) { animation-delay: -0.9s; } .sk-chase-dot:nth-child(4) { animation-delay: -0.8s; } .sk-chase-dot:nth-child(5) { animation-delay: -0.7s; } .sk-chase-dot:nth-child(6) { animation-delay: -0.6s; } .sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; } .sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; } .sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; } .sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; } .sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; } .sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; } @keyframes sk-chase { 100% { transform: rotate(360deg); } } @keyframes sk-chase-dot { 80%, 100% { transform: rotate(360deg); } } @keyframes sk-chase-dot-before { 50% { transform: scale(0.4); } 100%, 0% { transform: scale(1.0); } }