/* Minification failed. Returning unminified contents. (6878,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6879,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6880,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6881,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6882,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6883,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6884,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6885,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6886,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6887,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6888,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6889,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6890,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6891,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6892,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6893,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6894,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6895,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6896,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6897,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6898,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6899,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6900,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6901,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6902,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6903,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6904,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6905,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6906,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6907,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6908,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6909,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6910,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6911,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6912,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6913,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6914,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6915,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6916,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6917,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6918,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6919,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6920,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6921,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6922,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6923,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6924,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (40573,22): run-time error CSS1030: Expected identifier, found '-' (40573,22): run-time error CSS1031: Expected selector, found '-' (40573,22): run-time error CSS1025: Expected comma or open brace, found '-' (41262,32): run-time error CSS1030: Expected identifier, found '-' (41262,32): run-time error CSS1031: Expected selector, found '-' (41262,32): run-time error CSS1025: Expected comma or open brace, found '-' (41266,36): run-time error CSS1030: Expected identifier, found '-' (41266,36): run-time error CSS1031: Expected selector, found '-' (41266,36): run-time error CSS1025: Expected comma or open brace, found '-' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' (42977,31): run-time error CSS1046: Expect comma, found '250' (42977,38): run-time error CSS1046: Expect comma, found ')' (42981,35): run-time error CSS1046: Expect comma, found '250' (42981,42): run-time error CSS1046: Expect comma, found ')' (43235,33): run-time error CSS1046: Expect comma, found '0' (43235,37): run-time error CSS1046: Expect comma, found '/' (43685,33): run-time error CSS1046: Expect comma, found '0' (43685,37): run-time error CSS1046: Expect comma, found '/' (43865,31): run-time error CSS1046: Expect comma, found '51' (43865,38): run-time error CSS1046: Expect comma, found '/' */ /*! jQuery UI - v1.12.1 - 2021-06-25 * http://jqueryui.com * Includes: core.css, autocomplete.css, menu.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} /* cyrillic-ext Theme Converted From XXXX https://fonts.googleapis.com/css?family=Nunito:300,400,400i,600,700,800,900 */ @font-face { font-family: 'Nunito'; font-style: italic; font-weight: 400; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXX3I6Li01BKofIMNaORs71cA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Nunito'; font-style: italic; font-weight: 400; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXX3I6Li01BKofIMNaHRs71cA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Nunito'; font-style: italic; font-weight: 400; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXX3I6Li01BKofIMNaMRs71cA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Nunito'; font-style: italic; font-weight: 400; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXX3I6Li01BKofIMNaNRs71cA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Nunito'; font-style: italic; font-weight: 400; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXX3I6Li01BKofIMNaDRs4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 300; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXW3I6Li01BKofAnsSUbOvISTs.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 300; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXW3I6Li01BKofAnsSUZevISTs.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 300; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXW3I6Li01BKofAnsSUbuvISTs.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 300; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXW3I6Li01BKofAnsSUb-vISTs.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 300; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXW3I6Li01BKofAnsSUYevI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXV3I6Li01BKofIOOaBXso.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXV3I6Li01BKofIMeaBXso.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXV3I6Li01BKofIOuaBXso.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXV3I6Li01BKofIO-aBXso.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXV3I6Li01BKofINeaB.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 600; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXW3I6Li01BKofA6sKUbOvISTs.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 600; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXW3I6Li01BKofA6sKUZevISTs.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 600; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXW3I6Li01BKofA6sKUbuvISTs.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 600; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXW3I6Li01BKofA6sKUb-vISTs.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 600; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXW3I6Li01BKofA6sKUYevI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 700; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXW3I6Li01BKofAjsOUbOvISTs.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 700; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXW3I6Li01BKofAjsOUZevISTs.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 700; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXW3I6Li01BKofAjsOUbuvISTs.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 700; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXW3I6Li01BKofAjsOUb-vISTs.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 700; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXW3I6Li01BKofAjsOUYevI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 800; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXW3I6Li01BKofAksCUbOvISTs.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 800; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXW3I6Li01BKofAksCUZevISTs.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 800; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXW3I6Li01BKofAksCUbuvISTs.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 800; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXW3I6Li01BKofAksCUb-vISTs.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 800; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXW3I6Li01BKofAksCUYevI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 900; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXW3I6Li01BKofAtsGUbOvISTs.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 900; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXW3I6Li01BKofAtsGUZevISTs.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 900; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXW3I6Li01BKofAtsGUbuvISTs.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 900; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXW3I6Li01BKofAtsGUb-vISTs.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 900; src: url(../../../../../../../dist-assets/fonts/google-nunito/XRXW3I6Li01BKofAtsGUYevI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH XX * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('../../../../../../../dist-assets/fonts/fontawesome/fontawesome-webfont.eot?v=4.7.0'); src: url('../../../../../../../dist-assets/fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../../../../../../../dist-assets/fonts/fontawesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../../../../../../../dist-assets/fonts/fontawesome/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../../../../../../../dist-assets/fonts/fontawesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../../../../../../../dist-assets/fonts/fontawesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /*! * Datepicker v1.0.10 * https://fengyuanchen.github.io/datepicker * * Copyright 2014-present Chen Fengyuan * Released under the MIT license * * Date: 2020-09-29T14:46:09.037Z */.datepicker-container{background-color:#fff;direction:ltr;font-size:12px;left:0;line-height:30px;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:210px;z-index:-1}.datepicker-container:after,.datepicker-container:before{border:5px solid transparent;content:" ";display:block;height:0;position:absolute;width:0}.datepicker-dropdown{border:1px solid #ccc;-webkit-box-shadow:0 3px 6px #ccc;box-shadow:0 3px 6px #ccc;-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;z-index:1}.datepicker-inline{position:static}.datepicker-top-left,.datepicker-top-right{border-top-color:#39f}.datepicker-top-left:after,.datepicker-top-left:before,.datepicker-top-right:after,.datepicker-top-right:before{border-top:0;left:10px;top:-5px}.datepicker-top-left:before,.datepicker-top-right:before{border-bottom-color:#39f}.datepicker-top-left:after,.datepicker-top-right:after{border-bottom-color:#fff;top:-4px}.datepicker-bottom-left,.datepicker-bottom-right{border-bottom-color:#39f}.datepicker-bottom-left:after,.datepicker-bottom-left:before,.datepicker-bottom-right:after,.datepicker-bottom-right:before{border-bottom:0;bottom:-5px;left:10px}.datepicker-bottom-left:before,.datepicker-bottom-right:before{border-top-color:#39f}.datepicker-bottom-left:after,.datepicker-bottom-right:after{border-top-color:#fff;bottom:-4px}.datepicker-bottom-right:after,.datepicker-bottom-right:before,.datepicker-top-right:after,.datepicker-top-right:before{left:auto;right:10px}.datepicker-panel>ul{margin:0;padding:0;width:102%}.datepicker-panel>ul:after,.datepicker-panel>ul:before{content:" ";display:table}.datepicker-panel>ul:after{clear:both}.datepicker-panel>ul>li{background-color:#fff;cursor:pointer;float:left;height:30px;list-style:none;margin:0;padding:0;text-align:center;width:30px}.datepicker-panel>ul>li:hover{background-color:#e5f2ff}.datepicker-panel>ul>li.muted,.datepicker-panel>ul>li.muted:hover{color:#999}.datepicker-panel>ul>li.highlighted{background-color:#e5f2ff}.datepicker-panel>ul>li.highlighted:hover{background-color:#cce5ff}.datepicker-panel>ul>li.picked,.datepicker-panel>ul>li.picked:hover{color:#39f}.datepicker-panel>ul>li.disabled,.datepicker-panel>ul>li.disabled:hover{background-color:#fff;color:#ccc;cursor:default}.datepicker-panel>ul>li.disabled.highlighted,.datepicker-panel>ul>li.disabled:hover.highlighted{background-color:#e5f2ff}.datepicker-panel>ul>li[data-view="month next"],.datepicker-panel>ul>li[data-view="month prev"],.datepicker-panel>ul>li[data-view="year next"],.datepicker-panel>ul>li[data-view="year prev"],.datepicker-panel>ul>li[data-view="years next"],.datepicker-panel>ul>li[data-view="years prev"],.datepicker-panel>ul>li[data-view=next]{font-size:18px}.datepicker-panel>ul>li[data-view="month current"],.datepicker-panel>ul>li[data-view="year current"],.datepicker-panel>ul>li[data-view="years current"]{width:150px}.datepicker-panel>ul[data-view=months]>li,.datepicker-panel>ul[data-view=years]>li{height:52.5px;line-height:52.5px;width:52.5px}.datepicker-panel>ul[data-view=week]>li,.datepicker-panel>ul[data-view=week]>li:hover{background-color:#fff;cursor:default}.datepicker-hide{display:none} /* * Container style */ .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; } /* * Scrollbar rail styles */ .ps__rail-x { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; height: 15px; /* there must be 'bottom' or 'top' for ps__rail-x */ bottom: 0px; /* please don't change 'position' */ position: absolute; } .ps__rail-y { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; width: 15px; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; /* please don't change 'position' */ position: absolute; } .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: transparent; } .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y { opacity: 0.6; } .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking { background-color: #eee; opacity: 0.9; } /* * Scrollbar thumb styles */ .ps__thumb-x { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, height .2s ease-in-out; -webkit-transition: background-color .2s linear, height .2s ease-in-out; height: 6px; /* there must be 'bottom' for ps__thumb-x */ bottom: 2px; /* please don't change 'position' */ position: absolute; } .ps__thumb-y { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, width .2s ease-in-out; -webkit-transition: background-color .2s linear, width .2s ease-in-out; width: 6px; /* there must be 'right' for ps__thumb-y */ right: 2px; /* please don't change 'position' */ position: absolute; } .ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x { background-color: #999; height: 11px; } .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { background-color: #999; width: 11px; } /* MS supports */ @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } .swal2-container,body.swal2-iosfix{position:fixed;left:0;right:0}body.swal2-in{overflow-y:hidden}.swal2-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:0;bottom:0;padding:10px;background-color:transparent;z-index:1060}.swal2-modal,.swal2-modal h2{position:relative;text-align:center}.swal2-container:not(.swal2-in){pointer-events:none}.swal2-container.swal2-fade{-webkit-transition:background-color .1s;transition:background-color .1s}.swal2-container.swal2-in{background-color:rgba(0,0,0,.4)}.swal2-modal{background-color:#fff;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;border-radius:5px;box-sizing:border-box;margin:auto;overflow-x:hidden;overflow-y:auto;display:none}.swal2-modal:focus{outline:0}.swal2-modal.swal2-loading{overflow-y:hidden}.swal2-modal h2{color:#595959;font-size:30px;font-weight:600;text-transform:none;margin:0;padding:0;line-height:60px;display:block}.swal2-modal .swal2-spacer{height:10px;color:transparent;border:0}.swal2-modal .swal2-styled{border:0;border-radius:3px;box-shadow:none;color:#fff;cursor:pointer;font-size:17px;font-weight:500;margin:0 5px;padding:10px 32px}.swal2-modal .swal2-styled:not(.swal2-loading)[disabled]{opacity:.4;cursor:no-drop}.swal2-modal .swal2-styled.swal2-loading{box-sizing:border-box;border:4px solid transparent;width:40px;height:40px;padding:0;margin:-2px 30px;vertical-align:top;background-color:transparent!important;color:transparent;cursor:default;border-radius:100%;-webkit-animation:rotate-loading 1.5s linear 0s infinite normal;animation:rotate-loading 1.5s linear 0s infinite normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-modal :not(.swal2-styled).swal2-loading::after{display:inline-block;content:'';margin-left:5px;vertical-align:-1px;height:6px;width:6px;border:3px solid #999;border-right-color:transparent;border-radius:50%;-webkit-animation:rotate-loading 1.5s linear 0s infinite normal;animation:rotate-loading 1.5s linear 0s infinite normal}.swal2-modal .swal2-checkbox input,.swal2-modal .swal2-checkbox span,.swal2-modal .swal2-radio input,.swal2-modal .swal2-radio span{vertical-align:middle}.swal2-modal .swal2-image{margin:20px auto;max-width:100%}.swal2-modal .swal2-close{font-size:36px;line-height:36px;font-family:serif;position:absolute;top:5px;right:13px;cursor:pointer;color:#ccc;-webkit-transition:color .1s ease;transition:color .1s ease}.swal2-modal .swal2-close:hover{color:#d55}.swal2-modal>.swal2-checkbox,.swal2-modal>.swal2-file,.swal2-modal>.swal2-input,.swal2-modal>.swal2-radio,.swal2-modal>.swal2-select,.swal2-modal>.swal2-textarea{display:none}.swal2-modal .swal2-content{font-size:18px;text-align:center;font-weight:300;position:relative;float:none;margin:0;padding:0;line-height:normal;color:#545454}.swal2-modal .swal2-checkbox,.swal2-modal .swal2-file,.swal2-modal .swal2-input,.swal2-modal .swal2-radio,.swal2-modal .swal2-select,.swal2-modal .swal2-textarea{margin:20px auto}.swal2-modal .swal2-file,.swal2-modal .swal2-input,.swal2-modal .swal2-textarea{width:100%;box-sizing:border-box;border-radius:3px;border:1px solid #d9d9d9;font-size:18px;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);-webkit-transition:border-color box-shadow .3s;transition:border-color box-shadow .3s}.swal2-modal .swal2-file.swal2-inputerror,.swal2-modal .swal2-input.swal2-inputerror,.swal2-modal .swal2-textarea.swal2-inputerror{border-color:#f06e57}.swal2-modal .swal2-file:focus,.swal2-modal .swal2-input:focus,.swal2-modal .swal2-textarea:focus{outline:0;box-shadow:0 0 3px #c4e6f5;border:1px solid #b4dbed}.swal2-modal .swal2-file:focus::-webkit-input-placeholder,.swal2-modal .swal2-input:focus::-webkit-input-placeholder,.swal2-modal .swal2-textarea:focus::-webkit-input-placeholder{-webkit-transition:opacity .3s .03s ease;transition:opacity .3s .03s ease;opacity:.8}.swal2-modal .swal2-file:focus::-moz-placeholder,.swal2-modal .swal2-input:focus::-moz-placeholder,.swal2-modal .swal2-textarea:focus::-moz-placeholder{-webkit-transition:opacity .3s .03s ease;transition:opacity .3s .03s ease;opacity:.8}.swal2-modal .swal2-file:focus:-ms-input-placeholder,.swal2-modal .swal2-input:focus:-ms-input-placeholder,.swal2-modal .swal2-textarea:focus:-ms-input-placeholder{-webkit-transition:opacity .3s .03s ease;transition:opacity .3s .03s ease;opacity:.8}.swal2-modal .swal2-file:focus::placeholder,.swal2-modal .swal2-input:focus::placeholder,.swal2-modal .swal2-textarea:focus::placeholder{-webkit-transition:opacity .3s .03s ease;transition:opacity .3s .03s ease;opacity:.8}.swal2-modal .swal2-file::-webkit-input-placeholder,.swal2-modal .swal2-input::-webkit-input-placeholder,.swal2-modal .swal2-textarea::-webkit-input-placeholder{color:#e6e6e6}.swal2-modal .swal2-file::-moz-placeholder,.swal2-modal .swal2-input::-moz-placeholder,.swal2-modal .swal2-textarea::-moz-placeholder{color:#e6e6e6}.swal2-modal .swal2-file:-ms-input-placeholder,.swal2-modal .swal2-input:-ms-input-placeholder,.swal2-modal .swal2-textarea:-ms-input-placeholder{color:#e6e6e6}.swal2-modal .swal2-file::placeholder,.swal2-modal .swal2-input::placeholder,.swal2-modal .swal2-textarea::placeholder{color:#e6e6e6}.swal2-modal .swal2-range input{float:left;width:80%}.swal2-modal .swal2-range output{float:right;width:20%;font-size:20px;font-weight:600;text-align:center}.swal2-modal .swal2-range input,.swal2-modal .swal2-range output{height:43px;line-height:43px;vertical-align:middle;margin:20px auto;padding:0}.swal2-modal .swal2-input{height:43px;padding:0 12px}.swal2-modal .swal2-input[type=number]{max-width:150px}.swal2-modal .swal2-file{font-size:20px}.swal2-modal .swal2-textarea{height:108px;padding:12px}.swal2-modal .swal2-select{color:#545454;font-size:inherit;padding:5px 10px;min-width:40%;max-width:100%}.swal2-modal .swal2-radio{border:0}.swal2-modal .swal2-radio label:not(:first-child){margin-left:20px}.swal2-modal .swal2-radio input{margin:0 3px 0 0}.swal2-modal .swal2-checkbox{color:#545454}.swal2-modal .swal2-validationerror{background-color:#f0f0f0;margin:0 -20px;overflow:hidden;padding:10px;color:gray;font-size:16px;font-weight:300;display:none}.swal2-modal .swal2-validationerror::before{content:'!';display:inline-block;width:24px;height:24px;border-radius:50%;background-color:#ea7d7d;color:#fff;line-height:24px;text-align:center;margin-right:10px}.swal2-icon.swal2-info,.swal2-icon.swal2-question,.swal2-icon.swal2-warning{font-size:60px;line-height:80px;text-align:center}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-range input{width:100%!important}.swal2-range output{display:none}}.swal2-icon{width:80px;height:80px;border:4px solid transparent;border-radius:50%;margin:20px auto 30px;padding:0;position:relative;box-sizing:content-box;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-icon.swal2-error{border-color:#f27474}.swal2-icon.swal2-error .x-mark{position:relative;display:block}.swal2-icon.swal2-error .line{position:absolute;height:5px;width:47px;background-color:#f27474;display:block;top:37px;border-radius:2px}.swal2-icon.swal2-error .line.left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.swal2-icon.swal2-error .line.right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}.swal2-icon.swal2-warning{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:#f8bb86;border-color:#facea8}.swal2-icon.swal2-info{font-family:'Open Sans',sans-serif;color:#3fc3ee;border-color:#9de0f6}.swal2-icon.swal2-question{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:#87adbd;border-color:#c9dae1}.swal2-icon.swal2-success{border-color:#a5dc86}.swal2-icon.swal2-success::after,.swal2-icon.swal2-success::before{content:'';position:absolute;width:60px;height:120px;background:#fff}.swal2-icon.swal2-success::before{border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.swal2-icon.swal2-success::after{border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px}.swal2-icon.swal2-success .placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,.2);border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.swal2-icon.swal2-success .fix{width:7px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-success .line{height:5px;background-color:#a5dc86;display:block;border-radius:2px;position:absolute;z-index:2}.swal2-icon.swal2-success .line.tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-success .line.long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-progresssteps{font-weight:600;margin:0 0 20px;padding:0}.swal2-progresssteps li{display:inline-block;position:relative}.swal2-progresssteps .swal2-progresscircle{background:#3085d6;border-radius:2em;color:#fff;height:2em;line-height:2em;text-align:center;width:2em;z-index:20}.swal2-progresssteps .swal2-progresscircle:first-child{margin-left:0}.swal2-progresssteps .swal2-progresscircle:last-child{margin-right:0}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep{background:#3085d6}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle,.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline{background:#add8e6}.swal2-progresssteps .swal2-progressline{background:#3085d6;height:.4em;margin:0 -1px;z-index:10}[class^=swal2]{-webkit-tap-highlight-color:transparent}@-webkit-keyframes showSweetAlert{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes showSweetAlert{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@keyframes hideSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}.swal2-show{-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s}.swal2-show.swal2-noanimation{-webkit-animation:none;animation:none}.swal2-hide{-webkit-animation:hideSweetAlert .15s forwards;animation:hideSweetAlert .15s forwards}.swal2-hide.swal2-noanimation{-webkit-animation:none;animation:none}@-webkit-keyframes animate-success-tip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animate-success-tip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@-webkit-keyframes animate-success-long{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes animate-success-long{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0%,5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%,12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%,5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%,12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}.animate-success-tip{-webkit-animation:animate-success-tip .75s;animation:animate-success-tip .75s}.animate-success-long{-webkit-animation:animate-success-long .75s;animation:animate-success-long .75s}.swal2-success.animate::after{-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}@-webkit-keyframes animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}.animate-error-icon{-webkit-animation:animate-error-icon .5s;animation:animate-error-icon .5s}@-webkit-keyframes animate-x-mark{0%,50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}100%{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}@keyframes animate-x-mark{0%,50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}100%{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}.animate-x-mark{-webkit-animation:animate-x-mark .5s;animation:animate-x-mark .5s}@-webkit-keyframes pulse-warning{0%{border-color:#f8d486}100%{border-color:#f8bb86}}@keyframes pulse-warning{0%{border-color:#f8d486}100%{border-color:#f8bb86}}.pulse-warning{-webkit-animation:pulse-warning .75s infinite alternate;animation:pulse-warning .75s infinite alternate}@-webkit-keyframes rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; /* height: 30px;*/ user-select: none; -webkit-user-select: none; padding: 1px !important; border-color: #CED4DA !important; /* background-color: #F8F9FA;*/ } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: #F8F9FA; } .select2-container .select2-selection--single .select2-selection__clear { background-color: transparent; border: none; font-size: 1em; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline; list-style: none; padding: 0; } .select2-container .select2-selection--multiple .select2-selection__clear { background-color: transparent; border: none; font-size: 1em; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; margin-left: 5px; padding: 0; max-width: 100%; resize: none; height: 18px; vertical-align: bottom; font-family: sans-serif; overflow: hidden; word-break: keep-all; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option--selectable { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; height: 26px; margin-right: 20px; padding-right: 0px; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; padding-bottom: 5px; padding-right: 5px; position: relative; } .select2-container--default .select2-selection--multiple.select2-selection--clearable { padding-right: 25px; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; font-weight: bold; height: 20px; margin-right: 10px; margin-top: 5px; position: absolute; right: 0; padding: 1px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: inline-block; margin-left: 5px; margin-top: 5px; padding: 0; padding-left: 20px; position: relative; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; white-space: nowrap; } .select2-container--default .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-right: 1px solid #aaa; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #999; cursor: pointer; font-size: 1em; font-weight: bold; padding: 0 4px; position: absolute; left: 0; top: 0; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus { background-color: #f1f1f1; color: #333; outline: none; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { border-left: 1px solid #aaa; border-right: none; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear { float: left; margin-left: 10px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--group { padding: 0; } .select2-container--default .select2-results__option--disabled { color: #999; } .select2-container--default .select2-results__option--selected { background-color: #ddd; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%); background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; height: 26px; margin-right: 20px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%); background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; padding-bottom: 5px; padding-right: 5px; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; display: inline-block; margin-left: 5px; margin-top: 5px; padding: 0; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #888; cursor: pointer; font-size: 1em; font-weight: bold; padding: 0 4px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; outline: none; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option--group { padding: 0; } .select2-container--classic .select2-results__option--disabled { color: grey; } .select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } @font-face { font-family: "iconsmind"; src: url("../../../../../../../dist-assets/fonts/iconsmind/iconsmind4906.eot?ioqkm7"); src: url("../../../../../../../dist-assets/fonts/iconsmind/iconsmind4906.eot?ioqkm7#iefix") format("embedded-opentype"), url("../../../../../../../dist-assets/fonts/iconsmind/iconsmind4906.ttf?ioqkm7") format("truetype"), url("../../../../../../../dist-assets/fonts/iconsmind/iconsmind4906.woff?ioqkm7") format("woff"), url("../../../../../../../dist-assets/fonts/iconsmind/iconsmind4906.svg?ioqkm7#iconsmind") format("svg"); font-weight: normal; font-style: normal; } [class*=" i-"],[class^="i-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "iconsmind" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .i-Add-Window:before { content: "\e918"; } .i-Approved-Window:before { content: "\e919"; } .i-Block-Window:before { content: "\e91a"; } .i-Close-Window:before { content: "\e91b"; } .i-Code-Window:before { content: "\e91c"; } .i-Delete-Window:before { content: "\e91d"; } .i-Download-Window:before { content: "\e91e"; } .i-Duplicate-Window:before { content: "\e91f"; } .i-Error-404-Window:before { content: "\e920"; } .i-Favorite-Window:before { content: "\e921"; } .i-Font-Window:before { content: "\e922"; } .i-Full-View-Window:before { content: "\e923"; } .i-Height-Window:before { content: "\e924"; } .i-Home-Window:before { content: "\e925"; } .i-Info-Window:before { content: "\e926"; } .i-Loading-Window:before { content: "\e927"; } .i-Lock-Window:before { content: "\e928"; } .i-Love-Window:before { content: "\e929"; } .i-Maximize-Window:before { content: "\e92a"; } .i-Minimize-Maximize-Close-Window:before { content: "\e92b"; } .i-Minimize-Window:before { content: "\e92c"; } .i-Navigation-Left-Window:before { content: "\e92d"; } .i-Navigation-Right-Window:before { content: "\e92e"; } .i-Network-Window:before { content: "\e92f"; } .i-New-Tab:before { content: "\e930"; } .i-One-Window:before { content: "\e931"; } .i-Refresh-Window:before { content: "\e932"; } .i-Remove-Window:before { content: "\e933"; } .i-Restore-Window:before { content: "\e934"; } .i-Save-Window:before { content: "\e935"; } .i-Settings-Window:before { content: "\e936"; } .i-Share-Window:before { content: "\e937"; } .i-Sidebar-Window:before { content: "\e938"; } .i-Split-Four-Square-Window:before { content: "\e939"; } .i-Split-Horizontal-2-Window:before { content: "\e93a"; } .i-Split-Horizontal:before { content: "\e93b"; } .i-Split-Vertical-2:before { content: "\e93c"; } .i-Split-Vertical:before { content: "\e93d"; } .i-Split-Window:before { content: "\e93e"; } .i-Time-Window:before { content: "\e93f"; } .i-Touch-Window:before { content: "\e940"; } .i-Two-Windows:before { content: "\e941"; } .i-Upload-Window:before { content: "\e942"; } .i-URL-Window:before { content: "\e943"; } .i-Warning-Window:before { content: "\e944"; } .i-Width-Window:before { content: "\e945"; } .i-Window-2:before { content: "\e946"; } .i-Windows-2:before { content: "\e947"; } .i-Cloud-Sun:before { content: "\e94e"; } .i-Cloud-Weather:before { content: "\e94f"; } .i-Clouds-Weather:before { content: "\e950"; } .i-Drop:before { content: "\e951"; } .i-Dry:before { content: "\e952"; } .i-Fahrenheit:before { content: "\e953"; } .i-Windsock:before { content: "\e973"; } .i-Film-Video:before { content: "\e97e"; } .i-Film:before { content: "\e97f"; } .i-Flash-Video:before { content: "\e980"; } .i-HD-Video:before { content: "\e981"; } .i-Movie:before { content: "\e982"; } .i-Old-TV:before { content: "\e983"; } .i-Reel:before { content: "\e984"; } .i-Tripod-and-Video:before { content: "\e985"; } .i-TV:before { content: "\e986"; } .i-Video-2:before { content: "\e987"; } .i-Video-3:before { content: "\e988"; } .i-Video-4:before { content: "\e989"; } .i-Video-5:before { content: "\e98a"; } .i-Video-6:before { content: "\e98b"; } .i-Video-Photographer:before { content: "\e98e"; } .i-Video-Tripod:before { content: "\e98f"; } .i-Video:before { content: "\e990"; } .i-Affiliate:before { content: "\e991"; } .i-Background:before { content: "\e992"; } .i-Billing:before { content: "\e993"; } .i-Control-2:before { content: "\e994"; } .i-Control:before { content: "\e995"; } .i-Crop-2:before { content: "\e996"; } .i-Dashboard:before { content: "\e997"; } .i-Duplicate-Layer:before { content: "\e998"; } .i-Filter-2:before { content: "\e999"; } .i-Gear-2:before { content: "\e99a"; } .i-Gear:before { content: "\e99b"; } .i-Gears-2:before { content: "\e99c"; } .i-Gears:before { content: "\e99d"; } .i-Information:before { content: "\e99e"; } .i-Layer-Backward:before { content: "\e99f"; } .i-Layer-Forward:before { content: "\e9a0"; } .i-Library:before { content: "\e9a1"; } .i-Loading-2:before { content: "\e9a2"; } .i-Loading-3:before { content: "\e9a3"; } .i-Loading:before { content: "\e9a4"; } .i-Magnifi-Glass:before { content: "\e9a5"; } .i-Magnifi-Glass-:before { content: "\e9a6"; } .i-Magnifi-Glass1:before { content: "\e9a7"; } .i-Share:before { content: "\e9b5"; } .i-Statistic:before { content: "\e9b6"; } .i-Support:before { content: "\e9b7"; } .i-Bicycle-2:before { content: "\e9be"; } .i-Bicycle:before { content: "\e9bf"; } .i-Car-2:before { content: "\e9c4"; } .i-Car-3:before { content: "\e9c5"; } .i-Car-Wheel:before { content: "\e9c6"; } .i-Car:before { content: "\e9c7"; } .i-Gaugage-2:before { content: "\e9c8"; } .i-Gaugage:before { content: "\e9c9"; } .i-Helicopter-2:before { content: "\e9ca"; } .i-Helicopter:before { content: "\e9cb"; } .i-Helmet:before { content: "\e9cc"; } .i-Jeep-2:before { content: "\e9cd"; } .i-Jeep:before { content: "\e9ce"; } .i-Jet:before { content: "\e9cf"; } .i-Motorcycle:before { content: "\e9d0"; } .i-Plane-2:before { content: "\e9d1"; } .i-Plane:before { content: "\e9d2"; } .i-Road-2:before { content: "\e9d3"; } .i-Road:before { content: "\e9d4"; } .i-Rocket:before { content: "\e9d5"; } .i-Sailing-Ship:before { content: "\e9d6"; } .i-Scooter-Front:before { content: "\e9d7"; } .i-Scooter:before { content: "\e9d8"; } .i-Ship-2:before { content: "\e9d9"; } .i-Ship:before { content: "\e9da"; } .i-Skateboard-2:before { content: "\e9db"; } .i-Skateboard:before { content: "\e9dc"; } .i-Taxi-2:before { content: "\e9dd"; } .i-Taxi-Sign:before { content: "\e9de"; } .i-Taxi:before { content: "\e9df"; } .i-Tractor:before { content: "\e9e0"; } .i-Traffic-Light-2:before { content: "\e9e1"; } .i-traffic-Light:before { content: "\e9e2"; } .i-Train-2:before { content: "\e9e3"; } .i-Train:before { content: "\e9e4"; } .i-Tram:before { content: "\e9e5"; } .i-Truck:before { content: "\e9e6"; } .i-Yacht:before { content: "\e9e7"; } .i-Double-Tap:before { content: "\e9e8"; } .i-Drag-Down:before { content: "\e9e9"; } .i-Drag-Left:before { content: "\e9ea"; } .i-Drag-Right:before { content: "\e9eb"; } .i-Drag-Up:before { content: "\e9ec"; } .i-Drag:before { content: "\e9ed"; } .i-Clock-3:before { content: "\ea18"; } .i-Clock-4:before { content: "\ea19"; } .i-Clock-Back:before { content: "\ea1a"; } .i-Clock-Forward:before { content: "\ea1b"; } .i-Clock:before { content: "\ea1c"; } .i-Old-Clock:before { content: "\ea1d"; } .i-Over-Time-2:before { content: "\ea1e"; } .i-Over-Time:before { content: "\ea1f"; } .i-Sand-watch-2:before { content: "\ea20"; } .i-Sand-watch:before { content: "\ea21"; } .i-Stopwatch-2:before { content: "\ea22"; } .i-Stopwatch:before { content: "\ea23"; } .i-Time-Backup:before { content: "\ea24"; } .i-Medal-2:before { content: "\ea5e"; } .i-Medal-3:before { content: "\ea5f"; } .i-Medal:before { content: "\ea60"; } .i-Speach-Bubble-2:before { content: "\ea77"; } .i-Speach-Bubble-3:before { content: "\ea78"; } .i-Speach-Bubble-4:before { content: "\ea79"; } .i-Speach-Bubble-5:before { content: "\ea7a"; } .i-Speach-Bubble-6:before { content: "\ea7b"; } .i-Speach-Bubble-7:before { content: "\ea7c"; } .i-Speach-Bubble-8:before { content: "\ea7d"; } .i-Speach-Bubble-9:before { content: "\ea7e"; } .i-Speach-Bubble-10:before { content: "\ea7f"; } .i-Speach-Bubble-11:before { content: "\ea80"; } .i-Speach-Bubble-12:before { content: "\ea81"; } .i-Speach-Bubble-13:before { content: "\ea82"; } .i-Speach-Bubble-Asking:before { content: "\ea83"; } .i-Speach-Bubble-Dialog:before { content: "\ea88"; } .i-Speach-Bubble:before { content: "\ea89"; } .i-Speach-Bubbles:before { content: "\ea8a"; } .i-Aim:before { content: "\ea8b"; } .i-Ask:before { content: "\ea8c"; } .i-Bebo:before { content: "\ea8d"; } .i-Behance:before { content: "\ea8e"; } .i-Betvibes:before { content: "\ea8f"; } .i-Bing:before { content: "\ea90"; } .i-Blinklist:before { content: "\ea91"; } .i-Blogger:before { content: "\ea92"; } .i-Brightkite:before { content: "\ea93"; } .i-Delicious:before { content: "\ea94"; } .i-Deviantart:before { content: "\ea95"; } .i-Digg:before { content: "\ea96"; } .i-Diigo:before { content: "\ea97"; } .i-Doplr:before { content: "\ea98"; } .i-Dribble:before { content: "\ea99"; } .i-Email:before { content: "\ea9a"; } .i-Evernote:before { content: "\ea9b"; } .i-Facebook-2:before { content: "\ea9c"; } .i-Facebook:before { content: "\ea9d"; } .i-Feedburner:before { content: "\ea9e"; } .i-Flickr:before { content: "\ea9f"; } .i-Formspring:before { content: "\eaa0"; } .i-Forsquare:before { content: "\eaa1"; } .i-Friendfeed:before { content: "\eaa2"; } .i-Friendster:before { content: "\eaa3"; } .i-Furl:before { content: "\eaa4"; } .i-Google-Buzz:before { content: "\eaa5"; } .i-Google-Plus:before { content: "\eaa6"; } .i-Google:before { content: "\eaa7"; } .i-Gowalla:before { content: "\eaa8"; } .i-ICQ:before { content: "\eaa9"; } .i-ImDB:before { content: "\eaaa"; } .i-Instagram:before { content: "\eaab"; } .i-Last-FM:before { content: "\eaac"; } .i-Like-2:before { content: "\eaad"; } .i-Like:before { content: "\eaae"; } .i-Linkedin-2:before { content: "\eaaf"; } .i-Linkedin:before { content: "\eab0"; } .i-Livejournal:before { content: "\eab1"; } .i-Metacafe:before { content: "\eab2"; } .i-Mixx:before { content: "\eab3"; } .i-Myspace:before { content: "\eab4"; } .i-Newsvine:before { content: "\eab5"; } .i-Orkut:before { content: "\eab6"; } .i-Picasa:before { content: "\eab7"; } .i-Pinterest:before { content: "\eab8"; } .i-Plaxo:before { content: "\eab9"; } .i-Plurk:before { content: "\eaba"; } .i-Posterous:before { content: "\eabb"; } .i-QIK:before { content: "\eabc"; } .i-Reddit:before { content: "\eabd"; } .i-Reverbnation:before { content: "\eabe"; } .i-RSS:before { content: "\eabf"; } .i-Sharethis:before { content: "\eac0"; } .i-Shoutwire:before { content: "\eac1"; } .i-Skype:before { content: "\eac2"; } .i-Soundcloud:before { content: "\eac3"; } .i-Spurl:before { content: "\eac4"; } .i-Stumbleupon:before { content: "\eac5"; } .i-Technorati:before { content: "\eac6"; } .i-Tumblr:before { content: "\eac7"; } .i-Twitter-2:before { content: "\eac8"; } .i-Twitter:before { content: "\eac9"; } .i-Unlike-2:before { content: "\eaca"; } .i-Unlike:before { content: "\eacb"; } .i-Ustream:before { content: "\eacc"; } .i-Viddler:before { content: "\eacd"; } .i-Vimeo:before { content: "\eace"; } .i-Wordpress:before { content: "\eacf"; } .i-Xanga:before { content: "\ead0"; } .i-Xing:before { content: "\ead1"; } .i-Yahoo-Buzz:before { content: "\ead2"; } .i-Yahoo:before { content: "\ead3"; } .i-Yelp:before { content: "\ead4"; } .i-Youtube:before { content: "\ead5"; } .i-Zootool:before { content: "\ead6"; } .i-Bisexual:before { content: "\ead7"; } .i-Cancer1:before { content: "\ead8"; } .i-Couple-Sign:before { content: "\ead9"; } .i-David-Star:before { content: "\eada"; } .i-Family-Sign:before { content: "\eadb"; } .i-Female-2:before { content: "\eadc"; } .i-Gey:before { content: "\eadd"; } .i-Heart:before { content: "\eade"; } .i-Homosexual:before { content: "\eadf"; } .i-Inifity:before { content: "\eae0"; } .i-Lesbian:before { content: "\eae1"; } .i-Lesbians:before { content: "\eae2"; } .i-Love:before { content: "\eae3"; } .i-Male-2:before { content: "\eae4"; } .i-Men:before { content: "\eae5"; } .i-No-Smoking:before { content: "\eae6"; } .i-Paw:before { content: "\eae7"; } .i-Quotes-2:before { content: "\eae8"; } .i-Quotes:before { content: "\eae9"; } .i-Add-Cart:before { content: "\eaf8"; } .i-Bag-Coins:before { content: "\eaf9"; } .i-Bag-Items:before { content: "\eafa"; } .i-Bar-Code:before { content: "\eafc"; } .i-Bitcoin:before { content: "\eb00"; } .i-Car-Coins:before { content: "\eb01"; } .i-Car-Items:before { content: "\eb02"; } .i-Cart-Quantity:before { content: "\eb03"; } .i-Cash-register-2:before { content: "\eb04"; } .i-Cash-Register:before { content: "\eb05"; } .i-Checkout-Bag:before { content: "\eb06"; } .i-Checkout-Basket:before { content: "\eb07"; } .i-Checkout:before { content: "\eb08"; } .i-Full-Basket:before { content: "\eb09"; } .i-Full-Cart:before { content: "\eb0a"; } .i-Password-shopping:before { content: "\eb0e"; } .i-Receipt-3:before { content: "\eb11"; } .i-Receipt-4:before { content: "\eb12"; } .i-Receipt:before { content: "\eb13"; } .i-Remove-Bag:before { content: "\eb14"; } .i-Remove-Basket:before { content: "\eb15"; } .i-Remove-Cart:before { content: "\eb16"; } .i-Shop-2:before { content: "\eb17"; } .i-Shop-3:before { content: "\eb18"; } .i-Shop-4:before { content: "\eb19"; } .i-Shop:before { content: "\eb1a"; } .i-Shopping-Bag:before { content: "\eb1b"; } .i-Shopping-Basket:before { content: "\eb1c"; } .i-Shopping-Cart:before { content: "\eb1d"; } .i-Tag-2:before { content: "\eb1e"; } .i-Tag-3:before { content: "\eb1f"; } .i-Tag-4:before { content: "\eb20"; } .i-Tag-5:before { content: "\eb21"; } .i-This-Side-Up:before { content: "\eb22"; } .i-Broke-Link-2:before { content: "\eb23"; } .i-Coding:before { content: "\eb24"; } .i-Consulting:before { content: "\eb25"; } .i-Copyright:before { content: "\eb26"; } .i-Idea-2:before { content: "\eb27"; } .i-Idea-3:before { content: "\eb28"; } .i-Internet-2:before { content: "\eb2b"; } .i-Internet:before { content: "\eb2c"; } .i-Link-2:before { content: "\eb2d"; } .i-Management:before { content: "\eb2e"; } .i-Monitor-Analytics:before { content: "\eb2f"; } .i-Monitoring:before { content: "\eb30"; } .i-Optimization:before { content: "\eb31"; } .i-Search-People:before { content: "\eb32"; } .i-Tag:before { content: "\eb33"; } .i-Target-Market:before { content: "\eb34"; } .i-Target:before { content: "\eb35"; } .i-Testimonal:before { content: "\eb36"; } .i-Computer-Secure:before { content: "\eb37"; } .i-Eye-Scan:before { content: "\eb38"; } .i-Finger-Print:before { content: "\eb39"; } .i-Firewall:before { content: "\eb3a"; } .i-Key-Lock:before { content: "\eb3b"; } .i-Laptop-Secure:before { content: "\eb3c"; } .i-Layer-1:before { content: "\eb3d"; } .i-532:before { content: "\eb3d"; } .i-Lock-2:before { content: "\eb3e"; } .i-Lock-3:before { content: "\eb3f"; } .i-Lock:before { content: "\eb40"; } .i-Password-Field:before { content: "\eb41"; } .i-Password:before { content: "\eb42"; } .i-Police:before { content: "\eb43"; } .i-Safe-Box:before { content: "\eb44"; } .i-Security-Block:before { content: "\eb45"; } .i-Security-Bug:before { content: "\eb46"; } .i-Security-Camera:before { content: "\eb47"; } .i-Security-Check:before { content: "\eb48"; } .i-Security-Settings:before { content: "\eb49"; } .i-Securiy-Remove:before { content: "\eb4a"; } .i-Shield:before { content: "\eb4b"; } .i-Smartphone--Secure:before { content: "\eb4c"; } .i-SSL:before { content: "\eb4d"; } .i-Tablet-Secure:before { content: "\eb4e"; } .i-Type-Pass:before { content: "\eb4f"; } .i-Unlock-2:before { content: "\eb50"; } .i-Unlock-3:before { content: "\eb51"; } .i-Unlock:before { content: "\eb52"; } .i-Ambulance:before { content: "\eb53"; } .i-Atom:before { content: "\eb55"; } .i-Band-Aid:before { content: "\eb57"; } .i-Bio-Hazard:before { content: "\eb58"; } .i-Biotech:before { content: "\eb59"; } .i-Brain:before { content: "\eb5a"; } .i-Chemical-2:before { content: "\eb5b"; } .i-Chemical-3:before { content: "\eb5c"; } .i-Chemical-4:before { content: "\eb5d"; } .i-Chemical-5:before { content: "\eb5e"; } .i-Chemical:before { content: "\eb5f"; } .i-Clinic:before { content: "\eb60"; } .i-Cube-Molecule-2:before { content: "\eb61"; } .i-Cube-Molecule:before { content: "\eb62"; } .i-Danger-2:before { content: "\eb63"; } .i-Danger:before { content: "\eb64"; } .i-First-Aid:before { content: "\eb68"; } .i-Flask-2:before { content: "\eb69"; } .i-Flask:before { content: "\eb6a"; } .i-Helix-2:before { content: "\eb6b"; } .i-Hospital:before { content: "\eb6c"; } .i-Medicine-2:before { content: "\eb6f"; } .i-Medicine-3:before { content: "\eb70"; } .i-Medicine:before { content: "\eb71"; } .i-Microscope:before { content: "\eb72"; } .i-Neutron:before { content: "\eb73"; } .i-Nuclear:before { content: "\eb74"; } .i-Physics:before { content: "\eb75"; } .i-Plasmid:before { content: "\eb76"; } .i-Pulse:before { content: "\eb78"; } .i-Radioactive:before { content: "\eb79"; } .i-Stethoscope:before { content: "\eb7d"; } .i-Temperature1:before { content: "\eb7e"; } .i-Test-Tube-2:before { content: "\eb7f"; } .i-Test-Tube:before { content: "\eb80"; } .i-Virus-2:before { content: "\eb81"; } .i-Virus-3:before { content: "\eb82"; } .i-Virus:before { content: "\eb83"; } .i-Camera:before { content: "\eb8d"; } .i-Edit:before { content: "\eb90"; } .i-Eye:before { content: "\eb91"; } .i-Film-Cartridge:before { content: "\eb92"; } .i-Film1:before { content: "\eb93"; } .i-Filter:before { content: "\eb94"; } .i-Flash-2:before { content: "\eb95"; } .i-Flash:before { content: "\eb96"; } .i-Fluorescent:before { content: "\eb97"; } .i-Gopro:before { content: "\eb98"; } .i-Landscape:before { content: "\eb99"; } .i-Len-2:before { content: "\eb9a"; } .i-Len-3:before { content: "\eb9b"; } .i-Len:before { content: "\eb9c"; } .i-Macro:before { content: "\eb9d"; } .i-Memory-Card-2:before { content: "\eb9e"; } .i-Memory-Card-3:before { content: "\eb9f"; } .i-Memory-Card:before { content: "\eba0"; } .i-No-Flash:before { content: "\eba1"; } .i-Shutter:before { content: "\ebae"; } .i-Signal:before { content: "\ebaf"; } .i-Snow1:before { content: "\ebb0"; } .i-Sport-Mode:before { content: "\ebb1"; } .i-Studio-Flash:before { content: "\ebb2"; } .i-Studio-Lightbox:before { content: "\ebb3"; } .i-Timer1:before { content: "\ebb4"; } .i-Tripod-2:before { content: "\ebb5"; } .i-Tripod-with-Camera:before { content: "\ebb6"; } .i-Tripod-with-Gopro:before { content: "\ebb7"; } .i-Add-User:before { content: "\ebb8"; } .i-Add-UserStar:before { content: "\ebb9"; } .i-Administrator:before { content: "\ebba"; } .i-Alien-2:before { content: "\ebbb"; } .i-Alien:before { content: "\ebbc"; } .i-Assistant:before { content: "\ebbd"; } .i-Baby-Cry:before { content: "\ebbe"; } .i-Baby:before { content: "\ebbf"; } .i-Boy:before { content: "\ebc0"; } .i-Business-Man:before { content: "\ebc1"; } .i-Business-ManWoman:before { content: "\ebc2"; } .i-Business-Mens:before { content: "\ebc3"; } .i-Business-Woman:before { content: "\ebc4"; } .i-Checked-User:before { content: "\ebc5"; } .i-Chef:before { content: "\ebc6"; } .i-Conference:before { content: "\ebc7"; } .i-Cool-Guy:before { content: "\ebc8"; } .i-Criminal:before { content: "\ebc9"; } .i-Dj:before { content: "\ebca"; } .i-Doctor:before { content: "\ebcb"; } .i-Engineering:before { content: "\ebcc"; } .i-Farmer:before { content: "\ebcd"; } .i-Female-21:before { content: "\ebce"; } .i-Female:before { content: "\ebcf"; } .i-Find-User:before { content: "\ebd0"; } .i-Geek:before { content: "\ebd1"; } .i-Genius:before { content: "\ebd2"; } .i-Girl:before { content: "\ebd3"; } .i-Headphone:before { content: "\ebd4"; } .i-Headset:before { content: "\ebd5"; } .i-ID-2:before { content: "\ebd6"; } .i-ID-3:before { content: "\ebd7"; } .i-ID-Card:before { content: "\ebd8"; } .i-King-2:before { content: "\ebd9"; } .i-Lock-User:before { content: "\ebda"; } .i-Love-User:before { content: "\ebdb"; } .i-Male-21:before { content: "\ebdc"; } .i-Male:before { content: "\ebdd"; } .i-MaleFemale:before { content: "\ebde"; } .i-Man-Sign:before { content: "\ebdf"; } .i-Mens:before { content: "\ebe0"; } .i-Network:before { content: "\ebe1"; } .i-Nurse:before { content: "\ebe2"; } .i-Pilot:before { content: "\ebe4"; } .i-Professor:before { content: "\ebe7"; } .i-Punker:before { content: "\ebe8"; } .i-Remove-User:before { content: "\ebea"; } .i-Robot:before { content: "\ebeb"; } .i-Speak-2:before { content: "\ebec"; } .i-Speak:before { content: "\ebed"; } .i-Spy:before { content: "\ebee"; } .i-Student-Female:before { content: "\ebef"; } .i-Student-Male:before { content: "\ebf0"; } .i-Student-MaleFemale:before { content: "\ebf1"; } .i-Students:before { content: "\ebf2"; } .i-Superman:before { content: "\ebf3"; } .i-Talk-Man:before { content: "\ebf4"; } .i-Teacher:before { content: "\ebf5"; } .i-Coffee-Machine:before { content: "\ec07"; } .i-Flag-2:before { content: "\ec11"; } .i-Flag:before { content: "\ec12"; } .i-Flashlight:before { content: "\ec13"; } .i-Gas-Pump:before { content: "\ec15"; } .i-Gift-Box:before { content: "\ec16"; } .i-Key-3:before { content: "\ec1d"; } .i-Key:before { content: "\ec1e"; } .i-Lamp:before { content: "\ec1f"; } .i-Life-Safer:before { content: "\ec21"; } .i-Light-Bulb:before { content: "\ec23"; } .i-Luggage-2:before { content: "\ec25"; } .i-Magnet:before { content: "\ec27"; } .i-Mirror:before { content: "\ec2a"; } .i-Movie-Ticket:before { content: "\ec2b"; } .i-Office-Lamp:before { content: "\ec2c"; } .i-Paint-Brush:before { content: "\ec2d"; } .i-Paint-Bucket:before { content: "\ec2e"; } .i-Paper-Plane:before { content: "\ec2f"; } .i-Post-Sign-2-ways:before { content: "\ec30"; } .i-Post-Sign:before { content: "\ec31"; } .i-Scale:before { content: "\ec34"; } .i-Stroller:before { content: "\ec38"; } .i-Suitcase:before { content: "\ec39"; } .i-Teddy-Bear:before { content: "\ec3a"; } .i-Telescope:before { content: "\ec3b"; } .i-Tent:before { content: "\ec3c"; } .i-Thread:before { content: "\ec3d"; } .i-Ticket:before { content: "\ec3e"; } .i-Time-Bomb:before { content: "\ec3f"; } .i-Tourch:before { content: "\ec40"; } .i-Vase:before { content: "\ec41"; } .i-Video-Game-Controller:before { content: "\ec42"; } .i-Conservation:before { content: "\ec43"; } .i-Eci-Icon:before { content: "\ec44"; } .i-Environmental-2:before { content: "\ec45"; } .i-Environmental-3:before { content: "\ec46"; } .i-Green-Energy:before { content: "\ec4c"; } .i-Green-House:before { content: "\ec4d"; } .i-Landscape1:before { content: "\ec4e"; } .i-Leafs-2:before { content: "\ec4f"; } .i-Light-Bulb-Leaf:before { content: "\ec51"; } .i-Palm-Tree:before { content: "\ec52"; } .i-Plant:before { content: "\ec53"; } .i-Recycling-2:before { content: "\ec54"; } .i-Tree-3:before { content: "\ec59"; } .i-Bell:before { content: "\ec5d"; } .i-Casette-Tape:before { content: "\ec5e"; } .i-Drum:before { content: "\ec63"; } .i-Electric-Guitar:before { content: "\ec66"; } .i-First:before { content: "\ec68"; } .i-Keyboard3:before { content: "\ec6b"; } .i-Last:before { content: "\ec6c"; } .i-Microphone-3:before { content: "\ec71"; } .i-Music-Note-2:before { content: "\ec79"; } .i-Next-Music:before { content: "\ec7f"; } .i-Old-Radio:before { content: "\ec80"; } .i-On-Air:before { content: "\ec81"; } .i-Play-Music:before { content: "\ec83"; } .i-Stop-Music:before { content: "\ec8c"; } .i-Trumpet:before { content: "\ec8d"; } .i-Voice:before { content: "\ec8e"; } .i-Pause-2:before { content: "\ec99"; } .i-Pause:before { content: "\ec9a"; } .i-Power-2:before { content: "\ec9b"; } .i-Power-3:before { content: "\ec9c"; } .i-Record-2:before { content: "\ec9d"; } .i-Record1:before { content: "\ec9e"; } .i-Repeat-2:before { content: "\ec9f"; } .i-Repeat:before { content: "\eca0"; } .i-Shuffle-2:before { content: "\eca1"; } .i-Shuffle:before { content: "\eca2"; } .i-Start-2:before { content: "\eca3"; } .i-Start:before { content: "\eca4"; } .i-Stop-2:before { content: "\eca5"; } .i-Stop:before { content: "\eca6"; } .i-Compass-2:before { content: "\eca7"; } .i-Compass-Rose:before { content: "\eca8"; } .i-Edit-Map:before { content: "\ecae"; } .i-Geo2-:before { content: "\ecb7"; } .i-Geo21:before { content: "\ecbc"; } .i-Globe-2:before { content: "\ecc5"; } .i-Globe:before { content: "\ecc6"; } .i-Map-Marker:before { content: "\eccb"; } .i-Map:before { content: "\eccc"; } .i-Map2:before { content: "\eccd"; } .i-Android-Store:before { content: "\ecd3"; } .i-Apple-Store:before { content: "\ecd4"; } .i-Box1:before { content: "\ecd5"; } .i-Dropbox:before { content: "\ecd6"; } .i-Google-Drive:before { content: "\ecd7"; } .i-Google-Play:before { content: "\ecd8"; } .i-Paypal:before { content: "\ecd9"; } .i-Skrill:before { content: "\ecda"; } .i-X-Box:before { content: "\ecdb"; } .i-Add:before { content: "\ecdc"; } .i-Back1:before { content: "\ecdd"; } .i-Broken-Link:before { content: "\ecde"; } .i-Check:before { content: "\ece0"; } .i-Circular-Point:before { content: "\ece1"; } .i-Close:before { content: "\ece2"; } .i-Cursor-Click-2:before { content: "\ece3"; } .i-Cursor-Click:before { content: "\ece4"; } .i-Cursor-Move-2:before { content: "\ece5"; } .i-Cursor-Move:before { content: "\ece6"; } .i-Cursor-Select:before { content: "\ece7"; } .i-Cursor:before { content: "\ece8"; } .i-Down:before { content: "\ece9"; } .i-Download:before { content: "\ecea"; } .i-Downward:before { content: "\eceb"; } .i-Endways:before { content: "\ecec"; } .i-Forward:before { content: "\eced"; } .i-Left:before { content: "\ecee"; } .i-Link:before { content: "\ecef"; } .i-Next1:before { content: "\ecf0"; } .i-Orientation:before { content: "\ecf1"; } .i-Pointer:before { content: "\ecf2"; } .i-Previous:before { content: "\ecf3"; } .i-Redo:before { content: "\ecf4"; } .i-Refresh:before { content: "\ecf5"; } .i-Reload:before { content: "\ecf6"; } .i-Remove:before { content: "\ecf7"; } .i-Repeat1:before { content: "\ecf8"; } .i-Reset:before { content: "\ecf9"; } .i-Rewind:before { content: "\ecfa"; } .i-Right:before { content: "\ecfb"; } .i-Rotation-390:before { content: "\ecfc"; } .i-Up:before { content: "\ed03"; } .i-Upload:before { content: "\ed04"; } .i-Upward:before { content: "\ed05"; } .i-Yes:before { content: "\ed06"; } .i-Electricity:before { content: "\ed0b"; } .i-Factory:before { content: "\ed0d"; } .i-Bag:before { content: "\ed1e"; } .i-Bakelite:before { content: "\ed1f"; } .i-Bicycle1:before { content: "\ed23"; } .i-Bow-2:before { content: "\ed24"; } .i-Bow-3:before { content: "\ed25"; } .i-Bow:before { content: "\ed26"; } .i-Hipster-Glasses-2:before { content: "\ed31"; } .i-Hipster-Glasses-3:before { content: "\ed32"; } .i-Hipster-Glasses:before { content: "\ed33"; } .i-Hipster-Headphones:before { content: "\ed34"; } .i-Hipster-Men-2:before { content: "\ed35"; } .i-Hipster-Men-3:before { content: "\ed36"; } .i-Hipster-Men:before { content: "\ed37"; } .i-Hipster-Sunglasses-2:before { content: "\ed38"; } .i-Hipster-Sunglasses-3:before { content: "\ed39"; } .i-Hipster-Sunglasses:before { content: "\ed3a"; } .i-Jacket:before { content: "\ed3b"; } .i-Mustache-2:before { content: "\ed3c"; } .i-Mustache-3:before { content: "\ed3d"; } .i-Mustache:before { content: "\ed3e"; } .i-Old-Camera:before { content: "\ed3f"; } .i-Old-Cassette:before { content: "\ed40"; } .i-Old-Sticky-2:before { content: "\ed41"; } .i-Old-Sticky:before { content: "\ed42"; } .i-Disk:before { content: "\ed56"; } .i-Fan:before { content: "\ed58"; } .i-Gamepad-2:before { content: "\ed59"; } .i-Folder-Add-:before { content: "\edd9"; } .i-Folder-Archive:before { content: "\edda"; } .i-Folder-Binder-2:before { content: "\eddb"; } .i-Folder-Binder:before { content: "\eddc"; } .i-Folder-Block:before { content: "\eddd"; } .i-Folder-Close:before { content: "\eddf"; } .i-Folder-Download:before { content: "\ede2"; } .i-Folder-Hide:before { content: "\ede6"; } .i-Folder-Loading:before { content: "\ede8"; } .i-Folder-Music:before { content: "\edeb"; } .i-Folder-Network:before { content: "\edec"; } .i-Folder-Open-2:before { content: "\eded"; } .i-Folder-Open:before { content: "\edee"; } .i-Folder-Organizing:before { content: "\edef"; } .i-Folder-Pictures:before { content: "\edf0"; } .i-Folder-Refresh:before { content: "\edf1"; } .i-Folder-Remove:before { content: "\edf2"; } .i-Folder-Search:before { content: "\edf3"; } .i-Folder-Settings:before { content: "\edf4"; } .i-Folder-Share:before { content: "\edf5"; } .i-Folder-Trash:before { content: "\edf6"; } .i-Folder-Upload:before { content: "\edf7"; } .i-Folder-Video:before { content: "\edf8"; } .i-Folder-With-Document:before { content: "\edf9"; } .i-Folder-Zip:before { content: "\edfa"; } .i-Folder:before { content: "\edfb"; } .i-Folders:before { content: "\edfc"; } .i-Add-File:before { content: "\ee24"; } .i-Delete-File:before { content: "\ee25"; } .i-File-Block:before { content: "\ee26"; } .i-File-Bookmark:before { content: "\ee27"; } .i-File-Chart:before { content: "\ee28"; } .i-File-Clipboard-File--Text:before { content: "\ee29"; } .i-File-Clipboard-Text--Image:before { content: "\ee2a"; } .i-File-Clipboard:before { content: "\ee2b"; } .i-File-Cloud:before { content: "\ee2c"; } .i-File-Copy-2:before { content: "\ee2d"; } .i-File-Copy:before { content: "\ee2e"; } .i-File-CSV:before { content: "\ee2f"; } .i-File-Download:before { content: "\ee30"; } .i-File-Edit:before { content: "\ee31"; } .i-File-Excel:before { content: "\ee32"; } .i-File-Favorite:before { content: "\ee33"; } .i-File-Fire:before { content: "\ee34"; } .i-File-Graph:before { content: "\ee35"; } .i-File-Hide:before { content: "\ee36"; } .i-File-Horizontal-Text:before { content: "\ee37"; } .i-File-Horizontal:before { content: "\ee38"; } .i-File-HTML:before { content: "\ee39"; } .i-File-JPG:before { content: "\ee3a"; } .i-File-Link:before { content: "\ee3b"; } .i-File-Loading:before { content: "\ee3c"; } .i-File-Lock:before { content: "\ee3d"; } .i-File-Love:before { content: "\ee3e"; } .i-File-Music:before { content: "\ee3f"; } .i-File-Network:before { content: "\ee40"; } .i-File-Pictures:before { content: "\ee41"; } .i-File-Pie:before { content: "\ee42"; } .i-File-Presentation:before { content: "\ee43"; } .i-File-Refresh:before { content: "\ee44"; } .i-File-Search:before { content: "\ee45"; } .i-File-Settings:before { content: "\ee46"; } .i-File-Share:before { content: "\ee47"; } .i-File-Text--Image:before { content: "\ee48"; } .i-File-Trash:before { content: "\ee49"; } .i-File-TXT:before { content: "\ee4a"; } .i-File-Upload:before { content: "\ee4b"; } .i-File-Video:before { content: "\ee4c"; } .i-File-Word:before { content: "\ee4d"; } .i-File-Zip:before { content: "\ee4e"; } .i-File:before { content: "\ee4f"; } .i-Files:before { content: "\ee50"; } .i-Remove-File:before { content: "\ee51"; } .i-Angry:before { content: "\ee53"; } .i-Cap:before { content: "\ee54"; } .i-Clown:before { content: "\ee55"; } .i-Confused:before { content: "\ee56"; } .i-Cool:before { content: "\ee57"; } .i-Crying:before { content: "\ee58"; } .i-Depression:before { content: "\ee59"; } .i-Eyeglasses-Smiley-2:before { content: "\ee5a"; } .i-Eyeglasses-Smiley:before { content: "\ee5b"; } .i-Geek1:before { content: "\ee5e"; } .i-Happy:before { content: "\ee5f"; } .i-Humor:before { content: "\ee61"; } .i-Laughing:before { content: "\ee64"; } .i-Love1:before { content: "\ee65"; } .i-Money:before { content: "\ee66"; } .i-Moustache-Smiley:before { content: "\ee67"; } .i-Smile:before { content: "\ee6d"; } .i-Sunglasses-Smiley-2:before { content: "\ee6e"; } .i-Sunglasses-Smiley:before { content: "\ee6f"; } .i-Surprise:before { content: "\ee70"; } .i-Thumbs-Down-Smiley:before { content: "\ee71"; } .i-Thumbs-Up-Smiley:before { content: "\ee72"; } .i-Tongue:before { content: "\ee73"; } .i-At-Sign:before { content: "\ee75"; } .i-Box-Full:before { content: "\ee76"; } .i-Empty-Box:before { content: "\ee77"; } .i-Envelope-2:before { content: "\ee78"; } .i-Envelope:before { content: "\ee79"; } .i-Inbox-Empty:before { content: "\ee7a"; } .i-Inbox-Full:before { content: "\ee7c"; } .i-Inbox-Into:before { content: "\ee7d"; } .i-Inbox-Out:before { content: "\ee7e"; } .i-Letter-Close:before { content: "\ee81"; } .i-Letter-Open:before { content: "\ee82"; } .i-Letter-Sent:before { content: "\ee83"; } .i-Mail-2:before { content: "\ee84"; } .i-Mail-3:before { content: "\ee85"; } .i-Mail-Add-:before { content: "\ee86"; } .i-Mail-Attachement:before { content: "\ee87"; } .i-Mail-Block:before { content: "\ee88"; } .i-Mail-Delete:before { content: "\ee89"; } .i-Mail-Favorite:before { content: "\ee8a"; } .i-Mail-Forward:before { content: "\ee8b"; } .i-Mail-Gallery:before { content: "\ee8c"; } .i-Mail-Inbox:before { content: "\ee8d"; } .i-Mail-Link:before { content: "\ee8e"; } .i-Mail-Lock:before { content: "\ee8f"; } .i-Mail-Love:before { content: "\ee90"; } .i-Mail-Money:before { content: "\ee91"; } .i-Mail-Open:before { content: "\ee92"; } .i-Mail-Outbox:before { content: "\ee93"; } .i-Mail-Password:before { content: "\ee94"; } .i-Mail-Photo:before { content: "\ee95"; } .i-Mail-Read:before { content: "\ee96"; } .i-Mail-Remove-x:before { content: "\ee97"; } .i-Mail-Reply-All:before { content: "\ee98"; } .i-Mail-Reply:before { content: "\ee99"; } .i-Mail-Search:before { content: "\ee9a"; } .i-Mail-Send:before { content: "\ee9b"; } .i-Mail-Settings:before { content: "\ee9c"; } .i-Mail-Unread:before { content: "\ee9d"; } .i-Mail-Video:before { content: "\ee9e"; } .i-Mail-with-At-Sign:before { content: "\ee9f"; } .i-Mail-With-Cursors:before { content: "\eea0"; } .i-Mail:before { content: "\eea1"; } .i-Mailbox-Empty:before { content: "\eea2"; } .i-Mailbox-Full:before { content: "\eea3"; } .i-New-Mail:before { content: "\eea4"; } .i-Post-Mail-2:before { content: "\eea5"; } .i-Post-Mail:before { content: "\eea6"; } .i-Spam-Mail:before { content: "\eea7"; } .i-Stamp-2:before { content: "\eea8"; } .i-Stamp:before { content: "\eea9"; } .i-Voicemail:before { content: "\eeaa"; } .i-Alpha:before { content: "\eeab"; } .i-Beta:before { content: "\eeac"; } .i-Blackboard:before { content: "\eead"; } .i-Book:before { content: "\eeae"; } .i-Bookmark:before { content: "\eeaf"; } .i-Diploma-2:before { content: "\eeb3"; } .i-Diploma:before { content: "\eeb4"; } .i-Eraser-2:before { content: "\eeb5"; } .i-Notepad-2:before { content: "\eeba"; } .i-Notepad:before { content: "\eebb"; } .i-Open-Book:before { content: "\eebc"; } .i-Pen-2:before { content: "\eebd"; } .i-Pen-3:before { content: "\eebe"; } .i-Pen-4:before { content: "\eebf"; } .i-Pen-5:before { content: "\eec0"; } .i-Pen-6:before { content: "\eec1"; } .i-Pi:before { content: "\eec2"; } .i-Pipette:before { content: "\eec3"; } .i-Quill-2:before { content: "\eec4"; } .i-Quill-3:before { content: "\eec5"; } .i-Quill:before { content: "\eec6"; } .i-Spell-Check-ABC:before { content: "\eec7"; } .i-Spell-Check:before { content: "\eec8"; } .i-Stapler:before { content: "\eec9"; } .i-Student-Hat-2:before { content: "\eeca"; } .i-Student-Hat:before { content: "\eecb"; } .i-Sum1:before { content: "\eecc"; } .i-University:before { content: "\eecd"; } .i-Computer-2:before { content: "\eece"; } .i-Monitor-2:before { content: "\eed9"; } .i-Monitor-3:before { content: "\eeda"; } .i-Monitor-5:before { content: "\eedc"; } .i-Monitor-Vertical:before { content: "\eedd"; } .i-Orientation-2:before { content: "\eedf"; } .i-Board:before { content: "\eef5"; } .i-Brush:before { content: "\eef6"; } .i-Clamp:before { content: "\eef7"; } .i-CMYK:before { content: "\eef8"; } .i-Idea:before { content: "\eefe"; } .i-Knife1:before { content: "\eeff"; } .i-Marker:before { content: "\ef00"; } .i-Note:before { content: "\ef01"; } .i-Paintbrush:before { content: "\ef02"; } .i-Vector:before { content: "\ef18"; } .i-Big-Data:before { content: "\ef19"; } .i-Data-Backup:before { content: "\ef1a"; } .i-Data-Block:before { content: "\ef1b"; } .i-Data-Center:before { content: "\ef1c"; } .i-Data-Clock:before { content: "\ef1d"; } .i-Data-Cloud:before { content: "\ef1e"; } .i-Data-Compress:before { content: "\ef1f"; } .i-Data-Copy:before { content: "\ef20"; } .i-Data-Download:before { content: "\ef21"; } .i-Data-Financial:before { content: "\ef22"; } .i-Data-Key:before { content: "\ef23"; } .i-Data-Lock:before { content: "\ef24"; } .i-Data-Network:before { content: "\ef25"; } .i-Data-Password:before { content: "\ef26"; } .i-Data-Power:before { content: "\ef27"; } .i-Data-Refresh:before { content: "\ef28"; } .i-Data-Save:before { content: "\ef29"; } .i-Data-Search:before { content: "\ef2a"; } .i-Data-Security:before { content: "\ef2b"; } .i-Data-Settings:before { content: "\ef2c"; } .i-Data-Sharing:before { content: "\ef2d"; } .i-Data-Shield:before { content: "\ef2e"; } .i-Data-Signal:before { content: "\ef2f"; } .i-Data-Storage:before { content: "\ef30"; } .i-Data-Stream:before { content: "\ef31"; } .i-Data-Transfer:before { content: "\ef32"; } .i-Data-Unlock:before { content: "\ef33"; } .i-Data-Upload:before { content: "\ef34"; } .i-Data-Yes:before { content: "\ef35"; } .i-Data:before { content: "\ef36"; } .i-Hub:before { content: "\ef37"; } .i-Address-Book-2:before { content: "\ef38"; } .i-Address-Book:before { content: "\ef39"; } .i-Bell1:before { content: "\ef3a"; } .i-Bird-Delivering-Letter:before { content: "\ef3b"; } .i-Communication-Tower-2:before { content: "\ef3c"; } .i-Communication-Tower:before { content: "\ef3d"; } .i-Fax:before { content: "\ef3e"; } .i-Megaphone:before { content: "\ef3f"; } .i-Newspaper-2:before { content: "\ef40"; } .i-Newspaper:before { content: "\ef41"; } .i-Old-Telephone:before { content: "\ef42"; } .i-Plastic-Cup-Phone-2:before { content: "\ef43"; } .i-Plastic-Cup-Phone:before { content: "\ef44"; } .i-Router-2:before { content: "\ef45"; } .i-Router:before { content: "\ef46"; } .i-Telephone-2:before { content: "\ef47"; } .i-Telephone:before { content: "\ef48"; } .i-VPN:before { content: "\ef49"; } .i-Walkie-Talkie:before { content: "\ef4a"; } .i-Wifi-2:before { content: "\ef4b"; } .i-Wifi:before { content: "\ef4c"; } .i-Wireless:before { content: "\ef4d"; } .i-Block-Cloud:before { content: "\ef4e"; } .i-Cloud:before { content: "\ef4f"; } .i-Cloud-:before { content: "\ef50"; } .i-Cloud-Camera:before { content: "\ef51"; } .i-Cloud-Computer:before { content: "\ef52"; } .i-Cloud-Email:before { content: "\ef53"; } .i-Cloud-Laptop:before { content: "\ef54"; } .i-Cloud-Lock:before { content: "\ef55"; } .i-Cloud-Music:before { content: "\ef56"; } .i-Cloud-Picture:before { content: "\ef57"; } .i-Cloud-Remove:before { content: "\ef58"; } .i-Cloud-Secure:before { content: "\ef59"; } .i-Cloud-Settings:before { content: "\ef5a"; } .i-Cloud-Smartphone:before { content: "\ef5b"; } .i-Cloud-Tablet:before { content: "\ef5c"; } .i-Cloud-Video:before { content: "\ef5d"; } .i-Cloud1:before { content: "\ef5e"; } .i-Clouds:before { content: "\ef5f"; } .i-Device-Sync-with-Cloud:before { content: "\ef60"; } .i-Download-from-Cloud:before { content: "\ef61"; } .i-People-on-Cloud:before { content: "\ef62"; } .i-Search-on-Cloud:before { content: "\ef63"; } .i-Share-on-Cloud:before { content: "\ef64"; } .i-Belt-3:before { content: "\ef6b"; } .i-Wallet-2:before { content: "\ef9f"; } .i-Womans-Underwear-2:before { content: "\efa0"; } .i-Womans-Underwear:before { content: "\efa1"; } .i-Dec:before { content: "\efa3"; } .i-Angel:before { content: "\efa4"; } .i-Bow1:before { content: "\efa5"; } .i-Christmas-Ball:before { content: "\efa7"; } .i-Christmas-Bell:before { content: "\efa8"; } .i-Christmas-Candle:before { content: "\efa9"; } .i-Christmas-Hat:before { content: "\efaa"; } .i-Present:before { content: "\efb6"; } .i-Tactic:before { content: "\efca"; } .i-AMX:before { content: "\efcc"; } .i-ATM:before { content: "\efcd"; } .i-Bar-Chart-2:before { content: "\efce"; } .i-Bar-Chart-3:before { content: "\efcf"; } .i-Bar-Chart-4:before { content: "\efd0"; } .i-Bar-Chart-5:before { content: "\efd1"; } .i-Bar-Chart:before { content: "\efd2"; } .i-Calculator-2:before { content: "\efd3"; } .i-Calculator-3:before { content: "\efd4"; } .i-Calculator:before { content: "\efd5"; } .i-Calendar-2:before { content: "\efd6"; } .i-Calendar-3:before { content: "\efd7"; } .i-Calendar-4:before { content: "\efd8"; } .i-Calendar:before { content: "\efd9"; } .i-Claps:before { content: "\efda"; } .i-Coin:before { content: "\efdb"; } .i-Coins-2:before { content: "\efdc"; } .i-Coins-3:before { content: "\efdd"; } .i-Coins:before { content: "\efde"; } .i-Credit-Card-2:before { content: "\efdf"; } .i-Credit-Card-3:before { content: "\efe0"; } .i-Credit-Card:before { content: "\efe1"; } .i-Diamond:before { content: "\efe2"; } .i-Dollar-Sign-2:before { content: "\efe3"; } .i-Dollar-Sign:before { content: "\efe4"; } .i-Dollar:before { content: "\efe5"; } .i-Euro-Sign-2:before { content: "\efe6"; } .i-Euro-Sign:before { content: "\efe7"; } .i-Euro:before { content: "\efe8"; } .i-Financial:before { content: "\efe9"; } .i-Handshake:before { content: "\efea"; } .i-Line-Chart-2:before { content: "\efeb"; } .i-Line-Chart-3:before { content: "\efec"; } .i-Line-Chart-4:before { content: "\efed"; } .i-Line-Chart:before { content: "\efee"; } .i-Money-2:before { content: "\eff0"; } .i-Money-Bag:before { content: "\eff1"; } .i-Money1:before { content: "\eff2"; } .i-Pie-Chart-2:before { content: "\eff3"; } .i-Pie-Chart-3:before { content: "\eff4"; } .i-Pie-Chart:before { content: "\eff5"; } .i-Pound-Sign-2:before { content: "\eff6"; } .i-Pound-Sign:before { content: "\eff7"; } .i-Pound:before { content: "\eff8"; } .i-Safe-Box1:before { content: "\eff9"; } .i-Token-:before { content: "\effa"; } .i-Visa:before { content: "\effb"; } .i-Wallet-21:before { content: "\effc"; } .i-Wallet:before { content: "\effd"; } .i-Bank:before { content: "\effe"; } .i-Building:before { content: "\f003"; } .i-Clothing-Store:before { content: "\f00a"; } .i-Column-2:before { content: "\f00c"; } .i-Column-3:before { content: "\f00d"; } .i-Column:before { content: "\f00e"; } .i-Door:before { content: "\f00f"; } .i-Factory1:before { content: "\f014"; } .i-Home-2:before { content: "\f016"; } .i-Home-4:before { content: "\f018"; } .i-Home1:before { content: "\f019"; } .i-Hospital1:before { content: "\f01a"; } .i-Hotel:before { content: "\f01b"; } .i-Japanese-Gate:before { content: "\f01c"; } .i-Police-Station:before { content: "\f027"; } .i-Post-Office:before { content: "\f028"; } .i-Structure:before { content: "\f02e"; } .i-Tower-2:before { content: "\f032"; } .i-Tower:before { content: "\f034"; } .i-University1:before { content: "\f035"; } .i-Window:before { content: "\f037"; } .i-Android:before { content: "\f039"; } .i-Chrome:before { content: "\f03a"; } .i-Debian:before { content: "\f03b"; } .i-Firefox:before { content: "\f03c"; } .i-Internet-Explorer:before { content: "\f03d"; } .i-iOS-Apple:before { content: "\f03e"; } .i-Linux:before { content: "\f03f"; } .i-Netscape:before { content: "\f040"; } .i-Opera:before { content: "\f041"; } .i-Windows-Microsoft:before { content: "\f044"; } .i-Brain1:before { content: "\f047"; } .i-Cardiovascular:before { content: "\f048"; } .i-Elbow:before { content: "\f04a"; } .i-Eye-Visible:before { content: "\f04d"; } .i-Eye1:before { content: "\f04e"; } .i-Eyebrow-2:before { content: "\f04f"; } .i-Eyebrow:before { content: "\f051"; } .i-Face-Style-2:before { content: "\f052"; } .i-Face-Style-3:before { content: "\f053"; } .i-Face-Style-4:before { content: "\f054"; } .i-Face-Style-5:before { content: "\f055"; } .i-Face-Style-6:before { content: "\f056"; } .i-Finger:before { content: "\f058"; } .i-Fingerprint-2:before { content: "\f059"; } .i-Fingerprint:before { content: "\f05a"; } .i-Foot:before { content: "\f05c"; } .i-Hand:before { content: "\f05e"; } .i-Heart1:before { content: "\f060"; } .i-Leg:before { content: "\f063"; } .i-Mustache-31:before { content: "\f065"; } .i-Mustache-4:before { content: "\f066"; } .i-Arrow-Back-2:before { content: "\f06c"; } .i-Arrow-Back-3:before { content: "\f06d"; } .i-Arrow-Back:before { content: "\f06e"; } .i-Arrow-Down-2:before { content: "\f06f"; } .i-Arrow-Down-3:before { content: "\f070"; } .i-Arrow-Down-in-Circle:before { content: "\f071"; } .i-Arrow-Down:before { content: "\f072"; } .i-Arrow-Forward-2:before { content: "\f073"; } .i-Arrow-Forward:before { content: "\f074"; } .i-Arrow-Left-2:before { content: "\f075"; } .i-Arrow-Left-in-Circle:before { content: "\f076"; } .i-Arrow-Left:before { content: "\f077"; } .i-Arrow-Next:before { content: "\f078"; } .i-Arrow-Refresh-2:before { content: "\f079"; } .i-Arrow-Refresh:before { content: "\f07a"; } .i-Arrow-Right-2:before { content: "\f07b"; } .i-Arrow-Right-in-Circle:before { content: "\f07c"; } .i-Arrow-Right:before { content: "\f07d"; } .i-Arrow-Turn-Left:before { content: "\f07e"; } .i-Arrow-Turn-Right:before { content: "\f07f"; } .i-Arrow-Up-2:before { content: "\f080"; } .i-Arrow-Up-3:before { content: "\f081"; } .i-Arrow-Up-in-Circle:before { content: "\f082"; } .i-Arrow-Up:before { content: "\f083"; } .i-Arrow-X-Left:before { content: "\f084"; } .i-Arrow-X-Right:before { content: "\f085"; } .i-Bottom-To-Top:before { content: "\f086"; } .i-Down-2:before { content: "\f087"; } .i-Down-3:before { content: "\f088"; } .i-Down1:before { content: "\f089"; } .i-Download1:before { content: "\f08a"; } .i-End1:before { content: "\f08b"; } .i-Fit-To-2:before { content: "\f08c"; } .i-Fit-To:before { content: "\f08d"; } .i-Full-Screen-2:before { content: "\f08e"; } .i-Full-Screen:before { content: "\f08f"; } .i-Go-Bottom:before { content: "\f090"; } .i-Go-Top:before { content: "\f091"; } .i-Left---Right-3:before { content: "\f092"; } .i-Left---Right:before { content: "\f093"; } .i-Left-2:before { content: "\f094"; } .i-Left-3:before { content: "\f095"; } .i-Left-To-Right:before { content: "\f096"; } .i-Left1:before { content: "\f097"; } .i-Loop:before { content: "\f098"; } .i-Navigat-Start:before { content: "\f099"; } .i-Navigate-End:before { content: "\f09a"; } .i-Reload-2:before { content: "\f09b"; } .i-Reload1:before { content: "\f09c"; } .i-Repeat-21:before { content: "\f09d"; } .i-Repeat-3:before { content: "\f09e"; } .i-Repeat-4:before { content: "\f09f"; } .i-Repeat2:before { content: "\f0a0"; } .i-Right-2:before { content: "\f0a1"; } .i-Right-3:before { content: "\f0a2"; } .i-Right-To-Left:before { content: "\f0a3"; } .i-Right1:before { content: "\f0a4"; } .i-Shuffle-21:before { content: "\f0a5"; } .i-Shuffle1:before { content: "\f0a6"; } .i-Start1:before { content: "\f0a7"; } .i-Sync:before { content: "\f0a8"; } .i-To-Bottom-2:before { content: "\f0a9"; } .i-To-Bottom:before { content: "\f0aa"; } .i-To-Left:before { content: "\f0ab"; } .i-To-Right:before { content: "\f0ac"; } .i-To-Top-2:before { content: "\f0ad"; } .i-To-Top:before { content: "\f0ae"; } .i-Top-To-Bottom:before { content: "\f0af"; } .i-Triangle-Arrow-Down:before { content: "\f0b0"; } .i-Triangle-Arrow-Left:before { content: "\f0b1"; } .i-Triangle-Arrow-Right:before { content: "\f0b2"; } .i-Triangle-Arrow-Up:before { content: "\f0b3"; } .i-Turn-Down-2:before { content: "\f0b4"; } .i-Turn-Down-From-Left:before { content: "\f0b5"; } .i-Turn-Down-From-Right:before { content: "\f0b6"; } .i-Turn-Down:before { content: "\f0b7"; } .i-Turn-Left-3:before { content: "\f0b8"; } .i-Turn-Left:before { content: "\f0b9"; } .i-Turn-Right-3:before { content: "\f0ba"; } .i-Turn-Right:before { content: "\f0bb"; } .i-Turn-Up-2:before { content: "\f0bc"; } .i-Turn-Up:before { content: "\f0bd"; } .i-Up---Down-3:before { content: "\f0be"; } .i-Up---Down:before { content: "\f0bf"; } .i-Up-2:before { content: "\f0c0"; } .i-Up-3:before { content: "\f0c1"; } .i-Up1:before { content: "\f0c2"; } .i-Upload1:before { content: "\f0c3"; } .i-Arrow-Around:before { content: "\f0c4"; } .i-Arrow-Barrier:before { content: "\f0c5"; } .i-Arrow-Circle:before { content: "\f0c6"; } .i-Arrow-Cross:before { content: "\f0c7"; } .i-Arrow-Fork:before { content: "\f0c8"; } .i-Arrow-From:before { content: "\f0c9"; } .i-Arrow-Inside-45:before { content: "\f0ca"; } .i-Arrow-Inside-Gap-45:before { content: "\f0cb"; } .i-Arrow-Inside-Gap:before { content: "\f0cc"; } .i-Arrow-Inside:before { content: "\f0cd"; } .i-Arrow-Loop:before { content: "\f0d1"; } .i-Arrow-Mix:before { content: "\f0d3"; } .i-Arrow-Out-Left:before { content: "\f0d4"; } .i-Arrow-Out-Right:before { content: "\f0d5"; } .i-Arrow-Outside-45:before { content: "\f0d6"; } .i-Arrow-Outside-Gap-45:before { content: "\f0d7"; } .i-Arrow-Outside-Gap:before { content: "\f0d8"; } .i-Arrow-Outside:before { content: "\f0d9"; } .i-Arrow-Over:before { content: "\f0da"; } .i-Arrow-Shuffle:before { content: "\f0db"; } .i-Resize:before { content: "\f0e4"; } .i-Chicken:before { content: "\f0f2"; } .i-Align-Justify-All:before { content: "\f11a"; } .i-Align-Justify-Center:before { content: "\f11b"; } .i-Align-Justify-Left:before { content: "\f11c"; } .i-Align-Justify-Right:before { content: "\f11d"; } .i-Align-Left:before { content: "\f11e"; } .i-Align-Right:before { content: "\f11f"; } /*@import url(../../fonts/iconsmind/iconsmind.css);*/ /*! * Bootstrap v4.1.3 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { --blue: #003473; --indigo: #3F51B5; --purple: #663399; --pink: #CB3066; --red: #f44336; --orange: #e97d23; --yellow: #ffc107; --green: #4caf50; --teal: #20c997; --cyan: #9c27b0; --white: #fff; --gray: #70657b; --gray-dark: #52495a; --purple: #663399; --pink: #CB3066; --red: #f44336; --orange: #e97d23; --yellow: #ffc107; --green: #4caf50; --teal: #20c997; --cyan: #9c27b0; --white: #fff; --gray: #70657b; --primary: #663399; --secondary: #52495a; --success: #4caf50; --info: #003473; --warning: #ffc107; --danger: #f44336; --light: #bbb; --dark: #47404f; --gray-100: #f8f9fa; --gray-200: #eee; --gray-300: #dee2e6; --gray-400: #ced4da; --gray-500: #bbb; --gray-600: #70657b; --gray-700: #665c70; --gray-800: #52495a; --gray-900: #47404f; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @-ms-viewport { width: device-width; } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: "Nunito", sans-serif; font-size: 0.813rem; font-weight: 400; line-height: 1.5; color: #47404f; text-align: left; background-color: #fff; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #663399; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover { color: #402060; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #70657b; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; } h1, .h1 { font-size: 2.0325rem; } h2, .h2 { font-size: 1.626rem; } h3, .h3 { font-size: 1.42275rem; } h4, .h4 { font-size: 1.2195rem; } h5, .h5 { font-size: 1.01625rem; } h6, .h6 { font-size: 0.813rem; } .lead { font-size: 1.01625rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.01625rem; } .blockquote-footer { display: block; font-size: 80%; color: #70657b; } .blockquote-footer::before { content: "\2014 \00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #70657b; } code { font-size: 87.5%; color: #CB3066; word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #47404f; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #47404f; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .table { width: 100%; margin-bottom: 1rem; background-color: transparent; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody { border-top: 2px solid #dee2e6; } .table .table { background-color: #fff; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #d4c6e2; } .table-hover .table-primary:hover { background-color: #c7b5d9; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #c7b5d9; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #ceccd1; } .table-hover .table-secondary:hover { background-color: #c1bfc5; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c1bfc5; } .table-success, .table-success > th, .table-success > td { background-color: #cde9ce; } .table-hover .table-success:hover { background-color: #bbe1bd; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #bbe1bd; } .table-info, .table-info > th, .table-info > td { background-color: #b8c6d8; } .table-hover .table-info:hover { background-color: #a8b9cf; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #a8b9cf; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffeeba; } .table-hover .table-warning:hover { background-color: #ffe8a1; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1; } .table-danger, .table-danger > th, .table-danger > td { background-color: #fccac7; } .table-hover .table-danger:hover { background-color: #fbb3af; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #fbb3af; } .table-light, .table-light > th, .table-light > td { background-color: #ececec; } .table-hover .table-light:hover { background-color: #dfdfdf; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #dfdfdf; } .table-dark, .table-dark > th, .table-dark > td { background-color: #cccace; } .table-hover .table-dark:hover { background-color: #bfbdc2; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #bfbdc2; } .table-gray-100, .table-gray-100 > th, .table-gray-100 > td { background-color: #fdfdfe; } .table-hover .table-gray-100:hover { background-color: #ececf6; } .table-hover .table-gray-100:hover > td, .table-hover .table-gray-100:hover > th { background-color: #ececf6; } .table-gray-200, .table-gray-200 > th, .table-gray-200 > td { background-color: #fafafa; } .table-hover .table-gray-200:hover { background-color: #ededed; } .table-hover .table-gray-200:hover > td, .table-hover .table-gray-200:hover > th { background-color: #ededed; } .table-gray-300, .table-gray-300 > th, .table-gray-300 > td { background-color: #f6f7f8; } .table-hover .table-gray-300:hover { background-color: #e8eaed; } .table-hover .table-gray-300:hover > td, .table-hover .table-gray-300:hover > th { background-color: #e8eaed; } .table-gray-400, .table-gray-400 > th, .table-gray-400 > td { background-color: #f1f3f5; } .table-hover .table-gray-400:hover { background-color: #e2e6ea; } .table-hover .table-gray-400:hover > td, .table-hover .table-gray-400:hover > th { background-color: #e2e6ea; } .table-gray-500, .table-gray-500 > th, .table-gray-500 > td { background-color: #ececec; } .table-hover .table-gray-500:hover { background-color: #dfdfdf; } .table-hover .table-gray-500:hover > td, .table-hover .table-gray-500:hover > th { background-color: #dfdfdf; } .table-gray-600, .table-gray-600 > th, .table-gray-600 > td { background-color: #d7d4da; } .table-hover .table-gray-600:hover { background-color: #cac6ce; } .table-hover .table-gray-600:hover > td, .table-hover .table-gray-600:hover > th { background-color: #cac6ce; } .table-gray-700, .table-gray-700 > th, .table-gray-700 > td { background-color: #d4d1d7; } .table-hover .table-gray-700:hover { background-color: #c7c3cb; } .table-hover .table-gray-700:hover > td, .table-hover .table-gray-700:hover > th { background-color: #c7c3cb; } .table-gray-800, .table-gray-800 > th, .table-gray-800 > td { background-color: #ceccd1; } .table-hover .table-gray-800:hover { background-color: #c1bfc5; } .table-hover .table-gray-800:hover > td, .table-hover .table-gray-800:hover > th { background-color: #c1bfc5; } .table-gray-900, .table-gray-900 > th, .table-gray-900 > td { background-color: #cccace; } .table-hover .table-gray-900:hover { background-color: #bfbdc2; } .table-hover .table-gray-900:hover > td, .table-hover .table-gray-900:hover > th { background-color: #bfbdc2; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #47404f; border-color: #5b5164; } .table .thead-light th { color: #665c70; background-color: #eee; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #47404f; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #5b5164; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(1.9695rem + 2px); padding: 0.375rem 0.75rem; font-size: 0.813rem; line-height: 1.5; color: #665c70; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #665c70; background-color: #fff; border-color: #a679d2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(102, 51, 153, 0.25); } .form-control::placeholder { color: #70657b; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #eee; opacity: 1; } select.form-control:focus::-ms-value { color: #665c70; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.01625rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.71137rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.5; color: #47404f; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.56706rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.71137rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(2.52438rem + 2px); padding: 0.5rem 1rem; font-size: 1.01625rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label { color: #70657b; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #4caf50; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.71137rem; line-height: 1.5; color: #fff; background-color: rgba(76, 175, 80, 0.9); border-radius: 0.25rem; } .was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #4caf50; } .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #4caf50; box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #4caf50; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #4caf50; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { background-color: #a3d7a5; } .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { background-color: #6ec071; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(76, 175, 80, 0.25); } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #4caf50; } .was-validated .custom-file-input:valid ~ .custom-file-label::after, .custom-file-input.is-valid ~ .custom-file-label::after { border-color: inherit; } .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #f44336; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.71137rem; line-height: 1.5; color: #fff; background-color: rgba(244, 67, 54, 0.9); border-radius: 0.25rem; } .was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #f44336; } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #f44336; box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #f44336; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #f44336; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { background-color: #fbb4af; } .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { background-color: #f77066; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(244, 67, 54, 0.25); } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #f44336; } .was-validated .custom-file-input:invalid ~ .custom-file-label::after, .custom-file-input.is-invalid ~ .custom-file-label::after { border-color: inherit; } .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 0.813rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover, .btn:focus { text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(102, 51, 153, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #663399; border-color: #663399; } .btn-primary:hover { color: #fff; background-color: #53297c; border-color: #4d2673; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(102, 51, 153, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #663399; border-color: #663399; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #4d2673; border-color: #462369; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(102, 51, 153, 0.5); } .btn-secondary { color: #fff; background-color: #52495a; border-color: #52495a; } .btn-secondary:hover { color: #fff; background-color: #3e3845; border-color: #38323e; } .btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(82, 73, 90, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #52495a; border-color: #52495a; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #38323e; border-color: #322d37; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 73, 90, 0.5); } .btn-success { color: #fff; background-color: #4caf50; border-color: #4caf50; } .btn-success:hover { color: #fff; background-color: #409444; border-color: #3d8b40; } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #4caf50; border-color: #4caf50; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #3d8b40; border-color: #39833c; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.5); } .btn-info { color: #fff; background-color: #003473; border-color: #003473; } .btn-info:hover { color: #fff; background-color: #00234d; border-color: #001d40; } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 0.2rem rgba(0, 52, 115, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #003473; border-color: #003473; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #001d40; border-color: #001733; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 52, 115, 0.5); } .btn-warning { color: #47404f; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #47404f; background-color: #e0a800; border-color: #d39e00; } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #47404f; background-color: #ffc107; border-color: #ffc107; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #47404f; background-color: #d39e00; border-color: #c69500; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-danger { color: #fff; background-color: #f44336; border-color: #f44336; } .btn-danger:hover { color: #fff; background-color: #f22112; border-color: #ea1c0d; } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #f44336; border-color: #f44336; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #ea1c0d; border-color: #de1b0c; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.5); } .btn-light { color: #47404f; background-color: #bbb; border-color: #bbb; } .btn-light:hover { color: #47404f; background-color: #a8a8a8; border-color: #a2a2a2; } .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 0.2rem rgba(187, 187, 187, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #47404f; background-color: #bbb; border-color: #bbb; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #47404f; background-color: #a2a2a2; border-color: #9b9b9b; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(187, 187, 187, 0.5); } .btn-dark { color: #fff; background-color: #47404f; border-color: #47404f; } .btn-dark:hover { color: #fff; background-color: #342f3a; border-color: #2e2932; } .btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 0.2rem rgba(71, 64, 79, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #47404f; border-color: #47404f; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #2e2932; border-color: #28242b; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(71, 64, 79, 0.5); } .btn-gray-100 { color: #47404f; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-gray-100:hover { color: #47404f; background-color: #e2e6ea; border-color: #dae0e5; } .btn-gray-100:focus, .btn-gray-100.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-gray-100.disabled, .btn-gray-100:disabled { color: #47404f; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { color: #47404f; background-color: #dae0e5; border-color: #d3d9df; } .btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-gray-200 { color: #47404f; background-color: #eee; border-color: #eee; } .btn-gray-200:hover { color: #47404f; background-color: #dbdbdb; border-color: #d5d5d5; } .btn-gray-200:focus, .btn-gray-200.focus { box-shadow: 0 0 0 0.2rem rgba(238, 238, 238, 0.5); } .btn-gray-200.disabled, .btn-gray-200:disabled { color: #47404f; background-color: #eee; border-color: #eee; } .btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { color: #47404f; background-color: #d5d5d5; border-color: #cecece; } .btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(238, 238, 238, 0.5); } .btn-gray-300 { color: #47404f; background-color: #dee2e6; border-color: #dee2e6; } .btn-gray-300:hover { color: #47404f; background-color: #c8cfd6; border-color: #c1c9d0; } .btn-gray-300:focus, .btn-gray-300.focus { box-shadow: 0 0 0 0.2rem rgba(222, 226, 230, 0.5); } .btn-gray-300.disabled, .btn-gray-300:disabled { color: #47404f; background-color: #dee2e6; border-color: #dee2e6; } .btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { color: #47404f; background-color: #c1c9d0; border-color: #bac2cb; } .btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 226, 230, 0.5); } .btn-gray-400 { color: #47404f; background-color: #ced4da; border-color: #ced4da; } .btn-gray-400:hover { color: #47404f; background-color: #b8c1ca; border-color: #b1bbc4; } .btn-gray-400:focus, .btn-gray-400.focus { box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5); } .btn-gray-400.disabled, .btn-gray-400:disabled { color: #47404f; background-color: #ced4da; border-color: #ced4da; } .btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { color: #47404f; background-color: #b1bbc4; border-color: #aab4bf; } .btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5); } .btn-gray-500 { color: #47404f; background-color: #bbb; border-color: #bbb; } .btn-gray-500:hover { color: #47404f; background-color: #a8a8a8; border-color: #a2a2a2; } .btn-gray-500:focus, .btn-gray-500.focus { box-shadow: 0 0 0 0.2rem rgba(187, 187, 187, 0.5); } .btn-gray-500.disabled, .btn-gray-500:disabled { color: #47404f; background-color: #bbb; border-color: #bbb; } .btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { color: #47404f; background-color: #a2a2a2; border-color: #9b9b9b; } .btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(187, 187, 187, 0.5); } .btn-gray-600 { color: #fff; background-color: #70657b; border-color: #70657b; } .btn-gray-600:hover { color: #fff; background-color: #5d5466; border-color: #574e5f; } .btn-gray-600:focus, .btn-gray-600.focus { box-shadow: 0 0 0 0.2rem rgba(112, 101, 123, 0.5); } .btn-gray-600.disabled, .btn-gray-600:disabled { color: #fff; background-color: #70657b; border-color: #70657b; } .btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { color: #fff; background-color: #574e5f; border-color: #504858; } .btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(112, 101, 123, 0.5); } .btn-gray-700 { color: #fff; background-color: #665c70; border-color: #665c70; } .btn-gray-700:hover { color: #fff; background-color: #534b5b; border-color: #4d4554; } .btn-gray-700:focus, .btn-gray-700.focus { box-shadow: 0 0 0 0.2rem rgba(102, 92, 112, 0.5); } .btn-gray-700.disabled, .btn-gray-700:disabled { color: #fff; background-color: #665c70; border-color: #665c70; } .btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { color: #fff; background-color: #4d4554; border-color: #463f4d; } .btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(102, 92, 112, 0.5); } .btn-gray-800 { color: #fff; background-color: #52495a; border-color: #52495a; } .btn-gray-800:hover { color: #fff; background-color: #3e3845; border-color: #38323e; } .btn-gray-800:focus, .btn-gray-800.focus { box-shadow: 0 0 0 0.2rem rgba(82, 73, 90, 0.5); } .btn-gray-800.disabled, .btn-gray-800:disabled { color: #fff; background-color: #52495a; border-color: #52495a; } .btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { color: #fff; background-color: #38323e; border-color: #322d37; } .btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 73, 90, 0.5); } .btn-gray-900 { color: #fff; background-color: #47404f; border-color: #47404f; } .btn-gray-900:hover { color: #fff; background-color: #342f3a; border-color: #2e2932; } .btn-gray-900:focus, .btn-gray-900.focus { box-shadow: 0 0 0 0.2rem rgba(71, 64, 79, 0.5); } .btn-gray-900.disabled, .btn-gray-900:disabled { color: #fff; background-color: #47404f; border-color: #47404f; } .btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { color: #fff; background-color: #2e2932; border-color: #28242b; } .btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(71, 64, 79, 0.5); } .btn-outline-primary { color: #663399; background-color: transparent; background-image: none; border-color: #663399; } .btn-outline-primary:hover { color: #fff; background-color: #663399; border-color: #663399; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(102, 51, 153, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #663399; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #663399; border-color: #663399; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(102, 51, 153, 0.5); } .btn-outline-secondary { color: #52495a; background-color: transparent; background-image: none; border-color: #52495a; } .btn-outline-secondary:hover { color: #fff; background-color: #52495a; border-color: #52495a; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(82, 73, 90, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #52495a; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #52495a; border-color: #52495a; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 73, 90, 0.5); } .btn-outline-success { color: #4caf50; background-color: transparent; background-image: none; border-color: #4caf50; } .btn-outline-success:hover { color: #fff; background-color: #4caf50; border-color: #4caf50; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #4caf50; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #4caf50; border-color: #4caf50; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.5); } .btn-outline-info { color: #003473; background-color: transparent; background-image: none; border-color: #003473; } .btn-outline-info:hover { color: #fff; background-color: #003473; border-color: #003473; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(0, 52, 115, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #003473; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #003473; border-color: #003473; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 52, 115, 0.5); } .btn-outline-warning { color: #ffc107; background-color: transparent; background-image: none; border-color: #ffc107; } .btn-outline-warning:hover { color: #47404f; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #47404f; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-danger { color: #f44336; background-color: transparent; background-image: none; border-color: #f44336; } .btn-outline-danger:hover { color: #fff; background-color: #f44336; border-color: #f44336; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #f44336; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #f44336; border-color: #f44336; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.5); } .btn-outline-light { color: #bbb; background-color: transparent; background-image: none; border-color: #bbb; } .btn-outline-light:hover { color: #47404f; background-color: #bbb; border-color: #bbb; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(187, 187, 187, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #bbb; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #47404f; background-color: #bbb; border-color: #bbb; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(187, 187, 187, 0.5); } .btn-outline-dark { color: #47404f; background-color: transparent; background-image: none; border-color: #47404f; } .btn-outline-dark:hover { color: #fff; background-color: #47404f; border-color: #47404f; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(71, 64, 79, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #47404f; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #47404f; border-color: #47404f; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(71, 64, 79, 0.5); } .btn-outline-gray-100 { color: #f8f9fa; background-color: transparent; background-image: none; border-color: #f8f9fa; } .btn-outline-gray-100:hover { color: #47404f; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-gray-100:focus, .btn-outline-gray-100.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { color: #47404f; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-gray-200 { color: #eee; background-color: transparent; background-image: none; border-color: #eee; } .btn-outline-gray-200:hover { color: #47404f; background-color: #eee; border-color: #eee; } .btn-outline-gray-200:focus, .btn-outline-gray-200.focus { box-shadow: 0 0 0 0.2rem rgba(238, 238, 238, 0.5); } .btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { color: #eee; background-color: transparent; } .btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { color: #47404f; background-color: #eee; border-color: #eee; } .btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(238, 238, 238, 0.5); } .btn-outline-gray-300 { color: #dee2e6; background-color: transparent; background-image: none; border-color: #dee2e6; } .btn-outline-gray-300:hover { color: #47404f; background-color: #dee2e6; border-color: #dee2e6; } .btn-outline-gray-300:focus, .btn-outline-gray-300.focus { box-shadow: 0 0 0 0.2rem rgba(222, 226, 230, 0.5); } .btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { color: #dee2e6; background-color: transparent; } .btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { color: #47404f; background-color: #dee2e6; border-color: #dee2e6; } .btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 226, 230, 0.5); } .btn-outline-gray-400 { color: #ced4da; background-color: transparent; background-image: none; border-color: #ced4da; } .btn-outline-gray-400:hover { color: #47404f; background-color: #ced4da; border-color: #ced4da; } .btn-outline-gray-400:focus, .btn-outline-gray-400.focus { box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5); } .btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { color: #ced4da; background-color: transparent; } .btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { color: #47404f; background-color: #ced4da; border-color: #ced4da; } .btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5); } .btn-outline-gray-500 { color: #bbb; background-color: transparent; background-image: none; border-color: #bbb; } .btn-outline-gray-500:hover { color: #47404f; background-color: #bbb; border-color: #bbb; } .btn-outline-gray-500:focus, .btn-outline-gray-500.focus { box-shadow: 0 0 0 0.2rem rgba(187, 187, 187, 0.5); } .btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { color: #bbb; background-color: transparent; } .btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { color: #47404f; background-color: #bbb; border-color: #bbb; } .btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(187, 187, 187, 0.5); } .btn-outline-gray-600 { color: #70657b; background-color: transparent; background-image: none; border-color: #70657b; } .btn-outline-gray-600:hover { color: #fff; background-color: #70657b; border-color: #70657b; } .btn-outline-gray-600:focus, .btn-outline-gray-600.focus { box-shadow: 0 0 0 0.2rem rgba(112, 101, 123, 0.5); } .btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { color: #70657b; background-color: transparent; } .btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { color: #fff; background-color: #70657b; border-color: #70657b; } .btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(112, 101, 123, 0.5); } .btn-outline-gray-700 { color: #665c70; background-color: transparent; background-image: none; border-color: #665c70; } .btn-outline-gray-700:hover { color: #fff; background-color: #665c70; border-color: #665c70; } .btn-outline-gray-700:focus, .btn-outline-gray-700.focus { box-shadow: 0 0 0 0.2rem rgba(102, 92, 112, 0.5); } .btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { color: #665c70; background-color: transparent; } .btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { color: #fff; background-color: #665c70; border-color: #665c70; } .btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(102, 92, 112, 0.5); } .btn-outline-gray-800 { color: #52495a; background-color: transparent; background-image: none; border-color: #52495a; } .btn-outline-gray-800:hover { color: #fff; background-color: #52495a; border-color: #52495a; } .btn-outline-gray-800:focus, .btn-outline-gray-800.focus { box-shadow: 0 0 0 0.2rem rgba(82, 73, 90, 0.5); } .btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { color: #52495a; background-color: transparent; } .btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { color: #fff; background-color: #52495a; border-color: #52495a; } .btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 73, 90, 0.5); } .btn-outline-gray-900 { color: #47404f; background-color: transparent; background-image: none; border-color: #47404f; } .btn-outline-gray-900:hover { color: #fff; background-color: #47404f; border-color: #47404f; } .btn-outline-gray-900:focus, .btn-outline-gray-900.focus { box-shadow: 0 0 0 0.2rem rgba(71, 64, 79, 0.5); } .btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { color: #47404f; background-color: transparent; } .btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { color: #fff; background-color: #47404f; border-color: #47404f; } .btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(71, 64, 79, 0.5); } .btn-link { font-weight: 400; color: #663399; background-color: transparent; } .btn-link:hover { color: #402060; text-decoration: underline; background-color: transparent; border-color: transparent; } .btn-link:focus, .btn-link.focus { text-decoration: underline; border-color: transparent; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #70657b; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.01625rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.71137rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media screen and (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media screen and (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 0.813rem; color: #47404f; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-right { right: 0; left: auto; } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; width: 0; height: 0; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #eee; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #47404f; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #3b3541; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #663399; } .dropdown-item.disabled, .dropdown-item:disabled { color: #70657b; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.71137rem; color: #70657b; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #47404f; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 0 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical .btn, .btn-group-vertical .btn-group { width: 100%; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 0.813rem; font-weight: 400; line-height: 1.5; color: #665c70; text-align: center; white-space: nowrap; background-color: #eee; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } .input-group-lg > .form-control, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { height: calc(2.52438rem + 2px); padding: 0.5rem 1rem; font-size: 1.01625rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { height: calc(1.56706rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.71137rem; line-height: 1.5; border-radius: 0.2rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; display: block; min-height: 1.2195rem; padding-left: 1.5rem; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; background-color: #663399; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(102, 51, 153, 0.25); } .custom-control-input:active ~ .custom-control-label::before { color: #fff; background-color: #bf9fdf; } .custom-control-input:disabled ~ .custom-control-label { color: #70657b; } .custom-control-input:disabled ~ .custom-control-label::before { background-color: #eee; } .custom-control-label { position: relative; margin-bottom: 0; } .custom-control-label::before { position: absolute; top: 0.10975rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; user-select: none; background-color: #dee2e6; } .custom-control-label::after { position: absolute; top: 0.10975rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #663399; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: #663399; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(102, 51, 153, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(102, 51, 153, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: #663399; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(102, 51, 153, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.9695rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; line-height: 1.5; color: #665c70; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%2352495a' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; background-size: 8px 10px; border: 1px solid #ced4da; border-radius: 0.25rem; appearance: none; } .custom-select:focus { border-color: #a679d2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(166, 121, 210, 0.5); } .custom-select:focus::-ms-value { color: #665c70; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #70657b; background-color: #eee; } .custom-select::-ms-expand { opacity: 0; } .custom-select-sm { height: calc(1.56706rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 75%; } .custom-select-lg { height: calc(2.52438rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 125%; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.9695rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.9695rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #a679d2; box-shadow: 0 0 0 0.2rem rgba(102, 51, 153, 0.25); } .custom-file-input:focus ~ .custom-file-label::after { border-color: #a679d2; } .custom-file-input:disabled ~ .custom-file-label { background-color: #eee; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.9695rem + 2px); padding: 0.375rem 0.75rem; line-height: 1.5; color: #665c70; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: 1.9695rem; padding: 0.375rem 0.75rem; line-height: 1.5; color: #665c70; content: "Browse"; background-color: #eee; border-left: 1px solid #ced4da; border-radius: 0 0.25rem 0.25rem 0; } .custom-range { width: 100%; padding-left: 0; background-color: transparent; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(102, 51, 153, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(102, 51, 153, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(102, 51, 153, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #663399; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media screen and (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #bf9fdf; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #663399; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media screen and (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #bf9fdf; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #663399; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media screen and (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { transition: none; } } .custom-range::-ms-thumb:active { background-color: #bf9fdf; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #70657b; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #eee #eee #dee2e6; } .nav-tabs .nav-link.disabled { color: #70657b; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #665c70; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #663399; } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } .navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.34756rem; padding-bottom: 0.34756rem; margin-right: 1rem; font-size: 1.01625rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.01625rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-body { flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc(0.25rem - 1px); } .card-img-top { width: 100%; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck { display: flex; flex-direction: column; } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group { display: flex; flex-direction: column; } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:first-child .card-img-top, .card-group > .card:first-child .card-header { border-top-right-radius: 0; } .card-group > .card:first-child .card-img-bottom, .card-group > .card:first-child .card-footer { border-bottom-right-radius: 0; } .card-group > .card:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:last-child .card-img-top, .card-group > .card:last-child .card-header { border-top-left-radius: 0; } .card-group > .card:last-child .card-img-bottom, .card-group > .card:last-child .card-footer { border-bottom-left-radius: 0; } .card-group > .card:only-child { border-radius: 0.25rem; } .card-group > .card:only-child .card-img-top, .card-group > .card:only-child .card-header { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card-group > .card:only-child .card-img-bottom, .card-group > .card:only-child .card-footer { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) { border-radius: 0; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer { border-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; } .accordion .card:not(:first-of-type) .card-header:first-child { border-radius: 0; } .accordion .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #eee; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #70657b; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #70657b; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #663399; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #402060; text-decoration: none; background-color: #eee; border-color: #dee2e6; } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(102, 51, 153, 0.25); } .page-link:not(:disabled):not(.disabled) { cursor: pointer; } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #663399; border-color: #663399; } .page-item.disabled .page-link { color: #70657b; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.01625rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.71137rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #663399; } .badge-primary[href]:hover, .badge-primary[href]:focus { color: #fff; text-decoration: none; background-color: #4d2673; } .badge-secondary { color: #fff; background-color: #52495a; } .badge-secondary[href]:hover, .badge-secondary[href]:focus { color: #fff; text-decoration: none; background-color: #38323e; } .badge-success { color: #fff; background-color: #4caf50; } .badge-success[href]:hover, .badge-success[href]:focus { color: #fff; text-decoration: none; background-color: #3d8b40; } .badge-info { color: #fff; background-color: #003473; } .badge-info[href]:hover, .badge-info[href]:focus { color: #fff; text-decoration: none; background-color: #001d40; } .badge-warning { color: #47404f; background-color: #ffc107; } .badge-warning[href]:hover, .badge-warning[href]:focus { color: #47404f; text-decoration: none; background-color: #d39e00; } .badge-danger { color: #fff; background-color: #f44336; } .badge-danger[href]:hover, .badge-danger[href]:focus { color: #fff; text-decoration: none; background-color: #ea1c0d; } .badge-light { color: #47404f; background-color: #bbb; } .badge-light[href]:hover, .badge-light[href]:focus { color: #47404f; text-decoration: none; background-color: #a2a2a2; } .badge-dark { color: #fff; background-color: #47404f; } .badge-dark[href]:hover, .badge-dark[href]:focus { color: #fff; text-decoration: none; background-color: #2e2932; } .badge-gray-100 { color: #47404f; background-color: #f8f9fa; } .badge-gray-100[href]:hover, .badge-gray-100[href]:focus { color: #47404f; text-decoration: none; background-color: #dae0e5; } .badge-gray-200 { color: #47404f; background-color: #eee; } .badge-gray-200[href]:hover, .badge-gray-200[href]:focus { color: #47404f; text-decoration: none; background-color: #d5d5d5; } .badge-gray-300 { color: #47404f; background-color: #dee2e6; } .badge-gray-300[href]:hover, .badge-gray-300[href]:focus { color: #47404f; text-decoration: none; background-color: #c1c9d0; } .badge-gray-400 { color: #47404f; background-color: #ced4da; } .badge-gray-400[href]:hover, .badge-gray-400[href]:focus { color: #47404f; text-decoration: none; background-color: #b1bbc4; } .badge-gray-500 { color: #47404f; background-color: #bbb; } .badge-gray-500[href]:hover, .badge-gray-500[href]:focus { color: #47404f; text-decoration: none; background-color: #a2a2a2; } .badge-gray-600 { color: #fff; background-color: #70657b; } .badge-gray-600[href]:hover, .badge-gray-600[href]:focus { color: #fff; text-decoration: none; background-color: #574e5f; } .badge-gray-700 { color: #fff; background-color: #665c70; } .badge-gray-700[href]:hover, .badge-gray-700[href]:focus { color: #fff; text-decoration: none; background-color: #4d4554; } .badge-gray-800 { color: #fff; background-color: #52495a; } .badge-gray-800[href]:hover, .badge-gray-800[href]:focus { color: #fff; text-decoration: none; background-color: #38323e; } .badge-gray-900 { color: #fff; background-color: #47404f; } .badge-gray-900[href]:hover, .badge-gray-900[href]:focus { color: #fff; text-decoration: none; background-color: #2e2932; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #eee; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 3.7195rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #351b50; background-color: #e0d6eb; border-color: #d4c6e2; } .alert-primary hr { border-top-color: #c7b5d9; } .alert-primary .alert-link { color: #1c0e2a; } .alert-secondary { color: #2a262f; background-color: #dcdbde; border-color: #ceccd1; } .alert-secondary hr { border-top-color: #c1bfc5; } .alert-secondary .alert-link { color: #110f13; } .alert-success { color: #285b2a; background-color: #dbefdc; border-color: #cde9ce; } .alert-success hr { border-top-color: #bbe1bd; } .alert-success .alert-link { color: #18381a; } .alert-info { color: #001b3c; background-color: #ccd6e3; border-color: #b8c6d8; } .alert-info hr { border-top-color: #a8b9cf; } .alert-info .alert-link { color: #000409; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert-warning hr { border-top-color: #ffe8a1; } .alert-warning .alert-link { color: #533f03; } .alert-danger { color: #7f231c; background-color: #fdd9d7; border-color: #fccac7; } .alert-danger hr { border-top-color: #fbb3af; } .alert-danger .alert-link { color: #551713; } .alert-light { color: #616161; background-color: #f1f1f1; border-color: #ececec; } .alert-light hr { border-top-color: #dfdfdf; } .alert-light .alert-link { color: #484848; } .alert-dark { color: #252129; background-color: #dad9dc; border-color: #cccace; } .alert-dark hr { border-top-color: #bfbdc2; } .alert-dark .alert-link { color: #0c0a0d; } .alert-gray-100 { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-gray-100 hr { border-top-color: #ececf6; } .alert-gray-100 .alert-link { color: #686868; } .alert-gray-200 { color: #7c7c7c; background-color: #fcfcfc; border-color: #fafafa; } .alert-gray-200 hr { border-top-color: #ededed; } .alert-gray-200 .alert-link { color: #636363; } .alert-gray-300 { color: #737678; background-color: #f8f9fa; border-color: #f6f7f8; } .alert-gray-300 hr { border-top-color: #e8eaed; } .alert-gray-300 .alert-link { color: #5a5c5e; } .alert-gray-400 { color: #6b6e71; background-color: #f5f6f8; border-color: #f1f3f5; } .alert-gray-400 hr { border-top-color: #e2e6ea; } .alert-gray-400 .alert-link { color: #525557; } .alert-gray-500 { color: #616161; background-color: #f1f1f1; border-color: #ececec; } .alert-gray-500 hr { border-top-color: #dfdfdf; } .alert-gray-500 .alert-link { color: #484848; } .alert-gray-600 { color: #3a3540; background-color: #e2e0e5; border-color: #d7d4da; } .alert-gray-600 hr { border-top-color: #cac6ce; } .alert-gray-600 .alert-link { color: #211e24; } .alert-gray-700 { color: #35303a; background-color: #e0dee2; border-color: #d4d1d7; } .alert-gray-700 hr { border-top-color: #c7c3cb; } .alert-gray-700 .alert-link { color: #1c191e; } .alert-gray-800 { color: #2a262f; background-color: #dcdbde; border-color: #ceccd1; } .alert-gray-800 hr { border-top-color: #c1bfc5; } .alert-gray-800 .alert-link { color: #110f13; } .alert-gray-900 { color: #252129; background-color: #dad9dc; border-color: #cccace; } .alert-gray-900 hr { border-top-color: #bfbdc2; } .alert-gray-900 .alert-link { color: #0c0a0d; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.60975rem; background-color: #eee; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #663399; transition: width 0.6s ease; } @media screen and (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite; } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #665c70; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { color: #665c70; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #47404f; background-color: #eee; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .list-group-item:hover, .list-group-item:focus { z-index: 1; text-decoration: none; } .list-group-item.disabled, .list-group-item:disabled { color: #70657b; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #663399; border-color: #663399; } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { border-bottom: 0; } .list-group-item-primary { color: #351b50; background-color: #d4c6e2; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #351b50; background-color: #c7b5d9; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #351b50; border-color: #351b50; } .list-group-item-secondary { color: #2a262f; background-color: #ceccd1; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #2a262f; background-color: #c1bfc5; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #2a262f; border-color: #2a262f; } .list-group-item-success { color: #285b2a; background-color: #cde9ce; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #285b2a; background-color: #bbe1bd; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #285b2a; border-color: #285b2a; } .list-group-item-info { color: #001b3c; background-color: #b8c6d8; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #001b3c; background-color: #a8b9cf; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #001b3c; border-color: #001b3c; } .list-group-item-warning { color: #856404; background-color: #ffeeba; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #856404; background-color: #ffe8a1; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404; } .list-group-item-danger { color: #7f231c; background-color: #fccac7; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #7f231c; background-color: #fbb3af; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #7f231c; border-color: #7f231c; } .list-group-item-light { color: #616161; background-color: #ececec; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #616161; background-color: #dfdfdf; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #616161; border-color: #616161; } .list-group-item-dark { color: #252129; background-color: #cccace; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #252129; background-color: #bfbdc2; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #252129; border-color: #252129; } .list-group-item-gray-100 { color: #818182; background-color: #fdfdfe; } .list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { color: #818182; background-color: #ececf6; } .list-group-item-gray-100.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; } .list-group-item-gray-200 { color: #7c7c7c; background-color: #fafafa; } .list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { color: #7c7c7c; background-color: #ededed; } .list-group-item-gray-200.list-group-item-action.active { color: #fff; background-color: #7c7c7c; border-color: #7c7c7c; } .list-group-item-gray-300 { color: #737678; background-color: #f6f7f8; } .list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { color: #737678; background-color: #e8eaed; } .list-group-item-gray-300.list-group-item-action.active { color: #fff; background-color: #737678; border-color: #737678; } .list-group-item-gray-400 { color: #6b6e71; background-color: #f1f3f5; } .list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { color: #6b6e71; background-color: #e2e6ea; } .list-group-item-gray-400.list-group-item-action.active { color: #fff; background-color: #6b6e71; border-color: #6b6e71; } .list-group-item-gray-500 { color: #616161; background-color: #ececec; } .list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { color: #616161; background-color: #dfdfdf; } .list-group-item-gray-500.list-group-item-action.active { color: #fff; background-color: #616161; border-color: #616161; } .list-group-item-gray-600 { color: #3a3540; background-color: #d7d4da; } .list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { color: #3a3540; background-color: #cac6ce; } .list-group-item-gray-600.list-group-item-action.active { color: #fff; background-color: #3a3540; border-color: #3a3540; } .list-group-item-gray-700 { color: #35303a; background-color: #d4d1d7; } .list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { color: #35303a; background-color: #c7c3cb; } .list-group-item-gray-700.list-group-item-action.active { color: #fff; background-color: #35303a; border-color: #35303a; } .list-group-item-gray-800 { color: #2a262f; background-color: #ceccd1; } .list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { color: #2a262f; background-color: #c1bfc5; } .list-group-item-gray-800.list-group-item-action.active { color: #fff; background-color: #2a262f; border-color: #2a262f; } .list-group-item-gray-900 { color: #252129; background-color: #cccace; } .list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { color: #252129; background-color: #bfbdc2; } .list-group-item-gray-900.list-group-item-action.active { color: #fff; background-color: #252129; border-color: #252129; } .close { float: right; font-size: 1.2195rem; font-weight: 700; line-height: 1; color: black; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:not(:disabled):not(.disabled) { cursor: pointer; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { color: black; text-decoration: none; opacity: .75; } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -25%); } @media screen and (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: translate(0, 0); } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - (0.5rem * 2)); } .modal-dialog-centered::before { display: block; height: calc(100vh - (0.5rem * 2)); content: ""; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: black; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #eee; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #eee; } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)); } .modal-dialog-centered::before { height: calc(100vh - (1.75rem * 2)); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg { max-width: 800px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: "Nunito", sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.71137rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: black; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: black; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: black; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: black; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: black; border-radius: 0.25rem; } .toast { max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0.25rem; box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); opacity: 0; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #70657b; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .toast-body { padding: 0.75rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: "Nunito", sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.71137rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow { bottom: calc((0.5rem + 1px) * -1); } .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { border-width: 0.5rem 0.5rem 0; } .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before { bottom: 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { bottom: 1px; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { border-width: 0.5rem 0.5rem 0.5rem 0; } .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before { left: 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { left: 1px; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow { top: calc((0.5rem + 1px) * -1); } .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { border-width: 0 0.5rem 0.5rem 0.5rem; } .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before { top: 0; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { top: 1px; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { border-width: 0.5rem 0 0.5rem 0.5rem; } .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before { right: 0; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { right: 1px; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 0.813rem; color: inherit; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #47404f; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-item { position: relative; display: none; align-items: center; width: 100%; backface-visibility: hidden; perspective: 1000px; } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; transition: transform 0.6s ease; } @media screen and (prefers-reduced-motion: reduce) { .carousel-item.active, .carousel-item-next, .carousel-item-prev { transition: none; } } .carousel-item-next, .carousel-item-prev { position: absolute; top: 0; } .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translateX(0); } @supports (transform-style: preserve-3d) { .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translate3d(0, 0, 0); } } .carousel-item-next, .active.carousel-item-right { transform: translateX(100%); } @supports (transform-style: preserve-3d) { .carousel-item-next, .active.carousel-item-right { transform: translate3d(100%, 0, 0); } } .carousel-item-prev, .active.carousel-item-left { transform: translateX(-100%); } @supports (transform-style: preserve-3d) { .carousel-item-prev, .active.carousel-item-left { transform: translate3d(-100%, 0, 0); } } .carousel-fade .carousel-item { opacity: 0; transition-duration: .6s; transition-property: opacity; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { opacity: 0; } .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev { transform: translateX(0); } @supports (transform-style: preserve-3d) { .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev { transform: translate3d(0, 0, 0); } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .carousel-indicators { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { position: relative; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: rgba(255, 255, 255, 0.5); } .carousel-indicators li::before { position: absolute; top: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators li::after { position: absolute; bottom: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators .active { background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #663399 !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #4d2673 !important; } .bg-secondary { background-color: #52495a !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #38323e !important; } .bg-success { background-color: #4caf50 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #3d8b40 !important; } .bg-info { background-color: #003473 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #001d40 !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; } .bg-danger { background-color: #f44336 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #ea1c0d !important; } .bg-light { background-color: #bbb !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #a2a2a2 !important; } .bg-dark { background-color: #47404f !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #2e2932 !important; } .bg-gray-100 { background-color: #f8f9fa !important; } a.bg-gray-100:hover, a.bg-gray-100:focus, button.bg-gray-100:hover, button.bg-gray-100:focus { background-color: #dae0e5 !important; } .bg-gray-200 { background-color: #eee !important; } a.bg-gray-200:hover, a.bg-gray-200:focus, button.bg-gray-200:hover, button.bg-gray-200:focus { background-color: #d5d5d5 !important; } .bg-gray-300 { background-color: #dee2e6 !important; } a.bg-gray-300:hover, a.bg-gray-300:focus, button.bg-gray-300:hover, button.bg-gray-300:focus { background-color: #c1c9d0 !important; } .bg-gray-400 { background-color: #ced4da !important; } a.bg-gray-400:hover, a.bg-gray-400:focus, button.bg-gray-400:hover, button.bg-gray-400:focus { background-color: #b1bbc4 !important; } .bg-gray-500 { background-color: #bbb !important; } a.bg-gray-500:hover, a.bg-gray-500:focus, button.bg-gray-500:hover, button.bg-gray-500:focus { background-color: #a2a2a2 !important; } .bg-gray-600 { background-color: #70657b !important; } a.bg-gray-600:hover, a.bg-gray-600:focus, button.bg-gray-600:hover, button.bg-gray-600:focus { background-color: #574e5f !important; } .bg-gray-700 { background-color: #665c70 !important; } a.bg-gray-700:hover, a.bg-gray-700:focus, button.bg-gray-700:hover, button.bg-gray-700:focus { background-color: #4d4554 !important; } .bg-gray-800 { background-color: #52495a !important; } a.bg-gray-800:hover, a.bg-gray-800:focus, button.bg-gray-800:hover, button.bg-gray-800:focus { background-color: #38323e !important; } .bg-gray-900 { background-color: #47404f !important; } a.bg-gray-900:hover, a.bg-gray-900:focus, button.bg-gray-900:hover, button.bg-gray-900:focus { background-color: #2e2932 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #663399 !important; } .border-secondary { border-color: #52495a !important; } .border-success { border-color: #4caf50 !important; } .border-info { border-color: #003473 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #f44336 !important; } .border-light { border-color: #bbb !important; } .border-dark { border-color: #47404f !important; } .border-gray-100 { border-color: #f8f9fa !important; } .border-gray-200 { border-color: #eee !important; } .border-gray-300 { border-color: #dee2e6 !important; } .border-gray-400 { border-color: #ced4da !important; } .border-gray-500 { border-color: #bbb !important; } .border-gray-600 { border-color: #70657b !important; } .border-gray-700 { border-color: #665c70 !important; } .border-gray-800 { border-color: #52495a !important; } .border-gray-900 { border-color: #47404f !important; } .border-white { border-color: #fff !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #663399 !important; } a.text-primary:hover, a.text-primary:focus { color: #4d2673 !important; } .text-secondary { color: #52495a !important; } a.text-secondary:hover, a.text-secondary:focus { color: #38323e !important; } .text-success { color: #4caf50 !important; } a.text-success:hover, a.text-success:focus { color: #3d8b40 !important; } .text-info { color: #003473 !important; } a.text-info:hover, a.text-info:focus { color: #001d40 !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #d39e00 !important; } .text-danger { color: #f44336 !important; } a.text-danger:hover, a.text-danger:focus { color: #ea1c0d !important; } .text-light { color: #bbb !important; } a.text-light:hover, a.text-light:focus { color: #a2a2a2 !important; } .text-dark { color: #47404f !important; } a.text-dark:hover, a.text-dark:focus { color: #2e2932 !important; } .text-gray-100 { color: #f8f9fa !important; } a.text-gray-100:hover, a.text-gray-100:focus { color: #dae0e5 !important; } .text-gray-200 { color: #eee !important; } a.text-gray-200:hover, a.text-gray-200:focus { color: #d5d5d5 !important; } .text-gray-300 { color: #dee2e6 !important; } a.text-gray-300:hover, a.text-gray-300:focus { color: #c1c9d0 !important; } .text-gray-400 { color: #ced4da !important; } a.text-gray-400:hover, a.text-gray-400:focus { color: #b1bbc4 !important; } .text-gray-500 { color: #bbb !important; } a.text-gray-500:hover, a.text-gray-500:focus { color: #a2a2a2 !important; } .text-gray-600 { color: #70657b !important; } a.text-gray-600:hover, a.text-gray-600:focus { color: #574e5f !important; } .text-gray-700 { color: #665c70 !important; } a.text-gray-700:hover, a.text-gray-700:focus { color: #4d4554 !important; } .text-gray-800 { color: #52495a !important; } a.text-gray-800:hover, a.text-gray-800:focus { color: #38323e !important; } .text-gray-900 { color: #47404f !important; } a.text-gray-900:hover, a.text-gray-900:focus { color: #2e2932 !important; } .text-body { color: #47404f !important; } .text-muted { color: #70657b !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #bbb; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid black; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #dee2e6; } .table .thead-dark th { color: inherit; border-color: #dee2e6; } } [dir="rtl"] .text-left { text-align: right !important; } [dir="rtl"] .text-right { text-align: left !important; } @media (min-width: 576px) { [dir="rtl"] .text-sm-left { text-align: right !important; } [dir="rtl"] .text-sm-right { text-align: left !important; } } @media (min-width: 768px) { [dir="rtl"] .text-md-left { text-align: right !important; } [dir="rtl"] .text-md-right { text-align: left !important; } } @media (min-width: 992px) { [dir="rtl"] .text-lg-left { text-align: right !important; } [dir="rtl"] .text-lg-right { text-align: left !important; } } @media (min-width: 1200px) { [dir="rtl"] .text-xl-left { text-align: right !important; } [dir="rtl"] .text-xl-right { text-align: left !important; } } [dir="rtl"] .float-left { float: right !important; } [dir="rtl"] .float-right { float: left !important; } @media (min-width: 576px) { [dir="rtl"] .float-sm-left { float: right !important; } [dir="rtl"] .float-sm-right { float: left !important; } } @media (min-width: 768px) { [dir="rtl"] .float-md-left { float: right !important; } [dir="rtl"] .float-md-right { float: left !important; } } @media (min-width: 992px) { [dir="rtl"] .float-lg-left { float: right !important; } [dir="rtl"] .float-lg-right { float: left !important; } } @media (min-width: 1200px) { [dir="rtl"] .float-xl-left { float: right !important; } [dir="rtl"] .float-xl-right { float: left !important; } } [dir="rtl"] .mr-0, [dir="rtl"] .mx-0 { margin-left: 0 !important; margin-right: unset !important; } [dir="rtl"] .ml-0, [dir="rtl"] .mx-0 { margin-right: 0 !important; margin-left: unset !important; } [dir="rtl"] .mr-1, [dir="rtl"] .mx-1 { margin-left: 0.25rem !important; margin-right: unset !important; } [dir="rtl"] .ml-1, [dir="rtl"] .mx-1 { margin-right: 0.25rem !important; margin-left: unset !important; } [dir="rtl"] .mr-2, [dir="rtl"] .mx-2 { margin-left: 0.5rem !important; margin-right: unset !important; } [dir="rtl"] .ml-2, [dir="rtl"] .mx-2 { margin-right: 0.5rem !important; margin-left: unset !important; } [dir="rtl"] .mr-3, [dir="rtl"] .mx-3 { margin-left: 1rem !important; margin-right: unset !important; } [dir="rtl"] .ml-3, [dir="rtl"] .mx-3 { margin-right: 1rem !important; margin-left: unset !important; } [dir="rtl"] .mr-4, [dir="rtl"] .mx-4 { margin-left: 1.5rem !important; margin-right: unset !important; } [dir="rtl"] .ml-4, [dir="rtl"] .mx-4 { margin-right: 1.5rem !important; margin-left: unset !important; } [dir="rtl"] .mr-5, [dir="rtl"] .mx-5 { margin-left: 3rem !important; margin-right: unset !important; } [dir="rtl"] .ml-5, [dir="rtl"] .mx-5 { margin-right: 3rem !important; margin-left: unset !important; } [dir="rtl"] .pr-0, [dir="rtl"] .px-0 { padding-left: 0 !important; margin-right: unset !important; } [dir="rtl"] .pl-0, [dir="rtl"] .px-0 { padding-right: 0 !important; margin-left: unset !important; } [dir="rtl"] .pr-1, [dir="rtl"] .px-1 { padding-left: 0.25rem !important; margin-right: unset !important; } [dir="rtl"] .pl-1, [dir="rtl"] .px-1 { padding-right: 0.25rem !important; margin-left: unset !important; } [dir="rtl"] .pr-2, [dir="rtl"] .px-2 { padding-left: 0.5rem !important; margin-right: unset !important; } [dir="rtl"] .pl-2, [dir="rtl"] .px-2 { padding-right: 0.5rem !important; margin-left: unset !important; } [dir="rtl"] .pr-3, [dir="rtl"] .px-3 { padding-left: 1rem !important; margin-right: unset !important; } [dir="rtl"] .pl-3, [dir="rtl"] .px-3 { padding-right: 1rem !important; margin-left: unset !important; } [dir="rtl"] .pr-4, [dir="rtl"] .px-4 { padding-left: 1.5rem !important; margin-right: unset !important; } [dir="rtl"] .pl-4, [dir="rtl"] .px-4 { padding-right: 1.5rem !important; margin-left: unset !important; } [dir="rtl"] .pr-5, [dir="rtl"] .px-5 { padding-left: 3rem !important; margin-right: unset !important; } [dir="rtl"] .pl-5, [dir="rtl"] .px-5 { padding-right: 3rem !important; margin-left: unset !important; } @media (min-width: 576px) { [dir="rtl"] .mr-sm-0, [dir="rtl"] .mx-sm-0 { margin-left: 0 !important; margin-right: unset !important; } [dir="rtl"] .ml-sm-0, [dir="rtl"] .mx-sm-0 { margin-right: 0 !important; margin-left: unset !important; } [dir="rtl"] .mr-sm-1, [dir="rtl"] .mx-sm-1 { margin-left: 0.25rem !important; margin-right: unset !important; } [dir="rtl"] .ml-sm-1, [dir="rtl"] .mx-sm-1 { margin-right: 0.25rem !important; margin-left: unset !important; } [dir="rtl"] .mr-sm-2, [dir="rtl"] .mx-sm-2 { margin-left: 0.5rem !important; margin-right: unset !important; } [dir="rtl"] .ml-sm-2, [dir="rtl"] .mx-sm-2 { margin-right: 0.5rem !important; margin-left: unset !important; } [dir="rtl"] .mr-sm-3, [dir="rtl"] .mx-sm-3 { margin-left: 1rem !important; margin-right: unset !important; } [dir="rtl"] .ml-sm-3, [dir="rtl"] .mx-sm-3 { margin-right: 1rem !important; margin-left: unset !important; } [dir="rtl"] .mr-sm-4, [dir="rtl"] .mx-sm-4 { margin-left: 1.5rem !important; margin-right: unset !important; } [dir="rtl"] .ml-sm-4, [dir="rtl"] .mx-sm-4 { margin-right: 1.5rem !important; margin-left: unset !important; } [dir="rtl"] .mr-sm-5, [dir="rtl"] .mx-sm-5 { margin-left: 3rem !important; margin-right: unset !important; } [dir="rtl"] .ml-sm-5, [dir="rtl"] .mx-sm-5 { margin-right: 3rem !important; margin-left: unset !important; } [dir="rtl"] .pr-sm-0, [dir="rtl"] .px-sm-0 { padding-left: 0 !important; margin-right: unset !important; } [dir="rtl"] .pl-sm-0, [dir="rtl"] .px-sm-0 { padding-right: 0 !important; margin-left: unset !important; } [dir="rtl"] .pr-sm-1, [dir="rtl"] .px-sm-1 { padding-left: 0.25rem !important; margin-right: unset !important; } [dir="rtl"] .pl-sm-1, [dir="rtl"] .px-sm-1 { padding-right: 0.25rem !important; margin-left: unset !important; } [dir="rtl"] .pr-sm-2, [dir="rtl"] .px-sm-2 { padding-left: 0.5rem !important; margin-right: unset !important; } [dir="rtl"] .pl-sm-2, [dir="rtl"] .px-sm-2 { padding-right: 0.5rem !important; margin-left: unset !important; } [dir="rtl"] .pr-sm-3, [dir="rtl"] .px-sm-3 { padding-left: 1rem !important; margin-right: unset !important; } [dir="rtl"] .pl-sm-3, [dir="rtl"] .px-sm-3 { padding-right: 1rem !important; margin-left: unset !important; } [dir="rtl"] .pr-sm-4, [dir="rtl"] .px-sm-4 { padding-left: 1.5rem !important; margin-right: unset !important; } [dir="rtl"] .pl-sm-4, [dir="rtl"] .px-sm-4 { padding-right: 1.5rem !important; margin-left: unset !important; } [dir="rtl"] .pr-sm-5, [dir="rtl"] .px-sm-5 { padding-left: 3rem !important; margin-right: unset !important; } [dir="rtl"] .pl-sm-5, [dir="rtl"] .px-sm-5 { padding-right: 3rem !important; margin-left: unset !important; } } @media (min-width: 768px) { [dir="rtl"] .mr-md-0, [dir="rtl"] .mx-md-0 { margin-left: 0 !important; margin-right: unset !important; } [dir="rtl"] .ml-md-0, [dir="rtl"] .mx-md-0 { margin-right: 0 !important; margin-left: unset !important; } [dir="rtl"] .mr-md-1, [dir="rtl"] .mx-md-1 { margin-left: 0.25rem !important; margin-right: unset !important; } [dir="rtl"] .ml-md-1, [dir="rtl"] .mx-md-1 { margin-right: 0.25rem !important; margin-left: unset !important; } [dir="rtl"] .mr-md-2, [dir="rtl"] .mx-md-2 { margin-left: 0.5rem !important; margin-right: unset !important; } [dir="rtl"] .ml-md-2, [dir="rtl"] .mx-md-2 { margin-right: 0.5rem !important; margin-left: unset !important; } [dir="rtl"] .mr-md-3, [dir="rtl"] .mx-md-3 { margin-left: 1rem !important; margin-right: unset !important; } [dir="rtl"] .ml-md-3, [dir="rtl"] .mx-md-3 { margin-right: 1rem !important; margin-left: unset !important; } [dir="rtl"] .mr-md-4, [dir="rtl"] .mx-md-4 { margin-left: 1.5rem !important; margin-right: unset !important; } [dir="rtl"] .ml-md-4, [dir="rtl"] .mx-md-4 { margin-right: 1.5rem !important; margin-left: unset !important; } [dir="rtl"] .mr-md-5, [dir="rtl"] .mx-md-5 { margin-left: 3rem !important; margin-right: unset !important; } [dir="rtl"] .ml-md-5, [dir="rtl"] .mx-md-5 { margin-right: 3rem !important; margin-left: unset !important; } [dir="rtl"] .pr-md-0, [dir="rtl"] .px-md-0 { padding-left: 0 !important; margin-right: unset !important; } [dir="rtl"] .pl-md-0, [dir="rtl"] .px-md-0 { padding-right: 0 !important; margin-left: unset !important; } [dir="rtl"] .pr-md-1, [dir="rtl"] .px-md-1 { padding-left: 0.25rem !important; margin-right: unset !important; } [dir="rtl"] .pl-md-1, [dir="rtl"] .px-md-1 { padding-right: 0.25rem !important; margin-left: unset !important; } [dir="rtl"] .pr-md-2, [dir="rtl"] .px-md-2 { padding-left: 0.5rem !important; margin-right: unset !important; } [dir="rtl"] .pl-md-2, [dir="rtl"] .px-md-2 { padding-right: 0.5rem !important; margin-left: unset !important; } [dir="rtl"] .pr-md-3, [dir="rtl"] .px-md-3 { padding-left: 1rem !important; margin-right: unset !important; } [dir="rtl"] .pl-md-3, [dir="rtl"] .px-md-3 { padding-right: 1rem !important; margin-left: unset !important; } [dir="rtl"] .pr-md-4, [dir="rtl"] .px-md-4 { padding-left: 1.5rem !important; margin-right: unset !important; } [dir="rtl"] .pl-md-4, [dir="rtl"] .px-md-4 { padding-right: 1.5rem !important; margin-left: unset !important; } [dir="rtl"] .pr-md-5, [dir="rtl"] .px-md-5 { padding-left: 3rem !important; margin-right: unset !important; } [dir="rtl"] .pl-md-5, [dir="rtl"] .px-md-5 { padding-right: 3rem !important; margin-left: unset !important; } } @media (min-width: 992px) { [dir="rtl"] .mr-lg-0, [dir="rtl"] .mx-lg-0 { margin-left: 0 !important; margin-right: unset !important; } [dir="rtl"] .ml-lg-0, [dir="rtl"] .mx-lg-0 { margin-right: 0 !important; margin-left: unset !important; } [dir="rtl"] .mr-lg-1, [dir="rtl"] .mx-lg-1 { margin-left: 0.25rem !important; margin-right: unset !important; } [dir="rtl"] .ml-lg-1, [dir="rtl"] .mx-lg-1 { margin-right: 0.25rem !important; margin-left: unset !important; } [dir="rtl"] .mr-lg-2, [dir="rtl"] .mx-lg-2 { margin-left: 0.5rem !important; margin-right: unset !important; } [dir="rtl"] .ml-lg-2, [dir="rtl"] .mx-lg-2 { margin-right: 0.5rem !important; margin-left: unset !important; } [dir="rtl"] .mr-lg-3, [dir="rtl"] .mx-lg-3 { margin-left: 1rem !important; margin-right: unset !important; } [dir="rtl"] .ml-lg-3, [dir="rtl"] .mx-lg-3 { margin-right: 1rem !important; margin-left: unset !important; } [dir="rtl"] .mr-lg-4, [dir="rtl"] .mx-lg-4 { margin-left: 1.5rem !important; margin-right: unset !important; } [dir="rtl"] .ml-lg-4, [dir="rtl"] .mx-lg-4 { margin-right: 1.5rem !important; margin-left: unset !important; } [dir="rtl"] .mr-lg-5, [dir="rtl"] .mx-lg-5 { margin-left: 3rem !important; margin-right: unset !important; } [dir="rtl"] .ml-lg-5, [dir="rtl"] .mx-lg-5 { margin-right: 3rem !important; margin-left: unset !important; } [dir="rtl"] .pr-lg-0, [dir="rtl"] .px-lg-0 { padding-left: 0 !important; margin-right: unset !important; } [dir="rtl"] .pl-lg-0, [dir="rtl"] .px-lg-0 { padding-right: 0 !important; margin-left: unset !important; } [dir="rtl"] .pr-lg-1, [dir="rtl"] .px-lg-1 { padding-left: 0.25rem !important; margin-right: unset !important; } [dir="rtl"] .pl-lg-1, [dir="rtl"] .px-lg-1 { padding-right: 0.25rem !important; margin-left: unset !important; } [dir="rtl"] .pr-lg-2, [dir="rtl"] .px-lg-2 { padding-left: 0.5rem !important; margin-right: unset !important; } [dir="rtl"] .pl-lg-2, [dir="rtl"] .px-lg-2 { padding-right: 0.5rem !important; margin-left: unset !important; } [dir="rtl"] .pr-lg-3, [dir="rtl"] .px-lg-3 { padding-left: 1rem !important; margin-right: unset !important; } [dir="rtl"] .pl-lg-3, [dir="rtl"] .px-lg-3 { padding-right: 1rem !important; margin-left: unset !important; } [dir="rtl"] .pr-lg-4, [dir="rtl"] .px-lg-4 { padding-left: 1.5rem !important; margin-right: unset !important; } [dir="rtl"] .pl-lg-4, [dir="rtl"] .px-lg-4 { padding-right: 1.5rem !important; margin-left: unset !important; } [dir="rtl"] .pr-lg-5, [dir="rtl"] .px-lg-5 { padding-left: 3rem !important; margin-right: unset !important; } [dir="rtl"] .pl-lg-5, [dir="rtl"] .px-lg-5 { padding-right: 3rem !important; margin-left: unset !important; } } @media (min-width: 1200px) { [dir="rtl"] .mr-xl-0, [dir="rtl"] .mx-xl-0 { margin-left: 0 !important; margin-right: unset !important; } [dir="rtl"] .ml-xl-0, [dir="rtl"] .mx-xl-0 { margin-right: 0 !important; margin-left: unset !important; } [dir="rtl"] .mr-xl-1, [dir="rtl"] .mx-xl-1 { margin-left: 0.25rem !important; margin-right: unset !important; } [dir="rtl"] .ml-xl-1, [dir="rtl"] .mx-xl-1 { margin-right: 0.25rem !important; margin-left: unset !important; } [dir="rtl"] .mr-xl-2, [dir="rtl"] .mx-xl-2 { margin-left: 0.5rem !important; margin-right: unset !important; } [dir="rtl"] .ml-xl-2, [dir="rtl"] .mx-xl-2 { margin-right: 0.5rem !important; margin-left: unset !important; } [dir="rtl"] .mr-xl-3, [dir="rtl"] .mx-xl-3 { margin-left: 1rem !important; margin-right: unset !important; } [dir="rtl"] .ml-xl-3, [dir="rtl"] .mx-xl-3 { margin-right: 1rem !important; margin-left: unset !important; } [dir="rtl"] .mr-xl-4, [dir="rtl"] .mx-xl-4 { margin-left: 1.5rem !important; margin-right: unset !important; } [dir="rtl"] .ml-xl-4, [dir="rtl"] .mx-xl-4 { margin-right: 1.5rem !important; margin-left: unset !important; } [dir="rtl"] .mr-xl-5, [dir="rtl"] .mx-xl-5 { margin-left: 3rem !important; margin-right: unset !important; } [dir="rtl"] .ml-xl-5, [dir="rtl"] .mx-xl-5 { margin-right: 3rem !important; margin-left: unset !important; } [dir="rtl"] .pr-xl-0, [dir="rtl"] .px-xl-0 { padding-left: 0 !important; margin-right: unset !important; } [dir="rtl"] .pl-xl-0, [dir="rtl"] .px-xl-0 { padding-right: 0 !important; margin-left: unset !important; } [dir="rtl"] .pr-xl-1, [dir="rtl"] .px-xl-1 { padding-left: 0.25rem !important; margin-right: unset !important; } [dir="rtl"] .pl-xl-1, [dir="rtl"] .px-xl-1 { padding-right: 0.25rem !important; margin-left: unset !important; } [dir="rtl"] .pr-xl-2, [dir="rtl"] .px-xl-2 { padding-left: 0.5rem !important; margin-right: unset !important; } [dir="rtl"] .pl-xl-2, [dir="rtl"] .px-xl-2 { padding-right: 0.5rem !important; margin-left: unset !important; } [dir="rtl"] .pr-xl-3, [dir="rtl"] .px-xl-3 { padding-left: 1rem !important; margin-right: unset !important; } [dir="rtl"] .pl-xl-3, [dir="rtl"] .px-xl-3 { padding-right: 1rem !important; margin-left: unset !important; } [dir="rtl"] .pr-xl-4, [dir="rtl"] .px-xl-4 { padding-left: 1.5rem !important; margin-right: unset !important; } [dir="rtl"] .pl-xl-4, [dir="rtl"] .px-xl-4 { padding-right: 1.5rem !important; margin-left: unset !important; } [dir="rtl"] .pr-xl-5, [dir="rtl"] .px-xl-5 { padding-left: 3rem !important; margin-right: unset !important; } [dir="rtl"] .pl-xl-5, [dir="rtl"] .px-xl-5 { padding-right: 3rem !important; margin-left: unset !important; } } [dir="rtl"] .input-group > .input-group-prepend > .btn, [dir="rtl"] .input-group > .input-group-prepend > .input-group-text, [dir="rtl"] .input-group > .input-group-append:not(:last-child) > .btn, [dir="rtl"] .input-group > .input-group-append:not(:last-child) > .input-group-text, [dir="rtl"] .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), [dir="rtl"] .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } [dir="rtl"] .input-group > .input-group-append > .btn, [dir="rtl"] .input-group > .input-group-append > .input-group-text, [dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .btn, [dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .input-group-text, [dir="rtl"] .input-group > .input-group-prepend:first-child > .btn:not(:first-child), [dir="rtl"] .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } [dir="rtl"] .input-group > .form-control:not(:last-child), [dir="rtl"] .input-group > .custom-select:not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } [dir="rtl"] .input-group > .form-control:not(:first-child), [dir="rtl"] .input-group > .custom-select:not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } [dir="rtl"] .btn-group > .btn:not(:last-child):not(.dropdown-toggle), [dir="rtl"] .btn-group > .btn-group:not(:last-child) > .btn, [dir="rtl"] .btn-group > .btn:not(:first-child), [dir="rtl"] .btn-group > .btn-group:not(:first-child) > .btn { border-radius: 0; } .sidebar-gradient-purple-indigo .sidebar-left { /* fallback/image non-cover color */ background-color: #663399; /* Firefox 3.6+ */ background-image: -moz-linear-gradient(-154deg, #663399 0%, #33214b 100%); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, -154deg, right top, color-stop(0%, #663399), color-stop(100%, #33214b)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(-154deg, #663399 0%, #33214b 100%); /* Opera 11.10+ */ background-image: -o-linear-gradient(-154deg, #663399 0%, #33214b 100%); /* IE10+ */ background: -ms-linear-gradient(-154deg, #663399 0%, #33214b 100%); /* Standard */ background: linear-gradient(-154deg, #663399 0%, #33214b 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ); } .gradient-purple-indigo { /* fallback/image non-cover color */ background-color: #663399; /* Firefox 3.6+ */ background-image: -moz-linear-gradient(-154deg, #663399 0%, #33214b 100%); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, -154deg, right top, color-stop(0%, #663399), color-stop(100%, #33214b)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(-154deg, #663399 0%, #33214b 100%); /* Opera 11.10+ */ background-image: -o-linear-gradient(-154deg, #663399 0%, #33214b 100%); /* IE10+ */ background: -ms-linear-gradient(-154deg, #663399 0%, #33214b 100%); /* Standard */ background: linear-gradient(-154deg, #663399 0%, #33214b 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ); } .btn.gradient-purple-indigo:active, .btn.gradient-purple-indigo.active { /* fallback/image non-cover color */ background-color: #663399; /* Firefox 3.6+ */ background-image: -moz-linear-gradient(-90deg, #663399 0%, #33214b 100%); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, -90deg, right top, color-stop(0%, #663399), color-stop(100%, #33214b)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(-90deg, #663399 0%, #33214b 100%); /* Opera 11.10+ */ background-image: -o-linear-gradient(-90deg, #663399 0%, #33214b 100%); /* IE10+ */ background: -ms-linear-gradient(-90deg, #663399 0%, #33214b 100%); /* Standard */ background: linear-gradient(-90deg, #663399 0%, #33214b 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ); } .sidebar-gradient-black-blue .sidebar-left { /* fallback/image non-cover color */ background-color: #004e92; /* Firefox 3.6+ */ background-image: -moz-linear-gradient(-154deg, #004e92 0%, #000428 100%); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, -154deg, right top, color-stop(0%, #004e92), color-stop(100%, #000428)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(-154deg, #004e92 0%, #000428 100%); /* Opera 11.10+ */ background-image: -o-linear-gradient(-154deg, #004e92 0%, #000428 100%); /* IE10+ */ background: -ms-linear-gradient(-154deg, #004e92 0%, #000428 100%); /* Standard */ background: linear-gradient(-154deg, #004e92 0%, #000428 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ); } .gradient-black-blue { /* fallback/image non-cover color */ background-color: #004e92; /* Firefox 3.6+ */ background-image: -moz-linear-gradient(-154deg, #004e92 0%, #000428 100%); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, -154deg, right top, color-stop(0%, #004e92), color-stop(100%, #000428)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(-154deg, #004e92 0%, #000428 100%); /* Opera 11.10+ */ background-image: -o-linear-gradient(-154deg, #004e92 0%, #000428 100%); /* IE10+ */ background: -ms-linear-gradient(-154deg, #004e92 0%, #000428 100%); /* Standard */ background: linear-gradient(-154deg, #004e92 0%, #000428 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ); } .btn.gradient-black-blue:active, .btn.gradient-black-blue.active { /* fallback/image non-cover color */ background-color: #004e92; /* Firefox 3.6+ */ background-image: -moz-linear-gradient(-90deg, #004e92 0%, #000428 100%); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, -90deg, right top, color-stop(0%, #004e92), color-stop(100%, #000428)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(-90deg, #004e92 0%, #000428 100%); /* Opera 11.10+ */ background-image: -o-linear-gradient(-90deg, #004e92 0%, #000428 100%); /* IE10+ */ background: -ms-linear-gradient(-90deg, #004e92 0%, #000428 100%); /* Standard */ background: linear-gradient(-90deg, #004e92 0%, #000428 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ); } .sidebar-gradient-black-gray .sidebar-left { /* fallback/image non-cover color */ background-color: #404040; /* Firefox 3.6+ */ background-image: -moz-linear-gradient(-154deg, #404040 0%, #000000 100%); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, -154deg, right top, color-stop(0%, #404040), color-stop(100%, #000000)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(-154deg, #404040 0%, #000000 100%); /* Opera 11.10+ */ background-image: -o-linear-gradient(-154deg, #404040 0%, #000000 100%); /* IE10+ */ background: -ms-linear-gradient(-154deg, #404040 0%, #000000 100%); /* Standard */ background: linear-gradient(-154deg, #404040 0%, #000000 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ); } .gradient-black-gray { /* fallback/image non-cover color */ background-color: #404040; /* Firefox 3.6+ */ background-image: -moz-linear-gradient(-154deg, #404040 0%, #000000 100%); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, -154deg, right top, color-stop(0%, #404040), color-stop(100%, #000000)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(-154deg, #404040 0%, #000000 100%); /* Opera 11.10+ */ background-image: -o-linear-gradient(-154deg, #404040 0%, #000000 100%); /* IE10+ */ background: -ms-linear-gradient(-154deg, #404040 0%, #000000 100%); /* Standard */ background: linear-gradient(-154deg, #404040 0%, #000000 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ); } .btn.gradient-black-gray:active, .btn.gradient-black-gray.active { /* fallback/image non-cover color */ background-color: #404040; /* Firefox 3.6+ */ background-image: -moz-linear-gradient(-90deg, #404040 0%, #000000 100%); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, -90deg, right top, color-stop(0%, #404040), color-stop(100%, #000000)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(-90deg, #404040 0%, #000000 100%); /* Opera 11.10+ */ background-image: -o-linear-gradient(-90deg, #404040 0%, #000000 100%); /* IE10+ */ background: -ms-linear-gradient(-90deg, #404040 0%, #000000 100%); /* Standard */ background: linear-gradient(-90deg, #404040 0%, #000000 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ); } .sidebar-gradient-steel-gray .sidebar-left { /* fallback/image non-cover color */ background-color: #616d86; /* Firefox 3.6+ */ background-image: -moz-linear-gradient(-154deg, #616d86 0%, #1F1C2C 100%); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, -154deg, right top, color-stop(0%, #616d86), color-stop(100%, #1F1C2C)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(-154deg, #616d86 0%, #1F1C2C 100%); /* Opera 11.10+ */ background-image: -o-linear-gradient(-154deg, #616d86 0%, #1F1C2C 100%); /* IE10+ */ background: -ms-linear-gradient(-154deg, #616d86 0%, #1F1C2C 100%); /* Standard */ background: linear-gradient(-154deg, #616d86 0%, #1F1C2C 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ); } .gradient-steel-gray { /* fallback/image non-cover color */ background-color: #616d86; /* Firefox 3.6+ */ background-image: -moz-linear-gradient(-154deg, #616d86 0%, #1F1C2C 100%); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, -154deg, right top, color-stop(0%, #616d86), color-stop(100%, #1F1C2C)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(-154deg, #616d86 0%, #1F1C2C 100%); /* Opera 11.10+ */ background-image: -o-linear-gradient(-154deg, #616d86 0%, #1F1C2C 100%); /* IE10+ */ background: -ms-linear-gradient(-154deg, #616d86 0%, #1F1C2C 100%); /* Standard */ background: linear-gradient(-154deg, #616d86 0%, #1F1C2C 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ); } .btn.gradient-steel-gray:active, .btn.gradient-steel-gray.active { /* fallback/image non-cover color */ background-color: #616d86; /* Firefox 3.6+ */ background-image: -moz-linear-gradient(-90deg, #616d86 0%, #1F1C2C 100%); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, -90deg, right top, color-stop(0%, #616d86), color-stop(100%, #1F1C2C)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(-90deg, #616d86 0%, #1F1C2C 100%); /* Opera 11.10+ */ background-image: -o-linear-gradient(-90deg, #616d86 0%, #1F1C2C 100%); /* IE10+ */ background: -ms-linear-gradient(-90deg, #616d86 0%, #1F1C2C 100%); /* Standard */ background: linear-gradient(-90deg, #616d86 0%, #1F1C2C 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ); } .sidebar-blue .sidebar-left { background: #003473; } .blue { background: #003473; } .sidebar-midnight-blue .sidebar-left { background: #0C0C3C; } .midnight-blue { background: #0C0C3C; } .sidebar-indigo .sidebar-left { background: #3F51B5; } .indigo { background: #3F51B5; } .sidebar-dark-purple .sidebar-left { background: #322740; } .dark-purple { background: #322740; } .sidebar-purple .sidebar-left { background: #663399; } .purple { background: #663399; } .sidebar-pink .sidebar-left { background: #CB3066; } .pink { background: #CB3066; } .sidebar-red .sidebar-left { background: #f44336; } .red { background: #f44336; } .sidebar-orange .sidebar-left { background: #e97d23; } .orange { background: #e97d23; } .sidebar-yellow .sidebar-left { background: #ffc107; } .yellow { background: #ffc107; } .sidebar-green .sidebar-left { background: #4caf50; } .green { background: #4caf50; } .sidebar-teal .sidebar-left { background: #20c997; } .teal { background: #20c997; } .sidebar-cyan .sidebar-left { background: #9c27b0; } .cyan { background: #9c27b0; } .sidebar-gray .sidebar-left { background: #2d2d33; } .gray { background: #2d2d33; } .sidebar-slate-gray .sidebar-left { background: #405365; } .slate-gray { background: #405365; } /* $full-map: ( blue: ( 100: #f31312, ....., 900: #f32332 ), red: ( 100: #f31312, ....., 900: #f32332 ) ) */ .blue-50 { background-color: #73b2ff; } .text-blue-50 { color: black; } .blue-100 { background-color: #4096ff; } .text-blue-100 { color: black; } .blue-200 { background-color: #0d7aff; } .text-blue-200 { color: black; } .blue-300 { background-color: #0062d9; } .text-blue-300 { color: black; } .blue-400 { background-color: #004ba6; } .text-blue-400 { color: white; } .blue-500 { background-color: #003473; } .text-blue-500 { color: white; } .blue-600 { background-color: #001d40; } .text-blue-600 { color: white; } .blue-700 { background-color: #00060d; } .text-blue-700 { color: white; } .blue-800 { background-color: black; } .text-blue-800 { color: white; } .blue-900 { background-color: black; } .text-blue-900 { color: white; } .indigo-50 { background-color: #f7f8fc; } .text-indigo-50 { color: black; } .indigo-100 { background-color: #d1d6ef; } .text-indigo-100 { color: black; } .indigo-200 { background-color: #abb4e2; } .text-indigo-200 { color: black; } .indigo-300 { background-color: #8591d5; } .text-indigo-300 { color: black; } .indigo-400 { background-color: #606fc7; } .text-indigo-400 { color: black; } .indigo-500 { background-color: #3F51B5; } .text-indigo-500 { color: black; } .indigo-600 { background-color: #32408f; } .text-indigo-600 { color: white; } .indigo-700 { background-color: #252f69; } .text-indigo-700 { color: white; } .indigo-800 { background-color: #171e44; } .text-indigo-800 { color: white; } .indigo-900 { background-color: #0a0d1e; } .text-indigo-900 { color: white; } .purple-50 { background-color: #e6d9f2; } .text-purple-50 { color: black; } .purple-100 { background-color: #ccb3e6; } .text-purple-100 { color: black; } .purple-200 { background-color: #b38cd9; } .text-purple-200 { color: black; } .purple-300 { background-color: #9966cc; } .text-purple-300 { color: black; } .purple-400 { background-color: #8040bf; } .text-purple-400 { color: black; } .purple-500 { background-color: #663399; } .text-purple-500 { color: white; } .purple-600 { background-color: #4d2673; } .text-purple-600 { color: white; } .purple-700 { background-color: #331a4d; } .text-purple-700 { color: white; } .purple-800 { background-color: #1a0d26; } .text-purple-800 { color: white; } .purple-900 { background-color: black; } .text-purple-900 { color: white; } .pink-50 { background-color: #fefcfd; } .text-pink-50 { color: black; } .pink-100 { background-color: #f4d3de; } .text-pink-100 { color: black; } .pink-200 { background-color: #eba9c0; } .text-pink-200 { color: black; } .pink-300 { background-color: #e180a2; } .text-pink-300 { color: black; } .pink-400 { background-color: #d75784; } .text-pink-400 { color: black; } .pink-500 { background-color: #CB3066; } .text-pink-500 { color: black; } .pink-600 { background-color: #a22651; } .text-pink-600 { color: white; } .pink-700 { background-color: #791c3d; } .text-pink-700 { color: white; } .pink-800 { background-color: #4f1328; } .text-pink-800 { color: white; } .pink-900 { background-color: #260913; } .text-pink-900 { color: white; } .red-50 { background-color: white; } .text-red-50 { color: black; } .red-100 { background-color: #fff8f7; } .text-red-100 { color: black; } .red-200 { background-color: #fccbc7; } .text-red-200 { color: black; } .red-300 { background-color: #f99d97; } .text-red-300 { color: black; } .red-400 { background-color: #f77066; } .text-red-400 { color: black; } .red-500 { background-color: #f44336; } .text-red-500 { color: black; } .red-600 { background-color: #ea1c0d; } .text-red-600 { color: black; } .red-700 { background-color: #ba160a; } .text-red-700 { color: white; } .red-800 { background-color: #891008; } .text-red-800 { color: white; } .red-900 { background-color: #590b05; } .text-red-900 { color: white; } .orange-50 { background-color: white; } .text-orange-50 { color: black; } .orange-100 { background-color: #fcebdc; } .text-orange-100 { color: black; } .orange-200 { background-color: #f7cfae; } .text-orange-200 { color: black; } .orange-300 { background-color: #f2b480; } .text-orange-300 { color: black; } .orange-400 { background-color: #ee9851; } .text-orange-400 { color: black; } .orange-500 { background-color: #e97d23; } .text-orange-500 { color: black; } .orange-600 { background-color: #c56414; } .text-orange-600 { color: black; } .orange-700 { background-color: #974d0f; } .text-orange-700 { color: white; } .orange-800 { background-color: #69350a; } .text-orange-800 { color: white; } .orange-900 { background-color: #3a1e06; } .text-orange-900 { color: white; } .yellow-50 { background-color: white; } .text-yellow-50 { color: black; } .yellow-100 { background-color: #fff4d3; } .text-yellow-100 { color: black; } .yellow-200 { background-color: #ffe7a0; } .text-yellow-200 { color: black; } .yellow-300 { background-color: #ffdb6d; } .text-yellow-300 { color: black; } .yellow-400 { background-color: #ffce3a; } .text-yellow-400 { color: black; } .yellow-500 { background-color: #ffc107; } .text-yellow-500 { color: black; } .yellow-600 { background-color: #d39e00; } .text-yellow-600 { color: black; } .yellow-700 { background-color: #a07800; } .text-yellow-700 { color: white; } .yellow-800 { background-color: #6d5200; } .text-yellow-800 { color: white; } .yellow-900 { background-color: #3a2c00; } .text-yellow-900 { color: white; } .green-50 { background-color: #fcfefc; } .text-green-50 { color: black; } .green-100 { background-color: #d9eeda; } .text-green-100 { color: black; } .green-200 { background-color: #b5dfb7; } .text-green-200 { color: black; } .green-300 { background-color: #92cf94; } .text-green-300 { color: black; } .green-400 { background-color: #6ec071; } .text-green-400 { color: black; } .green-500 { background-color: #4caf50; } .text-green-500 { color: black; } .green-600 { background-color: #3d8b40; } .text-green-600 { color: white; } .green-700 { background-color: #2d682f; } .text-green-700 { color: white; } .green-800 { background-color: #1e441f; } .text-green-800 { color: white; } .green-900 { background-color: #0e210f; } .text-green-900 { color: white; } .teal-50 { background-color: #ecfcf7; } .text-teal-50 { color: black; } .teal-100 { background-color: #c0f5e5; } .text-teal-100 { color: black; } .teal-200 { background-color: #94eed3; } .text-teal-200 { color: black; } .teal-300 { background-color: #68e7c1; } .text-teal-300 { color: black; } .teal-400 { background-color: #3ce0af; } .text-teal-400 { color: black; } .teal-500 { background-color: #20c997; } .text-teal-500 { color: black; } .teal-600 { background-color: #199d76; } .text-teal-600 { color: white; } .teal-700 { background-color: #127155; } .text-teal-700 { color: white; } .teal-800 { background-color: #0b4534; } .text-teal-800 { color: white; } .teal-900 { background-color: #041913; } .text-teal-900 { color: white; } .cyan-50 { background-color: #f4def8; } .text-cyan-50 { color: black; } .cyan-100 { background-color: #e6b5ee; } .text-cyan-100 { color: black; } .cyan-200 { background-color: #d88be5; } .text-cyan-200 { color: black; } .cyan-300 { background-color: #ca61dc; } .text-cyan-300 { color: black; } .cyan-400 { background-color: #bc37d3; } .text-cyan-400 { color: black; } .cyan-500 { background-color: #9c27b0; } .text-cyan-500 { color: black; } .cyan-600 { background-color: #771e86; } .text-cyan-600 { color: white; } .cyan-700 { background-color: #52145d; } .text-cyan-700 { color: white; } .cyan-800 { background-color: #2d0b33; } .text-cyan-800 { color: white; } .cyan-900 { background-color: #080209; } .text-cyan-900 { color: white; } .white-50 { background-color: white; } .text-white-50 { color: black; } .white-100 { background-color: white; } .text-white-100 { color: black; } .white-200 { background-color: white; } .text-white-200 { color: black; } .white-300 { background-color: white; } .text-white-300 { color: black; } .white-400 { background-color: white; } .text-white-400 { color: black; } .white-500 { background-color: #fff; } .text-white-500 { color: black; } .white-600 { background-color: #e6e6e6; } .text-white-600 { color: black; } .white-700 { background-color: #cccccc; } .text-white-700 { color: black; } .white-800 { background-color: #b3b3b3; } .text-white-800 { color: black; } .white-900 { background-color: #999999; } .text-white-900 { color: black; } .gray-50 { background-color: #f0eef1; } .text-gray-50 { color: black; } .gray-100 { background-color: #d6d2da; } .text-gray-100 { color: black; } .gray-200 { background-color: #bdb6c3; } .text-gray-200 { color: black; } .gray-300 { background-color: #a39aac; } .text-gray-300 { color: black; } .gray-400 { background-color: #8a7e95; } .text-gray-400 { color: black; } .gray-500 { background-color: #70657b; } .text-gray-500 { color: black; } .gray-600 { background-color: #574e5f; } .text-gray-600 { color: white; } .gray-700 { background-color: #3d3743; } .text-gray-700 { color: white; } .gray-800 { background-color: #242027; } .text-gray-800 { color: white; } .gray-900 { background-color: #0a090b; } .text-gray-900 { color: white; } .gray-dark-50 { background-color: #d1cdd6; } .text-gray-dark-50 { color: black; } .gray-dark-100 { background-color: #b8b0bf; } .text-gray-dark-100 { color: black; } .gray-dark-200 { background-color: #9e94a8; } .text-gray-dark-200 { color: black; } .gray-dark-300 { background-color: #857891; } .text-gray-dark-300 { color: black; } .gray-dark-400 { background-color: #6b6076; } .text-gray-dark-400 { color: black; } .gray-dark-500 { background-color: #52495a; } .text-gray-dark-500 { color: white; } .gray-dark-600 { background-color: #38323e; } .text-gray-dark-600 { color: white; } .gray-dark-700 { background-color: #1f1c22; } .text-gray-dark-700 { color: white; } .gray-dark-800 { background-color: #050506; } .text-gray-dark-800 { color: white; } .gray-dark-900 { background-color: black; } .text-gray-dark-900 { color: white; } .purple-50 { background-color: #e6d9f2; } .text-purple-50 { color: black; } .purple-100 { background-color: #ccb3e6; } .text-purple-100 { color: black; } .purple-200 { background-color: #b38cd9; } .text-purple-200 { color: black; } .purple-300 { background-color: #9966cc; } .text-purple-300 { color: black; } .purple-400 { background-color: #8040bf; } .text-purple-400 { color: black; } .purple-500 { background-color: #663399; } .text-purple-500 { color: white; } .purple-600 { background-color: #4d2673; } .text-purple-600 { color: white; } .purple-700 { background-color: #331a4d; } .text-purple-700 { color: white; } .purple-800 { background-color: #1a0d26; } .text-purple-800 { color: white; } .purple-900 { background-color: black; } .text-purple-900 { color: white; } .pink-50 { background-color: #fefcfd; } .text-pink-50 { color: black; } .pink-100 { background-color: #f4d3de; } .text-pink-100 { color: black; } .pink-200 { background-color: #eba9c0; } .text-pink-200 { color: black; } .pink-300 { background-color: #e180a2; } .text-pink-300 { color: black; } .pink-400 { background-color: #d75784; } .text-pink-400 { color: black; } .pink-500 { background-color: #CB3066; } .text-pink-500 { color: black; } .pink-600 { background-color: #a22651; } .text-pink-600 { color: white; } .pink-700 { background-color: #791c3d; } .text-pink-700 { color: white; } .pink-800 { background-color: #4f1328; } .text-pink-800 { color: white; } .pink-900 { background-color: #260913; } .text-pink-900 { color: white; } .red-50 { background-color: white; } .text-red-50 { color: black; } .red-100 { background-color: #fff8f7; } .text-red-100 { color: black; } .red-200 { background-color: #fccbc7; } .text-red-200 { color: black; } .red-300 { background-color: #f99d97; } .text-red-300 { color: black; } .red-400 { background-color: #f77066; } .text-red-400 { color: black; } .red-500 { background-color: #f44336; } .text-red-500 { color: black; } .red-600 { background-color: #ea1c0d; } .text-red-600 { color: black; } .red-700 { background-color: #ba160a; } .text-red-700 { color: white; } .red-800 { background-color: #891008; } .text-red-800 { color: white; } .red-900 { background-color: #590b05; } .text-red-900 { color: white; } .orange-50 { background-color: white; } .text-orange-50 { color: black; } .orange-100 { background-color: #fcebdc; } .text-orange-100 { color: black; } .orange-200 { background-color: #f7cfae; } .text-orange-200 { color: black; } .orange-300 { background-color: #f2b480; } .text-orange-300 { color: black; } .orange-400 { background-color: #ee9851; } .text-orange-400 { color: black; } .orange-500 { background-color: #e97d23; } .text-orange-500 { color: black; } .orange-600 { background-color: #c56414; } .text-orange-600 { color: black; } .orange-700 { background-color: #974d0f; } .text-orange-700 { color: white; } .orange-800 { background-color: #69350a; } .text-orange-800 { color: white; } .orange-900 { background-color: #3a1e06; } .text-orange-900 { color: white; } .yellow-50 { background-color: white; } .text-yellow-50 { color: black; } .yellow-100 { background-color: #fff4d3; } .text-yellow-100 { color: black; } .yellow-200 { background-color: #ffe7a0; } .text-yellow-200 { color: black; } .yellow-300 { background-color: #ffdb6d; } .text-yellow-300 { color: black; } .yellow-400 { background-color: #ffce3a; } .text-yellow-400 { color: black; } .yellow-500 { background-color: #ffc107; } .text-yellow-500 { color: black; } .yellow-600 { background-color: #d39e00; } .text-yellow-600 { color: black; } .yellow-700 { background-color: #a07800; } .text-yellow-700 { color: white; } .yellow-800 { background-color: #6d5200; } .text-yellow-800 { color: white; } .yellow-900 { background-color: #3a2c00; } .text-yellow-900 { color: white; } .green-50 { background-color: #fcfefc; } .text-green-50 { color: black; } .green-100 { background-color: #d9eeda; } .text-green-100 { color: black; } .green-200 { background-color: #b5dfb7; } .text-green-200 { color: black; } .green-300 { background-color: #92cf94; } .text-green-300 { color: black; } .green-400 { background-color: #6ec071; } .text-green-400 { color: black; } .green-500 { background-color: #4caf50; } .text-green-500 { color: black; } .green-600 { background-color: #3d8b40; } .text-green-600 { color: white; } .green-700 { background-color: #2d682f; } .text-green-700 { color: white; } .green-800 { background-color: #1e441f; } .text-green-800 { color: white; } .green-900 { background-color: #0e210f; } .text-green-900 { color: white; } .teal-50 { background-color: #ecfcf7; } .text-teal-50 { color: black; } .teal-100 { background-color: #c0f5e5; } .text-teal-100 { color: black; } .teal-200 { background-color: #94eed3; } .text-teal-200 { color: black; } .teal-300 { background-color: #68e7c1; } .text-teal-300 { color: black; } .teal-400 { background-color: #3ce0af; } .text-teal-400 { color: black; } .teal-500 { background-color: #20c997; } .text-teal-500 { color: black; } .teal-600 { background-color: #199d76; } .text-teal-600 { color: white; } .teal-700 { background-color: #127155; } .text-teal-700 { color: white; } .teal-800 { background-color: #0b4534; } .text-teal-800 { color: white; } .teal-900 { background-color: #041913; } .text-teal-900 { color: white; } .cyan-50 { background-color: #f4def8; } .text-cyan-50 { color: black; } .cyan-100 { background-color: #e6b5ee; } .text-cyan-100 { color: black; } .cyan-200 { background-color: #d88be5; } .text-cyan-200 { color: black; } .cyan-300 { background-color: #ca61dc; } .text-cyan-300 { color: black; } .cyan-400 { background-color: #bc37d3; } .text-cyan-400 { color: black; } .cyan-500 { background-color: #9c27b0; } .text-cyan-500 { color: black; } .cyan-600 { background-color: #771e86; } .text-cyan-600 { color: white; } .cyan-700 { background-color: #52145d; } .text-cyan-700 { color: white; } .cyan-800 { background-color: #2d0b33; } .text-cyan-800 { color: white; } .cyan-900 { background-color: #080209; } .text-cyan-900 { color: white; } .white-50 { background-color: white; } .text-white-50 { color: black; } .white-100 { background-color: white; } .text-white-100 { color: black; } .white-200 { background-color: white; } .text-white-200 { color: black; } .white-300 { background-color: white; } .text-white-300 { color: black; } .white-400 { background-color: white; } .text-white-400 { color: black; } .white-500 { background-color: #fff; } .text-white-500 { color: black; } .white-600 { background-color: #e6e6e6; } .text-white-600 { color: black; } .white-700 { background-color: #cccccc; } .text-white-700 { color: black; } .white-800 { background-color: #b3b3b3; } .text-white-800 { color: black; } .white-900 { background-color: #999999; } .text-white-900 { color: black; } .gray-50 { background-color: #f0eef1; } .text-gray-50 { color: black; } .gray-100 { background-color: #d6d2da; } .text-gray-100 { color: black; } .gray-200 { background-color: #bdb6c3; } .text-gray-200 { color: black; } .gray-300 { background-color: #a39aac; } .text-gray-300 { color: black; } .gray-400 { background-color: #8a7e95; } .text-gray-400 { color: black; } .gray-500 { background-color: #70657b; } .text-gray-500 { color: black; } .gray-600 { background-color: #574e5f; } .text-gray-600 { color: white; } .gray-700 { background-color: #3d3743; } .text-gray-700 { color: white; } .gray-800 { background-color: #242027; } .text-gray-800 { color: white; } .gray-900 { background-color: #0a090b; } .text-gray-900 { color: white; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); } } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); } } @-ms-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); } } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); } } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-moz-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-ms-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-o-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-webkit-keyframes jello { 11.1% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); -ms-transform: skewX(-12.5deg) skewY(-12.5deg); -o-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); -ms-transform: skewX(6.25deg) skewY(6.25deg); -o-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); -ms-transform: skewX(-3.125deg) skewY(-3.125deg); -o-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); -ms-transform: skewX(1.5625deg) skewY(1.5625deg); -o-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg); -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg); -o-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); -moz-transform: skewX(0.39062deg) skewY(0.39062deg); -ms-transform: skewX(0.39062deg) skewY(0.39062deg); -o-transform: skewX(0.39062deg) skewY(0.39062deg); transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg); -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg); -o-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } 100% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @-moz-keyframes jello { 11.1% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); -ms-transform: skewX(-12.5deg) skewY(-12.5deg); -o-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); -ms-transform: skewX(6.25deg) skewY(6.25deg); -o-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); -ms-transform: skewX(-3.125deg) skewY(-3.125deg); -o-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); -ms-transform: skewX(1.5625deg) skewY(1.5625deg); -o-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg); -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg); -o-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); -moz-transform: skewX(0.39062deg) skewY(0.39062deg); -ms-transform: skewX(0.39062deg) skewY(0.39062deg); -o-transform: skewX(0.39062deg) skewY(0.39062deg); transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg); -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg); -o-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } 100% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @-ms-keyframes jello { 11.1% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); -ms-transform: skewX(-12.5deg) skewY(-12.5deg); -o-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); -ms-transform: skewX(6.25deg) skewY(6.25deg); -o-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); -ms-transform: skewX(-3.125deg) skewY(-3.125deg); -o-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); -ms-transform: skewX(1.5625deg) skewY(1.5625deg); -o-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg); -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg); -o-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); -moz-transform: skewX(0.39062deg) skewY(0.39062deg); -ms-transform: skewX(0.39062deg) skewY(0.39062deg); -o-transform: skewX(0.39062deg) skewY(0.39062deg); transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg); -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg); -o-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } 100% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @-o-keyframes jello { 11.1% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); -ms-transform: skewX(-12.5deg) skewY(-12.5deg); -o-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); -ms-transform: skewX(6.25deg) skewY(6.25deg); -o-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); -ms-transform: skewX(-3.125deg) skewY(-3.125deg); -o-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); -ms-transform: skewX(1.5625deg) skewY(1.5625deg); -o-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg); -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg); -o-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); -moz-transform: skewX(0.39062deg) skewY(0.39062deg); -ms-transform: skewX(0.39062deg) skewY(0.39062deg); -o-transform: skewX(0.39062deg) skewY(0.39062deg); transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg); -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg); -o-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } 100% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @keyframes jello { 11.1% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); -ms-transform: skewX(-12.5deg) skewY(-12.5deg); -o-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); -ms-transform: skewX(6.25deg) skewY(6.25deg); -o-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); -ms-transform: skewX(-3.125deg) skewY(-3.125deg); -o-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); -ms-transform: skewX(1.5625deg) skewY(1.5625deg); -o-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg); -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg); -o-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); -moz-transform: skewX(0.39062deg) skewY(0.39062deg); -ms-transform: skewX(0.39062deg) skewY(0.39062deg); -o-transform: skewX(0.39062deg) skewY(0.39062deg); transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg); -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg); -o-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } 100% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-moz-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-ms-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-o-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); -moz-transform: scale3d(1.25, 0.75, 1); -ms-transform: scale3d(1.25, 0.75, 1); -o-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); -moz-transform: scale3d(0.75, 1.25, 1); -ms-transform: scale3d(0.75, 1.25, 1); -o-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); -moz-transform: scale3d(1.15, 0.85, 1); -ms-transform: scale3d(1.15, 0.85, 1); -o-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); -moz-transform: scale3d(0.95, 1.05, 1); -ms-transform: scale3d(0.95, 1.05, 1); -o-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); -moz-transform: scale3d(1.05, 0.95, 1); -ms-transform: scale3d(1.05, 0.95, 1); -o-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-moz-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); -moz-transform: scale3d(1.25, 0.75, 1); -ms-transform: scale3d(1.25, 0.75, 1); -o-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); -moz-transform: scale3d(0.75, 1.25, 1); -ms-transform: scale3d(0.75, 1.25, 1); -o-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); -moz-transform: scale3d(1.15, 0.85, 1); -ms-transform: scale3d(1.15, 0.85, 1); -o-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); -moz-transform: scale3d(0.95, 1.05, 1); -ms-transform: scale3d(0.95, 1.05, 1); -o-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); -moz-transform: scale3d(1.05, 0.95, 1); -ms-transform: scale3d(1.05, 0.95, 1); -o-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-ms-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); -moz-transform: scale3d(1.25, 0.75, 1); -ms-transform: scale3d(1.25, 0.75, 1); -o-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); -moz-transform: scale3d(0.75, 1.25, 1); -ms-transform: scale3d(0.75, 1.25, 1); -o-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); -moz-transform: scale3d(1.15, 0.85, 1); -ms-transform: scale3d(1.15, 0.85, 1); -o-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); -moz-transform: scale3d(0.95, 1.05, 1); -ms-transform: scale3d(0.95, 1.05, 1); -o-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); -moz-transform: scale3d(1.05, 0.95, 1); -ms-transform: scale3d(1.05, 0.95, 1); -o-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-o-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); -moz-transform: scale3d(1.25, 0.75, 1); -ms-transform: scale3d(1.25, 0.75, 1); -o-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); -moz-transform: scale3d(0.75, 1.25, 1); -ms-transform: scale3d(0.75, 1.25, 1); -o-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); -moz-transform: scale3d(1.15, 0.85, 1); -ms-transform: scale3d(1.15, 0.85, 1); -o-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); -moz-transform: scale3d(0.95, 1.05, 1); -ms-transform: scale3d(0.95, 1.05, 1); -o-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); -moz-transform: scale3d(1.05, 0.95, 1); -ms-transform: scale3d(1.05, 0.95, 1); -o-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); -moz-transform: scale3d(1.25, 0.75, 1); -ms-transform: scale3d(1.25, 0.75, 1); -o-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); -moz-transform: scale3d(0.75, 1.25, 1); -ms-transform: scale3d(0.75, 1.25, 1); -o-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); -moz-transform: scale3d(1.15, 0.85, 1); -ms-transform: scale3d(1.15, 0.85, 1); -o-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); -moz-transform: scale3d(0.95, 1.05, 1); -ms-transform: scale3d(0.95, 1.05, 1); -o-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); -moz-transform: scale3d(1.05, 0.95, 1); -ms-transform: scale3d(1.05, 0.95, 1); -o-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } } @-moz-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } } @-ms-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } } @-o-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; -moz-transform-origin: top center; -ms-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } @-moz-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; -moz-transform-origin: top center; -ms-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } @-ms-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; -moz-transform-origin: top center; -ms-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } @-o-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; -moz-transform-origin: top center; -ms-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; -moz-transform-origin: top center; -ms-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @-moz-keyframes tada { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @-ms-keyframes tada { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @-o-keyframes tada { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -moz-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); -o-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -moz-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); -o-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -moz-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); -o-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -moz-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); -o-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -moz-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); -o-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-moz-keyframes wobble { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -moz-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); -o-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -moz-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); -o-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -moz-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); -o-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -moz-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); -o-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -moz-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); -o-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-ms-keyframes wobble { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -moz-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); -o-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -moz-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); -o-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -moz-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); -o-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -moz-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); -o-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -moz-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); -o-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-o-keyframes wobble { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -moz-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); -o-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -moz-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); -o-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -moz-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); -o-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -moz-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); -o-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -moz-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); -o-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -moz-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); -o-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -moz-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); -o-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -moz-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); -o-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -moz-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); -o-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -moz-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); -o-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-ms-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } } @-ms-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } } @-o-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @-ms-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @-o-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } } @-moz-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } } @-ms-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } } @-o-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @-ms-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @-o-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } } @-moz-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } } @-ms-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } } @-o-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @-ms-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @-o-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } } @-ms-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } } @-o-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } } @-moz-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } } @-ms-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } } @-o-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @-moz-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @-ms-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @-o-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @-moz-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @-ms-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @-o-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @-moz-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @-ms-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @-o-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } } @-moz-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } } @-ms-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } } @-o-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @-moz-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @-ms-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @-o-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @-webkit-keyframes zoomInDown { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } } @-moz-keyframes zoomInDown { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } } @-ms-keyframes zoomInDown { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } } @-o-keyframes zoomInDown { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } } @keyframes zoomInDown { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } } @-webkit-keyframes zoomInLeft { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } } @-moz-keyframes zoomInLeft { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } } @-ms-keyframes zoomInLeft { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } } @-o-keyframes zoomInLeft { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } } @keyframes zoomInLeft { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } } @-webkit-keyframes zoomInRight { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } } @-moz-keyframes zoomInRight { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } } @-ms-keyframes zoomInRight { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } } @-o-keyframes zoomInRight { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } } @keyframes zoomInRight { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } } @-webkit-keyframes zoomInUp { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } } @-moz-keyframes zoomInUp { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } } @-ms-keyframes zoomInUp { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } } @-o-keyframes zoomInUp { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } } @keyframes zoomInUp { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @-moz-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @-ms-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @-o-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @-webkit-keyframes zoomOutDown { 40% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } 100% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; } } @-moz-keyframes zoomOutDown { 40% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } 100% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; } } @-ms-keyframes zoomOutDown { 40% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } 100% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; } } @-o-keyframes zoomOutDown { 40% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } 100% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; } } @keyframes zoomOutDown { 40% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } 100% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; } } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); -moz-transform: scale(0.1) translate3d(-2000px, 0, 0); -ms-transform: scale(0.1) translate3d(-2000px, 0, 0); -o-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } } @-moz-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); -moz-transform: scale(0.1) translate3d(-2000px, 0, 0); -ms-transform: scale(0.1) translate3d(-2000px, 0, 0); -o-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } } @-ms-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); -moz-transform: scale(0.1) translate3d(-2000px, 0, 0); -ms-transform: scale(0.1) translate3d(-2000px, 0, 0); -o-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } } @-o-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); -moz-transform: scale(0.1) translate3d(-2000px, 0, 0); -ms-transform: scale(0.1) translate3d(-2000px, 0, 0); -o-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); -moz-transform: scale(0.1) translate3d(-2000px, 0, 0); -ms-transform: scale(0.1) translate3d(-2000px, 0, 0); -o-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); -moz-transform: scale(0.1) translate3d(2000px, 0, 0); -ms-transform: scale(0.1) translate3d(2000px, 0, 0); -o-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; } } @-moz-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); -moz-transform: scale(0.1) translate3d(2000px, 0, 0); -ms-transform: scale(0.1) translate3d(2000px, 0, 0); -o-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; } } @-ms-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); -moz-transform: scale(0.1) translate3d(2000px, 0, 0); -ms-transform: scale(0.1) translate3d(2000px, 0, 0); -o-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; } } @-o-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); -moz-transform: scale(0.1) translate3d(2000px, 0, 0); -ms-transform: scale(0.1) translate3d(2000px, 0, 0); -o-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); -moz-transform: scale(0.1) translate3d(2000px, 0, 0); -ms-transform: scale(0.1) translate3d(2000px, 0, 0); -o-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; } } @-webkit-keyframes zoomOutUp { 40% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } 100% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; } } @-moz-keyframes zoomOutUp { 40% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } 100% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; } } @-ms-keyframes zoomOutUp { 40% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } 100% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; } } @-o-keyframes zoomOutUp { 40% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } 100% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; } } @keyframes zoomOutUp { 40% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } 100% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; } } @keyframes zoomIn { 0% { transform: scale(0.5); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes spin { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .spin { animation: spin 2s infinite linear; } h1, h2, h3, h4, h5, h6, .card-title, .text-title { color: #332e38; } .text-10 { font-size: 10px; } .text-11 { font-size: 11px; } .text-12 { font-size: 12px; } .text-13 { font-size: 13px; } .text-14 { font-size: 14px; } .text-15 { font-size: 15px; } .text-16 { font-size: 16px; } .text-17 { font-size: 17px; } .text-18 { font-size: 18px; } .text-19 { font-size: 19px; } .text-20 { font-size: 20px; } .text-21 { font-size: 21px; } .text-22 { font-size: 22px; } .text-23 { font-size: 23px; } .text-24 { font-size: 24px; } .text-25 { font-size: 25px; } .text-26 { font-size: 26px; } .text-27 { font-size: 27px; } .text-28 { font-size: 28px; } .text-29 { font-size: 29px; } .text-30 { font-size: 30px; } .text-31 { font-size: 31px; } .text-32 { font-size: 32px; } .text-33 { font-size: 33px; } .text-34 { font-size: 34px; } .text-35 { font-size: 35px; } .text-36 { font-size: 36px; } .text-37 { font-size: 37px; } .text-38 { font-size: 38px; } .text-39 { font-size: 39px; } .text-40 { font-size: 40px; } .text-41 { font-size: 41px; } .text-42 { font-size: 42px; } .text-43 { font-size: 43px; } .text-44 { font-size: 44px; } .text-45 { font-size: 45px; } .text-46 { font-size: 46px; } .text-47 { font-size: 47px; } .text-48 { font-size: 48px; } .text-49 { font-size: 49px; } .text-50 { font-size: 50px; } .text-51 { font-size: 51px; } .text-52 { font-size: 52px; } .text-53 { font-size: 53px; } .text-54 { font-size: 54px; } .text-55 { font-size: 55px; } .text-56 { font-size: 56px; } .text-57 { font-size: 57px; } .text-58 { font-size: 58px; } .text-59 { font-size: 59px; } .text-60 { font-size: 60px; } .text-61 { font-size: 61px; } .text-62 { font-size: 62px; } .text-63 { font-size: 63px; } .text-64 { font-size: 64px; } .text-65 { font-size: 65px; } .text-66 { font-size: 66px; } .text-67 { font-size: 67px; } .text-68 { font-size: 68px; } .text-69 { font-size: 69px; } .text-70 { font-size: 70px; } .text-71 { font-size: 71px; } .text-72 { font-size: 72px; } .text-73 { font-size: 73px; } .text-74 { font-size: 74px; } .text-75 { font-size: 75px; } .text-76 { font-size: 76px; } .text-77 { font-size: 77px; } .text-78 { font-size: 78px; } .font-weight-300 { font-weight: 300; } .font-weight-301 { font-weight: 301; } .font-weight-302 { font-weight: 302; } .font-weight-303 { font-weight: 303; } .font-weight-304 { font-weight: 304; } .font-weight-305 { font-weight: 305; } .font-weight-306 { font-weight: 306; } .font-weight-307 { font-weight: 307; } .font-weight-308 { font-weight: 308; } .font-weight-309 { font-weight: 309; } .font-weight-310 { font-weight: 310; } .font-weight-311 { font-weight: 311; } .font-weight-312 { font-weight: 312; } .font-weight-313 { font-weight: 313; } .font-weight-314 { font-weight: 314; } .font-weight-315 { font-weight: 315; } .font-weight-316 { font-weight: 316; } .font-weight-317 { font-weight: 317; } .font-weight-318 { font-weight: 318; } .font-weight-319 { font-weight: 319; } .font-weight-320 { font-weight: 320; } .font-weight-321 { font-weight: 321; } .font-weight-322 { font-weight: 322; } .font-weight-323 { font-weight: 323; } .font-weight-324 { font-weight: 324; } .font-weight-325 { font-weight: 325; } .font-weight-326 { font-weight: 326; } .font-weight-327 { font-weight: 327; } .font-weight-328 { font-weight: 328; } .font-weight-329 { font-weight: 329; } .font-weight-330 { font-weight: 330; } .font-weight-331 { font-weight: 331; } .font-weight-332 { font-weight: 332; } .font-weight-333 { font-weight: 333; } .font-weight-334 { font-weight: 334; } .font-weight-335 { font-weight: 335; } .font-weight-336 { font-weight: 336; } .font-weight-337 { font-weight: 337; } .font-weight-338 { font-weight: 338; } .font-weight-339 { font-weight: 339; } .font-weight-340 { font-weight: 340; } .font-weight-341 { font-weight: 341; } .font-weight-342 { font-weight: 342; } .font-weight-343 { font-weight: 343; } .font-weight-344 { font-weight: 344; } .font-weight-345 { font-weight: 345; } .font-weight-346 { font-weight: 346; } .font-weight-347 { font-weight: 347; } .font-weight-348 { font-weight: 348; } .font-weight-349 { font-weight: 349; } .font-weight-350 { font-weight: 350; } .font-weight-351 { font-weight: 351; } .font-weight-352 { font-weight: 352; } .font-weight-353 { font-weight: 353; } .font-weight-354 { font-weight: 354; } .font-weight-355 { font-weight: 355; } .font-weight-356 { font-weight: 356; } .font-weight-357 { font-weight: 357; } .font-weight-358 { font-weight: 358; } .font-weight-359 { font-weight: 359; } .font-weight-360 { font-weight: 360; } .font-weight-361 { font-weight: 361; } .font-weight-362 { font-weight: 362; } .font-weight-363 { font-weight: 363; } .font-weight-364 { font-weight: 364; } .font-weight-365 { font-weight: 365; } .font-weight-366 { font-weight: 366; } .font-weight-367 { font-weight: 367; } .font-weight-368 { font-weight: 368; } .font-weight-369 { font-weight: 369; } .font-weight-370 { font-weight: 370; } .font-weight-371 { font-weight: 371; } .font-weight-372 { font-weight: 372; } .font-weight-373 { font-weight: 373; } .font-weight-374 { font-weight: 374; } .font-weight-375 { font-weight: 375; } .font-weight-376 { font-weight: 376; } .font-weight-377 { font-weight: 377; } .font-weight-378 { font-weight: 378; } .font-weight-379 { font-weight: 379; } .font-weight-380 { font-weight: 380; } .font-weight-381 { font-weight: 381; } .font-weight-382 { font-weight: 382; } .font-weight-383 { font-weight: 383; } .font-weight-384 { font-weight: 384; } .font-weight-385 { font-weight: 385; } .font-weight-386 { font-weight: 386; } .font-weight-387 { font-weight: 387; } .font-weight-388 { font-weight: 388; } .font-weight-389 { font-weight: 389; } .font-weight-390 { font-weight: 390; } .font-weight-391 { font-weight: 391; } .font-weight-392 { font-weight: 392; } .font-weight-393 { font-weight: 393; } .font-weight-394 { font-weight: 394; } .font-weight-395 { font-weight: 395; } .font-weight-396 { font-weight: 396; } .font-weight-397 { font-weight: 397; } .font-weight-398 { font-weight: 398; } .font-weight-399 { font-weight: 399; } .font-weight-400 { font-weight: 400; } .font-weight-401 { font-weight: 401; } .font-weight-402 { font-weight: 402; } .font-weight-403 { font-weight: 403; } .font-weight-404 { font-weight: 404; } .font-weight-405 { font-weight: 405; } .font-weight-406 { font-weight: 406; } .font-weight-407 { font-weight: 407; } .font-weight-408 { font-weight: 408; } .font-weight-409 { font-weight: 409; } .font-weight-410 { font-weight: 410; } .font-weight-411 { font-weight: 411; } .font-weight-412 { font-weight: 412; } .font-weight-413 { font-weight: 413; } .font-weight-414 { font-weight: 414; } .font-weight-415 { font-weight: 415; } .font-weight-416 { font-weight: 416; } .font-weight-417 { font-weight: 417; } .font-weight-418 { font-weight: 418; } .font-weight-419 { font-weight: 419; } .font-weight-420 { font-weight: 420; } .font-weight-421 { font-weight: 421; } .font-weight-422 { font-weight: 422; } .font-weight-423 { font-weight: 423; } .font-weight-424 { font-weight: 424; } .font-weight-425 { font-weight: 425; } .font-weight-426 { font-weight: 426; } .font-weight-427 { font-weight: 427; } .font-weight-428 { font-weight: 428; } .font-weight-429 { font-weight: 429; } .font-weight-430 { font-weight: 430; } .font-weight-431 { font-weight: 431; } .font-weight-432 { font-weight: 432; } .font-weight-433 { font-weight: 433; } .font-weight-434 { font-weight: 434; } .font-weight-435 { font-weight: 435; } .font-weight-436 { font-weight: 436; } .font-weight-437 { font-weight: 437; } .font-weight-438 { font-weight: 438; } .font-weight-439 { font-weight: 439; } .font-weight-440 { font-weight: 440; } .font-weight-441 { font-weight: 441; } .font-weight-442 { font-weight: 442; } .font-weight-443 { font-weight: 443; } .font-weight-444 { font-weight: 444; } .font-weight-445 { font-weight: 445; } .font-weight-446 { font-weight: 446; } .font-weight-447 { font-weight: 447; } .font-weight-448 { font-weight: 448; } .font-weight-449 { font-weight: 449; } .font-weight-450 { font-weight: 450; } .font-weight-451 { font-weight: 451; } .font-weight-452 { font-weight: 452; } .font-weight-453 { font-weight: 453; } .font-weight-454 { font-weight: 454; } .font-weight-455 { font-weight: 455; } .font-weight-456 { font-weight: 456; } .font-weight-457 { font-weight: 457; } .font-weight-458 { font-weight: 458; } .font-weight-459 { font-weight: 459; } .font-weight-460 { font-weight: 460; } .font-weight-461 { font-weight: 461; } .font-weight-462 { font-weight: 462; } .font-weight-463 { font-weight: 463; } .font-weight-464 { font-weight: 464; } .font-weight-465 { font-weight: 465; } .font-weight-466 { font-weight: 466; } .font-weight-467 { font-weight: 467; } .font-weight-468 { font-weight: 468; } .font-weight-469 { font-weight: 469; } .font-weight-470 { font-weight: 470; } .font-weight-471 { font-weight: 471; } .font-weight-472 { font-weight: 472; } .font-weight-473 { font-weight: 473; } .font-weight-474 { font-weight: 474; } .font-weight-475 { font-weight: 475; } .font-weight-476 { font-weight: 476; } .font-weight-477 { font-weight: 477; } .font-weight-478 { font-weight: 478; } .font-weight-479 { font-weight: 479; } .font-weight-480 { font-weight: 480; } .font-weight-481 { font-weight: 481; } .font-weight-482 { font-weight: 482; } .font-weight-483 { font-weight: 483; } .font-weight-484 { font-weight: 484; } .font-weight-485 { font-weight: 485; } .font-weight-486 { font-weight: 486; } .font-weight-487 { font-weight: 487; } .font-weight-488 { font-weight: 488; } .font-weight-489 { font-weight: 489; } .font-weight-490 { font-weight: 490; } .font-weight-491 { font-weight: 491; } .font-weight-492 { font-weight: 492; } .font-weight-493 { font-weight: 493; } .font-weight-494 { font-weight: 494; } .font-weight-495 { font-weight: 495; } .font-weight-496 { font-weight: 496; } .font-weight-497 { font-weight: 497; } .font-weight-498 { font-weight: 498; } .font-weight-499 { font-weight: 499; } .font-weight-500 { font-weight: 500; } .font-weight-501 { font-weight: 501; } .font-weight-502 { font-weight: 502; } .font-weight-503 { font-weight: 503; } .font-weight-504 { font-weight: 504; } .font-weight-505 { font-weight: 505; } .font-weight-506 { font-weight: 506; } .font-weight-507 { font-weight: 507; } .font-weight-508 { font-weight: 508; } .font-weight-509 { font-weight: 509; } .font-weight-510 { font-weight: 510; } .font-weight-511 { font-weight: 511; } .font-weight-512 { font-weight: 512; } .font-weight-513 { font-weight: 513; } .font-weight-514 { font-weight: 514; } .font-weight-515 { font-weight: 515; } .font-weight-516 { font-weight: 516; } .font-weight-517 { font-weight: 517; } .font-weight-518 { font-weight: 518; } .font-weight-519 { font-weight: 519; } .font-weight-520 { font-weight: 520; } .font-weight-521 { font-weight: 521; } .font-weight-522 { font-weight: 522; } .font-weight-523 { font-weight: 523; } .font-weight-524 { font-weight: 524; } .font-weight-525 { font-weight: 525; } .font-weight-526 { font-weight: 526; } .font-weight-527 { font-weight: 527; } .font-weight-528 { font-weight: 528; } .font-weight-529 { font-weight: 529; } .font-weight-530 { font-weight: 530; } .font-weight-531 { font-weight: 531; } .font-weight-532 { font-weight: 532; } .font-weight-533 { font-weight: 533; } .font-weight-534 { font-weight: 534; } .font-weight-535 { font-weight: 535; } .font-weight-536 { font-weight: 536; } .font-weight-537 { font-weight: 537; } .font-weight-538 { font-weight: 538; } .font-weight-539 { font-weight: 539; } .font-weight-540 { font-weight: 540; } .font-weight-541 { font-weight: 541; } .font-weight-542 { font-weight: 542; } .font-weight-543 { font-weight: 543; } .font-weight-544 { font-weight: 544; } .font-weight-545 { font-weight: 545; } .font-weight-546 { font-weight: 546; } .font-weight-547 { font-weight: 547; } .font-weight-548 { font-weight: 548; } .font-weight-549 { font-weight: 549; } .font-weight-550 { font-weight: 550; } .font-weight-551 { font-weight: 551; } .font-weight-552 { font-weight: 552; } .font-weight-553 { font-weight: 553; } .font-weight-554 { font-weight: 554; } .font-weight-555 { font-weight: 555; } .font-weight-556 { font-weight: 556; } .font-weight-557 { font-weight: 557; } .font-weight-558 { font-weight: 558; } .font-weight-559 { font-weight: 559; } .font-weight-560 { font-weight: 560; } .font-weight-561 { font-weight: 561; } .font-weight-562 { font-weight: 562; } .font-weight-563 { font-weight: 563; } .font-weight-564 { font-weight: 564; } .font-weight-565 { font-weight: 565; } .font-weight-566 { font-weight: 566; } .font-weight-567 { font-weight: 567; } .font-weight-568 { font-weight: 568; } .font-weight-569 { font-weight: 569; } .font-weight-570 { font-weight: 570; } .font-weight-571 { font-weight: 571; } .font-weight-572 { font-weight: 572; } .font-weight-573 { font-weight: 573; } .font-weight-574 { font-weight: 574; } .font-weight-575 { font-weight: 575; } .font-weight-576 { font-weight: 576; } .font-weight-577 { font-weight: 577; } .font-weight-578 { font-weight: 578; } .font-weight-579 { font-weight: 579; } .font-weight-580 { font-weight: 580; } .font-weight-581 { font-weight: 581; } .font-weight-582 { font-weight: 582; } .font-weight-583 { font-weight: 583; } .font-weight-584 { font-weight: 584; } .font-weight-585 { font-weight: 585; } .font-weight-586 { font-weight: 586; } .font-weight-587 { font-weight: 587; } .font-weight-588 { font-weight: 588; } .font-weight-589 { font-weight: 589; } .font-weight-590 { font-weight: 590; } .font-weight-591 { font-weight: 591; } .font-weight-592 { font-weight: 592; } .font-weight-593 { font-weight: 593; } .font-weight-594 { font-weight: 594; } .font-weight-595 { font-weight: 595; } .font-weight-596 { font-weight: 596; } .font-weight-597 { font-weight: 597; } .font-weight-598 { font-weight: 598; } .font-weight-599 { font-weight: 599; } .font-weight-600 { font-weight: 600; } .font-weight-601 { font-weight: 601; } .font-weight-602 { font-weight: 602; } .font-weight-603 { font-weight: 603; } .font-weight-604 { font-weight: 604; } .font-weight-605 { font-weight: 605; } .font-weight-606 { font-weight: 606; } .font-weight-607 { font-weight: 607; } .font-weight-608 { font-weight: 608; } .font-weight-609 { font-weight: 609; } .font-weight-610 { font-weight: 610; } .font-weight-611 { font-weight: 611; } .font-weight-612 { font-weight: 612; } .font-weight-613 { font-weight: 613; } .font-weight-614 { font-weight: 614; } .font-weight-615 { font-weight: 615; } .font-weight-616 { font-weight: 616; } .font-weight-617 { font-weight: 617; } .font-weight-618 { font-weight: 618; } .font-weight-619 { font-weight: 619; } .font-weight-620 { font-weight: 620; } .font-weight-621 { font-weight: 621; } .font-weight-622 { font-weight: 622; } .font-weight-623 { font-weight: 623; } .font-weight-624 { font-weight: 624; } .font-weight-625 { font-weight: 625; } .font-weight-626 { font-weight: 626; } .font-weight-627 { font-weight: 627; } .font-weight-628 { font-weight: 628; } .font-weight-629 { font-weight: 629; } .font-weight-630 { font-weight: 630; } .font-weight-631 { font-weight: 631; } .font-weight-632 { font-weight: 632; } .font-weight-633 { font-weight: 633; } .font-weight-634 { font-weight: 634; } .font-weight-635 { font-weight: 635; } .font-weight-636 { font-weight: 636; } .font-weight-637 { font-weight: 637; } .font-weight-638 { font-weight: 638; } .font-weight-639 { font-weight: 639; } .font-weight-640 { font-weight: 640; } .font-weight-641 { font-weight: 641; } .font-weight-642 { font-weight: 642; } .font-weight-643 { font-weight: 643; } .font-weight-644 { font-weight: 644; } .font-weight-645 { font-weight: 645; } .font-weight-646 { font-weight: 646; } .font-weight-647 { font-weight: 647; } .font-weight-648 { font-weight: 648; } .font-weight-649 { font-weight: 649; } .font-weight-650 { font-weight: 650; } .font-weight-651 { font-weight: 651; } .font-weight-652 { font-weight: 652; } .font-weight-653 { font-weight: 653; } .font-weight-654 { font-weight: 654; } .font-weight-655 { font-weight: 655; } .font-weight-656 { font-weight: 656; } .font-weight-657 { font-weight: 657; } .font-weight-658 { font-weight: 658; } .font-weight-659 { font-weight: 659; } .font-weight-660 { font-weight: 660; } .font-weight-661 { font-weight: 661; } .font-weight-662 { font-weight: 662; } .font-weight-663 { font-weight: 663; } .font-weight-664 { font-weight: 664; } .font-weight-665 { font-weight: 665; } .font-weight-666 { font-weight: 666; } .font-weight-667 { font-weight: 667; } .font-weight-668 { font-weight: 668; } .font-weight-669 { font-weight: 669; } .font-weight-670 { font-weight: 670; } .font-weight-671 { font-weight: 671; } .font-weight-672 { font-weight: 672; } .font-weight-673 { font-weight: 673; } .font-weight-674 { font-weight: 674; } .font-weight-675 { font-weight: 675; } .font-weight-676 { font-weight: 676; } .font-weight-677 { font-weight: 677; } .font-weight-678 { font-weight: 678; } .font-weight-679 { font-weight: 679; } .font-weight-680 { font-weight: 680; } .font-weight-681 { font-weight: 681; } .font-weight-682 { font-weight: 682; } .font-weight-683 { font-weight: 683; } .font-weight-684 { font-weight: 684; } .font-weight-685 { font-weight: 685; } .font-weight-686 { font-weight: 686; } .font-weight-687 { font-weight: 687; } .font-weight-688 { font-weight: 688; } .font-weight-689 { font-weight: 689; } .font-weight-690 { font-weight: 690; } .font-weight-691 { font-weight: 691; } .font-weight-692 { font-weight: 692; } .font-weight-693 { font-weight: 693; } .font-weight-694 { font-weight: 694; } .font-weight-695 { font-weight: 695; } .font-weight-696 { font-weight: 696; } .font-weight-697 { font-weight: 697; } .font-weight-698 { font-weight: 698; } .font-weight-699 { font-weight: 699; } .font-weight-700 { font-weight: 700; } .font-weight-701 { font-weight: 701; } .font-weight-702 { font-weight: 702; } .font-weight-703 { font-weight: 703; } .font-weight-704 { font-weight: 704; } .font-weight-705 { font-weight: 705; } .font-weight-706 { font-weight: 706; } .font-weight-707 { font-weight: 707; } .font-weight-708 { font-weight: 708; } .font-weight-709 { font-weight: 709; } .font-weight-710 { font-weight: 710; } .font-weight-711 { font-weight: 711; } .font-weight-712 { font-weight: 712; } .font-weight-713 { font-weight: 713; } .font-weight-714 { font-weight: 714; } .font-weight-715 { font-weight: 715; } .font-weight-716 { font-weight: 716; } .font-weight-717 { font-weight: 717; } .font-weight-718 { font-weight: 718; } .font-weight-719 { font-weight: 719; } .font-weight-720 { font-weight: 720; } .font-weight-721 { font-weight: 721; } .font-weight-722 { font-weight: 722; } .font-weight-723 { font-weight: 723; } .font-weight-724 { font-weight: 724; } .font-weight-725 { font-weight: 725; } .font-weight-726 { font-weight: 726; } .font-weight-727 { font-weight: 727; } .font-weight-728 { font-weight: 728; } .font-weight-729 { font-weight: 729; } .font-weight-730 { font-weight: 730; } .font-weight-731 { font-weight: 731; } .font-weight-732 { font-weight: 732; } .font-weight-733 { font-weight: 733; } .font-weight-734 { font-weight: 734; } .font-weight-735 { font-weight: 735; } .font-weight-736 { font-weight: 736; } .font-weight-737 { font-weight: 737; } .font-weight-738 { font-weight: 738; } .font-weight-739 { font-weight: 739; } .font-weight-740 { font-weight: 740; } .font-weight-741 { font-weight: 741; } .font-weight-742 { font-weight: 742; } .font-weight-743 { font-weight: 743; } .font-weight-744 { font-weight: 744; } .font-weight-745 { font-weight: 745; } .font-weight-746 { font-weight: 746; } .font-weight-747 { font-weight: 747; } .font-weight-748 { font-weight: 748; } .font-weight-749 { font-weight: 749; } .font-weight-750 { font-weight: 750; } .font-weight-751 { font-weight: 751; } .font-weight-752 { font-weight: 752; } .font-weight-753 { font-weight: 753; } .font-weight-754 { font-weight: 754; } .font-weight-755 { font-weight: 755; } .font-weight-756 { font-weight: 756; } .font-weight-757 { font-weight: 757; } .font-weight-758 { font-weight: 758; } .font-weight-759 { font-weight: 759; } .font-weight-760 { font-weight: 760; } .font-weight-761 { font-weight: 761; } .font-weight-762 { font-weight: 762; } .font-weight-763 { font-weight: 763; } .font-weight-764 { font-weight: 764; } .font-weight-765 { font-weight: 765; } .font-weight-766 { font-weight: 766; } .font-weight-767 { font-weight: 767; } .font-weight-768 { font-weight: 768; } .font-weight-769 { font-weight: 769; } .font-weight-770 { font-weight: 770; } .font-weight-771 { font-weight: 771; } .font-weight-772 { font-weight: 772; } .font-weight-773 { font-weight: 773; } .font-weight-774 { font-weight: 774; } .font-weight-775 { font-weight: 775; } .font-weight-776 { font-weight: 776; } .font-weight-777 { font-weight: 777; } .font-weight-778 { font-weight: 778; } .font-weight-779 { font-weight: 779; } .font-weight-780 { font-weight: 780; } .font-weight-781 { font-weight: 781; } .font-weight-782 { font-weight: 782; } .font-weight-783 { font-weight: 783; } .font-weight-784 { font-weight: 784; } .font-weight-785 { font-weight: 785; } .font-weight-786 { font-weight: 786; } .font-weight-787 { font-weight: 787; } .font-weight-788 { font-weight: 788; } .font-weight-789 { font-weight: 789; } .font-weight-790 { font-weight: 790; } .font-weight-791 { font-weight: 791; } .font-weight-792 { font-weight: 792; } .font-weight-793 { font-weight: 793; } .font-weight-794 { font-weight: 794; } .font-weight-795 { font-weight: 795; } .font-weight-796 { font-weight: 796; } .font-weight-797 { font-weight: 797; } .font-weight-798 { font-weight: 798; } .font-weight-799 { font-weight: 799; } .font-weight-800 { font-weight: 800; } .font-weight-801 { font-weight: 801; } .font-weight-802 { font-weight: 802; } .font-weight-803 { font-weight: 803; } .font-weight-804 { font-weight: 804; } .font-weight-805 { font-weight: 805; } .font-weight-806 { font-weight: 806; } .font-weight-807 { font-weight: 807; } .font-weight-808 { font-weight: 808; } .font-weight-809 { font-weight: 809; } .font-weight-810 { font-weight: 810; } .font-weight-811 { font-weight: 811; } .font-weight-812 { font-weight: 812; } .font-weight-813 { font-weight: 813; } .font-weight-814 { font-weight: 814; } .font-weight-815 { font-weight: 815; } .font-weight-816 { font-weight: 816; } .font-weight-817 { font-weight: 817; } .font-weight-818 { font-weight: 818; } .font-weight-819 { font-weight: 819; } .font-weight-820 { font-weight: 820; } .font-weight-821 { font-weight: 821; } .font-weight-822 { font-weight: 822; } .font-weight-823 { font-weight: 823; } .font-weight-824 { font-weight: 824; } .font-weight-825 { font-weight: 825; } .font-weight-826 { font-weight: 826; } .font-weight-827 { font-weight: 827; } .font-weight-828 { font-weight: 828; } .font-weight-829 { font-weight: 829; } .font-weight-830 { font-weight: 830; } .font-weight-831 { font-weight: 831; } .font-weight-832 { font-weight: 832; } .font-weight-833 { font-weight: 833; } .font-weight-834 { font-weight: 834; } .font-weight-835 { font-weight: 835; } .font-weight-836 { font-weight: 836; } .font-weight-837 { font-weight: 837; } .font-weight-838 { font-weight: 838; } .font-weight-839 { font-weight: 839; } .font-weight-840 { font-weight: 840; } .font-weight-841 { font-weight: 841; } .font-weight-842 { font-weight: 842; } .font-weight-843 { font-weight: 843; } .font-weight-844 { font-weight: 844; } .font-weight-845 { font-weight: 845; } .font-weight-846 { font-weight: 846; } .font-weight-847 { font-weight: 847; } .font-weight-848 { font-weight: 848; } .font-weight-849 { font-weight: 849; } .font-weight-850 { font-weight: 850; } .font-weight-851 { font-weight: 851; } .font-weight-852 { font-weight: 852; } .font-weight-853 { font-weight: 853; } .font-weight-854 { font-weight: 854; } .font-weight-855 { font-weight: 855; } .font-weight-856 { font-weight: 856; } .font-weight-857 { font-weight: 857; } .font-weight-858 { font-weight: 858; } .font-weight-859 { font-weight: 859; } .font-weight-860 { font-weight: 860; } .font-weight-861 { font-weight: 861; } .font-weight-862 { font-weight: 862; } .font-weight-863 { font-weight: 863; } .font-weight-864 { font-weight: 864; } .font-weight-865 { font-weight: 865; } .font-weight-866 { font-weight: 866; } .font-weight-867 { font-weight: 867; } .font-weight-868 { font-weight: 868; } .font-weight-869 { font-weight: 869; } .font-weight-870 { font-weight: 870; } .font-weight-871 { font-weight: 871; } .font-weight-872 { font-weight: 872; } .font-weight-873 { font-weight: 873; } .font-weight-874 { font-weight: 874; } .font-weight-875 { font-weight: 875; } .font-weight-876 { font-weight: 876; } .font-weight-877 { font-weight: 877; } .font-weight-878 { font-weight: 878; } .font-weight-879 { font-weight: 879; } .font-weight-880 { font-weight: 880; } .font-weight-881 { font-weight: 881; } .font-weight-882 { font-weight: 882; } .font-weight-883 { font-weight: 883; } .font-weight-884 { font-weight: 884; } .font-weight-885 { font-weight: 885; } .font-weight-886 { font-weight: 886; } .font-weight-887 { font-weight: 887; } .font-weight-888 { font-weight: 888; } .font-weight-889 { font-weight: 889; } .font-weight-890 { font-weight: 890; } .font-weight-891 { font-weight: 891; } .font-weight-892 { font-weight: 892; } .font-weight-893 { font-weight: 893; } .font-weight-894 { font-weight: 894; } .font-weight-895 { font-weight: 895; } .font-weight-896 { font-weight: 896; } .font-weight-897 { font-weight: 897; } .font-weight-898 { font-weight: 898; } .font-weight-899 { font-weight: 899; } .font-weight-900 { font-weight: 900; } .pb-80 { padding-bottom: 80px; } .text-small { font-size: .75rem; } .p-readable { max-width: 650px; } .section-info { font-size: 14px; color: #bbb; } .heading { color: #595062; font-weight: 700; } .br { margin: 10px 0; } .text-mute { color: #bbb; } .display-content { margin: 20px 0; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .lead { font-size: 1.25rem; font-weight: 300; } .t-font-bold { font-weight: 500 !important; } .t-font-bolder { font-weight: 600 !important; } .t-font-boldest { font-weight: 700 !important; } .t-font-u { text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #bbb; } a.typo_link { position: relative; } a.typo_link:hover { color: #3F51B5; } a.typo_link:hover:after { width: 100%; } a.typo_link:after { display: block; position: absolute; content: ""; width: 0%; height: 1px; left: 0; bottom: -4px; transition: width 0.3s ease; } a.typo_link.text-primary:after { background-color: #663399; } a.typo_link.text-secondary:after { background-color: #52495a; } a.typo_link.text-success:after { background-color: #4caf50; } a.typo_link.text-info:after { background-color: #003473; } a.typo_link.text-warning:after { background-color: #ffc107; } a.typo_link.text-danger:after { background-color: #f44336; } a.typo_link.text-light:after { background-color: #bbb; } a.typo_link.text-dark:after { background-color: #47404f; } a.typo_link.text-gray-100:after { background-color: #f8f9fa; } a.typo_link.text-gray-200:after { background-color: #eee; } a.typo_link.text-gray-300:after { background-color: #dee2e6; } a.typo_link.text-gray-400:after { background-color: #ced4da; } a.typo_link.text-gray-500:after { background-color: #bbb; } a.typo_link.text-gray-600:after { background-color: #70657b; } a.typo_link.text-gray-700:after { background-color: #665c70; } a.typo_link.text-gray-800:after { background-color: #52495a; } a.typo_link.text-gray-900:after { background-color: #47404f; } .divider { display: flex; justify-content: center; align-items: center; } .divider > span:first-child { width: 100%; height: 1px; background: #eee; display: inline-block; flex: 1; } .divider > span:last-child { width: 100%; height: 1px; background: #eee; display: inline-block; flex: 1; } .divider > span:not(:first-child):not(:last-child) { padding: 0 2rem; } .box-shadow-1 { box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04); } .box-shadow-2 { box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.24), 0 1px 6px rgba(0, 0, 0, 0.04); } .layout-sidebar-compact .main-header { position: absolute !important; width: 100%; left: 0; box-shadow: none; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; background: transparent; z-index: 100; transition: all .24s ease-in-out; } .layout-sidebar-compact .main-header .logo { display: none; } .main-header { position: fixed; height: 50px; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; background: #fff; z-index: 100; } .main-header .menu-toggle { width: 40px; display: flex; flex-direction: column; align-items: center; cursor: pointer; margin-right: 12px; } .main-header .menu-toggle div { width: 24px; height: 1px; background: #47404f; margin: 3px 0; } .main-header .search-bar { display: flex; align-items: center; justify-content: left; background: #f8f9fa; border: 1px solid #eee; border-radius: 20px; position: relative; width: 230px; height: 40px; } .main-header .search-bar input { background: transparent; border: 0; color: #212121; font-size: .8rem; line-height: 2; height: 100%; outline: initial !important; padding: .5rem 1rem; width: calc(100% - 32px); } .main-header .search-bar .search-icon { font-size: 18px; width: 24px; display: inline-block; } .main-header .logo { width: 76px; } .main-header .logo img { width: 60px; height: 60px; margin: 0 auto; display: block; } .main-header .header-icon { font-size: 19px; cursor: pointer; height: 36px; width: 36px; line-height: 36px; display: inline-block; text-align: center; border-radius: 8px; margin: 0 2px; } .main-header .header-icon:hover { background: #f8f9fa; color:black; } .main-header .header-icon.dropdown-toggle:after { display: none; } .main-header .header-part-right { display: flex; align-items: center; } .main-header .header-part-right .user { margin-right: 2rem; } .main-header .header-part-right .user img { width: 36px; height: 36px; border-radius: 50%; } .main-header .notification-dropdown { padding: 0; max-height: 260px; cursor: pointer; } .main-header .notification-dropdown .dropdown-item { display: flex; align-items: center; padding: 0; height: 72px; border-bottom: 1px solid #dee2e6; } .main-header .notification-dropdown .dropdown-item .notification-icon { background: #eee; height: 100%; width: 44px; display: flex; align-items: center; justify-content: center; } .main-header .notification-dropdown .dropdown-item .notification-icon i { font-size: 18px; } .main-header .notification-dropdown .dropdown-item .notification-details { padding: .25rem .75rem; } .main-header .notification-dropdown .dropdown-item:active { color: inherit; background: inherit; } @media (max-width: 1024px) { .main-header .search-bar { width: 180px; display: none; } .main-header .menu-toggle { width: 24px; margin: 0 36px; } .main-header .header-part-right .user { margin-right: 1rem; } } @media (max-width: 767px) { .main-header .search-bar { display: none; } .main-header .menu-toggle { width: 24px; margin-right: 36px; } } @media (max-width: 576px) { .main-header { height: 70px; padding: 0 1.5rem; } .main-header .logo { width: 60px; } .main-header .menu-toggle { width: 24px !important; margin: 0 10px !important; } .main-header .header-part-right .user { margin-right: 0; padding-right: 0; } .notification-dropdown { left: -180px !important; } } @media (max-width: 360px) { .main-header .menu-toggle { margin: 0; } } .layout-sidebar-compact.app-admin-wrap { width: 100%; } .layout-sidebar-compact.sidenav-open .main-content-wrap { width: calc( 100% - 76px - 220px); } .layout-sidebar-compact.sidenav-open .sidebar-left { left: 0; } .layout-sidebar-compact .main-content-wrap { width: 100%; float: right; margin-top: 0; transition: all 0.24s ease-in-out; padding: 0 2rem; position: relative; min-height: calc(100vh - 50px); background: #fff; } .layout-sidebar-compact .main-content { margin-top: 104px; display: flex; flex-direction: column; min-height: calc(100vh - 104px); } .layout-sidebar-compact .sidebar-left-secondary, .layout-sidebar-compact .sidebar-left { position: fixed; top: 0; height: 100vh; box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.08); z-index: 101; } .layout-sidebar-compact .sidebar-left { left: calc(-76px - 20px); transition: all 0.24s ease-in-out; } .layout-sidebar-compact .sidebar-left .logo { display: flex; align-items: center; justify-content: center; height: 68px; border-bottom: 1px solid rgba(248, 249, 250, 0.05); } .layout-sidebar-compact .sidebar-left .logo img { width: 40px; } .layout-sidebar-compact .sidebar-left .navigation-left { list-style: none; text-align: center; width: 76px; height: 100%; margin: 0; padding: 0; } .layout-sidebar-compact .sidebar-left .navigation-left .nav-item { position: relative; display: block; width: 100%; color: #fff; cursor: pointer; border-bottom: 1px solid rgba(248, 249, 250, 0.05); } .layout-sidebar-compact .sidebar-left .navigation-left .nav-item:focus, .layout-sidebar-compact .sidebar-left .navigation-left .nav-item:active { outline: none; } .layout-sidebar-compact .sidebar-left .navigation-left .nav-item.lvl1 { text-align: center; } .layout-sidebar-compact .sidebar-left .navigation-left .nav-item.active { color: #fff; border-left: 2px solid #fff; } .layout-sidebar-compact .sidebar-left .navigation-left .nav-item .nav-item-hold { width: 100%; padding: 22px 0; display: block; color: #ffffff; } .layout-sidebar-compact .sidebar-left .navigation-left .nav-item .nav-item-hold:focus, .layout-sidebar-compact .sidebar-left .navigation-left .nav-item .nav-item-hold:active { outline: none; } .layout-sidebar-compact .sidebar-left .navigation-left .nav-item .nav-item-hold .nav-icon, .layout-sidebar-compact .sidebar-left .navigation-left .nav-item .nav-item-hold .feather { font-size: 24px; height: 24px; width: 24px; display: block; margin: 0 auto; } .layout-sidebar-compact .sidebar-left .navigation-left .nav-item .nav-item-hold .nav-text { display: none; } .layout-sidebar-compact .sidebar-left .navigation-left .nav-item .nav-item-hold a { color: #fff; } .layout-sidebar-compact .sidebar-left .navigation-left .nav-item.active .triangle { display: none; } .layout-sidebar-compact.sidenav-open .sidebar-left-secondary { left: 76px; } .layout-sidebar-compact .sidebar-left-secondary { left: calc(-220px - 20px); width: 220px; padding: 0.75rem 0; transition: all 0.24s ease-in-out; background: #fff; } .layout-sidebar-compact .sidebar-left-secondary .sidebar-close { display: none; position: absolute; top: 0; right: 0; font-size: 18px; padding: 16px; } .layout-sidebar-compact .sidebar-left-secondary header { padding: 0px 24px; } .layout-sidebar-compact .sidebar-left-secondary header .logo { padding: 10px 0; margin-bottom: 14px; } .layout-sidebar-compact .sidebar-left-secondary header .logo img { width: auto; height: 24px; } .layout-sidebar-compact .sidebar-left-secondary header h6 { font-size: 18px; margin-bottom: 4px; font-weight: 600; } .layout-sidebar-compact .sidebar-left-secondary header p { color: #70657b; margin-bottom: 12px; } .layout-sidebar-compact .sidebar-left-secondary .submenu-area { display: none; } .layout-sidebar-compact .sidebar-left-secondary .childNav { list-style: none; padding: 0; } .layout-sidebar-compact .sidebar-left-secondary .childNav li.nav-item { display: block; } .layout-sidebar-compact .sidebar-left-secondary .childNav li.nav-item a { color: #332e38; text-transform: capitalize; display: flex; align-items: center; font-size: 13px; cursor: pointer; padding: 12px 24px; transition: 0.15s all ease-in; } .layout-sidebar-compact .sidebar-left-secondary .childNav li.nav-item a:hover { background: #eee; } .layout-sidebar-compact .sidebar-left-secondary .childNav li.nav-item a.open { color: #663399; background: #eee; } .layout-sidebar-compact .sidebar-left-secondary .childNav li.nav-item a .nav-icon { font-size: 18px; margin-right: 8px; vertical-align: middle; color: #70657b; } .layout-sidebar-compact .sidebar-left-secondary .childNav li.nav-item a .item-name { vertical-align: middle; font-weight: 400; } .layout-sidebar-compact .sidebar-left-secondary .childNav li.nav-item a .dd-arrow { margin-left: auto; font-size: 11px; } .layout-sidebar-compact .sidebar-left-secondary .childNav li.nav-item .submenu { margin-left: 8px; } .layout-sidebar-compact .sidebar-left-secondary > .childNav { margin: 0; } .layout-sidebar-compact .sidebar-left-secondary li.nav-item.open > div > a > .dd-arrow { transform: rotate(90deg); } .layout-sidebar-compact .sidebar-left-secondary li.nav-item.open > div > .childNav { max-height: 1000px; overflow: visible; } .layout-sidebar-compact .sidebar-left-secondary li.nav-item > div > a > .dd-arrow { transition: all 0.4s ease-in-out; } .layout-sidebar-compact .sidebar-left-secondary li.nav-item > div > .childNav { max-height: 0; overflow: hidden; background: #fff; transition: all 0.4s ease-in-out; } .layout-sidebar-compact .sidebar-left-secondary li.nav-item > div > .childNav li.nav-item a { padding: 12px 12px 12px 50px; } .layout-sidebar-compact .sidebar-overlay { display: none !important; } @media (max-width: 767px) { .layout-sidebar-compact.sidenav-open .main-content-wrap { width: 100%; } .layout-sidebar-compact .sidebar-left-secondary .sidebar-close { display: block; } } @media (max-width: 576px) { .main-content-wrap { padding: 1.5rem; } .main-content-wrap.sidenav-open { width: 100%; } .main-content-wrap { margin-top: 70px; } .sidebar-left-secondary, .sidebar-left { top: 70px; height: calc(100vh - 70px); } .sidebar-left { left: calc(-90px - 20px); } .sidebar-left .navigation-left { width: 90px; } .sidebar-left .navigation-left .nav-item.active .triangle { border-width: 0 0 24px 24px; } .sidebar-left .navigation-left .nav-item .nav-item-hold { padding: 16px 0; } .sidebar-left-secondary { left: calc(-190px - 20px); width: 190px; } .sidebar-left-secondary.open { left: 90px; } .sidebar-overlay { height: calc(100vh - 70px); } } [dir="rtl"] .layout-sidebar-compact .sidebar-left { left: auto !important; right: calc(-76px - 20px); } [dir="rtl"] .layout-sidebar-compact.sidenav-open .sidebar-left { left: auto !important; right: 0; } [dir="rtl"] .layout-sidebar-compact.sidenav-open .sidebar-left-secondary { right: 76px; } [dir="rtl"] .layout-sidebar-compact .sidebar-left-secondary { left: auto !important; right: calc(-220px - 20px); } [dir="rtl"] .layout-sidebar-compact .sidebar-left-secondary header { text-align: right; } [dir="rtl"] .layout-sidebar-compact .sidebar-left-secondary .childNav li.nav-item a .dd-arrow { margin-left: unset !important; margin-right: auto; } [dir="rtl"] .layout-sidebar-compact .sidebar-left-secondary .childNav li.nav-item a .nav-icon { margin-left: 8px; margin-right: 0; } [dir="rtl"] .layout-sidebar-compact .main-content-wrap { float: left; } .layout-sidebar-large .main-header { position: fixed; width: 100%; height: 50px; box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04); display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; background: #fff; z-index: 100; } .layout-sidebar-large .main-header .menu-toggle { width: 40px; display: flex; flex-direction: column; align-items: center; cursor: pointer; margin-right: 12px; } .layout-sidebar-large .main-header .menu-toggle div { width: 24px; height: 1px; background: #47404f; margin: 3px 0; } .layout-sidebar-large .main-header .search-bar { display: flex; align-items: center; justify-content: left; background: #f8f9fa; border: 1px solid #eee; border-radius: 20px; position: relative; width: 200px; height: 32px; } .layout-sidebar-large .main-header .search-bar input { background: transparent; border: 0; color: #212121; font-size: .8rem; line-height: 2; height: 100%; outline: initial !important; padding: .5rem 1rem; width: calc(100% - 32px); } .layout-sidebar-large .main-header .search-bar .search-icon { font-size: 18px; width: 24px; display: inline-block; } .layout-sidebar-large .main-header .logo { width: 107px; } .layout-sidebar-large .main-header .logo img { width: 60px; height: 60px; margin: 0 auto; display: block; } .layout-sidebar-large .main-header .header-icon { font-size: 19px; cursor: pointer; height: 36px; width: 36px; line-height: 36px; display: inline-block; text-align: center; border-radius: 8px; margin: 0 2px; } .layout-sidebar-large .main-header .header-icon:hover { background: #f8f9fa; } .layout-sidebar-large .main-header .header-icon.dropdown-toggle:after { display: none; } .layout-sidebar-large .main-header .header-part-right { display: flex; align-items: center; } .layout-sidebar-large .main-header .header-part-right .user { margin-right: 2rem; } .layout-sidebar-large .main-header .header-part-right .user img { width: 36px; height: 36px; border-radius: 50%; } .layout-sidebar-large .main-header .notification-dropdown { padding: 0; max-height: 260px; cursor: pointer; } .layout-sidebar-large .main-header .notification-dropdown .dropdown-item { display: flex; align-items: center; padding: 0; height: 72px; border-bottom: 1px solid #dee2e6; } .layout-sidebar-large .main-header .notification-dropdown .dropdown-item .notification-icon { background: #eee; height: 100%; width: 44px; display: flex; align-items: center; justify-content: center; } .layout-sidebar-large .main-header .notification-dropdown .dropdown-item .notification-icon i { font-size: 18px; } .layout-sidebar-large .main-header .notification-dropdown .dropdown-item .notification-details { padding: .25rem .75rem; } .layout-sidebar-large .main-header .notification-dropdown .dropdown-item:active { color: inherit; background: inherit; } @media (max-width: 991px) { .layout-sidebar-large .main-header .search-bar { width: 180px; } .layout-sidebar-large .main-header .menu-toggle { width: 24px; margin-right: 36px; } } @media (max-width: 767px) { .layout-sidebar-large .main-header .search-bar { /* display: none; */ } .layout-sidebar-large .main-header .menu-toggle { width: 24px; margin-right: 36px; } } @media (max-width: 576px) { .layout-sidebar-large .main-header { height: 70px; padding: 0 1.5rem; } .layout-sidebar-large .main-header .logo { width: 60px; } .layout-sidebar-large .main-header .search-bar { /* display: normal; */ } .layout-sidebar-large .main-header .menu-toggle { width: 40px; } .layout-sidebar-large .main-header .header-part-right .user { margin-right: 0; padding-right: 0; } .layout-sidebar-large .notification-dropdown { left: -0px !important; } } @media (max-width: 360px) { .layout-sidebar-large .main-header .menu-toggle { margin: 0; } } .app-admin-wrap { width: 100%; } .main-content-wrap { width: 100%; float: right; margin-top: 50px; transition: all .24s ease-in-out; padding: 2rem 2rem 0; position: relative; min-height: calc(100vh - 50px); background: #fff; } .main-content-wrap.sidenav-open { width: calc(100% - 107px); } .layout-sidebar-large .sidebar-left-secondary, .layout-sidebar-large .sidebar-left { position: fixed; top: 50px; height: calc(100vh - 50px); background: #fff; box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.08); } .layout-sidebar-large .sidebar-left { left: calc(-107px - 20px); z-index: 90; transition: all .24s ease-in-out; } .layout-sidebar-large .sidebar-left.open { left: 0; } .layout-sidebar-large .sidebar-left .logo { display: none; } .layout-sidebar-large .sidebar-left .navigation-left { list-style: none; text-align: center; width: 107px; height: 100%; margin: 0; padding: 0; } .layout-sidebar-large .sidebar-left .navigation-left .nav-item { position: relative; display: block; width: 100%; color: #332e38; cursor: pointer; border-bottom: 1px solid #dee2e6; } .layout-sidebar-large .sidebar-left .navigation-left .nav-item:focus, .layout-sidebar-large .sidebar-left .navigation-left .nav-item:active { outline: none; } .layout-sidebar-large .sidebar-left .navigation-left .nav-item.lvl1 { text-align: center; } .layout-sidebar-large .sidebar-left .navigation-left .nav-item.active { color: #663399; } .layout-sidebar-large .sidebar-left .navigation-left .nav-item.active .nav-item-hold { color: #663399; } .layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold { display: block; width: 100%; padding: 8px 0; color: #47404f; } .layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold:focus, .layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold:active { outline: none; } .layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold .nav-icon, .layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold .feather { font-size: 21px; height: 20px; width: 20px; display: block; margin: 0 auto 6px; } .layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold .nav-text { font-size: 12px; display: block; font-weight: 600; } .layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold a { color: #332e38; } .layout-sidebar-large .sidebar-left .navigation-left .nav-item.active .triangle { position: absolute; width: 0; height: 0; right: 0; bottom: 0; border-style: solid; border-width: 0 0 30px 30px; border-color: transparent transparent #663399 transparent; } .layout-sidebar-large .sidebar-left-secondary { left: calc(-220px - 20px); z-index: 89; width: 220px; padding: .75rem 0; transition: all .24s ease-in-out; background: #fff; } .layout-sidebar-large .sidebar-left-secondary.open { left: 107px; } .layout-sidebar-large .sidebar-left-secondary header { display: none; } .layout-sidebar-large .sidebar-left-secondary .childNav { list-style: none; padding: 0; display: none; } .layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item { display: block; } .layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a { color: #332e38; text-transform: capitalize; display: flex; align-items: center; font-size: 13px; cursor: pointer; padding: 12px 24px; transition: .15s all ease-in; } .layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a:hover { background: #eee; } .layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a.open { color: #663399; } .layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a .nav-icon { font-size: 18px; margin-right: 8px; vertical-align: middle; color: #70657b; } .layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a .item-name { vertical-align: middle; font-weight: 400; } .layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a .dd-arrow { margin-left: auto; font-size: 11px; transition: all .3s ease-in; } .layout-sidebar-large .sidebar-left-secondary > .childNav { margin: 0; } .layout-sidebar-large .sidebar-left-secondary li.nav-item.open > div > a > .dd-arrow { transform: rotate(90deg); } .layout-sidebar-large .sidebar-left-secondary li.nav-item.open > div > .childNav { max-height: 1000px; overflow: visible; } .layout-sidebar-large .sidebar-left-secondary li.nav-item > div > a > .dd-arrow { transition: all .4s ease-in-out; } .layout-sidebar-large .sidebar-left-secondary li.nav-item > div > .childNav { max-height: 0; overflow: hidden; background: #fff; transition: all .4s ease-in-out; } .layout-sidebar-large .sidebar-left-secondary li.nav-item > div > .childNav li.nav-item a { padding: 12px 12px 12px 50px; } .layout-sidebar-large .sidebar-overlay { display: none; position: fixed; width: calc(100% - 107px - 220px); height: calc(100vh - 50px); bottom: 0; right: 0; background: rgba(0, 0, 0, 0); z-index: 101; cursor: w-resize; } .layout-sidebar-large .sidebar-overlay.open { display: block; } .module-loader { position: fixed; background: rgba(255, 255, 255, 0.5); top: 0; left: 0; width: 100%; height: 100vh; z-index: 9; } .module-loader .loader, .module-loader .spinner { position: fixed; top: 45%; left: calc(50% + 56px); z-index: inherit; } @media (max-width: 576px) { .main-content-wrap { padding: 1.5rem; } .main-content-wrap.sidenav-open { width: 100%; } .main-content-wrap { margin-top: 70px; } .sidebar-left-secondary, .sidebar-left { top: 70px !important; height: calc(100vh - 70px); } .sidebar-left { left: calc(-90px - 20px); } .sidebar-left .navigation-left { width: 90px; } .sidebar-left .navigation-left .nav-item.active .triangle { border-width: 0 0 24px 24px; } .sidebar-left .navigation-left .nav-item .nav-item-hold { padding: 16px 0; } .sidebar-left-secondary { left: calc(-190px - 20px); width: 190px; } .sidebar-left-secondary.open { left: 90px; } .sidebar-overlay { height: calc(100vh - 70px); } } [dir="rtl"] .layout-sidebar-large .sidebar-left { left: auto !important; right: calc(-107px - 20px); } [dir="rtl"] .layout-sidebar-large .sidebar-left.open { left: auto !important; right: 0; } [dir="rtl"] .layout-sidebar-large .sidebar-left .navigation-left .nav-item .triangle { transform: rotate(90deg); right: auto; left: 0; } [dir="rtl"] .layout-sidebar-large .sidebar-left-secondary { left: auto !important; right: calc(-220px - 20px); } [dir="rtl"] .layout-sidebar-large .sidebar-left-secondary.open { left: auto !important; right: 107px; } [dir="rtl"] .layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a .dd-arrow { margin-left: unset !important; margin-right: auto; } [dir="rtl"] .layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a .nav-icon { margin-left: 8px; margin-right: 0; } [dir="rtl"] .layout-sidebar-large .main-content-wrap { float: left; } [dir="rtl"] .layout-sidebar-large .sidebar-overlay { right: auto !important; left: 0; cursor: e-resize; } .layout-horizontal-bar .main-content-wrap { width: 100%; float: right; margin-top: 140px !important; transition: all .24s ease-in-out; padding: 2rem 2rem 0; position: relative; min-height: calc(100vh - 160px); background: #fff; } .layout-horizontal-bar .main-header { position: fixed; width: 100%; height: 50px; box-shadow: 0 1px 0px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.04); display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; background: #fff; z-index: 100; } .layout-horizontal-bar .main-header .menu-toggle { width: 40px; display: flex; flex-direction: column; align-items: center; cursor: pointer; margin-right: 12px; display: none; } .layout-horizontal-bar .main-header .menu-toggle div { width: 24px; height: 1px; background: #47404f; margin: 3px 0; } .layout-horizontal-bar .main-header .search-bar { display: flex; align-items: center; justify-content: left; background: #f8f9fa; border: 1px solid #eee; border-radius: 20px; position: relative; width: 230px; height: 40px; } .layout-horizontal-bar .main-header .search-bar input { background: transparent; border: 0; color: #212121; font-size: .8rem; line-height: 2; height: 100%; outline: initial !important; padding: .5rem 1rem; width: calc(100% - 32px); } .layout-horizontal-bar .main-header .search-bar .search-icon { font-size: 18px; width: 24px; display: inline-block; } .layout-horizontal-bar .main-header .logo { width: 107px; } .layout-horizontal-bar .main-header .logo img { width: 60px; height: 60px; margin: 0 auto; display: block; } .layout-horizontal-bar .main-header .header-icon { font-size: 19px; cursor: pointer; height: 36px; width: 36px; line-height: 36px; display: inline-block; text-align: center; border-radius: 8px; margin: 0 2px; } .layout-horizontal-bar .main-header .header-icon:hover { background: #f8f9fa; } .layout-horizontal-bar .main-header .header-icon.dropdown-toggle:after { display: none; } .layout-horizontal-bar .main-header .header-part-right { display: flex; align-items: center; } .layout-horizontal-bar .main-header .header-part-right .user { margin-right: 2rem; } .layout-horizontal-bar .main-header .header-part-right .user img { width: 36px; height: 36px; border-radius: 50%; } .layout-horizontal-bar .main-header .notification-dropdown { padding: 0; max-height: 260px; cursor: pointer; } .layout-horizontal-bar .main-header .notification-dropdown .dropdown-item { display: flex; align-items: center; padding: 0; height: 72px; border-bottom: 1px solid #dee2e6; } .layout-horizontal-bar .main-header .notification-dropdown .dropdown-item .notification-icon { background: #eee; height: 100%; width: 44px; display: flex; align-items: center; justify-content: center; } .layout-horizontal-bar .main-header .notification-dropdown .dropdown-item .notification-icon i { font-size: 18px; } .layout-horizontal-bar .main-header .notification-dropdown .dropdown-item .notification-details { padding: .25rem .75rem; } .layout-horizontal-bar .main-header .notification-dropdown .dropdown-item:active { color: inherit; background: inherit; } @media (max-width: 991px) { .layout-horizontal-bar .main-header .search-bar { width: 180px; } .layout-horizontal-bar .main-header .menu-toggle { width: 24px; margin-right: 36px; } } @media (max-width: 767px) { .layout-horizontal-bar .main-header .search-bar { display: none; } .layout-horizontal-bar .main-header .menu-toggle { width: 24px; margin-right: 36px; display: block; } .layout-horizontal-bar .main-content-wrap { width: 100%; float: right; margin-top: 50px !important; transition: all .24s ease-in-out; padding: 2rem 2rem 0; position: relative; min-height: calc(100vh - 160px); background: #fff; } .layout-horizontal-bar .header-topnav.open { left: 0px; } } @media (max-width: 576px) { .layout-horizontal-bar .main-header { height: 70px; padding: 0 1.5rem; } .layout-horizontal-bar .main-header .logo { width: 60px; } .layout-horizontal-bar .main-header .search-bar { display: none; } .layout-horizontal-bar .main-header .menu-toggle { width: 40px; } .layout-horizontal-bar .main-header .header-part-right .user { margin-right: 0; padding-right: 0; } .layout-horizontal-bar .notification-dropdown { left: -0px !important; } } @media (max-width: 360px) { .layout-horizontal-bar .main-header .menu-toggle { margin: 0; } } .app-admin-wrap { width: 100%; } .main-content-wrap { width: 100%; float: right; margin-top: 50px; transition: all .24s ease-in-out; padding: 2rem 2rem 0; position: relative; min-height: calc(100vh - 50px); background: #fff; } .main-content-wrap.sidenav-open { width: calc(100% - 107px); } .module-loader { position: fixed; background: rgba(255, 255, 255, 0.5); top: 0; left: 0; width: 100%; height: 100vh; z-index: 9; } .module-loader .loader, .module-loader .spinner { position: fixed; top: 45%; left: calc(50% + 56px); z-index: inherit; } @media (max-width: 576px) { .main-content-wrap { padding: 1.5rem; } .main-content-wrap.sidenav-open { width: 100%; } .main-content-wrap { margin-top: 70px; } } [dir="rtl"] .layout-horizontal-bar .sidebar-left { left: auto !important; right: calc(-107px - 20px); } [dir="rtl"] .layout-horizontal-bar .sidebar-left.open { left: auto !important; right: 0; } [dir="rtl"] .layout-horizontal-bar .sidebar-left .navigation-left .nav-item .triangle { transform: rotate(90deg); right: auto; left: 0; } [dir="rtl"] .layout-horizontal-bar .sidebar-left-secondary { left: auto !important; right: calc(-220px - 20px); } [dir="rtl"] .layout-horizontal-bar .sidebar-left-secondary.open { left: auto !important; right: 107px; } [dir="rtl"] .layout-horizontal-bar .sidebar-left-secondary .childNav li.nav-item a .dd-arrow { margin-left: unset !important; margin-right: auto; } [dir="rtl"] .layout-horizontal-bar .sidebar-left-secondary .childNav li.nav-item a .nav-icon { margin-left: 8px; margin-right: 0; } [dir="rtl"] .layout-horizontal-bar .main-content-wrap { float: left; } [dir="rtl"] .layout-horizontal-bar .sidebar-overlay { right: auto !important; left: 0; cursor: e-resize; } .app-footer { margin-top: 2rem; background: #f8f9fa; padding: 1.25rem; border-top-left-radius: 10px; border-top-right-radius: 10px; } .app-footer .footer-bottom { width: 100%; } .app-footer .footer-bottom .logo { width: 3rem; height: auto; margin: 4px; } .layout-sidebar-vertical .main-content-wrap { width: 100%; min-height: 100vh; float: right; } .layout-sidebar-vertical .main-content-wrap .main-header { border-radius: 5px; height: 64px; } .layout-sidebar-vertical .main-content-wrap .main-header .header-toggle { display: flex; align-items: center; margin-left: 15px; } .layout-sidebar-vertical .main-content-wrap .main-header .header-toggle .sidebar-full-toggle, .layout-sidebar-vertical .main-content-wrap .main-header .header-toggle .sidebar-compact-toggle { vertical-align: middle; padding: 0; min-width: 0; width: 40px; height: 40px; flex-shrink: 0; background: none; } .layout-sidebar-vertical .main-content-wrap .main-header .header-toggle .sidebar-full-toggle i, .layout-sidebar-vertical .main-content-wrap .main-header .header-toggle .sidebar-compact-toggle i { background-repeat: no-repeat; display: inline-block; height: 24px; width: 24px; } .layout-sidebar-vertical .main-content-wrap .main-header .search-bar { height: 38px; } .layout-sidebar-vertical .main-content-wrap .main-header .search-bar .top-search-form { position: relative; background: #fff; border-radius: 40px; display: block; max-width: 220px; margin: 0; box-shadow: inset 0 0 2px 2px rgba(136, 136, 136, 0.2); display: flex; align-items: center; overflow: hidden; height: 100%; } .layout-sidebar-vertical .main-content-wrap .main-header .search-bar .top-search-form .bmd-form-group { padding: 0; } .layout-sidebar-vertical .main-content-wrap .main-header .search-bar .top-search-form i { padding-left: 8px; } .layout-sidebar-vertical .main-content-wrap .main-header .search-bar .top-search-form input { border: none; padding: 0 8px; background: transparent; } .layout-sidebar-vertical .main-content-wrap .main-header .search-bar .top-search-form input:focus { outline: none; } .layout-sidebar-vertical .main-content-wrap .main-header .header-dropdown { text-transform: uppercase; } .layout-sidebar-vertical .main-content-wrap .main-header .header-dropdown .notification-badge { position: absolute; top: 8px; right: 14px; border-radius: 50%; } .layout-sidebar-vertical .main-content-wrap .main-header .header-dropdown .language-dropdown .header-btn-group button .language-text { font-size: 15px; font-weight: 400; text-transform: capitalize; margin-right: 13px; } .layout-sidebar-vertical .main-content-wrap .main-header .header-dropdown button:hover { background: none; } .layout-sidebar-vertical .main-content-wrap .main-header .header-dropdown button img { width: 32px; height: 32px; border-radius: 50%; } .layout-sidebar-vertical .main-content-wrap .main-header .header-dropdown button i { color: #111; height: 24px; width: 24px; display: inline-block; align-items: center; line-height: 1.6; } .layout-sidebar-vertical .main-content-wrap .main-header .header-dropdown .dropdown-menu a i { color: gray; } .layout-sidebar-vertical .main-content-wrap .main-header .profile-dropdown .dropdown-menu { left: auto !important; right: 12px !important; } .layout-sidebar-vertical .main-content-wrap .main-header .profile-dropdown .dropdown-menu .dropdown-item { flex-flow: row; } .b-none_button { border: none; } .b-none_button { box-shadow: none !important; } .gull-input:focus { box-shadow: none !important; } .avatar-dropdown .user img { width: 100px; height: 36px; border-radius: 50%; cursor: pointer !important; } .cursor-pointer { cursor: pointer !important; } .gull-brand img { width: 60px; margin-right: 5px; } .gull-sidebar--width { width: 20px; margin-right: 15px; } .layout-sidebar-vertical .sidebar-panel { height: 100vh; position: fixed; top: 0; left: -240px; width: 240px; z-index: 1000; box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04); background: #fff; } .layout-sidebar-vertical .sidebar-panel .brand { height: 64px; display: flex; align-items: center; justify-content: center; } .layout-sidebar-vertical .sidebar-panel .brand img { height: 20px; } .layout-sidebar-vertical .sidebar-panel .sidebar-compact-switch { position: relative; width: 24px; height: 12px; border-radius: 10px; border: 1px solid #70657b; transition: all 0.3s ease-in; cursor: pointer; } .layout-sidebar-vertical .sidebar-panel .sidebar-compact-switch span { position: absolute; left: 1px; top: 1px; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #bbb; transition: all 0.3s ease-in; } .layout-sidebar-vertical .sidebar-panel .scroll-nav { height: calc(100vh - 64px); } .layout-sidebar-vertical .sidebar-panel .app-user .app-user-photo img { height: 72px; width: 72px; border-radius: 50%; border: 1px solid #eee; padding: 4px; } .layout-sidebar-vertical .sidebar-panel .app-user .app-user-name { display: block; font-weight: 300; margin-bottom: 0.5rem; } .layout-sidebar-vertical .sidebar-panel .app-user .app-user-name i { font-size: 12px; } .layout-sidebar-vertical .sidebar-panel .app-user .app-user-control { margin-bottom: 1rem; } .layout-sidebar-vertical .sidebar-panel .app-user .app-user-control a { color: #47404f; } .layout-sidebar-vertical .sidebar-panel .app-user .app-user-control a i { font-size: 16px; height: 20px; width: 20px; line-height: 20px; display: inline-block; } .layout-sidebar-vertical .sidebar-panel .side-nav .icon-menu-title, .layout-sidebar-vertical .sidebar-panel .side-nav .main-menu-title { color: #70657b; font-size: 12px; padding: 16px 0 16px 16px; display: block; } .layout-sidebar-vertical .sidebar-panel .side-nav .icon-menu .icon-menu-item { padding: 0 24px; margin-bottom: 1rem; display: flex; justify-content: space-between; } .layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul { padding: 0 12px; } .layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul li { list-style: none; font-size: 15px; } .layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul li a { color: #47404f; display: flex; align-items: center; height: 35px; padding: 0px 15px; margin-bottom: 10px; cursor: pointer; } .layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul li a .nav-icon { margin-right: 10px; } .layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul li a .item-name { text-transform: capitalize; font-size: 15px; } .layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul li a .spacer { margin: auto; } .layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul li a:hover { text-decoration: none; } .layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul li.dropdown > .sub-menu { max-height: 0; overflow: hidden; transition: all 0.4s ease-in; } .layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul li.dropdown > .sub-menu a { height: 44px; padding-left: 50px; } .layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul li.dropdown.open > .sub-menu { max-height: 1000px; } .app-admin-wrap.sidebar-full.sidebar-closed .sidebar-panel { left: -240px; } .app-admin-wrap.sidebar-full.sidebar-closed .main-content-wrap { width: 100%; } .app-admin-wrap.sidebar-full .sidebar-panel { width: 240px; left: 0px; } .app-admin-wrap.sidebar-full .main-content-wrap { width: calc(100% - 240px); padding: 1rem 2rem 0rem; } .app-admin-wrap.sidebar-compact .sidebar-panel { width: 75px; left: 0; } .app-admin-wrap.sidebar-compact .sidebar-panel .app-user, .app-admin-wrap.sidebar-compact .sidebar-panel .icon-menu-title, .app-admin-wrap.sidebar-compact .sidebar-panel .main-menu-title, .app-admin-wrap.sidebar-compact .sidebar-panel .item-badge, .app-admin-wrap.sidebar-compact .sidebar-panel .item-name { display: none; } .app-admin-wrap.sidebar-compact .sidebar-panel .sidebar-compact-switch { display: none; } .app-admin-wrap.sidebar-compact .sidebar-panel .icon-menu-item { flex-direction: column; padding: 0; } .app-admin-wrap.sidebar-compact .sidebar-panel .icon-menu-item a { width: 100%; display: contents; } .app-admin-wrap.sidebar-compact .sidebar-panel .icon-menu-item a i { padding: 5px; font-size: 30px; } .app-admin-wrap.sidebar-compact .sidebar-panel .icon-menu-item a:hover { cursor: pointer; padding: 0px 10px; } .app-admin-wrap.sidebar-compact .sidebar-panel .main-menu ul li a i { padding: 0; } .app-admin-wrap.sidebar-compact .sidebar-panel .main-menu ul li a i a { width: 100%; display: contents; } .app-admin-wrap.sidebar-compact .sidebar-panel .main-menu ul li a i a i { padding: 5px; font-size: 30px; } .app-admin-wrap.sidebar-compact .sidebar-panel .main-menu ul li a i a:hover { cursor: pointer; padding: 0px 10px; } .app-admin-wrap.sidebar-compact .sidebar-panel .main-menu ul li a .main-menu ul li a i { padding: 0; } .app-admin-wrap.sidebar-compact .sidebar-panel .main-menu ul li a .main-menu .dropdown { display: none; } .app-admin-wrap.sidebar-compact .sidebar-panel .main-menu .dropdown { display: none; } .app-admin-wrap.sidebar-compact .main-content-wrap { width: calc(100% - 65px); padding: 1rem 2rem 0; } .app-admin-wrap.sidebar-compact .main-content-wrap .main-header { height: 64px; } .main-content-wrap.sidebar-full-z-index { width: calc(100% - 65px) !important; z-index: -100; } ul.metismenu { position: relative; } .Ul_li--hover::before { content: ""; background-color: #663399; position: absolute; height: 36px; width: 225px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; opacity: 0.1; left: -233px; transition: all 400ms ease; } .Ul_li--hover:hover::before { left: 0px; transition: all 300ms ease; z-index: -1; } .metismenu .has-arrow:after { right: 2em !important; opacity: 0.6 !important; width: 0.6em !important; height: 0.6em !important; border-width: 2px 0 0 2px !important; } .comp { position: absolute; top: 69px; right: -166px; } .header-toggle .mobile-menu-icon { display: none !important; } .has-arrow.without-after-element:after { content: none !important; } .sidebar-overlay { display: none; } @media only screen and (max-width: 1150px) { .sidebar-switch-open { left: 0px !important; } .app-admin-wrap.sidebar-full .sidebar-panel { left: -240px; } .header-toggle .mobile-menu-icon { display: block !important; } .switch-overlay { height: calc(100vh - 70px); display: block; position: fixed; width: calc(100% - 240px); height: calc(100vh - 5px); bottom: 0; right: 0; background: rgba(0, 0, 0, 0); z-index: 20000; cursor: w-resize; } .app-admin-wrap.sidebar-full .main-content-wrap { width: calc(100% - 0px); } .sidebar-compact-switch { display: none; } } @media only screen and (max-width: 530px) { .mobile-hide { display: none !important; } } .has-arrow.without-after-element:after { content: none !important; } [dir="rtl"] .Ul_li--hover::before { content: ""; background-color: #663399; position: absolute; height: 36px; width: 225px; border-top-left-radius: 25px; border-bottom-left-radius: 25px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; opacity: 0.1; right: -233px; transition: all 400ms ease; } [dir="rtl"] .Ul_li--hover:hover::before { right: 0px; transition: all 300ms ease; z-index: -1; } [dir="rtl"] .metismenu .has-arrow:after { left: 2em !important; right: auto !important; opacity: 0.6 !important; width: 0.6em !important; height: 0.6em !important; border-width: 2px 0 0 2px !important; } [dir="rtl"] .comp { position: absolute; top: 69px; left: -166px; } [dir="rtl"] .layout-sidebar-vertical .ml-auto, [dir="rtl"] .layout-sidebar-vertical .mx-auto { margin-right: auto !important; } [dir="rtl"] .layout-sidebar-vertical .sidebar-panel { height: 100vh; position: fixed; top: 0; right: -240px; } [dir="rtl"] .layout-sidebar-vertical .main-content-wrap { float: left; } [dir="rtl"] .layout-sidebar-vertical .side-nav .icon-menu-title, [dir="rtl"] .layout-sidebar-vertical .side-nav .main-menu-title { color: #70657b; font-size: 12px; padding: 16px 0 16px 16px; display: block; } [dir="rtl"] .layout-sidebar-vertical .side-nav .icon-menu .icon-menu-item { padding: 0 24px; margin-bottom: 1rem; display: flex; justify-content: space-between; } [dir="rtl"] .layout-sidebar-vertical .side-nav .main-menu ul { padding: 0 12px; } [dir="rtl"] .layout-sidebar-vertical .side-nav .main-menu ul li { list-style: none; font-size: 15px; } [dir="rtl"] .layout-sidebar-vertical .side-nav .main-menu ul li a { color: #47404f; display: flex; align-items: center; height: 35px; padding: 0px 15px; margin-bottom: 10px; cursor: pointer; } [dir="rtl"] .layout-sidebar-vertical .side-nav .main-menu ul li a .nav-icon { margin-left: 10px; } [dir="rtl"] .layout-sidebar-vertical .side-nav .main-menu ul li a .item-name { text-transform: capitalize; font-size: 15px; } [dir="rtl"] .layout-sidebar-vertical .side-nav .main-menu ul li a .spacer { margin: auto; } [dir="rtl"] .layout-sidebar-vertical .side-nav .main-menu ul li a:hover { text-decoration: none; } [dir="rtl"] .layout-sidebar-vertical .side-nav .main-menu ul li.dropdown > .sub-menu { max-height: 0; overflow: hidden; transition: all 0.4s ease-in; } [dir="rtl"] .layout-sidebar-vertical .side-nav .main-menu ul li.dropdown > .sub-menu a { height: 44px; padding-right: 50px; } [dir="rtl"] .layout-sidebar-vertical .side-nav .main-menu ul li.dropdown.open > .sub-menu { max-height: 1000px; } [dir="rtl"] .app-admin-wrap.sidebar-full.sidebar-closed .sidebar-panel { right: -240px; } [dir="rtl"] .app-admin-wrap.sidebar-full.sidebar-closed .main-content-wrap { width: 100%; } [dir="rtl"] .app-admin-wrap.sidebar-full .sidebar-panel { width: 240px; right: 0px; } [dir="rtl"] .app-admin-wrap.sidebar-full .main-content-wrap { width: calc(100% - 240px); padding: 1rem 2rem 0rem; } [dir="rtl"] .app-admin-wrap.sidebar-compact .sidebar-panel { width: 75px; right: 0; } [dir="rtl"] .app-admin-wrap.sidebar-compact .sidebar-panel .app-user, [dir="rtl"] .app-admin-wrap.sidebar-compact .sidebar-panel .icon-menu-title, [dir="rtl"] .app-admin-wrap.sidebar-compact .sidebar-panel .main-menu-title, [dir="rtl"] .app-admin-wrap.sidebar-compact .sidebar-panel .item-badge, [dir="rtl"] .app-admin-wrap.sidebar-compact .sidebar-panel .item-name { display: none; } .sidebar-panel, .main-content-wrap, .main-header { transition: all 0.2s ease-in; } .main-content-wrap { width: 100%; min-height: 100vh; float: right; } .main-content-wrap .main-content-body { padding: 0.66rem; } .app-admin-wrap.sidebar-compact-onhover .sidebar-compact-switch { background: #663399; } .app-admin-wrap.sidebar-compact-onhover .sidebar-compact-switch span { left: 14px; background: #fff; } .bg-off-white { background-color: #f9f9f9; } .sidebar-left-secondary .childNav li.nav-item.open > a { background: #eee; } .sidebar-left-secondary .childNav li.nav-item.open > a > .dd-arrow { transform: rotate(90deg); } .sidebar-left-secondary .childNav li.nav-item.open > .submenu { max-height: 1000px; } .sidebar-left-secondary .childNav li.nav-item .submenu { margin: 0; padding: 0; list-style: none; max-height: 0; overflow: hidden; transition: all 0.3s ease-in; } .sidebar-left-secondary .childNav li.nav-item .submenu > li a { padding-left: 50px; } [dir="rtl"] .notification-dropdown .dropdown-item .notification-details { text-align: right; } [dir="rtl"] .main-header .user { margin-left: 2rem; margin-right: 0; } .active-color { height: 40px; padding: 0 12px 0 24px; border-radius: 0 35px 35px 0; margin-right: 16px; background-color: #663399; color: #fff !important; } [role="tab"] .btn { width: 100%; text-align: left; } [role="tab"] .btn:hover, [role="tab"] .btn:focus { text-decoration: none; } .accordion > .card { overflow: hidden; } .avatar-sm { width: 36px; height: 36px; } .avatar-md { width: 54px; height: 54px; } .avatar-lg { width: 80px; height: 80px; } .avatar-xl { width: 150px; height: 150px; } .avatar-sm-table { width: 20px; height: 20px; } .border-bottom-primary { border-bottom: 1px solid #663399; } .border-bottom-secondary { border-bottom: 1px solid #52495a; } .border-bottom-success { border-bottom: 1px solid #4caf50; } .border-bottom-info { border-bottom: 1px solid #003473; } .border-bottom-warning { border-bottom: 1px solid #ffc107; } .border-bottom-danger { border-bottom: 1px solid #f44336; } .border-bottom-light { border-bottom: 1px solid #bbb; } .border-bottom-dark { border-bottom: 1px solid #47404f; } .border-bottom-gray-100 { border-bottom: 1px solid #f8f9fa; } .border-bottom-gray-200 { border-bottom: 1px solid #eee; } .border-bottom-gray-300 { border-bottom: 1px solid #dee2e6; } .border-bottom-gray-400 { border-bottom: 1px solid #ced4da; } .border-bottom-gray-500 { border-bottom: 1px solid #bbb; } .border-bottom-gray-600 { border-bottom: 1px solid #70657b; } .border-bottom-gray-700 { border-bottom: 1px solid #665c70; } .border-bottom-gray-800 { border-bottom: 1px solid #52495a; } .border-bottom-gray-900 { border-bottom: 1px solid #47404f; } .border-bottom-dotted-primary { border-bottom: 1px dotted #663399; } .border-bottom-dotted-secondary { border-bottom: 1px dotted #52495a; } .border-bottom-dotted-success { border-bottom: 1px dotted #4caf50; } .border-bottom-dotted-info { border-bottom: 1px dotted #003473; } .border-bottom-dotted-warning { border-bottom: 1px dotted #ffc107; } .border-bottom-dotted-danger { border-bottom: 1px dotted #f44336; } .border-bottom-dotted-light { border-bottom: 1px dotted #bbb; } .border-bottom-dotted-dark { border-bottom: 1px dotted #47404f; } .border-bottom-dotted-gray-100 { border-bottom: 1px dotted #f8f9fa; } .border-bottom-dotted-gray-200 { border-bottom: 1px dotted #eee; } .border-bottom-dotted-gray-300 { border-bottom: 1px dotted #dee2e6; } .border-bottom-dotted-gray-400 { border-bottom: 1px dotted #ced4da; } .border-bottom-dotted-gray-500 { border-bottom: 1px dotted #bbb; } .border-bottom-dotted-gray-600 { border-bottom: 1px dotted #70657b; } .border-bottom-dotted-gray-700 { border-bottom: 1px dotted #665c70; } .border-bottom-dotted-gray-800 { border-bottom: 1px dotted #52495a; } .border-bottom-dotted-gray-900 { border-bottom: 1px dotted #47404f; } .card { border-radius: 10px; box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.08); border: 0; } .card.border-top { box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 #4caf50; } .card-header, .card-footer { border-color: rgba(0, 0, 0, 0.03); } .card-title { font-size: 1.1rem; margin-bottom: 1.5rem; } .card-img-overlay * { position: relative; z-index: 1; } .card-img-overlay:after { position: absolute; content: ""; top: 0; left: 0; right: 0; margin: auto; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.36); z-index: 0; } .card-img-overlay .separator { width: 35px; margin: auto; } .card-img-overlay .card-footer { position: absolute; bottom: 16px; left: 20px; border: 0; background: transparent; } .card-img-overlay .card-footer [class^="i-"] { font-size: .875rem; vertical-align: text-bottom; } .card-icon .card-body { padding: 2rem .5rem; } .card-icon [class^="i-"] { font-size: 32px; } .card-icon [class^="i-"], .card-icon .lead { color: #663399; } .card-icon-big .card-body { padding: 2rem .5rem; } .card-icon-big [class^="i-"] { font-size: 48px; } .card-icon-big [class^="i-"] { color: rgba(102, 51, 153, 0.6); } .card-icon-bg { position: relative; z-index: 1; } .card-icon-bg .card-body { display: flex; } .card-icon-bg .card-body .content { margin: auto; display: flex; flex-direction: column; align-items: flex-start; max-width: 70px; } .card-icon-bg [class^="i-"] { font-size: 4rem; color: rgba(187, 187, 187, 0.28); } .card-icon-bg .lead { line-height: 1; } .card-icon-bg-primary [class^="i-"] { color: rgba(102, 51, 153, 0.28); } .card-icon-bg-secondary [class^="i-"] { color: rgba(82, 73, 90, 0.28); } .card-icon-bg-success [class^="i-"] { color: rgba(76, 175, 80, 0.28); } .card-icon-bg-info [class^="i-"] { color: rgba(0, 52, 115, 0.28); } .card-icon-bg-warning [class^="i-"] { color: rgba(255, 193, 7, 0.28); } .card-icon-bg-danger [class^="i-"] { color: rgba(244, 67, 54, 0.28); } .card-icon-bg-light [class^="i-"] { color: rgba(187, 187, 187, 0.28); } .card-icon-bg-dark [class^="i-"] { color: rgba(71, 64, 79, 0.28); } .card-icon-bg-gray-100 [class^="i-"] { color: rgba(248, 249, 250, 0.28); } .card-icon-bg-gray-200 [class^="i-"] { color: rgba(238, 238, 238, 0.28); } .card-icon-bg-gray-300 [class^="i-"] { color: rgba(222, 226, 230, 0.28); } .card-icon-bg-gray-400 [class^="i-"] { color: rgba(206, 212, 218, 0.28); } .card-icon-bg-gray-500 [class^="i-"] { color: rgba(187, 187, 187, 0.28); } .card-icon-bg-gray-600 [class^="i-"] { color: rgba(112, 101, 123, 0.28); } .card-icon-bg-gray-700 [class^="i-"] { color: rgba(102, 92, 112, 0.28); } .card-icon-bg-gray-800 [class^="i-"] { color: rgba(82, 73, 90, 0.28); } .card-icon-bg-gray-900 [class^="i-"] { color: rgba(71, 64, 79, 0.28); } .card-profile-1 .avatar { width: 80px; height: 80px; overflow: hidden; margin: auto; border-radius: 50%; } .card-ecommerce-1 .card-body [class^="i-"] { display: block; font-size: 78px; color: #663399; } .card-ecommerce-2 .row { margin: 0; } .card-ecommerce-2 .card-action, .card-ecommerce-2 .col { padding: 1rem; } .card-ecommerce-2 .card-action { position: relative; display: flex; align-items: center; } .card-ecommerce-2 .card-action .icon { font-size: 22px; height: 24px; display: inline-block; width: 24px; line-height: 24px; margin: 0 8px; cursor: pointer; } .card-ecommerce-2 .card-action:before { position: absolute; content: ""; top: 0; left: 0; width: 1px; height: 100%; background: rgba(71, 64, 79, 0.1); } .card-ecommerce-3 .card-img-left { height: 220px; object-fit: cover; } .card-socials-simple a { display: inline-block; padding: 4px; } .card-zoom-in { position: relative; background-color: white; transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .card-zoom-in:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 5px; opacity: 0; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .card-zoom-in:hover { transform: scale(1.2); } .card-zoom-in:hover:after { opacity: 1; } @media screen and (max-width: 576px) { .card-ecommerce-3 .card-img-left { width: 100%; } } #calendar { float: right; width: 100%; } #external-events h4 { font-size: 16px; margin-top: 0; padding-top: 1em; } #external-events .fc-event { margin: 2px 0; cursor: move; } .create_event_wrap p { margin: 1.5em 0; font-size: 11px; color: #666; } .create_event_wrap p input { margin: 0; vertical-align: middle; } .fc-event { position: relative; display: block; font-size: .85em; line-height: 1.3; border-radius: 3px; border: 0px solid #663399 !important; } a.fc-day-grid-event { background: #663399; padding: 5px; } th.fc-day-header { border-bottom-width: 2px; padding: 10px 0px; display: table-cell; background: #F5F5F5; font-size: 16px; font-weight: bold; text-align: center; } td.fc-head-container { padding: 0px !important; } .fc-toolbar h2 { margin: 0; font-weight: bold; } /*span.fa { font-family: 'iconsmind' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }*/ span.fa.fa-chevron-left:before { content: "\f077"; } span.fa.fa-chevron-right:before { content: "\f07d"; } .breadcrumb { background: transparent; align-items: center; margin: 0 0 1.25rem; padding: 0; } .breadcrumb h1 { font-size: 1.5rem; line-height: 1; margin: 0; } .breadcrumb ul { list-style: none; padding: 0; margin: 0; } .breadcrumb ul li { display: inline-block; position: relative; padding: 0 .5rem; line-height: 1; vertical-align: bottom; color: #70657b; } .breadcrumb ul li:after { position: absolute; top: -1px; right: 0; content: ""; height: 16px; width: 1px; background: #70657b; border-radius: 5px; } .breadcrumb ul li:last-child:after { display: none; } .breadcrumb ul li a { color: #332e38; } [dir="rtl"] .breadcrumb h1 { font-size: 1.5rem; line-height: 1; margin: 0; margin-left: .5rem; } @media (max-width: 576px) { .breadcrumb { flex-direction: column; align-items: flex-start; } .breadcrumb ul li:first-child { padding-left: 0; } } html [type="button"], .btn[type="button"] { -webkit-appearance: none !important; } .btn.rounded, .btn.btn-rounded { border-radius: 40px !important; } .btn.btn-xl { padding: .75rem 2rem; font-size: 1.18rem; } .btn:focus { box-shadow: none; } .btn-secondary, .btn-raised-secondary { color: #47404f !important; background-color: #fff !important; } .btn-icon [class^="i-"], .btn-icon .icon { vertical-align: middle; margin: 0 2px; -webkit-font-smoothing: subpixel-antialiased; } .btn-icon.rounded-circle { width: 44px; height: 44px; padding: 0; } .btn-icon-text [class^="i-"], .btn-icon-text .icon { vertical-align: middle; margin: 0 2px; -webkit-font-smoothing: subpixel-antialiased; } .btn-outline-email { background: rgba(238, 238, 238, 0.6); } .btn-spinner { width: 1em; height: 1em; background: transparent; border-radius: 50%; margin: 0 16px 0 0; border: 2px solid transparent; } .btn-checkbox .checkbox, .btn-checkbox .radio { display: inline; } .btn.btn-outline-light.btn-svg { border-color: #665c70; } .btn.btn-outline-light.btn-svg.active, .btn.btn-outline-light.btn-svg:hover { background: #663399; border-color: #663399; } .btn.btn-outline-light.btn-svg.active svg, .btn.btn-outline-light.btn-svg:hover svg { fill: #ffffff; } .btn.btn-outline-light.btn-svg:focus { box-shadow: none !important; } .btn-raised { color: #fff; } .btn-primary, .btn-outline-primary { border-color: #663399; } .btn-primary .btn-spinner, .btn-outline-primary .btn-spinner { animation: btn-glow-primary 1s ease infinite; } .btn-primary:hover, .btn-outline-primary:hover { background: #663399; box-shadow: 0 8px 25px -8px #663399; border-color: #663399; } .btn-primary:focus, .btn-outline-primary:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #663399; } .btn-raised.btn-raised-primary { background: #663399; box-shadow: 0 4px 6px rgba(102, 51, 153, 0.11), 0 1px 3px rgba(102, 51, 153, 0.08); } @keyframes btn-glow-primary { 0% { box-shadow: 0 0 0 0.4em #4d2673, 0 0 0 0.1em #4d2673; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #4d2673, 0 0 0 3.6em transparent; } } .btn-secondary, .btn-outline-secondary { border-color: #52495a; } .btn-secondary .btn-spinner, .btn-outline-secondary .btn-spinner { animation: btn-glow-secondary 1s ease infinite; } .btn-secondary:hover, .btn-outline-secondary:hover { background: #52495a; box-shadow: 0 8px 25px -8px #52495a; border-color: #52495a; } .btn-secondary:focus, .btn-outline-secondary:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #52495a; } .btn-raised.btn-raised-secondary { background: #52495a; box-shadow: 0 4px 6px rgba(82, 73, 90, 0.11), 0 1px 3px rgba(82, 73, 90, 0.08); } @keyframes btn-glow-secondary { 0% { box-shadow: 0 0 0 0.4em #38323e, 0 0 0 0.1em #38323e; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #38323e, 0 0 0 3.6em transparent; } } .btn-success, .btn-outline-success { border-color: #4caf50; } .btn-success .btn-spinner, .btn-outline-success .btn-spinner { animation: btn-glow-success 1s ease infinite; } .btn-success:hover, .btn-outline-success:hover { background: #4caf50; box-shadow: 0 8px 25px -8px #4caf50; border-color: #4caf50; } .btn-success:focus, .btn-outline-success:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #4caf50; } .btn-raised.btn-raised-success { background: #4caf50; box-shadow: 0 4px 6px rgba(76, 175, 80, 0.11), 0 1px 3px rgba(76, 175, 80, 0.08); } @keyframes btn-glow-success { 0% { box-shadow: 0 0 0 0.4em #3d8b40, 0 0 0 0.1em #3d8b40; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #3d8b40, 0 0 0 3.6em transparent; } } .btn-info, .btn-outline-info { border-color: #003473; } .btn-info .btn-spinner, .btn-outline-info .btn-spinner { animation: btn-glow-info 1s ease infinite; } .btn-info:hover, .btn-outline-info:hover { background: #003473; box-shadow: 0 8px 25px -8px #003473; border-color: #003473; } .btn-info:focus, .btn-outline-info:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #003473; } .btn-raised.btn-raised-info { background: #003473; box-shadow: 0 4px 6px rgba(0, 52, 115, 0.11), 0 1px 3px rgba(0, 52, 115, 0.08); } @keyframes btn-glow-info { 0% { box-shadow: 0 0 0 0.4em #001d40, 0 0 0 0.1em #001d40; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #001d40, 0 0 0 3.6em transparent; } } .btn-warning, .btn-outline-warning { border-color: #ffc107; } .btn-warning .btn-spinner, .btn-outline-warning .btn-spinner { animation: btn-glow-warning 1s ease infinite; } .btn-warning:hover, .btn-outline-warning:hover { background: #ffc107; box-shadow: 0 8px 25px -8px #ffc107; border-color: #ffc107; } .btn-warning:focus, .btn-outline-warning:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #ffc107; } .btn-raised.btn-raised-warning { background: #ffc107; box-shadow: 0 4px 6px rgba(255, 193, 7, 0.11), 0 1px 3px rgba(255, 193, 7, 0.08); } @keyframes btn-glow-warning { 0% { box-shadow: 0 0 0 0.4em #d39e00, 0 0 0 0.1em #d39e00; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #d39e00, 0 0 0 3.6em transparent; } } .btn-danger, .btn-outline-danger { border-color: #f44336; } .btn-danger .btn-spinner, .btn-outline-danger .btn-spinner { animation: btn-glow-danger 1s ease infinite; } .btn-danger:hover, .btn-outline-danger:hover { background: #f44336; box-shadow: 0 8px 25px -8px #f44336; border-color: #f44336; } .btn-danger:focus, .btn-outline-danger:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #f44336; } .btn-raised.btn-raised-danger { background: #f44336; box-shadow: 0 4px 6px rgba(244, 67, 54, 0.11), 0 1px 3px rgba(244, 67, 54, 0.08); } @keyframes btn-glow-danger { 0% { box-shadow: 0 0 0 0.4em #ea1c0d, 0 0 0 0.1em #ea1c0d; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #ea1c0d, 0 0 0 3.6em transparent; } } .btn-light, .btn-outline-light { border-color: #bbb; } .btn-light .btn-spinner, .btn-outline-light .btn-spinner { animation: btn-glow-light 1s ease infinite; } .btn-light:hover, .btn-outline-light:hover { background: #bbb; box-shadow: 0 8px 25px -8px #bbb; border-color: #bbb; } .btn-light:focus, .btn-outline-light:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #bbb; } .btn-raised.btn-raised-light { background: #bbb; box-shadow: 0 4px 6px rgba(187, 187, 187, 0.11), 0 1px 3px rgba(187, 187, 187, 0.08); } @keyframes btn-glow-light { 0% { box-shadow: 0 0 0 0.4em #a2a2a2, 0 0 0 0.1em #a2a2a2; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #a2a2a2, 0 0 0 3.6em transparent; } } .btn-dark, .btn-outline-dark { border-color: #47404f; } .btn-dark .btn-spinner, .btn-outline-dark .btn-spinner { animation: btn-glow-dark 1s ease infinite; } .btn-dark:hover, .btn-outline-dark:hover { background: #47404f; box-shadow: 0 8px 25px -8px #47404f; border-color: #47404f; } .btn-dark:focus, .btn-outline-dark:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #47404f; } .btn-raised.btn-raised-dark { background: #47404f; box-shadow: 0 4px 6px rgba(71, 64, 79, 0.11), 0 1px 3px rgba(71, 64, 79, 0.08); } @keyframes btn-glow-dark { 0% { box-shadow: 0 0 0 0.4em #2e2932, 0 0 0 0.1em #2e2932; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #2e2932, 0 0 0 3.6em transparent; } } .btn-gray-100, .btn-outline-gray-100 { border-color: #f8f9fa; } .btn-gray-100 .btn-spinner, .btn-outline-gray-100 .btn-spinner { animation: btn-glow-gray-100 1s ease infinite; } .btn-gray-100:hover, .btn-outline-gray-100:hover { background: #f8f9fa; box-shadow: 0 8px 25px -8px #f8f9fa; border-color: #f8f9fa; } .btn-gray-100:focus, .btn-outline-gray-100:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #f8f9fa; } .btn-raised.btn-raised-gray-100 { background: #f8f9fa; box-shadow: 0 4px 6px rgba(248, 249, 250, 0.11), 0 1px 3px rgba(248, 249, 250, 0.08); } @keyframes btn-glow-gray-100 { 0% { box-shadow: 0 0 0 0.4em #dae0e5, 0 0 0 0.1em #dae0e5; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #dae0e5, 0 0 0 3.6em transparent; } } .btn-gray-200, .btn-outline-gray-200 { border-color: #eee; } .btn-gray-200 .btn-spinner, .btn-outline-gray-200 .btn-spinner { animation: btn-glow-gray-200 1s ease infinite; } .btn-gray-200:hover, .btn-outline-gray-200:hover { background: #eee; box-shadow: 0 8px 25px -8px #eee; border-color: #eee; } .btn-gray-200:focus, .btn-outline-gray-200:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #eee; } .btn-raised.btn-raised-gray-200 { background: #eee; box-shadow: 0 4px 6px rgba(238, 238, 238, 0.11), 0 1px 3px rgba(238, 238, 238, 0.08); } @keyframes btn-glow-gray-200 { 0% { box-shadow: 0 0 0 0.4em #d5d5d5, 0 0 0 0.1em #d5d5d5; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #d5d5d5, 0 0 0 3.6em transparent; } } .btn-gray-300, .btn-outline-gray-300 { border-color: #dee2e6; } .btn-gray-300 .btn-spinner, .btn-outline-gray-300 .btn-spinner { animation: btn-glow-gray-300 1s ease infinite; } .btn-gray-300:hover, .btn-outline-gray-300:hover { background: #dee2e6; box-shadow: 0 8px 25px -8px #dee2e6; border-color: #dee2e6; } .btn-gray-300:focus, .btn-outline-gray-300:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #dee2e6; } .btn-raised.btn-raised-gray-300 { background: #dee2e6; box-shadow: 0 4px 6px rgba(222, 226, 230, 0.11), 0 1px 3px rgba(222, 226, 230, 0.08); } @keyframes btn-glow-gray-300 { 0% { box-shadow: 0 0 0 0.4em #c1c9d0, 0 0 0 0.1em #c1c9d0; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #c1c9d0, 0 0 0 3.6em transparent; } } .btn-gray-400, .btn-outline-gray-400 { border-color: #ced4da; } .btn-gray-400 .btn-spinner, .btn-outline-gray-400 .btn-spinner { animation: btn-glow-gray-400 1s ease infinite; } .btn-gray-400:hover, .btn-outline-gray-400:hover { background: #ced4da; box-shadow: 0 8px 25px -8px #ced4da; border-color: #ced4da; } .btn-gray-400:focus, .btn-outline-gray-400:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #ced4da; } .btn-raised.btn-raised-gray-400 { background: #ced4da; box-shadow: 0 4px 6px rgba(206, 212, 218, 0.11), 0 1px 3px rgba(206, 212, 218, 0.08); } @keyframes btn-glow-gray-400 { 0% { box-shadow: 0 0 0 0.4em #b1bbc4, 0 0 0 0.1em #b1bbc4; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #b1bbc4, 0 0 0 3.6em transparent; } } .btn-gray-500, .btn-outline-gray-500 { border-color: #bbb; } .btn-gray-500 .btn-spinner, .btn-outline-gray-500 .btn-spinner { animation: btn-glow-gray-500 1s ease infinite; } .btn-gray-500:hover, .btn-outline-gray-500:hover { background: #bbb; box-shadow: 0 8px 25px -8px #bbb; border-color: #bbb; } .btn-gray-500:focus, .btn-outline-gray-500:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #bbb; } .btn-raised.btn-raised-gray-500 { background: #bbb; box-shadow: 0 4px 6px rgba(187, 187, 187, 0.11), 0 1px 3px rgba(187, 187, 187, 0.08); } @keyframes btn-glow-gray-500 { 0% { box-shadow: 0 0 0 0.4em #a2a2a2, 0 0 0 0.1em #a2a2a2; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #a2a2a2, 0 0 0 3.6em transparent; } } .btn-gray-600, .btn-outline-gray-600 { border-color: #70657b; } .btn-gray-600 .btn-spinner, .btn-outline-gray-600 .btn-spinner { animation: btn-glow-gray-600 1s ease infinite; } .btn-gray-600:hover, .btn-outline-gray-600:hover { background: #70657b; box-shadow: 0 8px 25px -8px #70657b; border-color: #70657b; } .btn-gray-600:focus, .btn-outline-gray-600:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #70657b; } .btn-raised.btn-raised-gray-600 { background: #70657b; box-shadow: 0 4px 6px rgba(112, 101, 123, 0.11), 0 1px 3px rgba(112, 101, 123, 0.08); } @keyframes btn-glow-gray-600 { 0% { box-shadow: 0 0 0 0.4em #574e5f, 0 0 0 0.1em #574e5f; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #574e5f, 0 0 0 3.6em transparent; } } .btn-gray-700, .btn-outline-gray-700 { border-color: #665c70; } .btn-gray-700 .btn-spinner, .btn-outline-gray-700 .btn-spinner { animation: btn-glow-gray-700 1s ease infinite; } .btn-gray-700:hover, .btn-outline-gray-700:hover { background: #665c70; box-shadow: 0 8px 25px -8px #665c70; border-color: #665c70; } .btn-gray-700:focus, .btn-outline-gray-700:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #665c70; } .btn-raised.btn-raised-gray-700 { background: #665c70; box-shadow: 0 4px 6px rgba(102, 92, 112, 0.11), 0 1px 3px rgba(102, 92, 112, 0.08); } @keyframes btn-glow-gray-700 { 0% { box-shadow: 0 0 0 0.4em #4d4554, 0 0 0 0.1em #4d4554; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #4d4554, 0 0 0 3.6em transparent; } } .btn-gray-800, .btn-outline-gray-800 { border-color: #52495a; } .btn-gray-800 .btn-spinner, .btn-outline-gray-800 .btn-spinner { animation: btn-glow-gray-800 1s ease infinite; } .btn-gray-800:hover, .btn-outline-gray-800:hover { background: #52495a; box-shadow: 0 8px 25px -8px #52495a; border-color: #52495a; } .btn-gray-800:focus, .btn-outline-gray-800:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #52495a; } .btn-raised.btn-raised-gray-800 { background: #52495a; box-shadow: 0 4px 6px rgba(82, 73, 90, 0.11), 0 1px 3px rgba(82, 73, 90, 0.08); } @keyframes btn-glow-gray-800 { 0% { box-shadow: 0 0 0 0.4em #38323e, 0 0 0 0.1em #38323e; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #38323e, 0 0 0 3.6em transparent; } } .btn-gray-900, .btn-outline-gray-900 { border-color: #47404f; } .btn-gray-900 .btn-spinner, .btn-outline-gray-900 .btn-spinner { animation: btn-glow-gray-900 1s ease infinite; } .btn-gray-900:hover, .btn-outline-gray-900:hover { background: #47404f; box-shadow: 0 8px 25px -8px #47404f; border-color: #47404f; } .btn-gray-900:focus, .btn-outline-gray-900:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #47404f; } .btn-raised.btn-raised-gray-900 { background: #47404f; box-shadow: 0 4px 6px rgba(71, 64, 79, 0.11), 0 1px 3px rgba(71, 64, 79, 0.08); } @keyframes btn-glow-gray-900 { 0% { box-shadow: 0 0 0 0.4em #2e2932, 0 0 0 0.1em #2e2932; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #2e2932, 0 0 0 3.6em transparent; } } .btn-facebook { color: #fff; background-color: #3765c9; border-color: #3765c9; } .btn-facebook:hover { background-color: #3765c9; border-color: #3765c9; } .btn-google { color: #fff; background-color: #ec412c; border-color: #ec412c; } .btn-twitter { color: #fff; background-color: #039ff5; border-color: #039ff5; } .btn-instagram { color: #fff; background-color: #c13584; border-color: #c13584; } .btn-linkedin { color: #fff; background-color: #0077b5; border-color: #0077b5; } .btn-dribble { color: #fff; background-color: #ea4c89; border-color: #ea4c89; } .btn-youtube { color: #fff; background-color: #c4302b; border-color: #c4302b; } .btn-outline-facebook { color: #3765c9 !important; border-color: #3765c9; background: rgba(238, 238, 238, 0.6); } .btn-outline-facebook:hover { background: #315bb5; border-color: #315bb5; color: #fff !important; } .btn-outline-google { color: #ec412c !important; border-color: #ec412c; background: rgba(238, 238, 238, 0.6); } .btn-outline-google:hover { background: #e92c15; border-color: #e92c15; color: #fff !important; } .btn-outline-twitter { color: #039ff5 !important; border-color: #039ff5; background: rgba(238, 238, 238, 0.6); } .btn-outline-twitter:hover { background: #038fdc; border-color: #038fdc; } .ripple { position: relative; overflow: hidden; transform: translate3d(0, 0, 0); } .ripple:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; background-image: radial-gradient(circle, #fff 10%, transparent 10.01%); background-repeat: no-repeat; background-position: 50%; transform: scale(10, 10); opacity: 0; transition: transform .5s, opacity 1s; } .ripple:active:after { transform: scale(0, 0); opacity: .3; transition: 0s; } .nav-tabs { border: 0; } .nav-tabs .nav-item .nav-link { border: 0; padding: 1rem; } .nav-tabs .nav-item .nav-link:not(.disabled) { color: inherit; } .nav-tabs .nav-item .nav-link.active { border-bottom: 2px solid #663399; background: rgba(102, 51, 153, 0.1); } .nav-tabs .nav-item .dropdown-toggle:after { position: absolute; top: calc(50% - 2px); right: 6px !important; } .tab-content { padding: 1rem; } ngb-tabset.p-0 .tab-content { padding: 1rem 0; } .dropdown-toggle { position: relative; } .dropdown-toggle.btn { padding-right: 28px; } .dropdown-toggle::after { position: absolute; top: calc(50% - 2px); right: 10px !important; } .dropdown-menu { border: 0; box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.08); } .dropdown-item { padding: .42rem 1.5rem; } .menu-icon-grid { width: 220px; padding: 0 8px; display: flex; flex-wrap: wrap; justify-content: space-between; } .menu-icon-grid > a { display: inline-flex; width: 6rem; flex-direction: column; align-items: center; padding: 18px 12px; color: #52495a; border-radius: 4px; } .menu-icon-grid > a i { font-size: 28px; margin-bottom: 4px; } .menu-icon-grid > a:hover { background: #663399; color: #fff; } .mega-menu { position: static; } .mega-menu .dropdown-menu { left: auto; right: 0; width: calc(100% - 107px); max-width: 900px; padding: 0; overflow: hidden; max-height: calc(100vh - 100px); overflow-y: scroll; } .mega-menu .dropdown-menu .bg-img { background: linear-gradient(to right, #663399, #003473); } .mega-menu .dropdown-menu .bg-img, .mega-menu .dropdown-menu .bg-img .title { color: #ffffff; } .mega-menu .dropdown-menu ul.links { list-style: none; margin: 0; padding: 0; column-count: 2; } .mega-menu .dropdown-menu ul.links li a { display: inline-block; margin-bottom: 8px; color: #70657b; } .mega-menu .dropdown-menu ul.links li a:hover { color: #663399; } .widget_dropdown .dropdown-menu { left: auto !important; right: 2px !important; } @media (max-width: 767px) { .mega-menu .dropdown-menu { width: calc(100% - 10px); } } [dir="rtl"] .mega-menu .dropdown-menu { left: 0 !important; right: 0 !important; margin: auto !important; } table.dataTable-collapse { border-collapse: collapse !important; } .form-group { position: relative; margin-bottom: 10px; } .form-group label { font-size: 12px; color: #70657b; margin-bottom: 4px; } .form-control { border: initial; outline: initial !important; background: #f8f9fa; border: 1px solid #ced4da; color: #47404f; } .form-control::placeholder { color: #bbb; } .form-control.rounded, .form-control.form-control-rounded { border-radius: 20px; } select.form-control { -webkit-appearance: none; } .input-group [type="text"].form-control { height: 34px; } .input-group-append .btn { height: 34px; border: 0; } [ngbdatepicker] { height: 34px; } /* checkbox-custom */ .checkbox, .radio { display: block; position: relative; padding-left: 28px; margin-bottom: 12px; cursor: pointer; user-select: none; } .checkbox:hover input ~ .checkmark, .radio:hover input ~ .checkmark { background-color: #bbb; } .checkbox input, .radio input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkbox input:checked ~ .checkmark, .radio input:checked ~ .checkmark { background-color: #663399; } .checkbox input:checked ~ .checkmark:after, .radio input:checked ~ .checkmark:after { display: block; } .checkbox input[disabled] ~ *, .radio input[disabled] ~ * { color: #dee2e6; } .checkbox .checkmark, .radio .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; border-radius: 4px; background-color: #dee2e6; } .checkbox .checkmark:after, .radio .checkmark:after { content: ""; position: absolute; display: none; left: 0; top: 0; right: 0; width: 4px; bottom: 0; margin: auto; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } .checkbox-primary input:checked ~ .checkmark { background-color: #663399 !important; } .checkbox-secondary input:checked ~ .checkmark { background-color: #52495a !important; } .checkbox-success input:checked ~ .checkmark { background-color: #4caf50 !important; } .checkbox-info input:checked ~ .checkmark { background-color: #003473 !important; } .checkbox-warning input:checked ~ .checkmark { background-color: #ffc107 !important; } .checkbox-danger input:checked ~ .checkmark { background-color: #f44336 !important; } .checkbox-light input:checked ~ .checkmark { background-color: #bbb !important; } .checkbox-dark input:checked ~ .checkmark { background-color: #47404f !important; } .checkbox-gray-100 input:checked ~ .checkmark { background-color: #f8f9fa !important; } .checkbox-gray-200 input:checked ~ .checkmark { background-color: #eee !important; } .checkbox-gray-300 input:checked ~ .checkmark { background-color: #dee2e6 !important; } .checkbox-gray-400 input:checked ~ .checkmark { background-color: #ced4da !important; } .checkbox-gray-500 input:checked ~ .checkmark { background-color: #bbb !important; } .checkbox-gray-600 input:checked ~ .checkmark { background-color: #70657b !important; } .checkbox-gray-700 input:checked ~ .checkmark { background-color: #665c70 !important; } .checkbox-gray-800 input:checked ~ .checkmark { background-color: #52495a !important; } .checkbox-gray-900 input:checked ~ .checkmark { background-color: #47404f !important; } .checkbox-outline-primary:hover input ~ .checkmark { background-color: #eee; } .checkbox-outline-primary input:checked ~ .checkmark { background-color: #fff !important; } .checkbox-outline-primary .checkmark { background: #fff; border: 1px solid #663399; } .checkbox-outline-primary .checkmark:after { border-color: #663399; } .checkbox-outline-secondary:hover input ~ .checkmark { background-color: #eee; } .checkbox-outline-secondary input:checked ~ .checkmark { background-color: #fff !important; } .checkbox-outline-secondary .checkmark { background: #fff; border: 1px solid #52495a; } .checkbox-outline-secondary .checkmark:after { border-color: #52495a; } .checkbox-outline-success:hover input ~ .checkmark { background-color: #eee; } .checkbox-outline-success input:checked ~ .checkmark { background-color: #fff !important; } .checkbox-outline-success .checkmark { background: #fff; border: 1px solid #4caf50; } .checkbox-outline-success .checkmark:after { border-color: #4caf50; } .checkbox-outline-info:hover input ~ .checkmark { background-color: #eee; } .checkbox-outline-info input:checked ~ .checkmark { background-color: #fff !important; } .checkbox-outline-info .checkmark { background: #fff; border: 1px solid #003473; } .checkbox-outline-info .checkmark:after { border-color: #003473; } .checkbox-outline-warning:hover input ~ .checkmark { background-color: #eee; } .checkbox-outline-warning input:checked ~ .checkmark { background-color: #fff !important; } .checkbox-outline-warning .checkmark { background: #fff; border: 1px solid #ffc107; } .checkbox-outline-warning .checkmark:after { border-color: #ffc107; } .checkbox-outline-danger:hover input ~ .checkmark { background-color: #eee; } .checkbox-outline-danger input:checked ~ .checkmark { background-color: #fff !important; } .checkbox-outline-danger .checkmark { background: #fff; border: 1px solid #f44336; } .checkbox-outline-danger .checkmark:after { border-color: #f44336; } .checkbox-outline-light:hover input ~ .checkmark { background-color: #eee; } .checkbox-outline-light input:checked ~ .checkmark { background-color: #fff !important; } .checkbox-outline-light .checkmark { background: #fff; border: 1px solid #bbb; } .checkbox-outline-light .checkmark:after { border-color: #bbb; } .checkbox-outline-dark:hover input ~ .checkmark { background-color: #eee; } .checkbox-outline-dark input:checked ~ .checkmark { background-color: #fff !important; } .checkbox-outline-dark .checkmark { background: #fff; border: 1px solid #47404f; } .checkbox-outline-dark .checkmark:after { border-color: #47404f; } .checkbox-outline-gray-100:hover input ~ .checkmark { background-color: #eee; } .checkbox-outline-gray-100 input:checked ~ .checkmark { background-color: #fff !important; } .checkbox-outline-gray-100 .checkmark { background: #fff; border: 1px solid #f8f9fa; } .checkbox-outline-gray-100 .checkmark:after { border-color: #f8f9fa; } .checkbox-outline-gray-200:hover input ~ .checkmark { background-color: #eee; } .checkbox-outline-gray-200 input:checked ~ .checkmark { background-color: #fff !important; } .checkbox-outline-gray-200 .checkmark { background: #fff; border: 1px solid #eee; } .checkbox-outline-gray-200 .checkmark:after { border-color: #eee; } .checkbox-outline-gray-300:hover input ~ .checkmark { background-color: #eee; } .checkbox-outline-gray-300 input:checked ~ .checkmark { background-color: #fff !important; } .checkbox-outline-gray-300 .checkmark { background: #fff; border: 1px solid #dee2e6; } .checkbox-outline-gray-300 .checkmark:after { border-color: #dee2e6; } .checkbox-outline-gray-400:hover input ~ .checkmark { background-color: #eee; } .checkbox-outline-gray-400 input:checked ~ .checkmark { background-color: #fff !important; } .checkbox-outline-gray-400 .checkmark { background: #fff; border: 1px solid #ced4da; } .checkbox-outline-gray-400 .checkmark:after { border-color: #ced4da; } .checkbox-outline-gray-500:hover input ~ .checkmark { background-color: #eee; } .checkbox-outline-gray-500 input:checked ~ .checkmark { background-color: #fff !important; } .checkbox-outline-gray-500 .checkmark { background: #fff; border: 1px solid #bbb; } .checkbox-outline-gray-500 .checkmark:after { border-color: #bbb; } .checkbox-outline-gray-600:hover input ~ .checkmark { background-color: #eee; } .checkbox-outline-gray-600 input:checked ~ .checkmark { background-color: #fff !important; } .checkbox-outline-gray-600 .checkmark { background: #fff; border: 1px solid #70657b; } .checkbox-outline-gray-600 .checkmark:after { border-color: #70657b; } .checkbox-outline-gray-700:hover input ~ .checkmark { background-color: #eee; } .checkbox-outline-gray-700 input:checked ~ .checkmark { background-color: #fff !important; } .checkbox-outline-gray-700 .checkmark { background: #fff; border: 1px solid #665c70; } .checkbox-outline-gray-700 .checkmark:after { border-color: #665c70; } .checkbox-outline-gray-800:hover input ~ .checkmark { background-color: #eee; } .checkbox-outline-gray-800 input:checked ~ .checkmark { background-color: #fff !important; } .checkbox-outline-gray-800 .checkmark { background: #fff; border: 1px solid #52495a; } .checkbox-outline-gray-800 .checkmark:after { border-color: #52495a; } .checkbox-outline-gray-900:hover input ~ .checkmark { background-color: #eee; } .checkbox-outline-gray-900 input:checked ~ .checkmark { background-color: #fff !important; } .checkbox-outline-gray-900 .checkmark { background: #fff; border: 1px solid #47404f; } .checkbox-outline-gray-900 .checkmark:after { border-color: #47404f; } .radio .checkmark { border-radius: 50%; } .radio .checkmark:after { height: 6px; width: 6px; border-radius: 50%; background: white; } .radio-primary input:checked ~ .checkmark { background-color: #663399; } .radio-secondary input:checked ~ .checkmark { background-color: #52495a; } .radio-success input:checked ~ .checkmark { background-color: #4caf50; } .radio-info input:checked ~ .checkmark { background-color: #003473; } .radio-warning input:checked ~ .checkmark { background-color: #ffc107; } .radio-danger input:checked ~ .checkmark { background-color: #f44336; } .radio-light input:checked ~ .checkmark { background-color: #bbb; } .radio-dark input:checked ~ .checkmark { background-color: #47404f; } .radio-gray-100 input:checked ~ .checkmark { background-color: #f8f9fa; } .radio-gray-200 input:checked ~ .checkmark { background-color: #eee; } .radio-gray-300 input:checked ~ .checkmark { background-color: #dee2e6; } .radio-gray-400 input:checked ~ .checkmark { background-color: #ced4da; } .radio-gray-500 input:checked ~ .checkmark { background-color: #bbb; } .radio-gray-600 input:checked ~ .checkmark { background-color: #70657b; } .radio-gray-700 input:checked ~ .checkmark { background-color: #665c70; } .radio-gray-800 input:checked ~ .checkmark { background-color: #52495a; } .radio-gray-900 input:checked ~ .checkmark { background-color: #47404f; } .radio-outline-primary:hover input ~ .checkmark { background-color: #eee; } .radio-outline-primary input:checked ~ .checkmark { background-color: #fff !important; } .radio-outline-primary .checkmark { background: #fff; border: 1px solid #663399; } .radio-outline-primary .checkmark:after { border: 0; background: #663399; } .radio-outline-secondary:hover input ~ .checkmark { background-color: #eee; } .radio-outline-secondary input:checked ~ .checkmark { background-color: #fff !important; } .radio-outline-secondary .checkmark { background: #fff; border: 1px solid #52495a; } .radio-outline-secondary .checkmark:after { border: 0; background: #52495a; } .radio-outline-success:hover input ~ .checkmark { background-color: #eee; } .radio-outline-success input:checked ~ .checkmark { background-color: #fff !important; } .radio-outline-success .checkmark { background: #fff; border: 1px solid #4caf50; } .radio-outline-success .checkmark:after { border: 0; background: #4caf50; } .radio-outline-info:hover input ~ .checkmark { background-color: #eee; } .radio-outline-info input:checked ~ .checkmark { background-color: #fff !important; } .radio-outline-info .checkmark { background: #fff; border: 1px solid #003473; } .radio-outline-info .checkmark:after { border: 0; background: #003473; } .radio-outline-warning:hover input ~ .checkmark { background-color: #eee; } .radio-outline-warning input:checked ~ .checkmark { background-color: #fff !important; } .radio-outline-warning .checkmark { background: #fff; border: 1px solid #ffc107; } .radio-outline-warning .checkmark:after { border: 0; background: #ffc107; } .radio-outline-danger:hover input ~ .checkmark { background-color: #eee; } .radio-outline-danger input:checked ~ .checkmark { background-color: #fff !important; } .radio-outline-danger .checkmark { background: #fff; border: 1px solid #f44336; } .radio-outline-danger .checkmark:after { border: 0; background: #f44336; } .radio-outline-light:hover input ~ .checkmark { background-color: #eee; } .radio-outline-light input:checked ~ .checkmark { background-color: #fff !important; } .radio-outline-light .checkmark { background: #fff; border: 1px solid #bbb; } .radio-outline-light .checkmark:after { border: 0; background: #bbb; } .radio-outline-dark:hover input ~ .checkmark { background-color: #eee; } .radio-outline-dark input:checked ~ .checkmark { background-color: #fff !important; } .radio-outline-dark .checkmark { background: #fff; border: 1px solid #47404f; } .radio-outline-dark .checkmark:after { border: 0; background: #47404f; } .radio-outline-gray-100:hover input ~ .checkmark { background-color: #eee; } .radio-outline-gray-100 input:checked ~ .checkmark { background-color: #fff !important; } .radio-outline-gray-100 .checkmark { background: #fff; border: 1px solid #f8f9fa; } .radio-outline-gray-100 .checkmark:after { border: 0; background: #f8f9fa; } .radio-outline-gray-200:hover input ~ .checkmark { background-color: #eee; } .radio-outline-gray-200 input:checked ~ .checkmark { background-color: #fff !important; } .radio-outline-gray-200 .checkmark { background: #fff; border: 1px solid #eee; } .radio-outline-gray-200 .checkmark:after { border: 0; background: #eee; } .radio-outline-gray-300:hover input ~ .checkmark { background-color: #eee; } .radio-outline-gray-300 input:checked ~ .checkmark { background-color: #fff !important; } .radio-outline-gray-300 .checkmark { background: #fff; border: 1px solid #dee2e6; } .radio-outline-gray-300 .checkmark:after { border: 0; background: #dee2e6; } .radio-outline-gray-400:hover input ~ .checkmark { background-color: #eee; } .radio-outline-gray-400 input:checked ~ .checkmark { background-color: #fff !important; } .radio-outline-gray-400 .checkmark { background: #fff; border: 1px solid #ced4da; } .radio-outline-gray-400 .checkmark:after { border: 0; background: #ced4da; } .radio-outline-gray-500:hover input ~ .checkmark { background-color: #eee; } .radio-outline-gray-500 input:checked ~ .checkmark { background-color: #fff !important; } .radio-outline-gray-500 .checkmark { background: #fff; border: 1px solid #bbb; } .radio-outline-gray-500 .checkmark:after { border: 0; background: #bbb; } .radio-outline-gray-600:hover input ~ .checkmark { background-color: #eee; } .radio-outline-gray-600 input:checked ~ .checkmark { background-color: #fff !important; } .radio-outline-gray-600 .checkmark { background: #fff; border: 1px solid #70657b; } .radio-outline-gray-600 .checkmark:after { border: 0; background: #70657b; } .radio-outline-gray-700:hover input ~ .checkmark { background-color: #eee; } .radio-outline-gray-700 input:checked ~ .checkmark { background-color: #fff !important; } .radio-outline-gray-700 .checkmark { background: #fff; border: 1px solid #665c70; } .radio-outline-gray-700 .checkmark:after { border: 0; background: #665c70; } .radio-outline-gray-800:hover input ~ .checkmark { background-color: #eee; } .radio-outline-gray-800 input:checked ~ .checkmark { background-color: #fff !important; } .radio-outline-gray-800 .checkmark { background: #fff; border: 1px solid #52495a; } .radio-outline-gray-800 .checkmark:after { border: 0; background: #52495a; } .radio-outline-gray-900:hover input ~ .checkmark { background-color: #eee; } .radio-outline-gray-900 input:checked ~ .checkmark { background-color: #fff !important; } .radio-outline-gray-900 .checkmark { background: #fff; border: 1px solid #47404f; } .radio-outline-gray-900 .checkmark:after { border: 0; background: #47404f; } .switch { position: relative; display: inline-block; padding-left: 50px; height: 16px; } .switch span:not(.slider) { position: relative; top: -2px; cursor: pointer; } .switch input { opacity: 0; width: 0; height: 0; } .switch .slider { position: absolute; cursor: pointer; width: 42px; top: 0; left: 0; right: 0; bottom: 0; border-radius: 34px; background-color: #dee2e6; -webkit-transition: 0.4s; transition: 0.4s; } .switch .slider:before { position: absolute; content: ""; height: 24px; width: 24px; left: -1px; bottom: -4px; background-color: #fff; -webkit-transition: 0.4s; transition: 0.4s; border-radius: 50%; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .switch input:checked + .slider { background-color: #663399; } .switch input:focus + .slider { box-shadow: 0 0 1px #663399; } .switch input:checked + .slider:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } .switch-primary input:checked + .slider { background-color: #663399; } .switch-primary input:focus + .slider { box-shadow: 0 0 1px #663399; } .switch-secondary input:checked + .slider { background-color: #52495a; } .switch-secondary input:focus + .slider { box-shadow: 0 0 1px #52495a; } .switch-success input:checked + .slider { background-color: #4caf50; } .switch-success input:focus + .slider { box-shadow: 0 0 1px #4caf50; } .switch-info input:checked + .slider { background-color: #003473; } .switch-info input:focus + .slider { box-shadow: 0 0 1px #003473; } .switch-warning input:checked + .slider { background-color: #ffc107; } .switch-warning input:focus + .slider { box-shadow: 0 0 1px #ffc107; } .switch-danger input:checked + .slider { background-color: #f44336; } .switch-danger input:focus + .slider { box-shadow: 0 0 1px #f44336; } .switch-light input:checked + .slider { background-color: #bbb; } .switch-light input:focus + .slider { box-shadow: 0 0 1px #bbb; } .switch-dark input:checked + .slider { background-color: #47404f; } .switch-dark input:focus + .slider { box-shadow: 0 0 1px #47404f; } .switch-gray-100 input:checked + .slider { background-color: #f8f9fa; } .switch-gray-100 input:focus + .slider { box-shadow: 0 0 1px #f8f9fa; } .switch-gray-200 input:checked + .slider { background-color: #eee; } .switch-gray-200 input:focus + .slider { box-shadow: 0 0 1px #eee; } .switch-gray-300 input:checked + .slider { background-color: #dee2e6; } .switch-gray-300 input:focus + .slider { box-shadow: 0 0 1px #dee2e6; } .switch-gray-400 input:checked + .slider { background-color: #ced4da; } .switch-gray-400 input:focus + .slider { box-shadow: 0 0 1px #ced4da; } .switch-gray-500 input:checked + .slider { background-color: #bbb; } .switch-gray-500 input:focus + .slider { box-shadow: 0 0 1px #bbb; } .switch-gray-600 input:checked + .slider { background-color: #70657b; } .switch-gray-600 input:focus + .slider { box-shadow: 0 0 1px #70657b; } .switch-gray-700 input:checked + .slider { background-color: #665c70; } .switch-gray-700 input:focus + .slider { box-shadow: 0 0 1px #665c70; } .switch-gray-800 input:checked + .slider { background-color: #52495a; } .switch-gray-800 input:focus + .slider { box-shadow: 0 0 1px #52495a; } .switch-gray-900 input:checked + .slider { background-color: #47404f; } .switch-gray-900 input:focus + .slider { box-shadow: 0 0 1px #47404f; } [dir="rtl"] .checkbox, [dir="rtl"] .radio, [dir="rtl"] .radio { padding-left: 0px; padding-right: 28px; } [dir="rtl"] .checkbox .checkmark, [dir="rtl"] .radio .checkmark, [dir="rtl"] .radio .checkmark { left: auto; right: 0; } .icon-regular { font-size: 18px; -webkit-font-smoothing: subpixel-antialiased; } .link-icon { display: flex; flex-direction: row; align-items: center; color: #47404f; } .link-icon i { margin: 0 8px; } .spinner-glow { display: inline-block; width: 1em; height: 1em; background: #dee2e6; border-radius: 50%; margin: 4px auto; border: 2px solid transparent; animation: glow 1s ease infinite; } @keyframes glow { 0% { box-shadow: 0 0 0 .4em #a1a2a1, 0 0 0 .1em #a1a2a1; transform: rotate(360deg); } 50% { border-top-color: #605556; } 100% { box-shadow: 0 0 0 .4em #a1a2a1, 0 0 0 3.6em transparent; } } .spinner-glow-primary { background: rgba(102, 51, 153, 0.45); animation: glow-primary 1s ease infinite; } .spinner-glow-secondary { background: rgba(82, 73, 90, 0.45); animation: glow-secondary 1s ease infinite; } .spinner-glow-success { background: rgba(76, 175, 80, 0.45); animation: glow-success 1s ease infinite; } .spinner-glow-info { background: rgba(0, 52, 115, 0.45); animation: glow-info 1s ease infinite; } .spinner-glow-warning { background: rgba(255, 193, 7, 0.45); animation: glow-warning 1s ease infinite; } .spinner-glow-danger { background: rgba(244, 67, 54, 0.45); animation: glow-danger 1s ease infinite; } .spinner-glow-light { background: rgba(187, 187, 187, 0.45); animation: glow-light 1s ease infinite; } .spinner-glow-dark { background: rgba(71, 64, 79, 0.45); animation: glow-dark 1s ease infinite; } .spinner-glow-gray-100 { background: rgba(248, 249, 250, 0.45); animation: glow-gray-100 1s ease infinite; } .spinner-glow-gray-200 { background: rgba(238, 238, 238, 0.45); animation: glow-gray-200 1s ease infinite; } .spinner-glow-gray-300 { background: rgba(222, 226, 230, 0.45); animation: glow-gray-300 1s ease infinite; } .spinner-glow-gray-400 { background: rgba(206, 212, 218, 0.45); animation: glow-gray-400 1s ease infinite; } .spinner-glow-gray-500 { background: rgba(187, 187, 187, 0.45); animation: glow-gray-500 1s ease infinite; } .spinner-glow-gray-600 { background: rgba(112, 101, 123, 0.45); animation: glow-gray-600 1s ease infinite; } .spinner-glow-gray-700 { background: rgba(102, 92, 112, 0.45); animation: glow-gray-700 1s ease infinite; } .spinner-glow-gray-800 { background: rgba(82, 73, 90, 0.45); animation: glow-gray-800 1s ease infinite; } .spinner-glow-gray-900 { background: rgba(71, 64, 79, 0.45); animation: glow-gray-900 1s ease infinite; } @keyframes glow-primary { 0% { box-shadow: 0 0 0 0.4em rgba(102, 51, 153, 0.45), 0 0 0 0.1em rgba(102, 51, 153, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(102, 51, 153, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(102, 51, 153, 0.75), 0 0 0 3.6em transparent; } } @keyframes glow-secondary { 0% { box-shadow: 0 0 0 0.4em rgba(82, 73, 90, 0.45), 0 0 0 0.1em rgba(82, 73, 90, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(82, 73, 90, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(82, 73, 90, 0.75), 0 0 0 3.6em transparent; } } @keyframes glow-success { 0% { box-shadow: 0 0 0 0.4em rgba(76, 175, 80, 0.45), 0 0 0 0.1em rgba(76, 175, 80, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(76, 175, 80, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(76, 175, 80, 0.75), 0 0 0 3.6em transparent; } } @keyframes glow-info { 0% { box-shadow: 0 0 0 0.4em rgba(0, 52, 115, 0.45), 0 0 0 0.1em rgba(0, 52, 115, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(0, 52, 115, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(0, 52, 115, 0.75), 0 0 0 3.6em transparent; } } @keyframes glow-warning { 0% { box-shadow: 0 0 0 0.4em rgba(255, 193, 7, 0.45), 0 0 0 0.1em rgba(255, 193, 7, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(255, 193, 7, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(255, 193, 7, 0.75), 0 0 0 3.6em transparent; } } @keyframes glow-danger { 0% { box-shadow: 0 0 0 0.4em rgba(244, 67, 54, 0.45), 0 0 0 0.1em rgba(244, 67, 54, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(244, 67, 54, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(244, 67, 54, 0.75), 0 0 0 3.6em transparent; } } @keyframes glow-light { 0% { box-shadow: 0 0 0 0.4em rgba(187, 187, 187, 0.45), 0 0 0 0.1em rgba(187, 187, 187, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(187, 187, 187, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(187, 187, 187, 0.75), 0 0 0 3.6em transparent; } } @keyframes glow-dark { 0% { box-shadow: 0 0 0 0.4em rgba(71, 64, 79, 0.45), 0 0 0 0.1em rgba(71, 64, 79, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(71, 64, 79, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(71, 64, 79, 0.75), 0 0 0 3.6em transparent; } } @keyframes glow-gray-100 { 0% { box-shadow: 0 0 0 0.4em rgba(248, 249, 250, 0.45), 0 0 0 0.1em rgba(248, 249, 250, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(248, 249, 250, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(248, 249, 250, 0.75), 0 0 0 3.6em transparent; } } @keyframes glow-gray-200 { 0% { box-shadow: 0 0 0 0.4em rgba(238, 238, 238, 0.45), 0 0 0 0.1em rgba(238, 238, 238, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(238, 238, 238, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(238, 238, 238, 0.75), 0 0 0 3.6em transparent; } } @keyframes glow-gray-300 { 0% { box-shadow: 0 0 0 0.4em rgba(222, 226, 230, 0.45), 0 0 0 0.1em rgba(222, 226, 230, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(222, 226, 230, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(222, 226, 230, 0.75), 0 0 0 3.6em transparent; } } @keyframes glow-gray-400 { 0% { box-shadow: 0 0 0 0.4em rgba(206, 212, 218, 0.45), 0 0 0 0.1em rgba(206, 212, 218, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(206, 212, 218, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(206, 212, 218, 0.75), 0 0 0 3.6em transparent; } } @keyframes glow-gray-500 { 0% { box-shadow: 0 0 0 0.4em rgba(187, 187, 187, 0.45), 0 0 0 0.1em rgba(187, 187, 187, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(187, 187, 187, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(187, 187, 187, 0.75), 0 0 0 3.6em transparent; } } @keyframes glow-gray-600 { 0% { box-shadow: 0 0 0 0.4em rgba(112, 101, 123, 0.45), 0 0 0 0.1em rgba(112, 101, 123, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(112, 101, 123, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(112, 101, 123, 0.75), 0 0 0 3.6em transparent; } } @keyframes glow-gray-700 { 0% { box-shadow: 0 0 0 0.4em rgba(102, 92, 112, 0.45), 0 0 0 0.1em rgba(102, 92, 112, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(102, 92, 112, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(102, 92, 112, 0.75), 0 0 0 3.6em transparent; } } @keyframes glow-gray-800 { 0% { box-shadow: 0 0 0 0.4em rgba(82, 73, 90, 0.45), 0 0 0 0.1em rgba(82, 73, 90, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(82, 73, 90, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(82, 73, 90, 0.75), 0 0 0 3.6em transparent; } } @keyframes glow-gray-900 { 0% { box-shadow: 0 0 0 0.4em rgba(71, 64, 79, 0.45), 0 0 0 0.1em rgba(71, 64, 79, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(71, 64, 79, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(71, 64, 79, 0.75), 0 0 0 3.6em transparent; } } .spinner { display: inline-block; font-size: 10px; margin: auto; text-indent: -9999em; width: 4em; height: 4em; border-radius: 50%; position: relative; -webkit-animation: spin 1.4s infinite linear; animation: spin 1.4s infinite linear; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .spinner:before { width: 50%; height: 50%; border-radius: 100% 0 0 0; position: absolute; top: 0; left: 0; content: ''; } .spinner:after { background: #fff; width: 75%; height: 75%; border-radius: 50%; content: ''; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .spinner-primary { background: #663399; background: -moz-linear-gradient(left, #663399 10%, rgba(67, 236, 76, 0) 42%); background: -webkit-linear-gradient(left, #663399 10%, rgba(67, 236, 76, 0) 42%); background: -o-linear-gradient(left, #663399 10%, rgba(67, 236, 76, 0) 42%); background: -ms-linear-gradient(left, #663399 10%, rgba(67, 236, 76, 0) 42%); background: linear-gradient(to right, #663399 10%, rgba(67, 236, 76, 0) 42%); } .spinner-primary:before { background: #663399; } .spinner-secondary { background: #52495a; background: -moz-linear-gradient(left, #52495a 10%, rgba(67, 236, 76, 0) 42%); background: -webkit-linear-gradient(left, #52495a 10%, rgba(67, 236, 76, 0) 42%); background: -o-linear-gradient(left, #52495a 10%, rgba(67, 236, 76, 0) 42%); background: -ms-linear-gradient(left, #52495a 10%, rgba(67, 236, 76, 0) 42%); background: linear-gradient(to right, #52495a 10%, rgba(67, 236, 76, 0) 42%); } .spinner-secondary:before { background: #52495a; } .spinner-success { background: #4caf50; background: -moz-linear-gradient(left, #4caf50 10%, rgba(67, 236, 76, 0) 42%); background: -webkit-linear-gradient(left, #4caf50 10%, rgba(67, 236, 76, 0) 42%); background: -o-linear-gradient(left, #4caf50 10%, rgba(67, 236, 76, 0) 42%); background: -ms-linear-gradient(left, #4caf50 10%, rgba(67, 236, 76, 0) 42%); background: linear-gradient(to right, #4caf50 10%, rgba(67, 236, 76, 0) 42%); } .spinner-success:before { background: #4caf50; } .spinner-info { background: #003473; background: -moz-linear-gradient(left, #003473 10%, rgba(67, 236, 76, 0) 42%); background: -webkit-linear-gradient(left, #003473 10%, rgba(67, 236, 76, 0) 42%); background: -o-linear-gradient(left, #003473 10%, rgba(67, 236, 76, 0) 42%); background: -ms-linear-gradient(left, #003473 10%, rgba(67, 236, 76, 0) 42%); background: linear-gradient(to right, #003473 10%, rgba(67, 236, 76, 0) 42%); } .spinner-info:before { background: #003473; } .spinner-warning { background: #ffc107; background: -moz-linear-gradient(left, #ffc107 10%, rgba(67, 236, 76, 0) 42%); background: -webkit-linear-gradient(left, #ffc107 10%, rgba(67, 236, 76, 0) 42%); background: -o-linear-gradient(left, #ffc107 10%, rgba(67, 236, 76, 0) 42%); background: -ms-linear-gradient(left, #ffc107 10%, rgba(67, 236, 76, 0) 42%); background: linear-gradient(to right, #ffc107 10%, rgba(67, 236, 76, 0) 42%); } .spinner-warning:before { background: #ffc107; } .spinner-danger { background: #f44336; background: -moz-linear-gradient(left, #f44336 10%, rgba(67, 236, 76, 0) 42%); background: -webkit-linear-gradient(left, #f44336 10%, rgba(67, 236, 76, 0) 42%); background: -o-linear-gradient(left, #f44336 10%, rgba(67, 236, 76, 0) 42%); background: -ms-linear-gradient(left, #f44336 10%, rgba(67, 236, 76, 0) 42%); background: linear-gradient(to right, #f44336 10%, rgba(67, 236, 76, 0) 42%); } .spinner-danger:before { background: #f44336; } .spinner-light { background: #bbb; background: -moz-linear-gradient(left, #bbb 10%, rgba(67, 236, 76, 0) 42%); background: -webkit-linear-gradient(left, #bbb 10%, rgba(67, 236, 76, 0) 42%); background: -o-linear-gradient(left, #bbb 10%, rgba(67, 236, 76, 0) 42%); background: -ms-linear-gradient(left, #bbb 10%, rgba(67, 236, 76, 0) 42%); background: linear-gradient(to right, #bbb 10%, rgba(67, 236, 76, 0) 42%); } .spinner-light:before { background: #bbb; } .spinner-dark { background: #47404f; background: -moz-linear-gradient(left, #47404f 10%, rgba(67, 236, 76, 0) 42%); background: -webkit-linear-gradient(left, #47404f 10%, rgba(67, 236, 76, 0) 42%); background: -o-linear-gradient(left, #47404f 10%, rgba(67, 236, 76, 0) 42%); background: -ms-linear-gradient(left, #47404f 10%, rgba(67, 236, 76, 0) 42%); background: linear-gradient(to right, #47404f 10%, rgba(67, 236, 76, 0) 42%); } .spinner-dark:before { background: #47404f; } .spinner-gray-100 { background: #f8f9fa; background: -moz-linear-gradient(left, #f8f9fa 10%, rgba(67, 236, 76, 0) 42%); background: -webkit-linear-gradient(left, #f8f9fa 10%, rgba(67, 236, 76, 0) 42%); background: -o-linear-gradient(left, #f8f9fa 10%, rgba(67, 236, 76, 0) 42%); background: -ms-linear-gradient(left, #f8f9fa 10%, rgba(67, 236, 76, 0) 42%); background: linear-gradient(to right, #f8f9fa 10%, rgba(67, 236, 76, 0) 42%); } .spinner-gray-100:before { background: #f8f9fa; } .spinner-gray-200 { background: #eee; background: -moz-linear-gradient(left, #eee 10%, rgba(67, 236, 76, 0) 42%); background: -webkit-linear-gradient(left, #eee 10%, rgba(67, 236, 76, 0) 42%); background: -o-linear-gradient(left, #eee 10%, rgba(67, 236, 76, 0) 42%); background: -ms-linear-gradient(left, #eee 10%, rgba(67, 236, 76, 0) 42%); background: linear-gradient(to right, #eee 10%, rgba(67, 236, 76, 0) 42%); } .spinner-gray-200:before { background: #eee; } .spinner-gray-300 { background: #dee2e6; background: -moz-linear-gradient(left, #dee2e6 10%, rgba(67, 236, 76, 0) 42%); background: -webkit-linear-gradient(left, #dee2e6 10%, rgba(67, 236, 76, 0) 42%); background: -o-linear-gradient(left, #dee2e6 10%, rgba(67, 236, 76, 0) 42%); background: -ms-linear-gradient(left, #dee2e6 10%, rgba(67, 236, 76, 0) 42%); background: linear-gradient(to right, #dee2e6 10%, rgba(67, 236, 76, 0) 42%); } .spinner-gray-300:before { background: #dee2e6; } .spinner-gray-400 { background: #ced4da; background: -moz-linear-gradient(left, #ced4da 10%, rgba(67, 236, 76, 0) 42%); background: -webkit-linear-gradient(left, #ced4da 10%, rgba(67, 236, 76, 0) 42%); background: -o-linear-gradient(left, #ced4da 10%, rgba(67, 236, 76, 0) 42%); background: -ms-linear-gradient(left, #ced4da 10%, rgba(67, 236, 76, 0) 42%); background: linear-gradient(to right, #ced4da 10%, rgba(67, 236, 76, 0) 42%); } .spinner-gray-400:before { background: #ced4da; } .spinner-gray-500 { background: #bbb; background: -moz-linear-gradient(left, #bbb 10%, rgba(67, 236, 76, 0) 42%); background: -webkit-linear-gradient(left, #bbb 10%, rgba(67, 236, 76, 0) 42%); background: -o-linear-gradient(left, #bbb 10%, rgba(67, 236, 76, 0) 42%); background: -ms-linear-gradient(left, #bbb 10%, rgba(67, 236, 76, 0) 42%); background: linear-gradient(to right, #bbb 10%, rgba(67, 236, 76, 0) 42%); } .spinner-gray-500:before { background: #bbb; } .spinner-gray-600 { background: #70657b; background: -moz-linear-gradient(left, #70657b 10%, rgba(67, 236, 76, 0) 42%); background: -webkit-linear-gradient(left, #70657b 10%, rgba(67, 236, 76, 0) 42%); background: -o-linear-gradient(left, #70657b 10%, rgba(67, 236, 76, 0) 42%); background: -ms-linear-gradient(left, #70657b 10%, rgba(67, 236, 76, 0) 42%); background: linear-gradient(to right, #70657b 10%, rgba(67, 236, 76, 0) 42%); } .spinner-gray-600:before { background: #70657b; } .spinner-gray-700 { background: #665c70; background: -moz-linear-gradient(left, #665c70 10%, rgba(67, 236, 76, 0) 42%); background: -webkit-linear-gradient(left, #665c70 10%, rgba(67, 236, 76, 0) 42%); background: -o-linear-gradient(left, #665c70 10%, rgba(67, 236, 76, 0) 42%); background: -ms-linear-gradient(left, #665c70 10%, rgba(67, 236, 76, 0) 42%); background: linear-gradient(to right, #665c70 10%, rgba(67, 236, 76, 0) 42%); } .spinner-gray-700:before { background: #665c70; } .spinner-gray-800 { background: #52495a; background: -moz-linear-gradient(left, #52495a 10%, rgba(67, 236, 76, 0) 42%); background: -webkit-linear-gradient(left, #52495a 10%, rgba(67, 236, 76, 0) 42%); background: -o-linear-gradient(left, #52495a 10%, rgba(67, 236, 76, 0) 42%); background: -ms-linear-gradient(left, #52495a 10%, rgba(67, 236, 76, 0) 42%); background: linear-gradient(to right, #52495a 10%, rgba(67, 236, 76, 0) 42%); } .spinner-gray-800:before { background: #52495a; } .spinner-gray-900 { background: #47404f; background: -moz-linear-gradient(left, #47404f 10%, rgba(67, 236, 76, 0) 42%); background: -webkit-linear-gradient(left, #47404f 10%, rgba(67, 236, 76, 0) 42%); background: -o-linear-gradient(left, #47404f 10%, rgba(67, 236, 76, 0) 42%); background: -ms-linear-gradient(left, #47404f 10%, rgba(67, 236, 76, 0) 42%); background: linear-gradient(to right, #47404f 10%, rgba(67, 236, 76, 0) 42%); } .spinner-gray-900:before { background: #47404f; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .spinner-bubble { display: inline-block; font-size: 8px; margin: 30px auto; width: 1em; height: 1em; border-radius: 50%; position: relative; text-indent: -9999em; -webkit-animation: bubble-circle 1.3s infinite linear; animation: bubble-circle 1.3s infinite linear; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .spinner-bubble-primary { color: #663399; } .spinner-bubble-secondary { color: #52495a; } .spinner-bubble-success { color: #4caf50; } .spinner-bubble-info { color: #003473; } .spinner-bubble-warning { color: #ffc107; } .spinner-bubble-danger { color: #f44336; } .spinner-bubble-light { color: #bbb; } .spinner-bubble-dark { color: #47404f; } .spinner-bubble-gray-100 { color: #f8f9fa; } .spinner-bubble-gray-200 { color: #eee; } .spinner-bubble-gray-300 { color: #dee2e6; } .spinner-bubble-gray-400 { color: #ced4da; } .spinner-bubble-gray-500 { color: #bbb; } .spinner-bubble-gray-600 { color: #70657b; } .spinner-bubble-gray-700 { color: #665c70; } .spinner-bubble-gray-800 { color: #52495a; } .spinner-bubble-gray-900 { color: #47404f; } @-webkit-keyframes bubble-circle { 0%, 100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; } 12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; } 25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; } 37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; } 50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; } 62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; } 75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; } 87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; } } @keyframes bubble-circle { 0%, 100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; } 12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; } 25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; } 37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; } 50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; } 62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; } 75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; } 87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; } } .loader-bubble, .loader-bubble:before, .loader-bubble:after { border-radius: 50%; width: 2em; height: 2em; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: bubble-horz 1.8s infinite ease-in-out; animation: bubble-horz 1.8s infinite ease-in-out; } .loader-bubble { display: inline-block; font-size: 6px; margin: auto; position: relative; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .loader-bubble-primary { color: #663399; } .loader-bubble-secondary { color: #52495a; } .loader-bubble-success { color: #4caf50; } .loader-bubble-info { color: #003473; } .loader-bubble-warning { color: #ffc107; } .loader-bubble-danger { color: #f44336; } .loader-bubble-light { color: #bbb; } .loader-bubble-dark { color: #47404f; } .loader-bubble-gray-100 { color: #f8f9fa; } .loader-bubble-gray-200 { color: #eee; } .loader-bubble-gray-300 { color: #dee2e6; } .loader-bubble-gray-400 { color: #ced4da; } .loader-bubble-gray-500 { color: #bbb; } .loader-bubble-gray-600 { color: #70657b; } .loader-bubble-gray-700 { color: #665c70; } .loader-bubble-gray-800 { color: #52495a; } .loader-bubble-gray-900 { color: #47404f; } .loader-bubble:before, .loader-bubble:after { content: ''; position: absolute; top: 0; } .loader-bubble:before { left: -3.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .loader-bubble:after { left: 3.5em; } @-webkit-keyframes bubble-horz { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } @keyframes bubble-horz { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } .alert { border-radius: 10px; } .alert .close:focus { outline: 0; } .alert-card { border: none; box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 #ced4da; } .alert-card.alert-success { box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 #4caf50; } .alert-card.alert-warning { box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 #ffc107; } .alert-card.alert-info { box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 #003473; } .alert-card.alert-danger { box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 #f44336; } .alert-card.alert-dark { box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 #70657b; } .swal2-container .swal2-modal { font-family: "Nunito", sans-serif; } .swal2-container .swal2-spacer { margin: 1.5rem 0; } .swal2-container .swal2-styled:not(.swal2-cancel) { background: #663399 !important; outline: none; } .swal2-container .swal2-styled:not(.swal2-cancel):focus { box-shadow: 0 0 0 0.2rem rgba(102, 51, 153, 0.5); } .sidebar-container { position: relative; overflow: hidden; min-height: 400px; } .sidebar-container .sidebar-content { position: relative; height: 100%; transition: all .3s ease-in; } .sidebar-container .sidebar-content:after { position: absolute; content: ""; left: 0; right: 0; width: 100%; height: 100%; } .sidebar-container .sidebar { position: absolute; top: 0; transition: all .3s ease-in; z-index: 60; } .sidebar-container .sidebar .sidebar-close { display: none; position: absolute; top: 4px; right: 4px; cursor: pointer; z-index: 999; } @media (max-width: 767px) { .sidebar-container .sidebar { background: #fff; } .sidebar-container .sidebar .sidebar-close { display: block; } } img-cropper input[type="file"] { margin-bottom: 1rem; } .badge { font-weight: 600; } .badge-outline-primary { background: unset; border: 1px solid #663399; color: #663399; } .badge-outline-secondary { background: unset; border: 1px solid #52495a; color: #52495a; } .badge-outline-success { background: unset; border: 1px solid #4caf50; color: #4caf50; } .badge-outline-info { background: unset; border: 1px solid #003473; color: #003473; } .badge-outline-warning { background: unset; border: 1px solid #ffc107; color: #ffc107; } .badge-outline-danger { background: unset; border: 1px solid #f44336; color: #f44336; } .badge-outline-light { background: unset; border: 1px solid #bbb; color: #bbb; } .badge-outline-dark { background: unset; border: 1px solid #47404f; color: #47404f; } .badge-outline-gray-100 { background: unset; border: 1px solid #f8f9fa; color: #f8f9fa; } .badge-outline-gray-200 { background: unset; border: 1px solid #eee; color: #eee; } .badge-outline-gray-300 { background: unset; border: 1px solid #dee2e6; color: #dee2e6; } .badge-outline-gray-400 { background: unset; border: 1px solid #ced4da; color: #ced4da; } .badge-outline-gray-500 { background: unset; border: 1px solid #bbb; color: #bbb; } .badge-outline-gray-600 { background: unset; border: 1px solid #70657b; color: #70657b; } .badge-outline-gray-700 { background: unset; border: 1px solid #665c70; color: #665c70; } .badge-outline-gray-800 { background: unset; border: 1px solid #52495a; color: #52495a; } .badge-outline-gray-900 { background: unset; border: 1px solid #47404f; color: #47404f; } .badge-top-container { position: relative; } .badge-top-container .badge { position: absolute; top: 2px; right: 4px; border-radius: 10px; } .ul-badge-pill-primary { background: #663399; border-radius: 50%; width: 25px; height: 18px; color: #fff; line-height: 20px; font-size: 0.8rem; } .ul-badge-pill-secondary { background: #52495a; border-radius: 50%; width: 25px; height: 18px; color: #fff; line-height: 20px; font-size: 0.8rem; } .ul-badge-pill-success { background: #4caf50; border-radius: 50%; width: 25px; height: 18px; color: #fff; line-height: 20px; font-size: 0.8rem; } .ul-badge-pill-info { background: #003473; border-radius: 50%; width: 25px; height: 18px; color: #fff; line-height: 20px; font-size: 0.8rem; } .ul-badge-pill-warning { background: #ffc107; border-radius: 50%; width: 25px; height: 18px; color: #fff; line-height: 20px; font-size: 0.8rem; } .ul-badge-pill-danger { background: #f44336; border-radius: 50%; width: 25px; height: 18px; color: #fff; line-height: 20px; font-size: 0.8rem; } .ul-badge-pill-light { background: #bbb; border-radius: 50%; width: 25px; height: 18px; color: #fff; line-height: 20px; font-size: 0.8rem; } .ul-badge-pill-dark { background: #47404f; border-radius: 50%; width: 25px; height: 18px; color: #fff; line-height: 20px; font-size: 0.8rem; } .ul-badge-pill-gray-100 { background: #f8f9fa; border-radius: 50%; width: 25px; height: 18px; color: #fff; line-height: 20px; font-size: 0.8rem; } .ul-badge-pill-gray-200 { background: #eee; border-radius: 50%; width: 25px; height: 18px; color: #fff; line-height: 20px; font-size: 0.8rem; } .ul-badge-pill-gray-300 { background: #dee2e6; border-radius: 50%; width: 25px; height: 18px; color: #fff; line-height: 20px; font-size: 0.8rem; } .ul-badge-pill-gray-400 { background: #ced4da; border-radius: 50%; width: 25px; height: 18px; color: #fff; line-height: 20px; font-size: 0.8rem; } .ul-badge-pill-gray-500 { background: #bbb; border-radius: 50%; width: 25px; height: 18px; color: #fff; line-height: 20px; font-size: 0.8rem; } .ul-badge-pill-gray-600 { background: #70657b; border-radius: 50%; width: 25px; height: 18px; color: #fff; line-height: 20px; font-size: 0.8rem; } .ul-badge-pill-gray-700 { background: #665c70; border-radius: 50%; width: 25px; height: 18px; color: #fff; line-height: 20px; font-size: 0.8rem; } .ul-badge-pill-gray-800 { background: #52495a; border-radius: 50%; width: 25px; height: 18px; color: #fff; line-height: 20px; font-size: 0.8rem; } .ul-badge-pill-gray-900 { background: #47404f; border-radius: 50%; width: 25px; height: 18px; color: #fff; line-height: 20px; font-size: 0.8rem; } .badge-round-primary { background: #663399; border-radius: 50%; width: 25px; height: 25px; color: #fff; line-height: 20px; justify-content: center; } .badge-round-primary.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round-primary.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round-primary.sm { width: 18px; height: 18px; line-height: 13px; justify-content: center; } .badge-round-primary.pill { width: 45px; height: 18px; line-height: 13px; border-radius: 10px; } .badge-round-secondary { background: #52495a; border-radius: 50%; width: 25px; height: 25px; color: #fff; line-height: 20px; justify-content: center; } .badge-round-secondary.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round-secondary.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round-secondary.sm { width: 18px; height: 18px; line-height: 13px; justify-content: center; } .badge-round-secondary.pill { width: 45px; height: 18px; line-height: 13px; border-radius: 10px; } .badge-round-success { background: #4caf50; border-radius: 50%; width: 25px; height: 25px; color: #fff; line-height: 20px; justify-content: center; } .badge-round-success.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round-success.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round-success.sm { width: 18px; height: 18px; line-height: 13px; justify-content: center; } .badge-round-success.pill { width: 45px; height: 18px; line-height: 13px; border-radius: 10px; } .badge-round-info { background: #003473; border-radius: 50%; width: 25px; height: 25px; color: #fff; line-height: 20px; justify-content: center; } .badge-round-info.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round-info.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round-info.sm { width: 18px; height: 18px; line-height: 13px; justify-content: center; } .badge-round-info.pill { width: 45px; height: 18px; line-height: 13px; border-radius: 10px; } .badge-round-warning { background: #ffc107; border-radius: 50%; width: 25px; height: 25px; color: #fff; line-height: 20px; justify-content: center; } .badge-round-warning.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round-warning.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round-warning.sm { width: 18px; height: 18px; line-height: 13px; justify-content: center; } .badge-round-warning.pill { width: 45px; height: 18px; line-height: 13px; border-radius: 10px; } .badge-round-danger { background: #f44336; border-radius: 50%; width: 25px; height: 25px; color: #fff; line-height: 20px; justify-content: center; } .badge-round-danger.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round-danger.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round-danger.sm { width: 18px; height: 18px; line-height: 13px; justify-content: center; } .badge-round-danger.pill { width: 45px; height: 18px; line-height: 13px; border-radius: 10px; } .badge-round-light { background: #bbb; border-radius: 50%; width: 25px; height: 25px; color: #fff; line-height: 20px; justify-content: center; } .badge-round-light.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round-light.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round-light.sm { width: 18px; height: 18px; line-height: 13px; justify-content: center; } .badge-round-light.pill { width: 45px; height: 18px; line-height: 13px; border-radius: 10px; } .badge-round-dark { background: #47404f; border-radius: 50%; width: 25px; height: 25px; color: #fff; line-height: 20px; justify-content: center; } .badge-round-dark.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round-dark.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round-dark.sm { width: 18px; height: 18px; line-height: 13px; justify-content: center; } .badge-round-dark.pill { width: 45px; height: 18px; line-height: 13px; border-radius: 10px; } .badge-round-gray-100 { background: #f8f9fa; border-radius: 50%; width: 25px; height: 25px; color: #fff; line-height: 20px; justify-content: center; } .badge-round-gray-100.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round-gray-100.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round-gray-100.sm { width: 18px; height: 18px; line-height: 13px; justify-content: center; } .badge-round-gray-100.pill { width: 45px; height: 18px; line-height: 13px; border-radius: 10px; } .badge-round-gray-200 { background: #eee; border-radius: 50%; width: 25px; height: 25px; color: #fff; line-height: 20px; justify-content: center; } .badge-round-gray-200.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round-gray-200.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round-gray-200.sm { width: 18px; height: 18px; line-height: 13px; justify-content: center; } .badge-round-gray-200.pill { width: 45px; height: 18px; line-height: 13px; border-radius: 10px; } .badge-round-gray-300 { background: #dee2e6; border-radius: 50%; width: 25px; height: 25px; color: #fff; line-height: 20px; justify-content: center; } .badge-round-gray-300.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round-gray-300.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round-gray-300.sm { width: 18px; height: 18px; line-height: 13px; justify-content: center; } .badge-round-gray-300.pill { width: 45px; height: 18px; line-height: 13px; border-radius: 10px; } .badge-round-gray-400 { background: #ced4da; border-radius: 50%; width: 25px; height: 25px; color: #fff; line-height: 20px; justify-content: center; } .badge-round-gray-400.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round-gray-400.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round-gray-400.sm { width: 18px; height: 18px; line-height: 13px; justify-content: center; } .badge-round-gray-400.pill { width: 45px; height: 18px; line-height: 13px; border-radius: 10px; } .badge-round-gray-500 { background: #bbb; border-radius: 50%; width: 25px; height: 25px; color: #fff; line-height: 20px; justify-content: center; } .badge-round-gray-500.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round-gray-500.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round-gray-500.sm { width: 18px; height: 18px; line-height: 13px; justify-content: center; } .badge-round-gray-500.pill { width: 45px; height: 18px; line-height: 13px; border-radius: 10px; } .badge-round-gray-600 { background: #70657b; border-radius: 50%; width: 25px; height: 25px; color: #fff; line-height: 20px; justify-content: center; } .badge-round-gray-600.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round-gray-600.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round-gray-600.sm { width: 18px; height: 18px; line-height: 13px; justify-content: center; } .badge-round-gray-600.pill { width: 45px; height: 18px; line-height: 13px; border-radius: 10px; } .badge-round-gray-700 { background: #665c70; border-radius: 50%; width: 25px; height: 25px; color: #fff; line-height: 20px; justify-content: center; } .badge-round-gray-700.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round-gray-700.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round-gray-700.sm { width: 18px; height: 18px; line-height: 13px; justify-content: center; } .badge-round-gray-700.pill { width: 45px; height: 18px; line-height: 13px; border-radius: 10px; } .badge-round-gray-800 { background: #52495a; border-radius: 50%; width: 25px; height: 25px; color: #fff; line-height: 20px; justify-content: center; } .badge-round-gray-800.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round-gray-800.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round-gray-800.sm { width: 18px; height: 18px; line-height: 13px; justify-content: center; } .badge-round-gray-800.pill { width: 45px; height: 18px; line-height: 13px; border-radius: 10px; } .badge-round-gray-900 { background: #47404f; border-radius: 50%; width: 25px; height: 25px; color: #fff; line-height: 20px; justify-content: center; } .badge-round-gray-900.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round-gray-900.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round-gray-900.sm { width: 18px; height: 18px; line-height: 13px; justify-content: center; } .badge-round-gray-900.pill { width: 45px; height: 18px; line-height: 13px; border-radius: 10px; } .badge-dot-primary { height: 4px; width: 4px; background-color: #663399; border-radius: 50%; display: inline-block; vertical-align: middle; } .badge-dot-secondary { height: 4px; width: 4px; background-color: #52495a; border-radius: 50%; display: inline-block; vertical-align: middle; } .badge-dot-success { height: 4px; width: 4px; background-color: #4caf50; border-radius: 50%; display: inline-block; vertical-align: middle; } .badge-dot-info { height: 4px; width: 4px; background-color: #003473; border-radius: 50%; display: inline-block; vertical-align: middle; } .badge-dot-warning { height: 4px; width: 4px; background-color: #ffc107; border-radius: 50%; display: inline-block; vertical-align: middle; } .badge-dot-danger { height: 4px; width: 4px; background-color: #f44336; border-radius: 50%; display: inline-block; vertical-align: middle; } .badge-dot-light { height: 4px; width: 4px; background-color: #bbb; border-radius: 50%; display: inline-block; vertical-align: middle; } .badge-dot-dark { height: 4px; width: 4px; background-color: #47404f; border-radius: 50%; display: inline-block; vertical-align: middle; } .badge-dot-gray-100 { height: 4px; width: 4px; background-color: #f8f9fa; border-radius: 50%; display: inline-block; vertical-align: middle; } .badge-dot-gray-200 { height: 4px; width: 4px; background-color: #eee; border-radius: 50%; display: inline-block; vertical-align: middle; } .badge-dot-gray-300 { height: 4px; width: 4px; background-color: #dee2e6; border-radius: 50%; display: inline-block; vertical-align: middle; } .badge-dot-gray-400 { height: 4px; width: 4px; background-color: #ced4da; border-radius: 50%; display: inline-block; vertical-align: middle; } .badge-dot-gray-500 { height: 4px; width: 4px; background-color: #bbb; border-radius: 50%; display: inline-block; vertical-align: middle; } .badge-dot-gray-600 { height: 4px; width: 4px; background-color: #70657b; border-radius: 50%; display: inline-block; vertical-align: middle; } .badge-dot-gray-700 { height: 4px; width: 4px; background-color: #665c70; border-radius: 50%; display: inline-block; vertical-align: middle; } .badge-dot-gray-800 { height: 4px; width: 4px; background-color: #52495a; border-radius: 50%; display: inline-block; vertical-align: middle; } .badge-dot-gray-900 { height: 4px; width: 4px; background-color: #47404f; border-radius: 50%; display: inline-block; vertical-align: middle; } .outline-round-primary { background: #fff; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #663399; color: #663399; line-height: 13px; justify-content: center; } .outline-round-secondary { background: #fff; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #52495a; color: #52495a; line-height: 13px; justify-content: center; } .outline-round-success { background: #fff; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #4caf50; color: #4caf50; line-height: 13px; justify-content: center; } .outline-round-info { background: #fff; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #003473; color: #003473; line-height: 13px; justify-content: center; } .outline-round-warning { background: #fff; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #ffc107; color: #ffc107; line-height: 13px; justify-content: center; } .outline-round-danger { background: #fff; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #f44336; color: #f44336; line-height: 13px; justify-content: center; } .outline-round-light { background: #fff; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #bbb; color: #bbb; line-height: 13px; justify-content: center; } .outline-round-dark { background: #fff; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #47404f; color: #47404f; line-height: 13px; justify-content: center; } .outline-round-gray-100 { background: #fff; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #f8f9fa; color: #f8f9fa; line-height: 13px; justify-content: center; } .outline-round-gray-200 { background: #fff; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #eee; color: #eee; line-height: 13px; justify-content: center; } .outline-round-gray-300 { background: #fff; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #dee2e6; color: #dee2e6; line-height: 13px; justify-content: center; } .outline-round-gray-400 { background: #fff; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #ced4da; color: #ced4da; line-height: 13px; justify-content: center; } .outline-round-gray-500 { background: #fff; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #bbb; color: #bbb; line-height: 13px; justify-content: center; } .outline-round-gray-600 { background: #fff; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #70657b; color: #70657b; line-height: 13px; justify-content: center; } .outline-round-gray-700 { background: #fff; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #665c70; color: #665c70; line-height: 13px; justify-content: center; } .outline-round-gray-800 { background: #fff; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #52495a; color: #52495a; line-height: 13px; justify-content: center; } .outline-round-gray-900 { background: #fff; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #47404f; color: #47404f; line-height: 13px; justify-content: center; } .badge-square-primary { background: #663399; border-radius: 20%; width: 25px; height: 25px; color: #fff; line-height: 20px; text-align: center; } .badge-square-primary.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square-primary.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-square-secondary { background: #52495a; border-radius: 20%; width: 25px; height: 25px; color: #fff; line-height: 20px; text-align: center; } .badge-square-secondary.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square-secondary.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-square-success { background: #4caf50; border-radius: 20%; width: 25px; height: 25px; color: #fff; line-height: 20px; text-align: center; } .badge-square-success.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square-success.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-square-info { background: #003473; border-radius: 20%; width: 25px; height: 25px; color: #fff; line-height: 20px; text-align: center; } .badge-square-info.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square-info.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-square-warning { background: #ffc107; border-radius: 20%; width: 25px; height: 25px; color: #fff; line-height: 20px; text-align: center; } .badge-square-warning.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square-warning.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-square-danger { background: #f44336; border-radius: 20%; width: 25px; height: 25px; color: #fff; line-height: 20px; text-align: center; } .badge-square-danger.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square-danger.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-square-light { background: #bbb; border-radius: 20%; width: 25px; height: 25px; color: #fff; line-height: 20px; text-align: center; } .badge-square-light.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square-light.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-square-dark { background: #47404f; border-radius: 20%; width: 25px; height: 25px; color: #fff; line-height: 20px; text-align: center; } .badge-square-dark.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square-dark.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-square-gray-100 { background: #f8f9fa; border-radius: 20%; width: 25px; height: 25px; color: #fff; line-height: 20px; text-align: center; } .badge-square-gray-100.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square-gray-100.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-square-gray-200 { background: #eee; border-radius: 20%; width: 25px; height: 25px; color: #fff; line-height: 20px; text-align: center; } .badge-square-gray-200.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square-gray-200.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-square-gray-300 { background: #dee2e6; border-radius: 20%; width: 25px; height: 25px; color: #fff; line-height: 20px; text-align: center; } .badge-square-gray-300.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square-gray-300.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-square-gray-400 { background: #ced4da; border-radius: 20%; width: 25px; height: 25px; color: #fff; line-height: 20px; text-align: center; } .badge-square-gray-400.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square-gray-400.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-square-gray-500 { background: #bbb; border-radius: 20%; width: 25px; height: 25px; color: #fff; line-height: 20px; text-align: center; } .badge-square-gray-500.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square-gray-500.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-square-gray-600 { background: #70657b; border-radius: 20%; width: 25px; height: 25px; color: #fff; line-height: 20px; text-align: center; } .badge-square-gray-600.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square-gray-600.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-square-gray-700 { background: #665c70; border-radius: 20%; width: 25px; height: 25px; color: #fff; line-height: 20px; text-align: center; } .badge-square-gray-700.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square-gray-700.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-square-gray-800 { background: #52495a; border-radius: 20%; width: 25px; height: 25px; color: #fff; line-height: 20px; text-align: center; } .badge-square-gray-800.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square-gray-800.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-square-gray-900 { background: #47404f; border-radius: 20%; width: 25px; height: 25px; color: #fff; line-height: 20px; text-align: center; } .badge-square-gray-900.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square-gray-900.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round { border-radius: 50%; width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round.badge-round-opacity-primary { background: #ccb3e6; color: #663399; } .badge-round.badge-round-opacity-secondary { background: #b8b0bf; color: #52495a; } .badge-round.badge-round-opacity-success { background: #d9eeda; color: #4caf50; } .badge-round.badge-round-opacity-info { background: #4096ff; color: #003473; } .badge-round.badge-round-opacity-warning { background: #fff4d3; color: #ffc107; } .badge-round.badge-round-opacity-danger { background: #fff8f7; color: #f44336; } .badge-round.badge-round-opacity-light { background: white; color: #bbb; } .badge-round.badge-round-opacity-dark { background: #ada5b6; color: #47404f; } .badge-round.badge-round-opacity-gray-100 { background: white; color: #f8f9fa; } .badge-round.badge-round-opacity-gray-200 { background: white; color: #eee; } .badge-round.badge-round-opacity-gray-300 { background: white; color: #dee2e6; } .badge-round.badge-round-opacity-gray-400 { background: white; color: #ced4da; } .badge-round.badge-round-opacity-gray-500 { background: white; color: #bbb; } .badge-round.badge-round-opacity-gray-600 { background: #d6d2da; color: #70657b; } .badge-round.badge-round-opacity-gray-700 { background: #ccc7d1; color: #665c70; } .badge-round.badge-round-opacity-gray-800 { background: #b8b0bf; color: #52495a; } .badge-round.badge-round-opacity-gray-900 { background: #ada5b6; color: #47404f; } .badge-square { border-radius: 20%; width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square.badge-square-opacity-primary { background: #ccb3e6; color: #663399; } .badge-square.badge-square-opacity-secondary { background: #b8b0bf; color: #52495a; } .badge-square.badge-square-opacity-success { background: #d9eeda; color: #4caf50; } .badge-square.badge-square-opacity-info { background: #4096ff; color: #003473; } .badge-square.badge-square-opacity-warning { background: #fff4d3; color: #ffc107; } .badge-square.badge-square-opacity-danger { background: #fff8f7; color: #f44336; } .badge-square.badge-square-opacity-light { background: white; color: #bbb; } .badge-square.badge-square-opacity-dark { background: #ada5b6; color: #47404f; } .badge-square.badge-square-opacity-gray-100 { background: white; color: #f8f9fa; } .badge-square.badge-square-opacity-gray-200 { background: white; color: #eee; } .badge-square.badge-square-opacity-gray-300 { background: white; color: #dee2e6; } .badge-square.badge-square-opacity-gray-400 { background: white; color: #ced4da; } .badge-square.badge-square-opacity-gray-500 { background: white; color: #bbb; } .badge-square.badge-square-opacity-gray-600 { background: #d6d2da; color: #70657b; } .badge-square.badge-square-opacity-gray-700 { background: #ccc7d1; color: #665c70; } .badge-square.badge-square-opacity-gray-800 { background: #b8b0bf; color: #52495a; } .badge-square.badge-square-opacity-gray-900 { background: #ada5b6; color: #47404f; } .w-badge { border-radius: 0; padding: 4px; color: #fff; } .r-badge { padding: 4px; } .popover { border: none; box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.08); } .popover .arrow::before { border-color: rgba(0, 0, 0, 0); } ngb-rating .star { position: relative; display: inline-block; } ngb-rating .half { position: absolute; display: inline-block; overflow: hidden; } .rating-primary { color: #663399; } .rating-primary .star { color: #bbb; } .rating-primary .full, .rating-primary .half { color: #663399; } .rating-secondary { color: #52495a; } .rating-secondary .star { color: #bbb; } .rating-secondary .full, .rating-secondary .half { color: #52495a; } .rating-success { color: #4caf50; } .rating-success .star { color: #bbb; } .rating-success .full, .rating-success .half { color: #4caf50; } .rating-info { color: #003473; } .rating-info .star { color: #bbb; } .rating-info .full, .rating-info .half { color: #003473; } .rating-warning { color: #ffc107; } .rating-warning .star { color: #bbb; } .rating-warning .full, .rating-warning .half { color: #ffc107; } .rating-danger { color: #f44336; } .rating-danger .star { color: #bbb; } .rating-danger .full, .rating-danger .half { color: #f44336; } .rating-light { color: #bbb; } .rating-light .star { color: #bbb; } .rating-light .full, .rating-light .half { color: #bbb; } .rating-dark { color: #47404f; } .rating-dark .star { color: #bbb; } .rating-dark .full, .rating-dark .half { color: #47404f; } .rating-gray-100 { color: #f8f9fa; } .rating-gray-100 .star { color: #bbb; } .rating-gray-100 .full, .rating-gray-100 .half { color: #f8f9fa; } .rating-gray-200 { color: #eee; } .rating-gray-200 .star { color: #bbb; } .rating-gray-200 .full, .rating-gray-200 .half { color: #eee; } .rating-gray-300 { color: #dee2e6; } .rating-gray-300 .star { color: #bbb; } .rating-gray-300 .full, .rating-gray-300 .half { color: #dee2e6; } .rating-gray-400 { color: #ced4da; } .rating-gray-400 .star { color: #bbb; } .rating-gray-400 .full, .rating-gray-400 .half { color: #ced4da; } .rating-gray-500 { color: #bbb; } .rating-gray-500 .star { color: #bbb; } .rating-gray-500 .full, .rating-gray-500 .half { color: #bbb; } .rating-gray-600 { color: #70657b; } .rating-gray-600 .star { color: #bbb; } .rating-gray-600 .full, .rating-gray-600 .half { color: #70657b; } .rating-gray-700 { color: #665c70; } .rating-gray-700 .star { color: #bbb; } .rating-gray-700 .full, .rating-gray-700 .half { color: #665c70; } .rating-gray-800 { color: #52495a; } .rating-gray-800 .star { color: #bbb; } .rating-gray-800 .full, .rating-gray-800 .half { color: #52495a; } .rating-gray-900 { color: #47404f; } .rating-gray-900 .star { color: #bbb; } .rating-gray-900 .full, .rating-gray-900 .half { color: #47404f; } .search-ui { position: fixed; background: #fff; top: 0; left: 0; right: 0; bottom: 0; margin: auto; padding: .75rem 1.5rem 1.5rem 4.5rem; z-index: 9999; display: none; } .search-ui.open { display: block; -webkit-animation-name: slideInDown; -moz-animation-name: slideInDown; -ms-animation-name: slideInDown; -o-animation-name: slideInDown; animation-name: slideInDown; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -o-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-delay: 0; -moz-animation-delay: 0; -ms-animation-delay: 0; -o-animation-delay: 0; animation-delay: 0; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .search-ui .search-header .logo { height: 64px; width: auto; } .search-ui input.search-input { font-size: 4rem; font-weight: 600; border: 0; margin-bottom: 1.5rem; } .search-ui input.search-input:focus { outline: 0; } .search-ui input.search-input::placeholder { color: #ced4da; } .search-ui .search-title { margin-bottom: 1.25rem; } .search-ui .search-title span { font-weight: 600; } @media (max-width: 767px) { .search-ui { padding: 1rem; } } /* Tagging Basic Style */ .tagging { border: 1px solid #dee2e6; font-size: 1em; height: auto; padding: 10px 10px 15px; border-radius: 4px; } .tagging.editable { cursor: text; } .tag { background: none repeat scroll 0 0 #663399; border-radius: 2px; color: white; cursor: default; display: inline-block; position: relative; white-space: nowrap; padding: 4px 20px 4px 0; margin: 5px 10px 0 0; } .tag span { background: none repeat scroll 0 0 #592d86; border-radius: 2px 0 0 2px; margin-right: 5px; padding: 5px 10px 5px; } .tag .tag-i { color: white; cursor: pointer; font-size: 1.3em; height: 0; line-height: 0.1em; position: absolute; right: 5px; top: 0.7em; text-align: center; width: 10px; } .tag .tag-i:hover { color: black; text-decoration: underline; } .type-zone { border: 0 none; height: auto; width: auto; min-width: 20px; display: inline-block; } .type-zone:focus { outline: none; } .customizer { position: fixed; z-index: 9999; top: 100px; right: -380px; transition: .3s all ease-in-out; width: 380px; } .customizer.open { right: 0; } .customizer .handle { position: absolute; display: flex; top: 8px; left: -36px; background: #663399; cursor: pointer; padding: 10px 8px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; box-shadow: -3px 0px 4px rgba(0, 0, 0, 0.06); color: #fff; font-size: 20px; transition: .3s all ease-in-out; } .customizer .handle:hover { background: #663399; color: #fff; } .customizer .customizer-body { border-top-left-radius: 10px; border-bottom-left-radius: 10px; background: #fff; box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.08); max-height: calc(100vh - 140px); overflow-y: scroll; overflow-x: visible; } .customizer .customizer-body .layouts { display: flex; flex-wrap: wrap; margin: 0 -8px; } .customizer .customizer-body .layouts .layout-box { position: relative; margin: 0 8px; box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.03); border-radius: 8px; overflow: hidden; cursor: pointer; width: calc(50% - 16px); border: 1px solid rgba(0, 0, 0, 0.08); } .customizer .customizer-body .layouts .layout-box img { width: 180px; } .customizer .customizer-body .layouts .layout-box i { display: none; position: absolute; top: 0; text-align: center; right: 0; height: 24px; font-size: 18px; line-height: 24px; width: 32px; color: #ffffff; background: #663399; border-radius: 0 0 0 6px; } .customizer .customizer-body .layouts .layout-box.active { border: 1px solid #663399; } .customizer .customizer-body .layouts .layout-box.active i { display: inline-block; } .customizer .customizer-body .colors { display: flex; flex-wrap: wrap; } .customizer .customizer-body .colors .color { width: 36px; height: 36px; display: inline-block; border-radius: 50%; margin: 8px; text-align: center; box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.03); cursor: pointer; } .customizer .customizer-body .colors .color.purple { background: #663399; } .customizer .customizer-body .colors .color.blue { background: #2f47c2; } .customizer .customizer-body .colors .color i { display: none; color: #ffffff; font-size: 18px; line-height: 36px; } .customizer .customizer-body .colors .color.active i { display: unset; } @media (max-width: 767px) { .customizer { width: 280px; right: -280px; } } [dir="rtl"] .customizer { right: auto; left: -380px; } [dir="rtl"] .customizer.open { right: auto; left: 0; } [dir="rtl"] .customizer .handle { top: 8px; left: auto; right: -36px; border-top-left-radius: 0; border-top-right-radius: 4px; border-bottom-left-radius: 0; border-bottom-right-radius: 4px; box-shadow: -3px 0px 4px rgba(0, 0, 0, 0.06); } .slider-default { background: #FAFAFA !important; border-radius: 15px !important; border: 0px solid #D3D3D3 !important; box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; height: 10px !important; } .slider-default .noUi-value-horizontal { display: none; } .slider-default .noUi-handle { width: 20px !important; height: 20px !important; left: -5px !important; top: -5px !important; border-radius: 50%; border: 5px solid #663399; box-shadow: none; cursor: pointer; } .slider-default .noUi-handle:after, .slider-default .noUi-handle:before { content: none !important; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px; } .slider-default .noUi-handle:focus { outline: none; } .slider-default .noUi-connect { background: #663399; border-radius: 15px !important; box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45); -webkit-transition: background 450ms; transition: background 450ms; } .square-default { background: #FAFAFA !important; border-radius: 15px !important; border: 0px solid #D3D3D3 !important; box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; height: 10px !important; } .square-default .noUi-handle { width: 20px !important; height: 20px !important; border: 5px solid #663399; box-shadow: none; cursor: pointer; } .square-default .noUi-handle:after, .square-default .noUi-handle:before { content: " " !important; display: none; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px; } .square-default .noUi-handle:focus { outline: none; } .square-default .noUi-connect { background: #663399; border-radius: 15px !important; box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45); -webkit-transition: background 450ms; transition: background 450ms; } .slider-primary .noUi-connect { background: #663399; } .slider-primary .noUi-handle { border: 5px solid #663399; } .slider-secondary .noUi-connect { background: #52495a; } .slider-secondary .noUi-handle { border: 5px solid #52495a; } .slider-success .noUi-connect { background: #4caf50; } .slider-success .noUi-handle { border: 5px solid #4caf50; } .slider-info .noUi-connect { background: #003473; } .slider-info .noUi-handle { border: 5px solid #003473; } .slider-warning .noUi-connect { background: #ffc107; } .slider-warning .noUi-handle { border: 5px solid #ffc107; } .slider-danger .noUi-connect { background: #f44336; } .slider-danger .noUi-handle { border: 5px solid #f44336; } .slider-light .noUi-connect { background: #bbb; } .slider-light .noUi-handle { border: 5px solid #bbb; } .slider-dark .noUi-connect { background: #47404f; } .slider-dark .noUi-handle { border: 5px solid #47404f; } .slider-gray-100 .noUi-connect { background: #f8f9fa; } .slider-gray-100 .noUi-handle { border: 5px solid #f8f9fa; } .slider-gray-200 .noUi-connect { background: #eee; } .slider-gray-200 .noUi-handle { border: 5px solid #eee; } .slider-gray-300 .noUi-connect { background: #dee2e6; } .slider-gray-300 .noUi-handle { border: 5px solid #dee2e6; } .slider-gray-400 .noUi-connect { background: #ced4da; } .slider-gray-400 .noUi-handle { border: 5px solid #ced4da; } .slider-gray-500 .noUi-connect { background: #bbb; } .slider-gray-500 .noUi-handle { border: 5px solid #bbb; } .slider-gray-600 .noUi-connect { background: #70657b; } .slider-gray-600 .noUi-handle { border: 5px solid #70657b; } .slider-gray-700 .noUi-connect { background: #665c70; } .slider-gray-700 .noUi-handle { border: 5px solid #665c70; } .slider-gray-800 .noUi-connect { background: #52495a; } .slider-gray-800 .noUi-handle { border: 5px solid #52495a; } .slider-gray-900 .noUi-connect { background: #47404f; } .slider-gray-900 .noUi-handle { border: 5px solid #47404f; } .slider-custom .noUi-connect { background: #3FB8AF; } .slider-custom .noUi-handle { border: 5px solid #B2DFDB; } .slider-extra-large { height: 14px !important; } .slider-extra-large .noUi-handle { width: 28px !important; height: 28px !important; top: -7px !important; } .slider-large { height: 12px !important; } .slider-large .noUi-handle { width: 24px !important; height: 24px !important; top: -6px !important; } .slider-small { height: 6px !important; } .slider-small .noUi-handle { top: -7px !important; } .slider-extra-small { height: 3px !important; } .slider-extra-small .noUi-handle { top: -8px !important; } .circle-filled.slider-primary .noUi-handle { background: #663399; } .circle-filled.slider-secondary .noUi-handle { background: #52495a; } .circle-filled.slider-success .noUi-handle { background: #4caf50; } .circle-filled.slider-info .noUi-handle { background: #003473; } .circle-filled.slider-warning .noUi-handle { background: #ffc107; } .circle-filled.slider-danger .noUi-handle { background: #f44336; } .circle-filled.slider-light .noUi-handle { background: #bbb; } .circle-filled.slider-dark .noUi-handle { background: #47404f; } .circle-filled.slider-gray-100 .noUi-handle { background: #f8f9fa; } .circle-filled.slider-gray-200 .noUi-handle { background: #eee; } .circle-filled.slider-gray-300 .noUi-handle { background: #dee2e6; } .circle-filled.slider-gray-400 .noUi-handle { background: #ced4da; } .circle-filled.slider-gray-500 .noUi-handle { background: #bbb; } .circle-filled.slider-gray-600 .noUi-handle { background: #70657b; } .circle-filled.slider-gray-700 .noUi-handle { background: #665c70; } .circle-filled.slider-gray-800 .noUi-handle { background: #52495a; } .circle-filled.slider-gray-900 .noUi-handle { background: #47404f; } .square-default.slider-primary .noUi-handle { background: #663399; } .square-default.slider-secondary .noUi-handle { background: #52495a; } .square-default.slider-success .noUi-handle { background: #4caf50; } .square-default.slider-info .noUi-handle { background: #003473; } .square-default.slider-warning .noUi-handle { background: #ffc107; } .square-default.slider-danger .noUi-handle { background: #f44336; } .square-default.slider-light .noUi-handle { background: #bbb; } .square-default.slider-dark .noUi-handle { background: #47404f; } .square-default.slider-gray-100 .noUi-handle { background: #f8f9fa; } .square-default.slider-gray-200 .noUi-handle { background: #eee; } .square-default.slider-gray-300 .noUi-handle { background: #dee2e6; } .square-default.slider-gray-400 .noUi-handle { background: #ced4da; } .square-default.slider-gray-500 .noUi-handle { background: #bbb; } .square-default.slider-gray-600 .noUi-handle { background: #70657b; } .square-default.slider-gray-700 .noUi-handle { background: #665c70; } .square-default.slider-gray-800 .noUi-handle { background: #52495a; } .square-default.slider-gray-900 .noUi-handle { background: #47404f; } .square-default.slider-custom .noUi-handle, .circle-filled.slider-custom .noUi-handle { background: #B2DFDB; } .vertical-slider-example { display: inline-block; } .noUi-vertical { width: 10px !important; height: 150px !important; } .toast-primary { background-color: #663399 !important; } .toast-secondary { background-color: #52495a !important; } .toast-success { background-color: #4caf50 !important; } .toast-info { background-color: #003473 !important; } .toast-warning { background-color: #ffc107 !important; } .toast-danger { background-color: #f44336 !important; } .toast-light { background-color: #bbb !important; } .toast-dark { background-color: #47404f !important; } .toast-gray-100 { background-color: #f8f9fa !important; } .toast-gray-200 { background-color: #eee !important; } .toast-gray-300 { background-color: #dee2e6 !important; } .toast-gray-400 { background-color: #ced4da !important; } .toast-gray-500 { background-color: #bbb !important; } .toast-gray-600 { background-color: #70657b !important; } .toast-gray-700 { background-color: #665c70 !important; } .toast-gray-800 { background-color: #52495a !important; } .toast-gray-900 { background-color: #47404f !important; } .dropzone { min-height: 150px; border: 2px dashed #673ab75e !important; background: #F5F5F5 !important; padding: 20px 20px; } .nav-tabs { border-bottom: 1px solid #663399; } .nav-tabs .nav-item .nav-link.active { border: 1px solid transparent; background: rgba(102, 51, 153, 0.1); border-color: #663399 #663399 #fff; } .dropdown-toggle:after { display: inline-block; width: 0; height: 0; right: 5px; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; } #calendar { float: right; width: 100%; } #external-events h4 { font-size: 16px; margin-top: 0; padding-top: 1em; } #external-events .fc-event { margin: 2px 0; cursor: move; } .create_event_wrap p { margin: 1.5em 0; font-size: 11px; color: #666; } .create_event_wrap p input { margin: 0; vertical-align: middle; } .fc-event { position: relative; display: block; font-size: .85em; line-height: 1.3; border-radius: 3px; border: 0px solid #663399 !important; } a.fc-day-grid-event { background: #663399; padding: 5px; } th.fc-day-header { border-bottom-width: 2px; padding: 10px 0px; display: table-cell; background: #F5F5F5; font-size: 16px; font-weight: bold; text-align: center; } td.fc-head-container { padding: 0px !important; } .fc-toolbar h2 { margin: 0; font-weight: bold; } /*span.fa { font-family: 'iconsmind' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }*/ span.fa.fa-chevron-left:before { content: "\f077"; } span.fa.fa-chevron-right:before { content: "\f07d"; } .main-header { position: fixed; width: 100%; height: 50px; box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04); display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; background: #fff; z-index: 100; } .main-header .menu-toggle { width: 40px; display: flex; flex-direction: column; align-items: center; cursor: pointer; margin-right: 12px; } .main-header .menu-toggle div { width: 24px; height: 1px; background: #47404f; margin: 3px 0; } .main-header .search-bar { display: flex; align-items: center; justify-content: left; background: #f8f9fa; border: 1px solid #eee; border-radius: 20px; position: relative; width: 230px; height: 40px; } .main-header .search-bar input { background: transparent; border: 0; color: #212121; font-size: 0.8rem; line-height: 2; height: 100%; outline: initial !important; padding: 0.5rem 1rem; width: calc(100% - 32px); } .main-header .search-bar .search-icon { font-size: 18px; width: 24px; display: inline-block; } .main-header .logo { width: 107px; } .main-header .logo img { width: 60px; height: 60px; margin: 0 auto; display: block; } .main-header .show .header-icon { background: #f8f9fa; } .main-header .header-icon { font-size: 19px; cursor: pointer; height: 36px; width: 36px; line-height: 36px; display: inline-block; text-align: center; border-radius: 8px; margin: 0 2px; } .main-header .header-icon:hover { background: #f8f9fa; } .main-header .header-icon.dropdown-toggle:after { display: none; } .main-header .header-part-right { display: flex; align-items: center; } .main-header .header-part-right .user { margin-right: 2rem; } .main-header .header-part-right .user img { width: 36px; height: 36px; border-radius: 50%; cursor: pointer; } .main-header .notification-dropdown { padding: 0; max-height: 260px; cursor: pointer; } .main-header .notification-dropdown .dropdown-item { display: flex; align-items: center; padding: 0; height: 72px; border-bottom: 1px solid #dee2e6; } .main-header .notification-dropdown .dropdown-item .notification-icon { background: #eee; height: 100%; width: 44px; display: flex; align-items: center; justify-content: center; } .main-header .notification-dropdown .dropdown-item .notification-icon i { font-size: 18px; } .main-header .notification-dropdown .dropdown-item .notification-details { padding: 0.25rem 0.75rem; } .main-header .notification-dropdown .dropdown-item:active { color: inherit; background: inherit; } @media (max-width: 991px) { .main-header .search-bar { width: 180px; } .main-header .menu-toggle { width: 24px; margin-right: 36px; } } @media (max-width: 615px) { .main-header .header-part-right .user { margin-right: 0rem; } } @media (max-width: 580px) { .main-header { height: 70px; padding: 0 1.5rem; } .main-header .logo { width: 60px; } .main-header .search-bar { display: none; } .main-header .menu-toggle { width: 40px; } .main-header .header-part-right .user { margin-right: 0; padding-right: 0; } .notification-dropdown { left: 10px !important; } } @media (max-width: 360px) { .main-header .menu-toggle { margin: 0; } } .layout-horizontal-bar .header-topnav { margin: 0; padding: 0; background-color: #fff; position: relative; z-index: 90; position: fixed; width: 100%; /* height: 80px; */ top: 50px; box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04); } .layout-horizontal-bar .header-topnav .container { padding: 0; } .layout-horizontal-bar .header-topnav .topbar-branding { float: left; height: 48px; padding: 8px; margin: 0 8px; } .layout-horizontal-bar .header-topnav .topbar-branding img { height: 100%; width: auto; } .layout-horizontal-bar .header-topnav .ps { overflow: initial !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; } .layout-horizontal-bar .header-topnav .topnav { display: flex; align-items: center; height: auto; } .layout-horizontal-bar .header-topnav .header-topnav-right { float: right; height: 48px; display: flex; align-items: center; padding-right: .67rem; } .layout-horizontal-bar .header-topnav .topnav:after { content: ""; display: table; clear: both; } .layout-horizontal-bar .header-topnav .topnav a { color: #333 !important; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } .layout-horizontal-bar .header-topnav .topnav label.menu-toggle { height: 48px; width: 48px; box-sizing: border-box; padding: 12px; border-radius: 50%; } .layout-horizontal-bar .header-topnav .topnav label.menu-toggle .mat-icon { font-size: 24px; } .layout-horizontal-bar .header-topnav .topnav .toggle, .layout-horizontal-bar .header-topnav .topnav [id^=drop] { display: none; } .layout-horizontal-bar .header-topnav .topnav ul { padding: 0; margin: 0; list-style: none; position: relative; } .layout-horizontal-bar .header-topnav .topnav ul:not(.menu) { box-shadow: 0 0 4px rgba(0, 0, 0, 0), 0 4px 8px rgba(0, 0, 0, 0.28); } .layout-horizontal-bar .header-topnav .topnav ul.menu { float: left; height: 48px; padding-right: 45px; } .layout-horizontal-bar .header-topnav .topnav ul.menu > li { float: left; } .layout-horizontal-bar .header-topnav .topnav ul.menu > li > div > a, .layout-horizontal-bar .header-topnav .topnav ul.menu > li > div > div { border-bottom: 2px solid; height: 48px; box-sizing: border-box; border-color: transparent; margin: 0 6px; } .layout-horizontal-bar .header-topnav .topnav ul li { margin: 0px; display: inline-block; } .layout-horizontal-bar .header-topnav .topnav a, .layout-horizontal-bar .header-topnav .topnav label { display: flex; flex-direction: row; align-items: center; padding: 13px 20px; height: 44px; font-size: .875rem; text-decoration: none; box-sizing: border-box; cursor: pointer; } .layout-horizontal-bar .header-topnav .topnav ul li ul li:hover, .layout-horizontal-bar .header-topnav .topnav ul li ul li.open { background: #eeeeee; } .layout-horizontal-bar .header-topnav .topnav ul ul { opacity: 0; visibility: hidden; position: absolute; background: #ffffff; color: rgba(0, 0, 0, 0.87); /* has to be the same number as the "line-height" of "nav a" */ top: 48px; transform: translateY(-100px); transition: all 0.3s ease-in-out; z-index: -1; border-radius: 5px; } .layout-horizontal-bar .header-topnav .topnav ul li:hover > div > div > ul, .layout-horizontal-bar .header-topnav .topnav ul li:hover > div > ul { opacity: 1; visibility: visible; transform: translateY(0); } .layout-horizontal-bar .header-topnav .topnav ul ul li { width: 170px; float: none; display: list-item; position: relative; } .layout-horizontal-bar .header-topnav .topnav ul ul ul { top: 0; left: 170px; } .layout-horizontal-bar .header-topnav .topnav ul ul ul li { position: relative; top: 0; } .layout-horizontal-bar .header-topnav .topnav li > a:after { content: ' +'; } .layout-horizontal-bar .header-topnav .topnav li > a:only-child:after { content: ''; } @media (max-width: 959px) { .header-topnav-right { position: absolute; right: 6px; top: 0; } } /* Media Queries --------------------------------------------- */ @media only screen and (max-width: 768px) { .layout-horizontal-bar .header-topnav { margin: 0; padding: 0; background-color: #fff; position: relative; z-index: 10; position: fixed; width: 200px; top: 70px; height: 100%; padding-top: 20px; left: -200px; box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04); transition: all .5s ease-in-out; } .layout-horizontal-bar .header-topnav .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; } .layout-horizontal-bar .topnav { margin: 0; max-height: calc(100vh - 50px) !important; /* Hide menus on hover */ } .layout-horizontal-bar .topnav .menu { height: auto !important; padding-right: 0px !important; width: 100%; } .layout-horizontal-bar .topnav .menu li a { border: none !important; } .layout-horizontal-bar .topnav ul.menu { float: left; padding-left: 0px; } .layout-horizontal-bar .topnav ul.menu > li { float: left; } .layout-horizontal-bar .topnav ul.menu > li > div > a, .layout-horizontal-bar .topnav ul.menu > li > div > div { border-bottom: 2px solid; height: auto !important; box-sizing: border-box; border-color: transparent; margin: 0 6px; } .layout-horizontal-bar .topnav .toggle { display: flex; text-decoration: none; border: none; } .layout-horizontal-bar .topnav ul { transform: translateY(0px) !important; transition: max-height 0.3s ease-in-out; } .layout-horizontal-bar .topnav [id^=drop]:checked + ul { opacity: 1; visibility: visible; max-height: 2000px; } .layout-horizontal-bar .topnav [id^=drop]:checked + ul.menu { max-height: 300px; overflow-y: scroll; } .layout-horizontal-bar .topnav ul li { position: relative; opacity: 1; visibility: visible; width: 100%; z-index: 1; } .layout-horizontal-bar .topnav ul ul .toggle, .layout-horizontal-bar .topnav ul ul a { padding: 0 40px; } .layout-horizontal-bar .topnav ul ul ul a { padding: 0 80px; } .layout-horizontal-bar .topnav ul li ul li .toggle, .layout-horizontal-bar .topnav ul ul a, .layout-horizontal-bar .topnav ul ul ul a { padding: 14px 20px; } .layout-horizontal-bar .topnav ul ul { opacity: 1 !important; visibility: hidden !important; max-height: 0px; position: relative !important; background: #ffffff; color: rgba(0, 0, 0, 0.87); /* has to be the same number as the "line-height" of "nav a" */ top: 0px !important; transform: translateY(-100px); transition: all 1s ease-in-out !important; z-index: 99 !important; border-radius: 5px; overflow: hidden; left: 0px; } .layout-horizontal-bar .topnav ul li:hover > div > div > ul, .layout-horizontal-bar .topnav ul li:hover > div > ul { opacity: 1 !important; visibility: visible !important; transform: translateY(0); transition: all 0.3s ease-in-out !important; max-height: 400px; } .layout-horizontal-bar .topnav ul ul li { opacity: 1; visibility: visible; width: 100% !important; } .layout-horizontal-bar .topnav ul:not(.menu) { box-shadow: none !important; margin-left: 5px; border-left: 1px dashed #eee; } .layout-horizontal-bar .topnav ul ul ul { left: 0; } .layout-horizontal-bar .topnav ul ul ul li { position: static; } } @media all and (max-width: 330px) { .topnav ul li { display: block; width: 94%; } } [dir=rtl] .topnav a .mat-icon, [dir=rtl] .topnav label .mat-icon { margin-right: 0; margin-left: 2px; } .app-footer { margin-top: 2rem; background: #eee; padding: 1.25rem; border-top-left-radius: 10px; border-top-right-radius: 10px; } .app-footer .footer-bottom { width: 100%; } .app-footer .footer-bottom .logo { width: 3rem; height: auto; margin: 4px; } .custom-separator { border-bottom: 1px dashed #ebedf2; margin: 15px 0; } div.tab-border { border: 1px dashed #ebedf2 !important; margin: 30px 0 !important; } .m-0 { margin: 0px !important; } .mt-0 { margin-top: 0px !important; } .mr-0 { margin-right: 0px !important; } .mb-0 { margin-bottom: 0px !important; } .ml-0 { margin-left: 0px !important; } .mx-0 { margin-left: 0px !important; margin-right: 0px !important; } .my-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .p-0 { padding: 0px !important; } .pt-0 { padding-top: 0px !important; } .pr-0 { padding-right: 0px !important; } .pb-0 { padding-bottom: 0px !important; } .pl-0 { padding-left: 0px !important; } .px-0 { padding-left: 0px !important; padding-right: 0px !important; } .py-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .m-8 { margin: 8px !important; } .mt-8 { margin-top: 8px !important; } .mr-8 { margin-right: 8px !important; } .mb-8 { margin-bottom: 8px !important; } .ml-8 { margin-left: 8px !important; } .mx-8 { margin-left: 8px !important; margin-right: 8px !important; } .my-8 { margin-top: 8px !important; margin-bottom: 8px !important; } .p-8 { padding: 8px !important; } .pt-8 { padding-top: 8px !important; } .pr-8 { padding-right: 8px !important; } .pb-8 { padding-bottom: 8px !important; } .pl-8 { padding-left: 8px !important; } .px-8 { padding-left: 8px !important; padding-right: 8px !important; } .py-8 { padding-top: 8px !important; padding-bottom: 8px !important; } .m-12 { margin: 12px !important; } .mt-12 { margin-top: 12px !important; } .mr-12 { margin-right: 12px !important; } .mb-12 { margin-bottom: 12px !important; } .ml-12 { margin-left: 12px !important; } .mx-12 { margin-left: 12px !important; margin-right: 12px !important; } .my-12 { margin-top: 12px !important; margin-bottom: 12px !important; } .p-12 { padding: 12px !important; } .pt-12 { padding-top: 12px !important; } .pr-12 { padding-right: 12px !important; } .pb-12 { padding-bottom: 12px !important; } .pl-12 { padding-left: 12px !important; } .px-12 { padding-left: 12px !important; padding-right: 12px !important; } .py-12 { padding-top: 12px !important; padding-bottom: 12px !important; } .m-16 { margin: 16px !important; } .mt-16 { margin-top: 16px !important; } .mr-16 { margin-right: 16px !important; } .mb-16 { margin-bottom: 16px !important; } .ml-16 { margin-left: 16px !important; } .mx-16 { margin-left: 16px !important; margin-right: 16px !important; } .my-16 { margin-top: 16px !important; margin-bottom: 16px !important; } .p-16 { padding: 16px !important; } .pt-16 { padding-top: 16px !important; } .pr-16 { padding-right: 16px !important; } .pb-16 { padding-bottom: 16px !important; } .pl-16 { padding-left: 16px !important; } .px-16 { padding-left: 16px !important; padding-right: 16px !important; } .py-16 { padding-top: 16px !important; padding-bottom: 16px !important; } .m-24 { margin: 24px !important; } .mt-24 { margin-top: 24px !important; } .mr-24 { margin-right: 24px !important; } .mb-24 { margin-bottom: 24px !important; } .ml-24 { margin-left: 24px !important; } .mx-24 { margin-left: 24px !important; margin-right: 24px !important; } .my-24 { margin-top: 24px !important; margin-bottom: 24px !important; } .p-24 { padding: 24px !important; } .pt-24 { padding-top: 24px !important; } .pr-24 { padding-right: 24px !important; } .pb-24 { padding-bottom: 24px !important; } .pl-24 { padding-left: 24px !important; } .px-24 { padding-left: 24px !important; padding-right: 24px !important; } .py-24 { padding-top: 24px !important; padding-bottom: 24px !important; } .m-28 { margin: 28px !important; } .mt-28 { margin-top: 28px !important; } .mr-28 { margin-right: 28px !important; } .mb-28 { margin-bottom: 28px !important; } .ml-28 { margin-left: 28px !important; } .mx-28 { margin-left: 28px !important; margin-right: 28px !important; } .my-28 { margin-top: 28px !important; margin-bottom: 28px !important; } .p-28 { padding: 28px !important; } .pt-28 { padding-top: 28px !important; } .pr-28 { padding-right: 28px !important; } .pb-28 { padding-bottom: 28px !important; } .pl-28 { padding-left: 28px !important; } .px-28 { padding-left: 28px !important; padding-right: 28px !important; } .py-28 { padding-top: 28px !important; padding-bottom: 28px !important; } .m-32 { margin: 32px !important; } .mt-32 { margin-top: 32px !important; } .mr-32 { margin-right: 32px !important; } .mb-32 { margin-bottom: 32px !important; } .ml-32 { margin-left: 32px !important; } .mx-32 { margin-left: 32px !important; margin-right: 32px !important; } .my-32 { margin-top: 32px !important; margin-bottom: 32px !important; } .p-32 { padding: 32px !important; } .pt-32 { padding-top: 32px !important; } .pr-32 { padding-right: 32px !important; } .pb-32 { padding-bottom: 32px !important; } .pl-32 { padding-left: 32px !important; } .px-32 { padding-left: 32px !important; padding-right: 32px !important; } .py-32 { padding-top: 32px !important; padding-bottom: 32px !important; } .m-36 { margin: 36px !important; } .mt-36 { margin-top: 36px !important; } .mr-36 { margin-right: 36px !important; } .mb-36 { margin-bottom: 36px !important; } .ml-36 { margin-left: 36px !important; } .mx-36 { margin-left: 36px !important; margin-right: 36px !important; } .my-36 { margin-top: 36px !important; margin-bottom: 36px !important; } .p-36 { padding: 36px !important; } .pt-36 { padding-top: 36px !important; } .pr-36 { padding-right: 36px !important; } .pb-36 { padding-bottom: 36px !important; } .pl-36 { padding-left: 36px !important; } .px-36 { padding-left: 36px !important; padding-right: 36px !important; } .py-36 { padding-top: 36px !important; padding-bottom: 36px !important; } .m-40 { margin: 40px !important; } .mt-40 { margin-top: 40px !important; } .mr-40 { margin-right: 40px !important; } .mb-40 { margin-bottom: 40px !important; } .ml-40 { margin-left: 40px !important; } .mx-40 { margin-left: 40px !important; margin-right: 40px !important; } .my-40 { margin-top: 40px !important; margin-bottom: 40px !important; } .p-40 { padding: 40px !important; } .pt-40 { padding-top: 40px !important; } .pr-40 { padding-right: 40px !important; } .pb-40 { padding-bottom: 40px !important; } .pl-40 { padding-left: 40px !important; } .px-40 { padding-left: 40px !important; padding-right: 40px !important; } .py-40 { padding-top: 40px !important; padding-bottom: 40px !important; } .m-44 { margin: 44px !important; } .mt-44 { margin-top: 44px !important; } .mr-44 { margin-right: 44px !important; } .mb-44 { margin-bottom: 44px !important; } .ml-44 { margin-left: 44px !important; } .mx-44 { margin-left: 44px !important; margin-right: 44px !important; } .my-44 { margin-top: 44px !important; margin-bottom: 44px !important; } .p-44 { padding: 44px !important; } .pt-44 { padding-top: 44px !important; } .pr-44 { padding-right: 44px !important; } .pb-44 { padding-bottom: 44px !important; } .pl-44 { padding-left: 44px !important; } .px-44 { padding-left: 44px !important; padding-right: 44px !important; } .py-44 { padding-top: 44px !important; padding-bottom: 44px !important; } .m-48 { margin: 48px !important; } .mt-48 { margin-top: 48px !important; } .mr-48 { margin-right: 48px !important; } .mb-48 { margin-bottom: 48px !important; } .ml-48 { margin-left: 48px !important; } .mx-48 { margin-left: 48px !important; margin-right: 48px !important; } .my-48 { margin-top: 48px !important; margin-bottom: 48px !important; } .p-48 { padding: 48px !important; } .pt-48 { padding-top: 48px !important; } .pr-48 { padding-right: 48px !important; } .pb-48 { padding-bottom: 48px !important; } .pl-48 { padding-left: 48px !important; } .px-48 { padding-left: 48px !important; padding-right: 48px !important; } .py-48 { padding-top: 48px !important; padding-bottom: 48px !important; } .m-auto { margin: auto !important; } .mx-auto { margin-left: auto !important; margin-right: auto !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } ._dot { width: 5px; height: 5px; background-color: #fff; border-radius: 50%; } ._inline-dot { display: inline-block; } ._round-button { border-radius: 50% !important; } .progress--height-2 { height: 5px; } .chat-sidebar-container { height: calc(100vh - 140px); min-height: unset; } .chat-sidebar-container .chat-topbar { height: 52px; } .chat-sidebar-container .chat-content-wrap .chat-content { padding: 1.5rem 1.5rem 0; position: relative; height: calc(100vh - 335px); } .chat-sidebar-container .chat-content-wrap .chat-content .message { position: relative; background: #f8f9fa; border-radius: 10px; padding: 1rem; } .chat-sidebar-container .chat-content-wrap .chat-content .message:before { position: absolute; content: ""; top: 14px; right: -5px; background: transparent; border-style: solid; border-width: 0 10px 10px 0px; border-color: transparent transparent #f8f9fa transparent; transform: rotate(-135deg); } .chat-sidebar-container .chat-content-wrap .chat-content .user .message:before { left: -5px; right: auto; transform: rotate(45deg); } .chat-sidebar-container .chat-content-wrap .chat-content .chat-input-area { position: absolute; width: 100%; bottom: 0; left: 0; right: 0; } .chat-sidebar-container .chat-content-wrap .spinner-glow { position: absolute; left: 0; right: 0; top: calc(50% - 10px); } .chat-sidebar-container .chat-sidebar-wrap { width: 260px; } .chat-sidebar-container .chat-sidebar-wrap .contacts-scrollable { position: relative; height: calc(100vh - 190px); } .chat-sidebar-container .chat-sidebar-wrap .contacts-scrollable .contact { position: relative; cursor: pointer; transition: .15s all ease-in; } .chat-sidebar-container .chat-sidebar-wrap .contacts-scrollable .contact:hover { background: #f8f9fa; } .chat-sidebar-container .chat-sidebar-wrap .contacts-scrollable .contact:before { position: absolute; content: ""; width: 8px; height: 8px; top: calc(50% - 4px); right: 30px; background: #bbb; border-radius: 50%; } .chat-sidebar-container .chat-sidebar-wrap .contacts-scrollable .contact.online:before { background: #4caf50; } .invoice-summary { width: 220px; text-align: right; float: right; } .invoice-summary.invoice-summary-input { width: 320px; } .invoice-summary.invoice-summary-input p span, .invoice-summary.invoice-summary-input h5 span { width: 180px; } .invoice-summary p, .invoice-summary h5 { display: flex; justify-content: flex-end; } .invoice-summary p span, .invoice-summary h5 span { width: 107px; } .invoice-summary p span .small-input, .invoice-summary h5 span .small-input { display: inline-block; width: 3rem; margin: 0 .75rem; } @media print { body * { visibility: hidden; } .main-content-wrap { width: 100% !important; } #print-area, #print-area * { visibility: visible; } #print-area { position: absolute; left: 0; top: 0; width: 100%; } } [dir="rtl"] .invoice-summary { text-align: left !important; } .inbox-main-sidebar-container { padding: 15px; } .inbox-main-sidebar-container .inbox-main-sidebar { width: 180px; height: 100%; overflow: hidden; } .inbox-main-sidebar-container .inbox-main-sidebar .inbox-main-nav { list-style: none; padding: 0; margin: 0; } .inbox-main-sidebar-container .inbox-main-sidebar .inbox-main-nav li a { padding: .66rem 0; display: flex; flex-direction: row; align-items: center; color: #47404f; } .inbox-main-sidebar-container .inbox-main-sidebar .inbox-main-nav li a.active { color: #663399; } .inbox-main-sidebar-container .inbox-main-sidebar .inbox-main-nav li a:hover { color: #663399; } .inbox-main-sidebar-container .inbox-main-sidebar .inbox-main-nav li a i { margin-right: 8px; } .inbox-main-sidebar-container .inbox-secondary-sidebar-container { border-radius: 10px; min-height: calc(100vh - 150px); } .inbox-main-sidebar-container .inbox-secondary-sidebar-container .inbox-secondary-sidebar-content .inbox-topbar { height: 52px; display: flex; flex-direction: row; } .inbox-main-sidebar-container .inbox-secondary-sidebar-container .inbox-secondary-sidebar-content .inbox-details { padding: 1.5rem 2rem; } .inbox-main-sidebar-container .inbox-secondary-sidebar-container .inbox-secondary-sidebar { overflow: hidden; width: 360px; height: 100%; border-right: 1px solid #eee; } .inbox-main-sidebar-container .inbox-secondary-sidebar-container .inbox-secondary-sidebar .mail-item { display: flex; border-bottom: 1px solid #eee; padding: 1.25rem 1rem; cursor: pointer; } .inbox-main-sidebar-container .inbox-secondary-sidebar-container .inbox-secondary-sidebar .mail-item:hover { background: #f8f9fa; } .inbox-main-sidebar-container .inbox-secondary-sidebar-container .inbox-secondary-sidebar .mail-item .avatar { width: 15%; } .inbox-main-sidebar-container .inbox-secondary-sidebar-container .inbox-secondary-sidebar .mail-item .details { width: 60%; } .inbox-main-sidebar-container .inbox-secondary-sidebar-container .inbox-secondary-sidebar .mail-item .date { width: 25%; font-size: 10px; } .inbox-main-sidebar-container .inbox-secondary-sidebar-container .inbox-secondary-sidebar .mail-item .date span { float: right; } .inbox-main-sidebar-container .inbox-secondary-sidebar-container .inbox-secondary-sidebar .avatar img { margin: 4px; width: 32px; height: 32px; border-radius: 50%; } .inbox-main-sidebar-container .inbox-secondary-sidebar-container .inbox-secondary-sidebar .name { font-size: 12px; display: block; } @media (max-width: 767px) { .mail-item { padding: 1rem .5rem !important; } .inbox-secondary-sidebar { width: 280px !important; } } [dir="rtl"] .inbox-main-sidebar-container .inbox-main-sidebar .inbox-main-nav li a i { margin-right: 0; margin-left: 8px; } .list-horizontal .list-item .list-thumb img { height: 74px; object-fit: cover; } .list-horizontal .list-item .item-title { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .list-horizontal .list-item a { color: #47404f; } .list-grid .list-item .list-thumb img { width: 100%; height: 180px; object-fit: cover; } .list-grid .list-item .card-body { display: block !important; } .list-grid .list-item .item-title { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 300px; } .list-grid .list-item a { color: #47404f; } .list-grid .list-item .item-badges, .list-grid .list-item .item-actions { position: absolute; top: 16px; } .list-grid .list-item .item-actions { right: 16px; } .list-grid .list-item .item-badges { left: 16px; } .list-grid .list-item .item-select { display: none; } @media (max-width: 991px) { .list-horizontal .list-item .list-thumb img { height: 100%; width: 100px; } .list-horizontal .list-item .item-title { max-width: 200px; } } @media (max-width: 576px) { .list-horizontal .list-item .item-title { max-width: 150px; } } .user-profile .header-cover { position: relative; background-size: cover; background-repeat: no-repeat; height: 300px; } .user-profile .header-cover::after { content: ""; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.1); } .user-profile .user-info { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: -40px; z-index: 9; } .user-profile .profile-picture { border-radius: 50%; border: 4px solid #fff; } .user-profile .profile-nav { justify-content: center; } .timeline { position: relative; list-style: none; padding: 0; margin: 0; } .timeline .timeline-item { position: relative; width: 50%; display: inline-block; } .timeline .timeline-item:nth-child(even) { padding: 0 3rem 3rem 0; } .timeline .timeline-item:nth-child(even) .timeline-badge { left: calc(100% - 24px); } .timeline .timeline-item:nth-child(odd) { float: right; padding: 0 0 3rem 3rem; margin-top: 6rem; } .timeline .timeline-item:nth-child(odd) .timeline-badge { right: calc(100% - 24px); } .timeline .timeline-item .timeline-badge { position: absolute; width: 48px; height: 48px; } .timeline .timeline-item .badge-icon { display: inline-block; text-align: center; font-size: 22px; border-radius: 50%; height: 100%; width: 100%; line-height: 48px; } .timeline .timeline-item .badge-img { display: inline-block; border-radius: 50%; height: 100%; width: 100%; } .timeline .timeline-group { position: relative; z-index: 99; padding: 0 0 2rem 0; } .timeline .timeline-line { position: absolute; content: ""; width: 1px; height: 100%; background: #dee2e6; left: 0; right: 0; margin: auto; } @media (max-width: 767px) { .user-profile .header-cover { height: 200px; } .timeline .timeline-item { width: 100%; padding: 4rem 0 3rem !important; } .timeline .timeline-item:nth-child(odd) { margin-top: 1rem; } .timeline .timeline-item .timeline-badge { left: 0 !important; right: 0 !important; top: -16px; margin: auto; } .timeline .timeline-group { padding: 0 0 3rem; } } .auth-layout-wrap { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 100vh; background-size: cover; } .auth-layout-wrap .auth-content { max-width: 660px; margin: auto; } .auth-right { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; } .auth-logo img { width: 100px; height: 100px; } @media (min-width: 1024px) { .auth-layout-wrap .auth-content { min-width: 660px; } } @media (max-width: 767px) { .auth-layout-wrap .auth-content { padding: 15px; } .auth-right { padding: 80px 15px; } } .not-found-wrap { background-image: url("../../dist-assets/images/page-bg-bottom.html"); background-position-y: bottom; background-size: cover; background-size: 100%; height: 100vh; background-repeat: no-repeat; padding: 107px 0; } .not-found-wrap h1 { font-weight: 800; margin-bottom: 16px; line-height: 1; } .not-found-wrap .subheading { font-weight: 800; } .main-header { position: relative; } .main-header .topbar .header-nav { display: flex; justify-content: space-between; padding: 0; } .main-header .topbar .header-nav .topbar-item ul li { padding-right: 40px; text-transform: capitalize; } .homepage { padding: 80px 0; background: url(../../../../../ui-lib.com/wp-content/uploads/2019/04/bg-1.png); background-size: contain; background-repeat: no-repeat; } .homepage .main-content .logo { width: 80px; margin: auto; } .homepage .main-content h1 { color: #52495a; line-height: 1.5; } .homepage .main-content .btn-raised-primary:hover { color: #fff; } .homepage .main-content .btn-raised { transition: all .15s ease-in; } .homepage .main-content .btn-raised:hover { transform: translateY(-2px); } .homepage .main-content .dashboard-photo { margin: auto; border-radius: 10px; overflow: hidden; max-width: 960px; box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.08); } .homepage .main-content .dashboard-photo img { width: 100%; } .features { padding-top: 126px; padding-bottom: 126px; background: #f8fafe; } .features .section-title { margin-bottom: 45px; } .features .section-title h2 { margin-bottom: 5px; } .features .section-title p { max-width: 550px; margin: 0 auto; opacity: 0.7; } .features .features-wrap .feature-card { flex-direction: row; justify-content: space-around; padding: 20px 0px; margin-bottom: 10px; background: transparent; } .features .features-wrap .feature-card .card-icon { padding: 15px; } .features .features-wrap .feature-card .card-title { display: flex; align-items: center; margin: 0px; flex-grow: 0.5; } .features .features-wrap .feature-card .card-title h6 { margin: 0px; } .features .features-wrap .feature-card:hover, .features .features-wrap .feature-card.active { background: linear-gradient(#8470b9, #473886); cursor: pointer; } .features .features-wrap .feature-card:hover .card-icon, .features .features-wrap .feature-card.active .card-icon { padding: 15px; color: #fff; } .features .features-wrap .feature-card:hover .card-title h6, .features .features-wrap .feature-card.active .card-title h6 { color: #fff; } .features .tab-panel { display: none; padding: 0 20px; } .features .tab-panel.active { display: block; } .features .tab-panel img { width: 100%; } .framework { padding-top: 126px; padding-bottom: 126px; background: #f8fafe; } .framework .section-title { padding-bottom: 40px; } .framework .item-photo { height: 180px; width: 180px; padding: 25px; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .framework .item-photo img { width: auto; height: auto; max-width: 64px; } .framework .item-photo .item-photo-text { font-size: 40px; } .demos { padding-top: 80px; padding-bottom: 80px; } .demos .section-title { padding-bottom: 35px; } .demos .demo-photo .thumbnail { display: block; } .demos .demo-photo img { width: 100%; } .demos .demo-photo a { text-transform: capitalize; } .demos .demo-photo a:hover { color: #ffffff; } .component { padding-top: 80px; padding-bottom: 80px; } .component .section-title { padding-bottom: 50px; } .component .component-list { margin-bottom: 30px; } .component .component-list ul .comoponent-list-heading { margin-left: 15px; text-transform: capitalize; margin-top: 2px; } .component .component-list ul li { list-style: none; margin-left: 45px; opacity: 0.7; } .clients { background-color: #f8fafe; padding-top: 80px; padding-bottom: 80px; } .clients .section-title { padding-bottom: 50px; text-align: center; } .clients .section-title h2 { margin-bottom: 10px; } .clients .section-title p { max-width: 550px; margin: 0 auto; } .clients .complement { max-width: 900px; margin: 0 auto; } .clients .complement .client-card { margin-bottom: 20px; padding: 10px; box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.08); } .clients .complement .client-card .user { margin-left: 10px; } .clients .complement .client-card .user .user-photo { margin-right: 30px; } .clients .complement .client-card .user .user-photo img { width: 50px; height: 50px; border-radius: 50%; } .clients .complement .client-card .user .user-detail { margin-top: 5px; } .clients .complement .client-card .user .user-detail h6 { margin: 0px; } .clients .complement .client-card .user .user-detail p { opacity: 0.8; } .clients .complement .client-card .user-comment { margin-left: 10px; } .clients .complement .client-card .user-comment p { max-width: 800px; font-style: italic; opacity: 0.7; } .blog { padding-top: 80px; padding-bottom: 80px; } .blog h2 { max-width: 890px; margin: 0px 0px 40px 0px; } .blog p { max-width: 890px; opacity: 0.7; } .blog .blog-photo { margin: 20px 0px; } .blog .blog-photo img { width: 100%; } .footer { background-color: #f8fafe; padding-top: 80px; } .footer .footer-item { margin-bottom: 100px; } .footer .footer-item .social-media ul li { list-style: none; display: inline-block; margin-left: 10px; } .footer .footer-item .social-media ul li a { color: #111111a8; background: #fff; padding: 7px; border-radius: 5px; } .footer .footer-bootom { padding: 10px 0px; border-top: 0.2px solid #fffffffa; } .footer .footer-bootom p { margin: 0px; } .footer .btn-raised-primary:hover { color: #fff; } .footer .btn-raised { transition: all .15s ease-in; } .footer .btn-raised:hover { transform: translateY(-2px); } @media (max-width: 960px) { .dashboard .dashboard-photo { max-width: calc(100% - 80px); } .dashboard { height: 350px; } } @media (max-width: 767px) { .main-header .navbar-nav { flex-direction: row; } .main-header .navbar-nav .nav-item { margin-right: 8px; } .main-header .topbar .header-nav { display: block; } .brand { display: flex; justify-content: space-between; width: 100%; } .navbar-toggler { padding: 5px 0px; font-size: 1.25rem; line-height: 1; border: 0px solid #fff; border-radius: 0.25rem; display: flex; flex-direction: column; cursor: pointer; display: flex; justify-content: center; } .navbar-toggler .navbar-toggler-icon { background: #52495a; } .navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; outline: none; } .navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-align: center; align-items: center; background: transparent; background-size: auto; background-repeat: no-repeat; overflow: hidden; z-index: 999; text-align: center; } .navbar-toggler-icon { display: inline-block; width: 25px; height: 2px; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; background: #fff; margin-top: 4px; } .dashboard { height: 250px; } .features .features-wrap { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } .features .features-wrap .feature-card { padding: 10px 10px; margin: 5px 5px; } .features .features-wrap .feature-card .card-title { margin: 0px; } .features .features-wrap .feature-card .card-title h6 { margin: 0px; } .features .features-wrap .feature-card .card-icon { display: none; } .framework .item-photo { margin-bottom: 30px; } .component .component-list { margin: 0 auto; } .component .component-list ul { text-align: center; padding: 0px; } .component .component-list ul li { margin-left: 30px; } .component .component-list .comoponent-list-heading { margin-left: 3px !important; } .footer .footer-item .social-media { margin-top: 18px; } .footer .footer-item .social-media ul { padding: 0px; } .footer .footer-item .social-media ul li { margin-right: 20px; margin-left: 0px; } .footer .footer-item .selling-btn { margin-top: 10px; } .footer .footer-item .btn-arrow { margin-top: 10px; } } @media (max-width: 600px) { .homepage { padding: 80px 0; } .dashboard { height: auto; padding: 60px 0; } .dashboard .dashboard-photo { position: unset !important; } } @media only screen and (max-width: 991px) { .ul-landing__navbar.collapse:not(.show) { display: block !important; } .ul-landing__brand { max-width: 80px !important; } } #task-manager li.nav-item.dropdown { padding: 0 8px; } #task-manager li.nav-item.dropdown { margin: 11px 0; text-align: left; } #task-manager .dropdown-menu.show { display: block; margin: 21px 2px; } #task-manager .task-manager-button { padding: 7px 15px; } #task-manager .active { display: none; } #task-manager .ul-task-manager__font-date { font-size: 10px; } #task-manager .ul-task-manager__paragraph { width: 95%; letter-spacing: 0px; } #task-manager .ul-task-manager__media a { color: #3F51B5; font-weight: bold; } #task-manager .ul-task-manager__fonts { font-size: 32px; position: relative; top: 13px; color: #70657b; } #task-manager .ul-task-manager__media p { margin-bottom: 0rem; font-weight: 700; } #task-manager .revision-font i { margin-right: 15px; font-size: 30px; color: #3F51B5; } @media (max-width: 991px) { #task-manager .navbar-toggler { float: left !important; } #task-manager .filter-mobile { width: 100%; text-align: left; margin-top: 5px; } #task-manager li.nav-item.dropdown { padding: 0px; } #task-manager button.task-manager-button.navbar-toggler.text-white { background: #663399; } } #task-manager-list .ul-task-manager__dropdown-menu.show { display: block; margin: 10px 2px; } #task-manager-list .ul-task-manager__header-inline { display: flex; justify-content: space-between; flex-wrap: nowrap; align-items: center; } #task-manager-list .ul-task-manager__list-icon { color: #47404f; } #task-manager-list .ul-task-manager__list-icon i { font-weight: 900; padding: 0 4px; } #task-manager-list .ul-task-manager__select-show { display: inline; } #task-manager-list .ul-task-manager__search-inline { display: flex; justify-content: space-between; margin-bottom: 20px; } #task-manager-list .ul-task-manager__head--width { width: 60px; } #task-manager-list .checkmarks { display: inline-block; width: 22px; height: 22px; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); } #task-manager-list .checkmark_stem { position: absolute; width: 3px; height: 9px; background-color: #ccc; left: 11px; top: 6px; } #task-manager-list .checkmark_kick { position: absolute; width: 3px; height: 3px; background-color: #ccc; left: 8px; top: 12px; } #task-manager-list .task-manager-list-select { width: 70%; } #task-manager-list .calendar i { color: #47404f; font-size: 16px; font-weight: 900; margin-right: 6px; } #task-manager-list .ul-task-manager__avatar { width: 36px; height: 36px; } #task-manager-list .ul-task-manager__font-table { font-size: 33px; position: relative; top: 13px; color: #665c70; cursor: pointer; } #task-manager-list .ul-task-manager__font-down { color: #47404f; font-size: 20px; } #task-manager-list .ul-task-manager__dot { height: 7px; width: 7px; border-radius: 50%; display: inline-block; } #task-manager-list .active { display: none; } #task-manager-list ul.pagination.justify-content-end { margin-bottom: 0; } #task-manager-list td.ul-task-manager__align { vertical-align: middle; } @media (max-width: 991px) { #task-manager-list .custom-sm-width { width: 1000px; } } label.ul-form__label { font-size: 13px; font-weight: 400; margin-bottom: 5px; text-align: right; padding: 7px 0; } small.ul-form__text { margin-top: 10px; color: #bbb; font-weight: 400; } .input-right-icon { position: relative; } span.span-left-input-icon { position: absolute; top: 9px; left: 10px; } span.span-right-input-icon { position: absolute; top: 9px; /* left: 0; */ right: 10px; } i.ul-form__icon { color: #70657b; font-size: 15px; font-weight: 600; } .ul-form__radio-inline { display: flex; } span.ul-form__radio-font { font-size: 14px; font-weight: 500; } .footer-delete-right { float: right; } .ul-card__margin-25 { margin: 25px 0; } @media only screen and (max-width: 991px) { label.ul-form--margin { text-align: left; margin-left: 20px; } } label.action-bar-horizontal-label { font-size: 15px; } .ul-form__radio { position: relative; } span.checkmark.ul-radio__position { position: absolute; /* bottom: -22px; */ top: -8px; left: 4px; } #todo_wrap ul { padding: 0; text-align: left; list-style: none; } #todo_wrap hr { border-bottom: 0; margin: 15px 0; } #todo_wrap input[type="checkbox"] { width: 30px; float: left; } #todo_wrap .remove { float: right; cursor: pointer; } #todo_wrap .completed { text-decoration: line-through; } i.ul-tab__icon { font-size: 14px; font-weight: 500; } .ul-tab__border { border: 1px dashed #bbb; margin: 30px 0; } .ul-tab__content { margin: 0; padding-left: 0; } .ul-dropdown__toggle { padding: 8px 25px; margin: 0 5px; } .tab-border { border: 1px dashed #ebedf2 !important; margin: 30px 0 !important; } span._r_block-dot { display: block; margin: 2px 0; } ._r_btn { border: 1px solid #e8ecfa; } ._r_drop_right { padding-right: 14px !important; } .ul-accordion__link:hover { list-style: none; text-decoration: none !important; } button.ul-accordion__link { text-decoration: none !important; } .ul-accordion__font { font-size: 16px; } .ul-cursor--pointer { cursor: pointer; } .ul-border__bottom { border-bottom: 1px solid #3F51B5; } .ul-card__v-space { border-radius: 0; box-shadow: 0; margin: 30px 0; } .ul-card__border-radius { border-radius: 0; box-shadow: none; } .header-elements-inline { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; } .ul-card__list--icon-font i { font-weight: 700; margin: 0 2px; } .accordion .ul-collapse__icon--size a::before { font-family: 'iconsmind'; font-size: 18px; font-weight: 700; vertical-align: bottom; cursor: pointer; } .accordion .ul-collapse__left-icon a.collapsed:before { font-family: 'iconsmind'; content: "\f083"; margin: 0 8px; } .accordion .ul-collapse__left-icon a:before { font-family: 'iconsmind'; content: "\f072"; margin: 0 8px; } .accordion .ul-collapse__right-icon a.collapsed:before { font-family: 'iconsmind'; content: "\f083"; margin: 0 8px; float: right; position: absolute; right: 15px; } .accordion .ul-collapse__right-icon a:before { font-family: 'iconsmind'; content: "\f072"; margin: 0 8px; float: right; position: absolute; right: 15px; } .ul-widget__item { display: flex; justify-content: space-between; align-items: center; border-bottom: 0.07rem dashed #dee2e6; padding: 1.1rem 0; } .ul-widget1__title { font-size: 1.1rem; font-weight: 700; color: #70657b; } .ul-widget__desc { font-size: 0.9rem; font-weight: normal; } .ul-widget__number { font-size: 1.4rem; font-weight: 700; } .ul-widget__item:last-child { border-bottom: 0; } .ul-widget__head { display: flex; justify-content: space-between; border-bottom: 1px solid #eee; align-items: center; } .ul-widget__head.--v-margin { padding: 10px 0; } .ul-widget__head-title { margin: 0; font-size: 1.2rem; font-weight: 500; color: #52495a; } .ul-widget-nav-tabs-line .nav-item .nav-link.active { border: 1px solid transparent; border-color: #fff #fff #3F51B5 #fff; } .ul-widget-nav-tabs-line .nav-link { font-weight: 700; } .ul-widget__body { margin-top: 10px; } .ul-widget2__item { display: flex; justify-content: space-between; margin-bottom: 1.4rem; align-items: center; position: relative; } .ul-widget2__info { display: flex; flex-direction: column; flex-grow: 1; margin-left: 10px; } .ul-widget2__title { font-weight: 600; color: #70657b; } .ul-widget2__username { font-size: 0.7rem; color: #70657b; } .ul-widget__link--font i { font-weight: 700; font-size: 13px; letter-spacing: 2px; } .ul-widget__link--font { color: #70657b; font-weight: 600; font-size: 15px; } .ul-pl-0 { padding-left: 0; } .ul-checkmark { position: absolute; top: -4px !important; left: 20px !important; } .ul-widget2__actions { opacity: 0; visibility: hidden; } .ul-widget1:hover .ul-widget2__actions { opacity: 1; visibility: visible; transition: 0.3s; } .pb-20 { padding-bottom: 20px; } .ul-widget-notification-item { display: flex; align-items: center; padding: 2px; position: relative; border-bottom: 1px solid #eee; padding: 10px 0px; } .ul-widget-notification-item:last-child { border-bottom: none; } .ul-widget-notification-item:hover { background-color: #f8f9fa; } .ul-widget-notification-item-icon { /* padding-left: 12px; */ padding-right: 20px; } .ul-widget-notification-item-title { -webkit-transition: color 0.3s ease; transition: color 0.3s ease; font-size: 1rem; font-weight: 400; color: #665c70; } .ul-widget-notification-item-time { font-size: 13px; font-weight: 300; color: #bbb; } .ul-widget-notification-item::after { content: "\f07d"; font-family: 'iconsmind'; position: absolute; /* top: 16px; */ right: 0; } .ul-widget-notification-item i { font-size: 27px; } .ul-widget3-img img { width: 3.2rem; border-radius: 50%; } .ul-widget3-item { margin-bottom: 1rem; border-bottom: 0.07rem dashed #eee; } .ul-widget3-item:last-child { border: none; } .ul-widget3-header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 0.8rem; } span.ul-widget3-status { flex-grow: 1; text-align: right; } .ul-widget3-info { padding-left: 10px; } .ul-widget4__item { display: flex; align-items: center; border-bottom: 1px dashed #dee2e6; padding: 15px 0; } .ul-widget4__item:last-child { border-bottom: 0; } .ul-widget4__pic-icon { margin-right: 15px; font-size: 25px; } a.ul-widget4__title { color: #70657b; font-weight: 700; font-size: 15px; } a.ul-widget4__title:hover { color: #3F51B5; } .ul-widget4__img img { width: 2.5rem; border-radius: 5px; margin-right: 15px; } .ul-widget4__users { justify-content: space-between; } .ul-widget2__info.ul-widget4__users-info { flex-grow: 1; width: calc(100% - 135px); } span.ul-widget4__number.t-font-boldest { font-size: 1.1rem; /* font-weight: 900; */ } .ul-widget5__item { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.43rem; padding-bottom: 1.57rem; border-bottom: 0.07rem dashed #eee; } .ul-widget5__item:last-child { border-bottom: none; } .ul-widget5__content { display: flex; align-items: center; } .ul-widget5__stats { display: flex; flex-direction: column; text-align: right; } .ul-widget5__stats:first-child { padding-right: 3rem; } span.ul-widget5__number { font-size: 1.3rem; font-weight: 600; color: #70657b; } .ul-widget5__pic img { padding-right: 1.43rem; width: 8.6rem; border-radius: 4px; } p.ul-widget5__desc { margin: 0; padding: 0.4rem 0; font-size: 1rem; font-weight: 400; color: #ced4da; } .ul-widget5__info span:nth-child(even) { font-weight: 600; padding-right: 0.71rem; } .ul-widget6__head .ul-widget6__item { display: flex; align-items: center; margin-bottom: 1.07rem; } .ul-widget6__head .ul-widget6__item span { flex: 1; text-align: left; font-size: 0.8rem; color: #bbb; font-weight: 500; } .ul-widget6__head .ul-widget6__item span:last-child { text-align: right; } .ul-widget6__body .ul-widget6__item { display: flex; align-items: center; padding: 1.07rem 0; border-bottom: 0.07rem dashed #eee; } .ul-widget6__body .ul-widget6__item:last-child { border-bottom: none; } .ul-widget6__body .ul-widget6__item span { flex: 1; text-align: left; color: #70657b; font-weight: 400; } .ul-widget6__body .ul-widget6__item span:last-child { text-align: right; } .ul-widget6 .ul-widget6-footer { text-align: right; margin: 0; } .ul-widget-s5__pic img { width: 4rem; border-radius: 50%; } .ul-widget-s5__pic { padding-right: 1rem; } a.ul-widget4__title.ul-widget5__title { font-size: 1.1rem; } .ul-widget-s5__desc { margin: 0; color: #70657b; } .ul-widget-s5__item { display: flex; justify-content: space-between; } .ul-widget-s5__content { display: flex; align-items: center; } .ul-widget-s5__content:last-child { display: flex; justify-content: space-between; width: 50%; align-items: center; } .ul-widget-s5__progress { flex: 1; padding-right: 3rem; } .ul-widget-s5__stats { justify-content: space-between; display: flex; margin-bottom: 0.7rem; } .ul-widget-s5__stats span { font-size: 1rem; font-weight: 600; color: #665c70; } .widget-badge { margin: 0 !important; } .ul-widget-s6__items { position: relative; } .ul-widget-s6__items:before { content: ""; position: absolute; display: block; width: 1px; background-color: #dee2e6; height: 100%; left: 3px; top: 14px; } p.ul-widget6__dot { height: 8px; width: 8px; margin: 0; position: relative; z-index: 1; } .ul-widget-s6__item { display: flex; justify-content: space-between; margin: 1rem 0; } p.ul-widget-s6__text { flex-grow: 1; margin-left: 11px; } span.ul-widget-s6__text { display: flex; flex-grow: 1; /* margin-right: -26px; */ padding-left: 12px; color: #70657b; font-weight: 600; } span.ul-widget-s6__time { font-size: 0.77rem; color: #bbb; } .ul-widget6__item--table { height: 400px; overflow-y: scroll; } tr.ul-widget6__tr--sticky-th th { position: sticky; top: 0; background-color: #fff; } .ul-widget-s7__items { display: flex; } .ul-widget-s7__item-circle { margin: 0 1rem; } .ul-widget-s7__item-circle i { font-size: 16px; font-weight: 900; } .ul-widget-s7 { position: relative; padding: 15px 0; } .ul-widget-s7:before { content: ""; position: absolute; width: 1; height: 100%; background-color: #ced4da; width: 0.241rem; /* top: 0; */ left: 72px; top: 22px; } p.ul-widget7__big-dot { height: 13px; width: 13px; margin: 0; position: relative; z-index: 1; } .ul-widget-s7__item-time { font-size: 1.2rem; font-weight: 500; color: #70657b; } .ul-widget-s7__item-time.ul-middle { display: flex; align-items: center; } .ul-widget-s7__item-text { font-size: 1rem; color: #70657b; } .ul-widget-s7:last-child:before { background-color: #f8f9fa; } .ul-vertical-line { height: 100%; width: 7px; display: inline-block; vertical-align: middle; } .ul-widget8__tbl-responsive { display: block; width: 100%; overflow-x: auto; } .ul-widget_user-card { display: -webkit-box; display: flex; align-items: center; } @media only screen and (max-width: 425px) { .ul-widget__number { font-size: 1.1rem; font-weight: 700; } .ul-widget1__title { font-size: 0.9rem; } .ul-widget__desc { font-size: .7rem; } .ul-widget__head { flex-direction: column; } .ul-widget__head-label { margin: 10px 0; } .ul-widget__head.v-margin { flex-direction: unset; } } @media only screen and (max-width: 1024px) { .ul-widget2__actions { opacity: 1; visibility: visible; } } @media only screen and (max-width: 768px) { .ul-widget-s5__content:last-child { width: 100%; } .ul-widget-s5__item { justify-content: space-between; display: block; } .ul-widget-s5__content { margin: 15px 0; } } @media only screen and (max-width: 375px) { .ul-widget5 { overflow-x: auto; } a.ul-widget4__title { font-size: 12px; padding-right: 5px; } a.ul-widget4__title.ul-widget5__title { font-size: 11px; } p.ul-widget-s5__desc { font-size: 11px; } } @media only screen and (max-width: 725px) { .ul-widget5__item { display: block; text-align: center !important; } .ul-widget5__content { display: block; margin-bottom: 15px; } .ul-widget5__stats:first-child { padding-right: 0; } .ul-widget5__stats { text-align: center; } } .ul-card__widget-chart { padding: 0px; } .ul-widget__chart-info { padding: 15px; } .ul-widget__row { align-items: center; display: flex; } .ul-widget__content { margin-left: 30px; } .ul-widget__row-v2 { text-align: center; text-align: -webkit-center; } .ul-widget-stat__font i { font-size: 35px; } .ul-widget__content-v4 { text-align: center; } .ul-faq__details { margin: 70px 0; } .ul-faq__list-details ul { padding-left: 10px; margin: 0; } .ul-faq__list-details ul li { list-style: none; color: #665c70; padding: 5px 0; font-weight: 700; } .ul-widget-card__info { display: flex; justify-content: space-between; } .ul-widget-card__info span p:first-child { font-size: 20px; font-weight: 500; margin-bottom: 2px; } .ul-widget-card__info span p:last-child { font-size: 17px; margin: 0; } .ul-widget-card__progress-rate { display: flex; justify-content: space-between; margin-top: 12px; margin-bottom: 5px; } .ul-widget-card__progress-rate span { font-weight: 700; } .ul-widget-card__progress-rate span:last-child { font-weight: 700; color: #ced4da; } .progress--height { height: 10px; } .ul-widget-card__user-info { text-align: center; } .ul-widget-card--line { border-bottom: 1px solid #dee2e6; padding-bottom: 20px; } .ul-widget-card--line:last-child { border-bottom: none; } .ul-widget-card__rate-icon { display: flex; justify-content: space-between; margin: 15px 0; } .ul-widget-card__rate-icon.--version-2 { justify-content: flex-start; } .ul-widget-card__rate-icon.--version-2 span { margin-right: 18px; } .ul-widget-card__rate-icon span i { font-size: 14px; } .ul-widget-card__rate-icon span { font-size: 15px; } .ul-widget-card__rate-icon span i { font-size: 16px; font-weight: 600; margin-right: 2px; } .ul-widget-card__full-status { display: flex; justify-content: space-between; } .ul-widget-card__status1 { display: grid; text-align: -webkit-center; text-align: center; } .ul-widget-card__status1 span:first-child { font-size: 1.25rem; font-weight: 600; } .ul-widget6__dot.ul-widget-card__dot-xl { padding: 1.35rem; } .ul-widget-s6__badge .ul-widget-card__dot { position: relative; } .ul-widget6__dot.ul-widget-card__dot-xl i { position: absolute; top: 35%; content: ""; left: 35%; } .ul-widget-s6__items.ul-widget-card__position:before { left: 20px; top: 0; } .ul-widget-card__item { display: flex; align-items: center; padding: 20px 0; } .ul-widget-card__info-v2 { display: grid; /* margin-right: 2px; */ margin-left: 20px; } .ul-widget-card__img-bg { background: url("../../../../images/products/watch-2.html"); background-size: cover; height: 500px; background-repeat: no-repeat, repeat; } .ul-widget-card__cloud .ul-widget-card__head h1 { color: #fff; } .ul-widget-card__cloud .ul-widget-card__head i { color: #fff !important; } .ul-widget-card__head { display: flex; justify-content: space-around; margin: 60px 0; align-items: center; } .ul-widget-card__weather-info { display: flex; justify-content: space-between; align-items: center; font-size: 20px; margin: 45px 0; } .ul-b4__box { width: 5rem; height: 5rem; background-color: #ced4da; display: inline-block; margin: 0 5px; } .ul-b4__border { border: 1px solid #3F51B5; } .ul-b4__border-top { border-top: 1px solid #3F51B5; } .ul-b4__border-right { border-right: 1px solid #3F51B5; } .ul-b4__border-bottom { border-bottom: 1px solid #3F51B5; } .ul-b4__border-left { border-left: 1px solid #3F51B5; } .ul-b4-utilities__code pre { margin: 0; padding: 0; font-size: 15px; } .ul-b4-utilities__code { padding: 25px 10px; background-color: #eee; } .ul-b4__border-0 { border: none; } .ul-b4__border-top-0 { border-top: none; border-bottom: 1px solid #3F51B5; border-right: 1px solid #3F51B5; border-left: 1px solid #3F51B5; } .ul-b4__border-right-0 { border-right: none; border-bottom: 1px solid #3F51B5; border-left: 1px solid #3F51B5; border-top: 1px solid #3F51B5; } .ul-b4__border-bottom-0 { border-bottom: none; border-left: 1px solid #3F51B5; border-top: 1px solid #3F51B5; border-right: 1px solid #3F51B5; } .ul-b4__border-left-0 { border-bottom: 1px solid #3F51B5; border-left: none; border-top: 1px solid #3F51B5; border-right: 1px solid #3F51B5; } .ul-b4-display__info-1 { margin-bottom: 60px; } .ul-b4-display__info-1 p { font-size: 14px; color: #70657b; } .ul-b4-display__table { margin-top: 20px; } .ul-b4-display__table tr th { font-size: 17px; } .ul-b4-display__table tr td { font-size: 14px; } .ul-display__print ul li code { font-size: 15px; } .ul-display__margin { margin: 40px 0; } .ul-display__paragraph { font-size: 14px; } .ul-pricing__table-1 { text-align: center; border-right: 1px solid #eee; } .ul-pricing__image { margin: 2rem 0; } .ul-pricing__image i { font-size: 7rem; } .ul-pricing__text { font-size: 1.2rem; } .ul-pricing__list { margin-bottom: 2.1rem; } .ul-pricing__main-number { margin: 20px 0; } .ul-pricing__list p { padding: 0 2.1rem; line-height: 2; font-size: 1rem; } .ul-pricing__table-list { width: 70%; margin: 0 auto; width: 70%; margin: 0 auto; padding-bottom: 30px; } .ul-pricing__table-2 { text-align: center; border-right: 1px solid #eee; padding-bottom: 15px; } .ul-pricing__month { font-size: 18px; } .ul-pricing__table-2:hover { transform: scale(1.1); transition: 0.6s ease-in-out; position: relative; z-index: 2; background-color: #f8f9fa; } .ul-pricing__header { margin-bottom: 30px; background-color: #f8f9fa; border-bottom-left-radius: 210px; border-bottom-right-radius: 210px; padding-bottom: 12px; } .ul-pricing__table-listing ul { margin: 0; padding: 0; } .ul-pricing__table-listing ul li { list-style: none; padding: 10px 0; } @media only screen and (max-width: 1100px) { .ul-pricing__main-number h3 { font-size: 3rem; } } @media only screen and (max-width: 991px) { .ul-pricing__table-1 { border-right: none; } } .ul-contact-list__image-title { display: flex; align-items: center; } .ul-link-action { font-size: 20px; } .ul-link-action i { margin-right: 5px; } .ul-contact-page__profile { display: flex; align-items: center; } .ul-contact-page__profile .user-profile { height: 150px; width: 150px; } .ul-contact-page__info { /* margin-right: 2px; */ margin-left: 23px; width: calc(100% - 126px); } .ul-form-input { width: 50%; transition: 0.5s ease-in-out; } @media only screen and (max-width: 425px) { .ul-contact-page__profile { text-align: center; display: block; } .ul-contact-page__info { margin-left: 0; width: 100%; } } .ul-contact-detail__info-1 { margin: 15px 0; } .ul-contact-detail__info .ul-contact-detail__info-1 { margin: 15px 0; border-bottom: 1px solid #dee2e6; padding-bottom: 10px; } .ul-contact-detail__social-1 { display: flex; align-items: center; } .ul-contact-detail__social { display: flex; justify-content: space-evenly; flex-wrap: wrap; } span.ul-contact-detail__followers { font-size: 25px; } .ul-contact-detail__timeline-image img { width: 30%; height: 70%; } .ul-contact-detail__timeline-image { display: flex; justify-content: space-between; } .ul-contact-detail__timeline-row { margin: 20px 0; } .ul-contact-detail__timeline-image-2 img { width: 20%; } .ul-contact-detail__timeline-image-info { margin-left: 15px; } .ul-contact-detail__timeline-image-2.mt-3 { display: flex; /* align-items: center; */ align-items: flex-end; } .ul-contact-detail__profile { display: flex; justify-content: space-between; margin: 25px 0; } .ul-weather-card__img-overlay { background: url("../../images/products/weather-2.jpg"); background-size: cover; height: 400px; background-position-y: center; background-repeat: no-repeat; } .display-4 { font-size: 3.5rem; } .ul-weather-card__weather-time { padding: 30px; } .ul-weather-card__img-overlay span { font-size: 20px; } .display-5 { font-size: 2.5rem !important; } .ul-weather-card__weather-info i { font-size: 25px; font-weight: 600; } .ul-weather-card__weather-info { margin: 20px 0; } .ul-weather-card__font-md { font-size: 20px; font-weight: 600; } .ul-weather-card__header { display: flex; align-items: center; } .ul-weather-card__header span { color: #fff; font-size: 18px; } .ul-weather-card__calendar { display: flex; align-items: center; justify-content: space-between; } .ul-weather-card__calendar-2 { display: flex; justify-content: space-between; align-items: center; } .ul-weather-card__both-group { padding: 25px; } .ul-weather-card__inner-card { width: 100%; } .ul-weather-card__info { display: flex; justify-content: space-between; font-size: 16px; } .card .ul-weather-card__bg-img img { width: 100%; height: 300px; } .ul-weather-card__img-overlay-2 { position: absolute; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .ul-weather-card__img-overlay-2 span { color: #fff; } .font-25 { font-size: 25px; } .ul-weather-card__footer-color { color: #3F51B5; font-weight: 600; } .ul-weather-card__footer-color-2 { color: #CB3066; } .ul-weather-card__grid-style { display: grid; } .ul-weather-card__weather-s-title { font-size: 1rem; } .ul-weather-card__footer-color-3 h5 { color: #20c997; } .ul-weather-card__footer-color-3 h4 { color: #20c997; } .ul-widget-app__row-comments { display: flex; align-items: center; padding: 14px; margin-bottom: 10px; } .ul-widget-app__row-comments:hover { background-color: #eee; } .ul-widget-app__row-comments:hover .ul-widget-app__icons a i { opacity: 1; visibility: visible; } .ul-widget-app__icons a i:hover { color: #663399; } .ul-widget-app__comment { width: calc(100% - 86px); } .ul-widget-app__profile-status { display: flex; justify-content: space-between; align-items: center; } .ul-widget-app__icons { flex-grow: 1; } .ul-widget-app__icons { font-size: 17px; } .ul-widget-app__icons a i { margin: 0 3px; font-weight: 600; opacity: 0; visibility: hidden; vertical-align: middle; } .ul-widget-app__recent-messages { height: calc(100vh - 350px); overflow-y: scroll; cursor: pointer; } .ul-widget-app__skill-margin span { margin: 0 5px; } .ul-widget-app__profile-footer { display: flex; justify-content: space-around; align-items: center; } .ul-widget-app__profile-footer-font a span { vertical-align: middle; } .ul-widget-app__profile-footer-font a i { vertical-align: middle; } .ul-widget-app__browser-list-1 { display: flex; align-items: center; justify-content: space-between; } .ul-widget-app__browser-list-1 span { flex-grow: 1; } .ul-widget-app__browser-list-1 span:last-child { flex-grow: 0; } span.ul-widget-app__find-font { position: absolute; /* left: 0; */ top: 4px; right: 10px; color: #663399; bottom: 0; font-size: 20px; } .ul-widget-app__small-title { display: grid; } .user-profile.ul-widget-app__profile--position.mb-4 { position: absolute; top: 40%; left: 0; margin: 0 auto; right: 0; transform: translateY(-50%); } .timeline--align { bottom: 8px; } .ul-contact-list__image-title { display: flex; align-items: center; } .ul-link-action { font-size: 20px; } .ul-link-action i { margin-right: 5px; } .ul-product-detail__features ul li { list-style: none; margin: 8px 0; } .ul-todo-sidebar { float: left; min-width: 240px; width: 240px; } .ul-todo-mobile-menu { display: none; } .ul-todo-list-content { height: 100vh; position: relative; } .ul-todo-sidebar.open { left: 1px; } i.todo-sidebar-close { display: none; } @media only screen and (max-width: 1000px) { .ul-todo-list-content { overflow-x: hidden; } i.todo-sidebar-close { display: block; } .ul-todo-sidebar { position: absolute; z-index: 50; left: -260px; transition: all 0.2s ease; } .ul-todo-mobile-menu { display: block; } } .ul-contact-list-body { margin-top: -60px; position: relative; } .ul-contact-left-side { min-width: 230px; width: 230px; margin-right: 25px; } .ul-contact-content { width: calc(100% - 220px); /* margin-right: 30px; */ } .ul-contact-main-content { width: 100% !important; display: flex; position: relative; overflow-x: hidden; height: 100vh; } .ul-contact-mobile-icon { display: none; } .contact-open { left: 0px !important; } .contact-close-mobile-icon { display: none; } .ul-contact-list-table--label label { display: none !important; } .ul-contact-list-table { min-width: 570px; } @media only screen and (max-width: 1000px) { .contact-close-mobile-icon { display: block; } .ul-contact-left-side { position: absolute; top: 0; z-index: 99; left: -235px; transition: all 0.2s ease; } .ul-contact-content { width: calc(100% - 0px); /* margin-right: 30px; */ } .ul-contact-mobile-icon { display: block; } } html { font-size: 16px; } body { letter-spacing: .3px; line-height: 1.6; background: #fff; overflow-x: hidden; overflow-y: scroll; } [tabindex="-1"]:focus { outline: none; } hr { margin-top: 2rem; margin-bottom: 2rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); height: 0; } select, button, textarea, input { vertical-align: baseline; } div { box-sizing: border-box; } html[dir=rtl], html[dir=ltr], body[dir=rtl], body[dir=ltr] { unicode-bidi: embed; } bdo[dir=rtl] { direction: rtl; unicode-bidi: bidi-override; } bdo[dir=ltr] { direction: ltr; unicode-bidi: bidi-override; } img { max-width: 100%; } a, a:focus, a:hover { text-decoration: none; } blockquote { border-left: 2px solid #eee; padding-left: 1rem; margin-bottom: 1rem; font-size: 1.01625rem; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { outline: none; } .o-hidden { overflow: hidden; } .separator-breadcrumb { margin-bottom: 2rem; } .line-height-1 { line-height: 1; } .line-height-2 { line-height: 2; } .line-height-3 { line-height: 3; } .line-height-4 { line-height: 4; } .line-height-5 { line-height: 5; } .app-inro-circle { text-align: center; text-align: center; position: absolute; left: 0; right: 0; margin: auto; top: calc(50% - 150px); } .app-inro-circle .big-bubble { height: 280px; width: 280px; margin: 0 auto 20px; text-align: center; background: #663399; display: flex; align-items: center; justify-content: center; } .app-inro-circle .big-bubble i { font-size: 108px; color: #ffffff; } .loadscreen { text-align: center; position: fixed; width: 100%; left: 0; right: 0; margin: auto; top: 0; height: 100vh; background: #ffffff; z-index: 999; } .loadscreen .loader { position: absolute; top: calc(50vh - 50px); left: 0; right: 0; margin: auto; } .loadscreen .logo { display: inline-block !important; width: 80px; height: 80px; } .img-preview { overflow: hidden; float: left; background-color: #eee; width: 100%; text-align: center; margin-right: 10px; margin-bottom: 10px; } .preview-lg { width: 200px; height: 150px; } .preview-md { width: 150px; height: 120px; } .preview-sm { width: 100px; height: 75px; } .custom-select { appearance: none; -webkit-appearance: none; -moz-appearance: none; } @media (max-width: 576px) { .app-inro-circle .big-bubble { width: 220px; height: 220px; } button.close { float: right; font-size: 1.2195rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; position: absolute; top: 0; right: 5px; } } [dir="rtl"] .rtl-ps-none .ps__rail-x, [dir="rtl"] .rtl-ps-none .ps__rail-y { display: none; } .dark-theme { background: #10163a; } .dark-theme .sidebar-left, .dark-theme .sidebar-left-secondary, .dark-theme .main-header, .dark-theme .card { background: #10163a; color: #fff !important; } .dark-theme .main-content-wrap { background-color: #262c49; color: #c2c6dc !important; } .dark-theme h1, .dark-theme h2, .dark-theme h3, .dark-theme h4, .dark-theme h5, .dark-theme h6, .dark-theme .card-title, .dark-theme .text-title { color: #c2c6dc; } .dark-theme .card-title { color: #c2c6dc !important; } .dark-theme a { color: #c2c6dc !important; } .dark-theme input { background: #262c49 !important; border-color: #10163a; } .dark-theme .app-footer { margin-top: 2rem; background: #10163a; padding: 1.25rem; border-top-left-radius: 10px; border-top-right-radius: 10px; } .dark-theme .app-footer .footer-bottom { width: 100%; } .dark-theme .app-footer .footer-bottom .logo { width: 3rem; height: auto; margin: 4px; } .dark-theme .navigation-left .nav-item { color: #c2c6dc !important; border-bottom: 1px solid #262c49 !important; } .dark-theme .navigation-left .nav-item .nav-item-hold { color: #c2c6dc !important; } .dark-theme .navigation-left .nav-item .nav-item-hold a { color: #c2c6dc !important; } .dark-theme .sidebar-left-secondary .childNav { list-style: none; padding: 0; } .dark-theme .sidebar-left-secondary .childNav li.nav-item { display: block; } .dark-theme .sidebar-left-secondary .childNav li.nav-item a { color: #c2c6dc; text-transform: capitalize; display: flex; align-items: center; font-size: 13px; cursor: pointer; padding: 12px 24px; transition: 0.15s all ease-in; } .dark-theme .sidebar-left-secondary .childNav li.nav-item a:hover { background: #262c49; } .dark-theme .sidebar-left-secondary .childNav li.nav-item a.open { color: #663399; background: #262c49; } .dark-theme .sidebar-left-secondary .childNav li.nav-item a.open a { background: #262c49; } .dark-theme .sidebar-left-secondary .childNav li.nav-item a.router-link-active { color: #663399; } .dark-theme .sidebar-left-secondary .childNav li.nav-item a.router-link-active .nav-icon { color: #663399; } .dark-theme .sidebar-left-secondary .childNav li.nav-item a .nav-icon { font-size: 18px; margin-right: 8px; vertical-align: middle; color: #c2c6dc; } .dark-theme .sidebar-left-secondary .childNav li.nav-item a .item-name { vertical-align: middle; font-weight: 400; } .dark-theme .sidebar-left-secondary .childNav li.nav-item a .dd-arrow { margin-left: auto; font-size: 11px; transition: all 0.3s ease-in; } .dark-theme .search-ui { position: fixed; background: #262c49; } .dark-theme .search-ui input.search-input { background: #262c49; } .dark-theme .search-ui input.search-input::placeholder { color: #c2c6dc; } .dark-theme .search-bar { background: #10163a !important; border: 1px solid #262c49 !important; } .dark-theme .search-bar input { color: #c2c6dc !important; background: #10163a !important; } .dark-theme .search-bar .search-icon { font-size: 18px; width: 24px; display: inline-block; } .dark-theme .border-top { border-top: 1px solid #10163a !important; } .dark-theme .tab-border { border: 1px dashed #262c49 !important; margin: 30px 0 !important; } .dark-theme table.vgt-table { background: #10163a; } .dark-theme table.tableOne.vgt-table thead tr th { background: #10163a; border-color: #262c49; } .dark-theme .list-group-item { background-color: #10163a; border: 1px solid #262c49; } .dark-theme .page-link { color: #c2c6dc; background-color: #262c49; border: 1px solid #10163a; } .dark-theme .dropdown-menu { color: #c2c6dc; background-color: #262c49; border: 1px solid #262c49; } .dark-theme .table td { border-top: 1px solid #262c49; } .dark-theme .table thead th { border-bottom: 2px solid #262c49; } .dark-theme .table .thead-light th { color: #c2c6dc; background-color: #262c49; border-color: #262c49; } .dark-theme .apexcharts-xaxis-label { fill: #c2c6dc; } .dark-theme .apexcharts-yaxis-label { fill: #c2c6dc; } .dark-theme .apexcharts-tooltip.light { border: 1px solid #10163a; background: #262c49; } .dark-theme .apexcharts-tooltip.light .apexcharts-tooltip-title { background: #10163a; border-bottom: 1px solid #10163a; } .dark-theme .apexcharts-legend-text { color: #c2c6dc !important; } .dark-theme .input-group-text { color: #c2c6dc; background-color: #262c49; border: 1px solid #262c49; } .dark-theme .custom-select { color: #c2c6dc; background-color: #262c49; border: 1px solid #262c49; } .dark-theme .header-icon:hover { background: #262c49 !important; } .dark-theme .calendar-parent { background-color: #10163a; } .dark-theme .cv-day, .dark-theme .cv-event, .dark-theme .cv-header-day, .dark-theme .cv-header-days, .dark-theme .cv-week, .dark-theme .cv-weeks { border-style: solid; border-color: #262c49; } .dark-theme .theme-default .cv-day.outsideOfMonth, .dark-theme .theme-default .cv-day.past { background-color: #10163a; } .dark-theme .theme-default .cv-day.today { background-color: #262c49; } .dark-theme .theme-default .cv-header, .dark-theme .theme-default .cv-header-day { background-color: #262c49; } .dark-theme .cv-header, .dark-theme .cv-header button { border-style: solid; border-color: #10163a; background: #262c49; } .dark-theme .vgt-global-search.vgt-clearfix { background: #10163a; } .dark-theme table.tableOne tbody tr th.line-numbers { background: #10163a; } .dark-theme div.vgt-wrap__footer.vgt-clearfix { background: #10163a; } .dark-theme table.vgt-table td { border-bottom: 1px solid #262c49; color: #c2c6dc; } .dark-theme table.tableOne tbody tr th.vgt-checkbox-col { background: #10163a; } .dark-theme th.line-numbers { border-bottom: 1px solid #10163a; } .dark-theme th.vgt-checkbox-col { border-bottom: 1px solid #10163a; } .dark-theme .ul-widget__item { border-bottom: 0.07rem dashed #262c49; } .dark-theme .page-item.disabled .page-link { background-color: #10163a; border-color: #10163a; } .dark-theme ul.gull-pagination li .page-link { border-color: #10163a !important; } .dark-theme ul.gull-pagination li .page-link:hover { background: #10163a; } .dark-theme .layout-sidebar-vertical .sidebar-panel { box-shadow: 0 1px 15px #262c49, 0 1px 6px #262c49; background: #10163a; } .dark-theme .layout-sidebar-vertical .main-content-wrap .main-header { background: #10163a !important; } .dark-theme .layout-horizontal-bar .header-topnav { background: #10163a; box-shadow: 0 1px 15px transparent, 0 1px 6px transparent; } .dark-theme .layout-horizontal-bar .header-topnav .topnav a { color: #c2c6dc !important; } .dark-theme .layout-horizontal-bar .header-topnav .topnav ul ul { background: #10163a; color: #c2c6dc; } .dark-theme .layout-horizontal-bar .header-topnav .topnav ul li ul li:hover { background: #262c49; } .dark-theme .main-header .show .header-icon { background: #262c49; } .dark-theme .main-header .notification-dropdown { color: #c2c6dc; } .dark-theme .main-header .notification-dropdown .dropdown-item { border-bottom: 1px solid #10163a; color: #c2c6dc; } .dark-theme .main-header .notification-dropdown .notification-icon { background: #10163a !important; } .dark-theme .dropdown-item:focus, .dark-theme .dropdown-item:hover { color: #c2c6dc; text-decoration: none; background-color: #10163a; } /* * Note that this is toastr v2.1.3, the "latest" version in url has no more maintenance, * please go to https://cdnjs.com/libraries/toastr.js and pick a certain version you want to use, * make sure you copy the url from the website since the url may change between versions. * */ .toast-title { font-weight: 700 } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word } .toast-message a, .toast-message label { color: #FFF } .toast-message a:hover { color: #CCC; text-decoration: none } .toast-close-button { position: relative; right: -.3em; top: -.3em; float: right; font-size: 20px; font-weight: 700; color: #FFF; -webkit-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; opacity: .8; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); line-height: 1 } .toast-close-button:focus, .toast-close-button:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .4; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40) } .rtl .toast-close-button { left: -.3em; float: left; right: .3em } button.toast-close-button { padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none } .toast-top-center { top: 0; right: 0; width: 100% } .toast-bottom-center { bottom: 0; right: 0; width: 100% } .toast-top-full-width { top: 0; right: 0; width: 100% } .toast-bottom-full-width { bottom: 0; right: 0; width: 100% } .toast-top-left { top: 12px; left: 12px } .toast-top-right { top: 12px; right: 12px } .toast-bottom-right { right: 12px; bottom: 12px } .toast-bottom-left { bottom: 12px; left: 12px } #toast-container { position: fixed; z-index: 999999; pointer-events: none } #toast-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } #toast-container>div { position: relative; pointer-events: auto; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-position: 15px center; background-repeat: no-repeat; -moz-box-shadow: 0 0 12px #999; -webkit-box-shadow: 0 0 12px #999; box-shadow: 0 0 12px #999; color: #FFF; opacity: .8; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80) } #toast-top-left, #toast-top-right, #toast-top-center, #toast-top-full-width, #toast-bottom-left, #toast-bottom-right, #toast-bottom-center, #toast-bottom-full-width { position: fixed; z-index: 999999; pointer-events: none } #toast-top-left *, #toast-top-right *, #toast-top-center *, #toast-top-full-width *, #toast-bottom-left *, #toast-bottom-right *, #toast-bottom-center *, #toast-bottom-full-width * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } #toast-top-left>div, #toast-top-right>div, #toast-top-center>div, #toast-top-full-width>div, #toast-bottom-left>div, #toast-bottom-right>div, #toast-bottom-center>div, #toast-bottom-full-width>div { position: relative; pointer-events: auto; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-position: 15px center; background-repeat: no-repeat; -moz-box-shadow: 0 0 12px #999; -webkit-box-shadow: 0 0 12px #999; box-shadow: 0 0 12px #999; color: #FFF; opacity: .8; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80) } #toast-container>div.rtl { direction: rtl; padding: 15px 50px 15px 15px; background-position: right 15px center } #toast-container>div:hover { -moz-box-shadow: 0 0 12px #000; -webkit-box-shadow: 0 0 12px #000; box-shadow: 0 0 12px #000; opacity: 1; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); cursor: pointer } #toast-container>.toast-info { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important } #toast-container>.toast-error { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important } #toast-container>.toast-success { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important } #toast-container>.toast-warning { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important } #toast-container.toast-bottom-center>div, #toast-container.toast-top-center>div, #toast-bottom-center.toast-bottom-center>div, #toast-top-center.toast-top-center>div { width: 300px; margin-left: auto; margin-right: auto } #toast-container.toast-bottom-full-width>div, #toast-container.toast-top-full-width>div, #toast-bottom-full-width.toast-bottom-full-width>div, #toast-top-full-width.toast-top-full-width>div { width: 96%; margin-left: auto; margin-right: auto } .toast { background-color: #030303 } .toast-success { background-color: #51A351 } .toast-error { background-color: #c42333; } .toast-info { background-color: #2F96B4 } .toast-warning { background-color: #F89406 } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000; opacity: .4; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40) } @media all and (max-width:240px) { #toast-container>div { padding: 8px 8px 8px 50px; width: 11em } #toast-container>div.rtl { padding: 8px 50px 8px 8px } #toast-container .toast-close-button { right: -.2em; top: -.2em } #toast-container .rtl .toast-close-button { left: -.2em; right: .2em } } @media all and (min-width:241px) and (max-width:480px) { #toast-container>div { padding: 8px 8px 8px 50px; width: 18em } #toast-container>div.rtl { padding: 8px 50px 8px 8px } #toast-container .toast-close-button { right: -.2em; top: -.2em } #toast-container .rtl .toast-close-button { left: -.2em; right: .2em } } @media all and (min-width:481px) and (max-width:768px) { #toast-container>div { padding: 15px 15px 15px 50px; width: 25em } #toast-container>div.rtl { padding: 15px 50px 15px 15px } } /* START OF -- Control vertical filter */ .vertical-filter-title { font-size: 14px; text-align: left; font-weight: 700; padding-left: 20px; margin-bottom: 12px; color: #2e3247ff; } .vertical-filter { } .vertical-filter a { display: block; position: relative; font-size: 13px; font-weight: 700; padding: 10px 10px 10px 20px; color: #3b3f5c; letter-spacing: 1px; text-decoration: none; text-align: left; border-radius: 8px; color: #595a5eff; } .vertical-filter a.active { background-color: #dee2e6; color: #0b1242ff; } /* END OF -- Control vertical filter */ .bundleTest { background-color: #31708F !important; } body { padding: 10px !important; } .body-bg-light { background-color: rgb(251 250 251) !important; } .body-bg-light .main-content-wrap { background-color: rgb(251 250 251) !important; } .hidden { display: none !important; } .no-padding .no-paddingX { padding: 0px !important; } /* Used in Customer Pages When horizontal menu on overide default .row margine to 0px */ .layout-horizontal-bar div.row { margin: 0px !important; padding: 1rem 1rem 0 !important; } .layout-horizontal-bar div.main-content-wrap { padding: 0px !important; } /*Tab Control css*/ .TabControl-Badge { position: absolute; background-color: #f57373ff; z-index: 100; right: -10px; top: -3px; font-size: 10px; color: white; font-weight: 600; border-radius: 6px; padding-left: 5px; padding-right: 5px; border-bottom-left-radius: 0px; } /* autocomplete automplete scrollbar csss */ .ui-autocomplete { max-height: 300px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; /* add padding to account for vertical scrollbar */ padding-right: 0px; } .img-circle { height: 68px; width: 68px; border-radius: 50%; border: 2px solid #520e573d; } .btn-selected { background-color: #533399; color: #ffffff; border: 1px solid #191d85 !important; } .btn-selected:hover { background: #663399; box-shadow: 0 8px 25px -8px #663399; border-color: #080a3b; color: white; } .btn-selected:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #663399; } .DoubleClickToEdit { width: 100%; min-height: 30px; border: none; resize: none; } .center-contentx { display: flex; align-items: center; justify-content: center; } /*Crome hide Number Up Down Arrow*/ input.AddTextBoxes::-webkit-outer-spin-button, input.AddTextBoxes::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox hide Number Up Down Arrow*/ input[type=number] { -moz-appearance: textfield; } /*Crome Firefox hide Number Up Down Arrow-------------------*/ /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } .SelectTextOnFocus { /*Used in jquery for select on focus inside all Inputs*/ } .form-control-select2 { /*Used in jquery for Select2*/ } /*select 2 For Small Size box */ .select2-container-sm .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: normal !important; padding-top: 2px !important; } .select2-container-sm span.select2-selection.select2-selection--single { border: 1px solid #c7cbe4 !important; height: 26px !important; line-height: 1.1rem; padding: 1px 6px 0px 6px !important; background-color: #ffffffff !important; border-color: #b4c9cf !important; min-width: 120px !important; border: 1px solid #c7cbe4 !important; vertical-align: middle !important; } .select2-container-sm .select2-container--default .select2-selection--single .select2-selection__arrow { height: 20px !important; border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; } .select2-highlighted { border: 1px solid #000000 !important; background-color: #f0f68d !important; font-weight: bold !important; } /*Used For Vertical lable over input */ .form-vertical-lable-container { display: inline-block; position: relative; } .form-vertical-label-text { top: 0; left: 2px; position: absolute; } .form-vertical-label-input { margin-top: 22px; border: 1px solid #ced4da; border-radius: 4px; padding: 3px 2px 3px 2px; background-color: #f8f9fa; min-width: 120px; min-height: 28px; } .search-bar-overide { border-radius: 7px !important; padding-left: 10px !important; } .search-bar-list-button { color: #31708F; font-size: 14px; font-weight: 700; } .searchresult-close { position: fixed; right: 10px; top: 85px; z-index: 9999; } .searchresult-close:hover { background-color: #f2c8c5 !important; color: white !important; } .SearchMainContainer { display: none; position: fixed; top: 50px; height: 98%; overflow-y: auto; background: #ffffff; padding: 15px; width: 100%; z-index: 9999; border-top: 1px solid rgb(0 0 0 / 0.07); box-shadow: 15px 1px 15px 1px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04); padding-right: 20px; padding-bottom: 100px; } /*.iframeMaster-LoadingImage { transition-property: background-image; transition-duration: 5s; transition-delay: 2s; background-image: url('../../../../dist-assets/images/spinner.svg') !important; }*/ .module-header-panel { background: transparent; align-items: center; margin: 0 0 1.25rem; padding: 5px 0px 10px 0px; border-bottom: 1px solid #dee2e6; } .module-header-panel .module-name { font-size: 1.5rem; line-height: 1; margin: 0; } .module-header-panel .module-name i { font-size: 1.5rem; line-height: 1; color: rebeccapurple; } .loaderx { background-image: url('../../../../../../../dist-assets/images/spinner.svg') !important; background-position: center; background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 70px; height: 70px; z-index: 9999; } .LoaddingImageEffect { z-index: 99999; height: 100%; width: 100%; height: 100%; position: fixed; top: 0; left: 0; margin-top: 0%; margin-bottom: 0%; } .LoaddingImageOverlayEffect { background-color: black; filter: alpha(opacity=70); opacity: 0.1; width: 100%; height: 100%; z-index: 99997; position: fixed; top: 0; left: 0; margin-top: 0%; margin-bottom: 0%; } .modalx { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; /*display: none;*/ background-color: rgba(0, 0, 0, 0.60); overflow: hidden; outline: 0; } .border-radius-none { border-radius: 0px !important; } .border-radius-3 { border-radius: 3px; } .border-radius-4 { border-radius: 4px; } .border-radius-5 { border-radius: 5px; } .text-lenth-fix { text-overflow: ellipsis; max-width: 80px; white-space: nowrap; overflow: hidden; } .text-lenth-100 { max-width: 100px; } .text-lenth-125 { max-width: 125px; } .text-lenth-150 { max-width: 150px; } .text-lenth-200 { max-width: 200px; } .text-lenth-250 { max-width: 250px; } .font-8 { font-size: 8px; } .font-10 { font-size: 10px; } .font-12 { font-size: 12px; } .font-14 { font-size: 14px; } .font-16 { font-size: 16px; } .font-18 { font-size: 18px; } .font-20 { font-size: 20px; } .validatorx-control-class { border-color: #f44336 !important; border: 1px solid #f44336 !important; } .validatorx-label-class { } .visible-xl, .visible-lg, .visible-md, .visible-sm, .visible-xs { display: none !important } @media (min-width:1200px) { .visible-xl { display: block !important } .hidden-xl { display: none !important } } @media (min-width:992px) and (max-width:1199px) { .visible-lg { display: block !important } .hidden-lg { display: none !important } } @media (min-width:768px) and (max-width:991px) { .visible-md { display: block !important } .hidden-md { display: none !important } } @media (min-width:577px) and (max-width:767px) { .visible-sm { display: block !important } .hidden-sm { display: none !important } } @media (max-width:576px) { .visible-xs { display: block !important } .hidden-xs { display: none !important } } .form-control-date { max-width: 120px; text-align: center; } .form-control-date-from { } .form-control-date-to { } table.table-col-1-hide tr td:nth-child(1) { display: none; } table.table-col-1-hide tr th:nth-child(1) { display: none; } table.table-col-2-hide tr td:nth-child(2) { display: none; } table.table-col-2-hide tr th:nth-child(2) { display: none; } table.table-col-3-hide tr td:nth-child(3) { display: none; } table.table-col-3-hide tr th:nth-child(3) { display: none; } /*CustomScrollbar scrollbar*/ .CustomScrollbar::-webkit-scrollbar { width: 8px; height: 8px; background-color: #d5e1e5; } .CustomScrollbar::-webkit-scrollbar-thumb { background-color: #31708F; border-radius: 10px; } .CustomScrollbar::-webkit-scrollbar-thumb:hover { background-color: #dc3e3e; /*border: 1px solid #31708F;*/ } .CustomScrollbar::-webkit-scrollbar-thumb:active { background-color: #dc3e3e; /*border: 1px solid #31708F;*/ } .CustomScrollbar::-webkit-scrollbar-track { /*border: 1px #dc3e3e solid;*/ border-radius: 10px; -webkit-box-shadow: 0 0 2px #dc3e3e inset; } /*CustomScrollbar END-------------------------------------------END */ /*Popup X ------------------------------- */ .Popup-x-Overlay { display: flex; justify-content: center; position: fixed; left: 0; top: 0; z-index: 999; background-color: rgba(0, 0, 0, 0.60); width: 100%; height: 100%; } .Popup-x-Body { overflow-y: auto !important; overflow-x: auto !important; padding: 5px; padding-top: 0px; width: 100%; height: calc(100vh - 45px) !important; border: none !important; } .Popup-x-CloseButton { font-size: 20px; margin-top: -5px !important; } .Popup-x-HeaderFixed { background-color: #e7e1ed; height: 30px; border-bottom: 1px solid #bbb9b9; padding: 5px; background-color: #f6f3fa; } .Popup-x-Conent { background-color: white; display: inline-block; position: absolute; width: 90%; border: 1px solid #4a3164; top: 4px; border-radius: 6px; height: calc(100vh - 7px) !important; } @media (max-width: 576px) { .Popup-x-Conent { width: 98% !important; } } /*@media (max-width: 576px) { .Popup-x-Conent { width: 98% !important; right: unset !important; } .Popup-x-Body { height: calc(100% - 100px); } } @media (max-width: 768px) { .Popup-x-Conent { width: 88% !important; right: unset !important; } .Popup-x-Body { height: calc(100% - 100px); } } */ /*Popup X ---------------------------------------- */ .OpticityX-1 { opacity: 0.1; } .OpticityX-2 { opacity: 0.2; } .OpticityX-3 { opacity: 0.3; } .OpticityX-4 { opacity: 0.4; } .OpticityX-5 { opacity: 0.5; } .OpticityX-6 { opacity: 0.6; } .OpticityX-7 { opacity: 0.7; } .OpticityX-8 { opacity: 0.8; } .OpticityX-9 { opacity: 0.9; } /*-------START OF ---------FOR CUSTOMER VIEW ---------------------------------------------------------------------- */ .search-bar-product-search { border-radius: 7px !important; padding-left: 10px !important; width: 400px !important; } .AppSearchMainContainer { display: none; position: fixed; top: 62px; left: 120px; background: #f7f2fa; padding: 3px; width: 400px; z-index: 9999; border-top: 1px solid rgb(0 0 0 / 0.07); box-shadow: 15px 1px 15px 1px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04); } .Appsearchresult_container { overflow-y: auto; max-height: 400px; } @media (min-width:768px) and (max-width:2000px) { .search-bar-product-search { display: flex !important; } } @media (min-width:577px) and (max-width:767px) { .search-bar-product-search { display: flex !important; width: 220px !important; } .AppSearchMainContainer { left: 60px; } } @media (max-width:576px) { .search-bar-product-search { display: flex !important; width: 140px !important; } .AppSearchMainContainer { left: 2px; } } .tss-wishlist-menu, .tss-cart-menu { width: 400px; height: 400px; box-shadow: 0px 33px 36px -2px rgba(0,0,0,0.75) !important; -webkit-box-shadow: 0px 33px 36px -2px rgba(0,0,0,0.75) !important; -moz-box-shadow: 0px 33px 36px -2px rgba(0,0,0,0.75) !important; } .tss-wishlist-menu-container, .tss-cart-menu-container { width: 100%; height: 380px; overflow-x: auto; } .tss-wishlist-item, .tss-cart-item { padding: 0px !important; padding-bottom: 2px !important; border-bottom: 1px solid #dfd8e5; padding-top: 0px !important; } .tss-wishlist-footer, .tss-cart-footer { display: block; position: fixed !important; bottom: 0 !important; left: 0 !important; background: #817f7f; width: 100%; } .badge-top-container-overide { height: 40px !important; } .tss-header-icon-container { width: 50px; text-align: left !important; } .header-icon-text { position: relative; bottom: 1px; left: 0; font-size: 12px; color: #817f7f; width: 60px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .app-footer ul { list-style: none; padding: 0px; } .tss-mega-menu { padding-left: 90px; padding-top: 7px; height: 48px; } .tss-mega-menu-card { margin: 0 15px 15px 0; display: inline-block; color: #663399; text-align: center; } .tss-mega-menu .dropdown-menu { border: 1px solid #eee9f2; max-height: calc(100vh - 150px) !important; box-shadow: 0px 33px 36px -2px rgba(0,0,0,0.75); -webkit-box-shadow: 0px 33px 36px -2px rgba(0,0,0,0.75); -moz-box-shadow: 0px 33px 36px -2px rgba(0,0,0,0.75); } .tss-mega-menu .dropdown-menu .links li > a { padding: 0 5px 0 5px; font-size: 14px; } .tss-mega-menu .dropdown-menu .links li > a:hover { color: #663399; font-weight: 700; border-radius: 4px; background-color: #ede8f2; } .tss-mega-menu-card span { font-weight: 600; color: black; display: block; width: 80px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .tss-mega-menu-card img { width: 80px; height: 80px; object-fit: contain; padding: 10px 10px 10px 10px; } .tss-mega-menu-card:hover img { padding: 0px 0px 0px 0px; } .tss-mega-menu-card:hover span { color: #663399; padding: 0 3px 0 3px; border-radius: 4px; background-color: #ede8f2; } /*File Upload Control Css ---------------------------------------------*/ .tss-file-upload-dragable { border: 1px dashed #8a7f8e; width: 100%; height: 100px; border-radius: 10px; background-image: url(../../../../../dist-assets/images/dragdrop.png); background-repeat: no-repeat !important; background-origin: content-box !important; background-size: auto !important; background-position: center center; opacity: .8 !important } .DragOver { background-color: rgb(102 51 153 / .16) !important } .tss-file-upload-dragable::before { visibility: hidden !important } .tss-file-upload-dragable:active::before { background: 0 0 !important } .tss-file-upload { color: transparent } .tss-file-upload::-webkit-file-upload-button { visibility: hidden } .tss-file-upload::before { content: 'Select file to Upload'; color: #000; display: inline-block; border: 1px solid #999; border-radius: 3px; padding: 5px 8px; outline: 0; white-space: nowrap; -webkit-user-select: none; cursor: pointer; text-shadow: 1px 1px #fff; font-weight: 700; font-size: 10pt } .tss-file-upload:hover::before { border-color: #000 } .tss-file-upload:active { outline: 0 } .tss-file-upload:active::before { background: -webkit-linear-gradient(top,#e3e3e3,#f9f9f9) } .fileuploadImagePreviewHolder { position: fixed; top: 10%; right: 5%; background-color: #808080; border: 1px solid #8a7f8e; box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.75); -webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.75); z-index:999!important; } /*---------------------------------File Upload Control Css END---------------------------------------------*/ /*---------------------------------IMAGE Upload Control START---------------------------------------------*/ .pnlImageUploadControlHolder { overflow: hidden; position: relative; } .tss-image-upload-progress { position: absolute; left: 0; height: 25px; bottom: 0; } .tss-image-upload-remove { position: absolute; right: 0; top: 0; } .tss-image-upload { color: transparent !important; position: absolute; right: 0; top: 0; border: 1px dashed #8a7f8e; width: 100%; height: 100%; border-radius: 10px; background-image: url(../../../../../dist-assets/images/image-upload.png); background-repeat: no-repeat !important; background-origin: content-box !important; background-size: auto !important; background-position: center center; opacity: .8 !important } .tss-image-upload::before { visibility: hidden !important } .tss-image-upload:active::before { background: 0 0 !important } .tss-image-upload::-webkit-file-upload-button { visibility: hidden } /*---------------------------------IMAGE Upload Control Css END---------------------------------------------*/ /* Radio Tab Design */ .radio-tab-default { margin: 0 0 0rem; box-sizing: border-box; font-size: 0; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: stretch; width: auto; cursor: pointer } .radio-tab-default input { width: 0; height: 0; position: absolute; left: -9999px; } .radio-tab-default input + label { margin: 0; padding: 0.45rem 1rem; box-sizing: border-box; position: relative; display: inline-block; border: solid 1px #DDD; background-color: #FFF; font-size: 14px; line-height: 100%; text-align: center; box-shadow: 0 0 0 rgba(255, 255, 255, 0); transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out; } .radio-tab-default input + label:first-of-type { border-radius: 6px 0 0 6px; border-right: none; } .radio-tab-default input + label:last-of-type { border-radius: 0 6px 6px 0; border-left: none; } .radio-tab-default input:hover + label { font-weight: bold; color: #0d2255; background-color: #e7e9ec; } .radio-tab-default input:checked + label { background-color: #663399; color: #FFF; box-shadow: 0 0 10px rgba(102, 179, 251, 0.5); border-color: #394e77; z-index: 1; font-weight: 600; } /*Pagging control*/ .control-pagging-no-record { padding: 20px 0px 20px 2px; font-weight: 600; font-size: 25px; color: #686371; margin-top: 10px; margin-bottom: 4px; } /*Custom Scrollbar*/ .CustomScrollbar1::-webkit-scrollbar { width: 4px; height: 5px; background-color: #c2bcc9ff; } .CustomScrollbar1::-webkit-scrollbar-thumb { background-color: #7d639e; border-radius: 5px; } .CustomScrollbar1::-webkit-scrollbar-thumb:hover { background-color: #7d639e; /*border: 1px solid #31708F;*/ } .CustomScrollbar1::-webkit-scrollbar-thumb:active { background-color: #7d639e; /*border: 1px solid #31708F;*/ } .CustomScrollbar1::-webkit-scrollbar-track { /*border: 1px #dc3e3e solid;*/ border-radius: 5px; -webkit-box-shadow: 0 0 2px #c5b0da inset; } /*--------------------------------------------------------------r*/ /*Custom Badge */ .badgex { font-size: 11px; border: 1px solid #313235; padding: 2px 3px 2px 3px; border-radius: 5px; font-weight: 600; } .badgex-sm { padding: 1px 2px 1px 2px !important; font-size: 10px !important; } .badgex-primary { background-color: #c7d4f3ff; color: #0b3089; border-color: #0b3089; } .badgex-primary-light { background-color: #eaeefaff; color: #486ec9; border-color: #7a98e0; } .badgex-danger { background-color: #f7adadff; color: #980c0cff; border-color: #810d0dff; } .badgex-success { background-color: #c0e2c1ff; color: #034710ff; border-color: #034710ff; } .badgex-info { background-color: #def7f4ff; color: #04687eff; border-color: #04687eff; } .badgex-gray { background-color: #e3e3e3ff; color: #3c3e3eff; border-color: #3c3e3eff; } .badgex-secondary { background-color: #e4dcef; color: #4d2a7e; border-color: #4d2a7e; } /*--------------------------------------------------------------r*/ /* Start Of ----- Global Dynamic Popup ==== Patient Edit Control */ .GlobalDynamic-Popup-x-Overlay { display: flex; justify-content: center; position: fixed; left: 0; top: 0; z-index: 999; background-color: rgba(0, 0, 0, 0.60); width: 100%; height: 100%; } .GlobalDynamic-Popup-x-Conent { background-color: white; display: inline-block; position: absolute; width: 90% !important; border: 1px solid #4a3164; top: 4px; border-radius: 6px; height: calc(100vh - 7px) !important; } .GlobalDynamic-Popup-x-Body { overflow-y: auto !important; overflow-x: auto !important; padding: 5px; padding-top: 0px; width: 100%; height: calc(100vh - 30px) !important; border: none !important; } .GlobalDynamic-Popup-x-Body-ForReportJsIframe { overflow-y: hidden !important; overflow-x: hidden !important; padding: 5px; margin-top: -11px!important; width: 100%; height: calc(100vh - 30px) !important; border: 1px solid red; } .GlobalDynamic-Popup-x-CloseButton { font-size: 20px; margin-top: -5px !important; } .GlobalDynamic-Popup-x-HeaderFixed { background-color: #e7e1ed; height: 20px; border-bottom: 1px solid #bbb9b9; padding: 5px; background-color: #f6f3fa; } @media (max-width: 576px) { .GlobalDynamic-Popup-x-Conent { width: 98% !important; } } /* End --------------------------------------------- */ .tblSingleRow tr td, .tblSingleRow tbody tr td { width: 1px; white-space: nowrap; } .tblSingleRow tr th, .tblSingleRow thead tr th { width: 1px; white-space: nowrap; } /* Used For Item Filter in fo Group Category Ratelist */ .Item-Search-Filter { margin-bottom: 4px; margin-top: 2px; opacity: 0.8; } .Item-Search-Filter-Lable { font-weight: 600; color: #808080; } .Item-Search-Filter-Dropdown { margin-right: 4px; color: #808080; border: 1px solid #808080; border-radius: 4px; width: 100px; } .btnSideLink { width: 100%; text-align: left !important; } .btnSideLink:hover { background-color: #DDD; font-weight: bold; } .patient-balance-button { border: 1px solid #a35d5d; background-color: #E74C3C; color: white; border-radius: 4px; padding: 0px 4px 0px 4px; margin-right: 2px; font-size: 12px; text-decoration: none !important; } .patient-balance-button:hover { font-weight: bold; color: white; }