.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)} .air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)} .air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none} .air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255,255,255,0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%} .air-datepicker-time{display:grid;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0,0,0,0)} .air-datepicker{--adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size: 14px;--adp-width: 246px;--adp-z-index: 100;--adp-padding: 4px;--adp-grid-areas: "nav" "body" "timepicker" "buttons";--adp-transition-duration: .3s;--adp-transition-ease: ease-out;--adp-transition-offset: 8px;--adp-background-color: #fff;--adp-background-color-hover: #f0f0f0;--adp-background-color-active: #eaeaea;--adp-background-color-in-range: rgba(92, 196, 239, .1);--adp-background-color-in-range-focused: rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused: #8ad5f4;--adp-background-color-selected-other-month: #a2ddf6;--adp-color: #4a4a4a;--adp-color-secondary: #9c9c9c;--adp-accent-color: #4eb5e6;--adp-color-current-date: var(--adp-accent-color);--adp-color-other-month: #dedede;--adp-color-disabled: #aeaeae;--adp-color-disabled-in-range: #939393;--adp-color-other-month-hover: #c5c5c5;--adp-border-color: #dbdbdb;--adp-border-color-inner: #efefef;--adp-border-radius: 4px;--adp-border-color-inline: #d7d7d7;--adp-nav-height: 32px;--adp-nav-arrow-color: var(--adp-color-secondary);--adp-nav-action-size: 32px;--adp-nav-color-secondary: var(--adp-color-secondary);--adp-day-name-color: #ff9a19;--adp-day-name-color-hover: #8ad5f4;--adp-day-cell-width: 1fr;--adp-day-cell-height: 32px;--adp-month-cell-height: 42px;--adp-year-cell-height: 56px;--adp-pointer-size: 10px;--adp-poiner-border-radius: 2px;--adp-pointer-offset: 14px;--adp-cell-border-radius: 4px;--adp-cell-background-color-hover: var(--adp-background-color-hover);--adp-cell-background-color-selected: #5cc4ef;--adp-cell-background-color-selected-hover: #45bced;--adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);--adp-btn-height: 32px;--adp-btn-color: var(--adp-accent-color);--adp-btn-color-hover: var(--adp-color);--adp-btn-border-radius: var(--adp-border-radius);--adp-btn-background-color-hover: var(--adp-background-color-hover);--adp-btn-background-color-active: var(--adp-background-color-active);--adp-time-track-height: 1px;--adp-time-track-color: #dedede;--adp-time-track-color-hover: #b1b1b1;--adp-time-thumb-size: 12px;--adp-time-padding-inner: 10px;--adp-time-day-period-color: var(--adp-color-secondary);--adp-mobile-font-size: 16px;--adp-mobile-nav-height: 40px;--adp-mobile-width: 320px;--adp-mobile-day-cell-height: 38px;--adp-mobile-month-cell-height: 48px;--adp-mobile-year-cell-height: 64px}.air-datepicker-overlay{--adp-overlay-background-color: rgba(0, 0, 0, .3);--adp-overlay-transition-duration: .3s;--adp-overlay-transition-ease: ease-out;--adp-overlay-z-index: 99} .air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, -webkit-max-content);grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size: var(--adp-mobile-font-size);--adp-day-cell-height: var(--adp-mobile-day-cell-height);--adp-month-cell-height: var(--adp-mobile-month-cell-height);--adp-year-cell-height: var(--adp-mobile-year-cell-height);--adp-nav-height: var(--adp-mobile-nav-height);--adp-nav-action-size: var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size: calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s} /* * iziToast | v1.4.0 * http://izitoast.marcelodolce.com * by Marcelo Dolce. */ .iziToast-capsule{font-size:0;height:0;width:100%;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .5s cubic-bezier(.25,.8,.25,1),height .5s cubic-bezier(.25,.8,.25,1)}.iziToast-capsule,.iziToast-capsule *{box-sizing:border-box}.iziToast-overlay{display:block;position:fixed;top:-100px;left:0;right:0;bottom:-100px;z-index:997}.iziToast{display:inline-block;clear:both;position:relative;font-family:'Lato',Tahoma,Arial;font-size:14px;padding:8px 45px 9px 0;background:rgba(238,238,238,.9);border-color:rgba(238,238,238,.9);width:100%;pointer-events:all;cursor:default;transform:translateX(0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:54px}.iziToast>.iziToast-progressbar{position:absolute;left:0;bottom:0;width:100%;z-index:1;background:rgba(255,255,255,.2)}.iziToast>.iziToast-progressbar>div{height:2px;width:100%;background:rgba(0,0,0,.3);border-radius:0 0 3px 3px}.iziToast.iziToast-balloon:before{content:'';position:absolute;right:8px;left:auto;width:0;height:0;top:100%;border-right:0 solid transparent;border-left:15px solid transparent;border-top:10px solid #000;border-top-color:inherit;border-radius:0}.iziToast.iziToast-balloon .iziToast-progressbar{top:0;bottom:auto}.iziToast.iziToast-balloon>div{border-radius:0 0 0 3px}.iziToast>.iziToast-cover{position:absolute;left:0;top:0;bottom:0;height:100%;margin:0;background-size:100%;background-position:50% 50%;background-repeat:no-repeat;background-color:rgba(0,0,0,.1)}.iziToast>.iziToast-close{position:absolute;right:0;top:0;border:0;padding:0;opacity:.6;width:42px;height:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJPAAACTwBcGfW0QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD3SURBVFiF1ZdtDoMgDEBfdi4PwAX8vLFn0qT7wxantojKupmQmCi8R4tSACpgjC2ICCUbEBa8ingjsU1AXRBeR8aLN64FiknswN8CYefBBDQ3whuFESy7WyQMeC0ipEI0A+0FeBvHUFN8xPaUhAH/iKoWsnXHGegy4J0yxialOfaHJAz4bhRzQzgDvdGnz4GbAonZbCQMuBm1K/kcFu8Mp1N2cFFpsxsMuJqqbIGExGl4loARajU1twskJLLhIsID7+tvUoDnIjTg5T9DPH9EBrz8rxjPzciAl9+O8SxI8CzJ8CxKFfh3ynK8Dyb8wNHM/XDqejx/AtNyPO87tNybAAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:8px;cursor:pointer;outline:0}.iziToast>.iziToast-close:hover{opacity:1}.iziToast>.iziToast-body{position:relative;padding:0 0 0 10px;height:auto;min-height:36px;margin:0 0 0 15px;text-align:left}.iziToast>.iziToast-body:after{content:"";display:table;clear:both}.iziToast>.iziToast-body .iziToast-texts{margin:10px 0 0;padding-right:2px;display:inline-block;float:left}.iziToast>.iziToast-body .iziToast-inputs{min-height:19px;float:left;margin:3px -2px}.iziToast>.iziToast-body .iziToast-inputs>input:not([type=checkbox]):not([type=radio]),.iziToast>.iziToast-body .iziToast-inputs>select{position:relative;display:inline-block;margin:2px;border-radius:2px;border:0;padding:4px 7px;font-size:13px;letter-spacing:.02em;background:rgba(0,0,0,.1);color:#000;box-shadow:0 0 0 1px rgba(0,0,0,.2);min-height:26px}.iziToast>.iziToast-body .iziToast-inputs>input:not([type=checkbox]):not([type=radio]):focus,.iziToast>.iziToast-body .iziToast-inputs>select:focus{box-shadow:0 0 0 1px rgba(0,0,0,.6)}.iziToast>.iziToast-body .iziToast-buttons{min-height:17px;float:left;margin:4px -2px}.iziToast>.iziToast-body .iziToast-buttons>a,.iziToast>.iziToast-body .iziToast-buttons>button,.iziToast>.iziToast-body .iziToast-buttons>input:not([type=checkbox]):not([type=radio]){position:relative;display:inline-block;margin:2px;border-radius:2px;border:0;padding:5px 10px;font-size:12px;letter-spacing:.02em;cursor:pointer;background:rgba(0,0,0,.1);color:#000}.iziToast>.iziToast-body .iziToast-buttons>a:hover,.iziToast>.iziToast-body .iziToast-buttons>button:hover,.iziToast>.iziToast-body .iziToast-buttons>input:not([type=checkbox]):not([type=radio]):hover{background:rgba(0,0,0,.2)}.iziToast>.iziToast-body .iziToast-buttons>a:focus,.iziToast>.iziToast-body .iziToast-buttons>button:focus,.iziToast>.iziToast-body .iziToast-buttons>input:not([type=checkbox]):not([type=radio]):focus{box-shadow:0 0 0 1px rgba(0,0,0,.6)}.iziToast>.iziToast-body .iziToast-buttons>a:active,.iziToast>.iziToast-body .iziToast-buttons>button:active,.iziToast>.iziToast-body .iziToast-buttons>input:not([type=checkbox]):not([type=radio]):active{top:1px}.iziToast>.iziToast-body .iziToast-icon{position:absolute;left:0;top:50%;display:table;font-size:23px;line-height:24px;margin-top:-12px;color:#000;width:24px;height:24px}.iziToast>.iziToast-body .iziToast-icon.ico-info{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACCtoPsAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=) no-repeat 50% 50%;background-size:85%}.iziToast>.iziToast-body .iziToast-icon.ico-warning{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAkFBMVEUAAAAAAAABAAIAAAABAAIAAAMAAAABAAIBAAIBAAIAAAIAAAABAAIAAAABAAICAAICAAIAAAIAAAAAAAAAAAABAAIBAAIAAAMAAAABAAIBAAMBAAECAAIAAAIAAAIAAAABAAIBAAIBAAMBAAIBAAEAAAIAAAMAAAAAAAABAAECAAICAAIAAAIAAAMAAAQAAAE05yNAAAAAL3RSTlMAB+kD7V8Q+PXicwv7I9iYhkAzJxnx01IV5cmnk2xmHfzexsK4eEw5L7Gei39aRw640awAAAHQSURBVFjD7ZfJdoJAEEWJgCiI4oDiPM8m7///LidErRO7sHrY5u7YXLr7vKqu9kTC0HPmo9n8cJbEQOzqqAdAUHeUZACQuTkGDQBoDJwkHZR0XBz9FkpafXuHP0SJ09mGeJLZ5wwlTmcbA0THPmdEK7XPGTG1zxmInn3OiJ19zkB0jSVTKExMHT0wjAwlWzC0fSPHF1gWRpIhWMYm7fYTFcQGlbemf4dFfdTGg0B/KXM8qBU/3wntbq7rSGqvJ9kla6IpueFJet8fxfem5yhykjyOgNaWF1qSGd5JMNNxpNF7SZQaVh5JzLrTCZIEJ1GyEyVyd+pClMjdaSJK5O40giSRu5PfFiVyd1pAksjdKRnrSsbVdbiHrgT7yss315fkVQPLFQrL+4FHeOXKO5YRFEKv5AiFaMlKLlBpJuVCJlC5sJfvCgztru/3NmBYccPgGTxRAzxn1XGEMUf58pXZvjoOsOCgjL08+b53mtfAM/SVsZcjKLtysQZPqIy9HPP3m/3zKItRwT0LyQo8sTr26tcO83DIUMWIJjierHLsJda/tbNBFY0BP/bKtcM8HNIWCK3aYR4OMzgxo5w5EFLOLKDExXAm9gI4E3iAO94/Ct/lKWuM2LMGbgAAAABJRU5ErkJggg==) no-repeat 50% 50%;background-size:85%}.iziToast>.iziToast-body .iziToast-icon.ico-error{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVyEiIAAAAJ3RSTlMA3BsB98QV8uSyWVUFz7+kcWMM2LuZioBpTUVBNcq2qaibj4d1azLZZYABAAACZElEQVRYw7WX25KCMAyGAxUoFDkpiohnV97/DXeGBtoOUprZ2dyo1K82fxKbwJJVp+KQZ7so2mX5oThVQLKwjDe9YZu4DF3ptAn6rxY0qQPOEq9fNC9ha3y77a22ba24v+9Xbe8v8x03dPOC2/NdvB6xeSreLfGJpnx0TyotKqLm2s7Jd/WO6ivXNp0tCy02R/aFz5VQ5wUPlUL5fIfj5KIlVGU0nWHm/5QtoTVMWY8mzIVu1K9O7XH2JiU/xnOOT39gnUfj+lFHddx4tFjL3/H8jjzaFCy2Rf0c/fdQyQszI8BDR973IyMSKa4krjxAiW/lkRvMP+bKK9WbYS1ASQg8dKjaUGlYPwRe/WoIkz8tiQchH5QAEMv6T0k8MD4mUyWr4E7jAWqZ+xWcMIYkXvlwggJ3IvFK+wIOcpXAo8n8P0COAaXyKH4OsjBuZB4ew0IGu+H1SebhNazsQBbWm8yj+hFuUJB5eMsN0IUXmYendAFFfJB5uEkRMYwxmcd6zDGRtmQePEykAgubymMRFmMxCSIPCRbTuFNN5OGORTjmNGc0Po0m8Uv0gcCry6xUhR2QeLii9tofbEfhz/qvNti+OfPqNm2Mq6105FUMvdT4GPmufMiV8PqBMkc+DdT1bjYYbjzU/ew23VP4n3mLAz4n8Jtv/Ui3ceTT2mzz5o1mZt0gnBpmsdjqRqVlmplcPdqa7X23kL9brdm2t/uBYDPn2+tyu48mtIGD10JTuUrukVrbCFiwDzcHrPjxKt7PW+AZQyT/WESO+1WL7f3o+WLHL2dYMSZsg6dg/z360ofvP4//v1NPzgs28WlWAAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:80%}.iziToast>.iziToast-body .iziToast-icon.ico-success{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABt0UjBAAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==) no-repeat 50% 50%;background-size:85%}.iziToast>.iziToast-body .iziToast-icon.ico-question{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEhFovxTxAAAEDklEQVRo3s2ZTWgTQRTHf03ipTRUqghNSgsRjHgQrFUQC6JgD1Kak3gQUUoPqRdBglf1oBehBws9Cn4cGk+1SOmh2upBxAYVoeJHrR9tgq0i1Cq0lqYeks7MbpPdmU00/c8hm9n33v/t7Nt5M2+qMEWQI0QIibZKRrQpHvLL2KI2wnQzzBKrDm2RIeKEy01dTYKUI7G1ZRknQXV5yP10kTYgly1NF/5S6duZ8ES+1iZodyaocrjXxE0OFeifYYgp0mRIkwFChAkRJsIxGgrIP+I0n82fvZW5dc/zkss0O2o1c5mX6/TmaDWl77RFe5YkUW3tKEmyFv0lOvXJ/fTYnmCEFuMRbGHEZqVHLyT9DFjUJmkzJl9DG5MWWwM6Llif/gF1nukB6nhgGwUXdFrE+wiURA8QoM9i0zEWWpXQW+ZsyeRrOMuyEo5Fv4gmy4dXPvqcC+pH2VRYaMwy+OWG+iLGCgm0W0Kv9HdvR8ASjmKCXpuK/bxiV/76A/v5UdDIZuKcJGjrnec5KZ7wwsWFOp6xPX/9mt2sqDe7FO+Kf/fXHBPPDWpdXGhTpLvUG9VKwh1xMDDjkvu+cNDFBTk7ptX1QkKZ850m3duu6fcrWxwdaFFyREJ2j4vOpKP6Du6z4uJCv8sYJIVkCnJBGGZaBONO3roY2EqNrSfIPi7SKP4fdXyNUd6I6wbSAHEl33tFLe+FlSsusnK90A0+oEPcuufZgXnOi+u9LrKSJQZQw6LwqBnv2CKsfHORbFbyQhA6xN/pEuihSdj56Co7LWRjPiKie6gkB2LiKuUqK5kiPkLiz1QJ9K1cNXBAMoUCigNpQ9IqDtMI1HKA4/jyvUsaoSyZLA5kjOjDPFZen8Ql5TsvBskUgjciIPSX3QAXC86DT7VWvlEh/xZ+ij9BDVWJ0QL0SbZq6QaFxoLPcXPmBLveLCc4wXdDK6s+6/vwhCSniFLPXW0NJe5UB8zKCsviqpc7vGPVQFcyZbyPwGD+d5ZnxmNWlhG4xSBZZjivjIWHEQgoDkSMjMwTo54569JSE5IpA7EyJSMTyGTUAUFlO1ZKOtaHTMeL1PhYYFTcihmY2cQ5+ullj7EDkiVfVez2sCTz8yiv84djhg7IJVk81xFWJlPdfHBG0flkRC/zQFZ+DSllNtfDdUsOMCliyGX5uOzU3ZhIXFDof4m1gDuKbEx0t2YS25gVGpcMnr/I1kx3c6piB8P8ZoqEwfMX3ZyCXynJTmq/U7NUXqfUzCbWL1wqVKBQUeESzQYoUlW8TAcVL1RCxUu1G6BYXfFyfQ4VPbDI4T8d2WzgQ6sc/vmxnTsqfHCZQzUJxm1h5dxS5Tu6lQgTZ0ipqRVqSwzTbbLHMt+c19iO76tsx/cLZub+Ali+tYC93olEAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjE3KzAyOjAwjKtfjgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxNyswMjowMP325zIAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:85%}.iziToast>.iziToast-body .iziToast-message,.iziToast>.iziToast-body .iziToast-title{padding:0;font-size:14px;line-height:16px;text-align:left;float:left;white-space:normal}.iziToast>.iziToast-body .iziToast-title{color:#000;margin:0}.iziToast>.iziToast-body .iziToast-message{margin:0 0 10px;color:rgba(0,0,0,.6)}.iziToast.iziToast-animateInside .iziToast-buttons-child,.iziToast.iziToast-animateInside .iziToast-icon,.iziToast.iziToast-animateInside .iziToast-inputs-child,.iziToast.iziToast-animateInside .iziToast-message,.iziToast.iziToast-animateInside .iziToast-title{opacity:0}.iziToast-target{position:relative;width:100%;margin:0 auto}.iziToast-target .iziToast-capsule{overflow:hidden}.iziToast-target .iziToast-capsule:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.iziToast-target .iziToast-capsule .iziToast{width:100%;float:left}.iziToast-wrapper{z-index:99999;position:fixed;width:100%;pointer-events:none;display:flex;flex-direction:column}.iziToast-wrapper .iziToast.iziToast-balloon:before{border-right:0 solid transparent;border-left:15px solid transparent;border-top:10px solid #000;border-top-color:inherit;right:8px;left:auto}.iziToast-wrapper-bottomLeft{left:0;bottom:0;text-align:left}.iziToast-wrapper-bottomLeft .iziToast.iziToast-balloon:before,.iziToast-wrapper-topLeft .iziToast.iziToast-balloon:before{border-right:15px solid transparent;border-left:0 solid transparent;right:auto;left:8px}.iziToast-wrapper-bottomRight{right:0;bottom:0;text-align:right}.iziToast-wrapper-topLeft{left:0;top:0;text-align:left}.iziToast-wrapper-topRight{top:0;right:0;text-align:right}.iziToast-wrapper-topCenter{top:0;left:0;right:0;text-align:center}.iziToast-wrapper-bottomCenter,.iziToast-wrapper-center{bottom:0;left:0;right:0;text-align:center}.iziToast-wrapper-center{top:0;justify-content:center;flex-flow:column;align-items:center}.iziToast-rtl{direction:rtl;padding:8px 0 9px 45px;font-family:Tahoma,'Lato',Arial}.iziToast-rtl .iziToast-cover{left:auto;right:0}.iziToast-rtl .iziToast-close{right:auto;left:0}.iziToast-rtl .iziToast-body{padding:0 10px 0 0;margin:0 16px 0 0;text-align:right}.iziToast-rtl .iziToast-body .iziToast-buttons,.iziToast-rtl .iziToast-body .iziToast-inputs,.iziToast-rtl .iziToast-body .iziToast-message,.iziToast-rtl .iziToast-body .iziToast-texts,.iziToast-rtl .iziToast-body .iziToast-title{float:right;text-align:right}.iziToast-rtl .iziToast-body .iziToast-icon{left:auto;right:0}@media only screen and (min-width:568px){.iziToast-wrapper{padding:10px 15px}.iziToast{margin:5px 0;border-radius:3px;width:auto}.iziToast:after{content:'';z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:3px;box-shadow:inset 0 -10px 20px -10px rgba(0,0,0,.2),inset 0 0 5px rgba(0,0,0,.1),0 8px 8px -5px rgba(0,0,0,.25)}.iziToast:not(.iziToast-rtl) .iziToast-cover{border-radius:3px 0 0 3px}.iziToast.iziToast-rtl .iziToast-cover{border-radius:0 3px 3px 0}.iziToast.iziToast-color-dark:after{box-shadow:inset 0 -10px 20px -10px rgba(255,255,255,.3),0 10px 10px -5px rgba(0,0,0,.25)}.iziToast.iziToast-balloon .iziToast-progressbar{background:0 0}.iziToast.iziToast-balloon:after{box-shadow:0 10px 10px -5px rgba(0,0,0,.25),inset 0 10px 20px -5px rgba(0,0,0,.25)}.iziToast-target .iziToast:after{box-shadow:inset 0 -10px 20px -10px rgba(0,0,0,.2),inset 0 0 5px rgba(0,0,0,.1)}}.iziToast.iziToast-theme-dark{background:#565c70;border-color:#565c70}.iziToast.iziToast-theme-dark .iziToast-title{color:#fff}.iziToast.iziToast-theme-dark .iziToast-message{color:rgba(255,255,255,.7);font-weight:300}.iziToast.iziToast-theme-dark .iziToast-close{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgCR4OIQIPSao6AAAAwElEQVRIx72VUQ6EIAwFmz2XB+AConhjzqTJ7JeGKhLYlyx/BGdoBVpjIpMJNjgIZDKTkQHYmYfwmR2AfAqGFBcO2QjXZCd24bEggvd1KBx+xlwoDpYmvnBUUy68DYXD77ESr8WDtYqvxRex7a8oHP4Wo1Mkt5I68Mc+qYqv1h5OsZmZsQ3gj/02h6cO/KEYx29hu3R+VTTwz6D3TymIP1E8RvEiiVdZfEzicxYLiljSxKIqlnW5seitTW6uYnv/Aqh4whX3mEUrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA5LTMwVDE0OjMzOjAyKzAyOjAwl6RMVgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wOS0zMFQxNDozMzowMiswMjowMOb59OoAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:8px}.iziToast.iziToast-theme-dark .iziToast-icon{color:#fff}.iziToast.iziToast-theme-dark .iziToast-icon.ico-info{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////vroaSAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=) no-repeat 50% 50%;background-size:85%}.iziToast.iziToast-theme-dark .iziToast-icon.ico-warning{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAllBMVEUAAAD////+//3+//3+//3///////z+//3+//3+//3////////////9//3////+//39//3///3////////////+//3+//39//3///z+//z+//7///3///3///3///3////////+//3+//3+//3+//z+//3+//7///3///z////////+//79//3///3///z///v+//3///+trXouAAAAMHRSTlMAB+j87RBf+PXiCwQClSPYhkAzJxnx05tSyadzcmxmHRbp5d7Gwrh4TDkvsYt/WkdQzCITAAAB1UlEQVRYw+3XaXKCQBCGYSIIighoxCVqNJrEPfly/8vFImKXduNsf/Mc4K1y7FnwlMLQc/bUbj85R6bA1LXRDICg6RjJcZa7NQYtnLUGTpERSiOXxrOPkv9s30iGKDmtbYir3H7OUHJa2ylAuvZzRvzUfs7Ii/2cgfTt54x82s8ZSM848gJmYtroQzA2jHwA+LkBIEuMGt+QIng1igzlyMrkuP2CyOi47axRaYTL5jhDJehoR+aovC29s3iIyly3Eb+hRCvZo2qsGTnhKr2cLDS+J73GsqBI9W80UCmWWpEuhIjh6ZRGjyNRarjzKGJ2Ou2himCvjHwqI+rTqQdlRH06TZQR9ek0hiqiPp06mV4ke7QPX6ERUZxO8Uo3sqrfhxvoRrCpvXwL/UjR9GRHMIvLgke4d5QbiwhM6JV2YKKF4vIl7XIBkwm4keryJVmvk/TfwcmPwQNkUQuyA2/sYGwnXL7GPu4bW1jYsmevrNj09/MGZMOEPXslQVqO8hqykD17JfPHP/bmo2yGGpdZiH3IZvzZa7B3+IdDjjpjesHJcvbs5dZ/e+cddVoDdvlq7x12Nac+iN7e4R8OXTjp0pw5CGnOLNDEzeBs5gVwFniAO+8f8wvfeXP2hyqnmwAAAABJRU5ErkJggg==) no-repeat 50% 50%;background-size:85%}.iziToast.iziToast-theme-dark .iziToast-icon.ico-error{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////GqOSsAAAAJ3RSTlMA3BsB98QV8uSyWVUFz6RxYwzYvbupmYqAaU1FQTXKv7abj4d1azKNUit3AAACZElEQVRYw7WXaZOCMAyGw30UORRQBLxX/v8/3BkaWjrY2szO5otKfGrzJrEp6Kw6F8f8sI+i/SE/FucKSBaWiT8p5idlaEtnXTB9tKDLLHAvdSatOan3je93k9F2vRF36+mr1a6eH2NFNydoHq/ieU/UXcWjjk9XykdNWq2ywtp4tXL6Wb2T/MqtzzZutsrNyfvA51KoQROhVCjfrnASIRpSVUZiD5v4RbWExjRdJzSmOsZFvzYz59kRSr6V5zE+/QELHkNdb3VRx45HS1b1u+zfkkcbRAZ3qJ9l/A4qefHUDMShJe+6kZKJDD2pLQ9Q4lu+5Q7rz7Plperd7AtQEgIPI6o2dxr2D4GXvxqCiKcn8cD4gxIAEt7/GYkHL16KqeJd0NB4gJbXfgVnzCGJlzGcocCVSLzUvoAj9xJ4NF7/R8gxoVQexc/hgBpSebjPjgPs59cHmYfn7NkDb6wXmUf1I1ygIPPw4gtgCE8yDw8eAop4J/PQcBExjQmZx37MsZB2ZB4cLKQCG5vKYxMWSzMxIg8pNtOyUkvkocEmXGo69mh8FgnxS4yBwMvDrJSNHZB4uC3ayz/YkcIP4lflwVIT+OU07ZSjrbTkZQ6dTPkYubZ8GC/Cqxu6WvJZII93dcCw46GdNqdpTeF/tiMOuDGB9z/NI6NvyWetGPM0g+bVNeovBmamHXWj0nCbEaGeTMN2PWrqd6cM26ZxP2DeJvj+ph/30Zi/GmRbtlK5SptI+nwGGnvH6gUruT+L16MJHF+58rwNIifTV0vM8+hwMeOXAb6Yx0wXT+b999WXfvn+8/X/F7fWzjdTord5AAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:80%}.iziToast.iziToast-theme-dark .iziToast-icon.ico-success{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==) no-repeat 50% 50%;background-size:85%}.iziToast.iziToast-theme-dark .iziToast-icon.ico-question{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEg18vki+AAAETUlEQVRo3s1ZTWhbRxD+VlIuxsLFCYVIIQYVopBDoK5bKDWUBupDMNbJ5FBKg/FBziUQdE9yaC+FHBrwsdCfQ9RTGoLxwWl+DqHEojUFFydxnB9bInZDqOsErBrr6yGvs/ueX97bldTKo4Pe7puZb3Z33s7srIIjMY1jyCEjP6ImvyX8pF64arSHznKC06wzijY5xSKz7YbuYokV2lODsyyxqz3gSY6z6gCuqcpxJluFH+Z8U+D/0jyHoxFUBHgfvsGHIS9WMIUlVFFDFTUAGWSRQRY5HMeBEP6b+Ew9dh/7INd2jGeO59kfKdXP85zbIbfGQVf4sYC3N1hm3lo6zzIbPvk6x+zBk7wQGMEMB5xncIAzAS0XrFySSV72iS1yyBVcdA1x0afrsoUJgdFfY2+z8ADAXl7zz0KcwJiPfZKpVuABgClO+nRG+QIHDdfb4qlWwUXvKW4Z7vi6L4J9vg+vbfCeCeZH2RfOdMOc/HbCA4BvIW6EMQz7XK/ltd+hP+VzR9mgva2YSfyGI17fA7ynnocqeQNFfIJ0oHsdv6CC2+rXGBN6cQdveY3fcVRtmy/HDete+93zy8jA8zV7YkwYMrjHzRddRsCdiVCwwmh6wg9iTNC7Y9XIF1iS7kbUpsvvGEdPuTfSgAEjRpR096x0liPFD/Eqt2NMuBQzB2XhrACAApjFsuQFh9XdGAX70B3oSuNdnMVBaX+sopYxjwVpHFBVACyKTXNoktjD+6Ll8xhenS9MAAkAI/Lux2YNUOs4I413Ypg1SgEAu7kpFvWjaeJe0fJHDGe/cNaZBkekudw8PMA+0fMwlndZeAsJ5KR/qhUDUJCnSiyvRsolkJHGUgvjH8QXDgZopEzKMKDqCKrwEQ4C6MH7GEXC665buLJG8hlQc4LP4paxfJrOqYVYYY2UARfEIazTbgDg2dB98GebzJd54b8L/iWNdLyooeR6CHyZ+6xk0yKxkYg6nEVSUG4VJ9QJ9cxRCxO+9WiOyvgUeexXP1hLGH5nGuBWVtiSp4vqe3VP0UFWI9Wan4Er3v8q7jjPWVtm4FtcQQMrOKO2nOQCM5AyDMi56FDrKHA/1nyppS1ppBpYaE8wciEjGI2AaeM41kI4doDX4XiT3Qm1gevyruCgZg9P8xIv8m1nCzTKq6oiJ9xTMiZ505P5m8cdZ0CnZMVXHVljM7WMBzxpyDxygtdxoCEFTaMIWbZU85UvBjgUMYy0fBaAF8V1Lj9qWQ1aMZ5f4k9r+AGMSkMP1vZoZih6k6sicc5h/OFHM9vDqU/VIU7zJZdYYsKGH4g4nAJMGiXZRds1pVMoZ69RM5vfkbh0qkBhsnS2RLMLilQdL9MBHS9UAh0v1e6CYnXHy/WeeCcvLDwl/9OVze69tPKM+M+v7eJN6OzFpWdEF0ucDbhVNFXadnVrmJFlkVNGTS2M6pzmhMvltfPhnN2B63sVuL7fcNP3D1TSk2ihosPrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjEzKzAyOjAweOR7nQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxMyswMjowMAm5wyEAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:85%}.iziToast.iziToast-theme-dark .iziToast-buttons>a,.iziToast.iziToast-theme-dark .iziToast-buttons>button,.iziToast.iziToast-theme-dark .iziToast-buttons>input{color:#fff;background:rgba(255,255,255,.1)}.iziToast.iziToast-theme-dark .iziToast-buttons>a:hover,.iziToast.iziToast-theme-dark .iziToast-buttons>button:hover,.iziToast.iziToast-theme-dark .iziToast-buttons>input:hover{background:rgba(255,255,255,.2)}.iziToast.iziToast-theme-dark .iziToast-buttons>a:focus,.iziToast.iziToast-theme-dark .iziToast-buttons>button:focus,.iziToast.iziToast-theme-dark .iziToast-buttons>input:focus{box-shadow:0 0 0 1px rgba(255,255,255,.6)}.iziToast.iziToast-color-red{background:rgba(255,175,180,.9);border-color:rgba(255,175,180,.9)}.iziToast.iziToast-color-orange{background:rgba(255,207,165,.9);border-color:rgba(255,207,165,.9)}.iziToast.iziToast-color-yellow{background:rgba(255,249,178,.9);border-color:rgba(255,249,178,.9)}.iziToast.iziToast-color-blue{background:rgba(157,222,255,.9);border-color:rgba(157,222,255,.9)}.iziToast.iziToast-color-green{background:rgba(166,239,184,.9);border-color:rgba(166,239,184,.9)}.iziToast.iziToast-layout2 .iziToast-body .iziToast-message,.iziToast.iziToast-layout2 .iziToast-body .iziToast-texts{width:100%}.iziToast.iziToast-layout3{border-radius:2px}.iziToast.iziToast-layout3::after{display:none}.iziToast .revealIn,.iziToast.revealIn{-webkit-animation:iziT-revealIn 1s cubic-bezier(.25,1.6,.25,1) both;animation:iziT-revealIn 1s cubic-bezier(.25,1.6,.25,1) both}.iziToast .slideIn,.iziToast.slideIn{-webkit-animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both;animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both}.iziToast.bounceInLeft{-webkit-animation:iziT-bounceInLeft .7s ease-in-out both;animation:iziT-bounceInLeft .7s ease-in-out both}.iziToast.bounceInRight{-webkit-animation:iziT-bounceInRight .85s ease-in-out both;animation:iziT-bounceInRight .85s ease-in-out both}.iziToast.bounceInDown{-webkit-animation:iziT-bounceInDown .7s ease-in-out both;animation:iziT-bounceInDown .7s ease-in-out both}.iziToast.bounceInUp{-webkit-animation:iziT-bounceInUp .7s ease-in-out both;animation:iziT-bounceInUp .7s ease-in-out both}.iziToast .fadeIn,.iziToast.fadeIn{-webkit-animation:iziT-fadeIn .5s ease both;animation:iziT-fadeIn .5s ease both}.iziToast.fadeInUp{-webkit-animation:iziT-fadeInUp .7s ease both;animation:iziT-fadeInUp .7s ease both}.iziToast.fadeInDown{-webkit-animation:iziT-fadeInDown .7s ease both;animation:iziT-fadeInDown .7s ease both}.iziToast.fadeInLeft{-webkit-animation:iziT-fadeInLeft .85s cubic-bezier(.25,.8,.25,1) both;animation:iziT-fadeInLeft .85s cubic-bezier(.25,.8,.25,1) both}.iziToast.fadeInRight{-webkit-animation:iziT-fadeInRight .85s cubic-bezier(.25,.8,.25,1) both;animation:iziT-fadeInRight .85s cubic-bezier(.25,.8,.25,1) both}.iziToast.flipInX{-webkit-animation:iziT-flipInX .85s cubic-bezier(.35,0,.25,1) both;animation:iziT-flipInX .85s cubic-bezier(.35,0,.25,1) both}.iziToast.fadeOut{-webkit-animation:iziT-fadeOut .7s ease both;animation:iziT-fadeOut .7s ease both}.iziToast.fadeOutDown{-webkit-animation:iziT-fadeOutDown .7s cubic-bezier(.4,.45,.15,.91) both;animation:iziT-fadeOutDown .7s cubic-bezier(.4,.45,.15,.91) both}.iziToast.fadeOutUp{-webkit-animation:iziT-fadeOutUp .7s cubic-bezier(.4,.45,.15,.91) both;animation:iziT-fadeOutUp .7s cubic-bezier(.4,.45,.15,.91) both}.iziToast.fadeOutLeft{-webkit-animation:iziT-fadeOutLeft .5s ease both;animation:iziT-fadeOutLeft .5s ease both}.iziToast.fadeOutRight{-webkit-animation:iziT-fadeOutRight .5s ease both;animation:iziT-fadeOutRight .5s ease both}.iziToast.flipOutX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation:iziT-flipOutX .7s cubic-bezier(.4,.45,.15,.91) both;animation:iziT-flipOutX .7s cubic-bezier(.4,.45,.15,.91) both}.iziToast-overlay.fadeIn{-webkit-animation:iziT-fadeIn .5s ease both;animation:iziT-fadeIn .5s ease both}.iziToast-overlay.fadeOut{-webkit-animation:iziT-fadeOut .7s ease both;animation:iziT-fadeOut .7s ease both}@-webkit-keyframes iziT-revealIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,1)}to{opacity:1}}@-webkit-keyframes iziT-slideIn{0%{opacity:0;-webkit-transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0)}}@-webkit-keyframes iziT-bounceInLeft{0%{opacity:0;-webkit-transform:translateX(280px)}50%{opacity:1;-webkit-transform:translateX(-20px)}70%{-webkit-transform:translateX(10px)}to{-webkit-transform:translateX(0)}}@-webkit-keyframes iziT-bounceInRight{0%{opacity:0;-webkit-transform:translateX(-280px)}50%{opacity:1;-webkit-transform:translateX(20px)}70%{-webkit-transform:translateX(-10px)}to{-webkit-transform:translateX(0)}}@-webkit-keyframes iziT-bounceInDown{0%{opacity:0;-webkit-transform:translateY(-200px)}50%{opacity:1;-webkit-transform:translateY(10px)}70%{-webkit-transform:translateY(-5px)}to{-webkit-transform:translateY(0)}}@-webkit-keyframes iziT-bounceInUp{0%{opacity:0;-webkit-transform:translateY(200px)}50%{opacity:1;-webkit-transform:translateY(-10px)}70%{-webkit-transform:translateY(5px)}to{-webkit-transform:translateY(0)}}@-webkit-keyframes iziT-fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes iziT-fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}@-webkit-keyframes iziT-fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}@-webkit-keyframes iziT-fadeInLeft{0%{opacity:0;transform:translate3d(300px,0,0)}to{opacity:1;transform:none}}@-webkit-keyframes iziT-fadeInRight{0%{opacity:0;transform:translate3d(-300px,0,0)}to{opacity:1;transform:none}}@-webkit-keyframes iziT-flipInX{0%{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg)}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{transform:perspective(400px)}}@-webkit-keyframes iziT-fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes iziT-fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}@-webkit-keyframes iziT-fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}@-webkit-keyframes iziT-fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-200px,0,0)}}@-webkit-keyframes iziT-fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(200px,0,0)}}@-webkit-keyframes iziT-flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@-webkit-keyframes iziT-revealIn{0%{opacity:0;transform:scale3d(.3,.3,1)}to{opacity:1}}@keyframes iziT-revealIn{0%{opacity:0;transform:scale3d(.3,.3,1)}to{opacity:1}}@-webkit-keyframes iziT-slideIn{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes iziT-slideIn{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes iziT-bounceInLeft{0%{opacity:0;transform:translateX(280px)}50%{opacity:1;transform:translateX(-20px)}70%{transform:translateX(10px)}to{transform:translateX(0)}}@keyframes iziT-bounceInLeft{0%{opacity:0;transform:translateX(280px)}50%{opacity:1;transform:translateX(-20px)}70%{transform:translateX(10px)}to{transform:translateX(0)}}@-webkit-keyframes iziT-bounceInRight{0%{opacity:0;transform:translateX(-280px)}50%{opacity:1;transform:translateX(20px)}70%{transform:translateX(-10px)}to{transform:translateX(0)}}@keyframes iziT-bounceInRight{0%{opacity:0;transform:translateX(-280px)}50%{opacity:1;transform:translateX(20px)}70%{transform:translateX(-10px)}to{transform:translateX(0)}}@-webkit-keyframes iziT-bounceInDown{0%{opacity:0;transform:translateY(-200px)}50%{opacity:1;transform:translateY(10px)}70%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes iziT-bounceInDown{0%{opacity:0;transform:translateY(-200px)}50%{opacity:1;transform:translateY(10px)}70%{transform:translateY(-5px)}to{transform:translateY(0)}}@-webkit-keyframes iziT-bounceInUp{0%{opacity:0;transform:translateY(200px)}50%{opacity:1;transform:translateY(-10px)}70%{transform:translateY(5px)}to{transform:translateY(0)}}@keyframes iziT-bounceInUp{0%{opacity:0;transform:translateY(200px)}50%{opacity:1;transform:translateY(-10px)}70%{transform:translateY(5px)}to{transform:translateY(0)}}@-webkit-keyframes iziT-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes iziT-fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes iziT-fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}@keyframes iziT-fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}@-webkit-keyframes iziT-fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}@keyframes iziT-fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}@-webkit-keyframes iziT-fadeInLeft{0%{opacity:0;transform:translate3d(300px,0,0)}to{opacity:1;transform:none}}@keyframes iziT-fadeInLeft{0%{opacity:0;transform:translate3d(300px,0,0)}to{opacity:1;transform:none}}@-webkit-keyframes iziT-fadeInRight{0%{opacity:0;transform:translate3d(-300px,0,0)}to{opacity:1;transform:none}}@keyframes iziT-fadeInRight{0%{opacity:0;transform:translate3d(-300px,0,0)}to{opacity:1;transform:none}}@-webkit-keyframes iziT-flipInX{0%{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg)}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{transform:perspective(400px)}}@keyframes iziT-flipInX{0%{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg)}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{transform:perspective(400px)}}@-webkit-keyframes iziT-fadeOut{0%{opacity:1}to{opacity:0}}@keyframes iziT-fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes iziT-fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}@keyframes iziT-fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}@-webkit-keyframes iziT-fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}@keyframes iziT-fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}@-webkit-keyframes iziT-fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-200px,0,0)}}@keyframes iziT-fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-200px,0,0)}}@-webkit-keyframes iziT-fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(200px,0,0)}}@keyframes iziT-fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(200px,0,0)}}@-webkit-keyframes iziT-flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes iziT-flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}/*! * Bootstrap-select v1.13.18 (https://developer.snapappointments.com/bootstrap-select) * * Copyright 2012-2020 SnapAppointments, LLC * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE) */@-webkit-keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}@-o-keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}@keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}.bootstrap-select>select.bs-select-hidden,select.bs-select-hidden,select.selectpicker{display:none!important}.bootstrap-select{width:220px\0;vertical-align:middle}.bootstrap-select>.dropdown-toggle{position:relative;width:100%;text-align:right;white-space:nowrap;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.bootstrap-select>.dropdown-toggle:after{margin-top:-1px}.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#999}.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover{color:rgba(255,255,255,.5)}.bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none;z-index:0!important}.bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2!important}.bootstrap-select.is-invalid .dropdown-toggle,.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle,.was-validated .bootstrap-select select:invalid+.dropdown-toggle{border-color:#b94a48}.bootstrap-select.is-valid .dropdown-toggle,.was-validated .bootstrap-select select:valid+.dropdown-toggle{border-color:#28a745}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .dropdown-toggle:focus,.bootstrap-select>select.mobile-device:focus+.dropdown-toggle{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none;height:auto}:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.form-control.input-group-btn{float:none;z-index:auto}.form-inline .bootstrap-select,.form-inline .bootstrap-select.form-control:not([class*=col-]){width:auto}.bootstrap-select:not(.input-group-btn),.bootstrap-select[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.dropdown-menu-right,.bootstrap-select[class*=col-].dropdown-menu-right,.row .bootstrap-select[class*=col-].dropdown-menu-right{float:right}.form-group .bootstrap-select,.form-horizontal .bootstrap-select,.form-inline .bootstrap-select{margin-bottom:0}.form-group-lg .bootstrap-select.form-control,.form-group-sm .bootstrap-select.form-control{padding:0}.form-group-lg .bootstrap-select.form-control .dropdown-toggle,.form-group-sm .bootstrap-select.form-control .dropdown-toggle{height:100%;font-size:inherit;line-height:inherit;border-radius:inherit}.bootstrap-select.form-control-lg .dropdown-toggle,.bootstrap-select.form-control-sm .dropdown-toggle{font-size:inherit;line-height:inherit;border-radius:inherit}.bootstrap-select.form-control-sm .dropdown-toggle{padding:.25rem .5rem}.bootstrap-select.form-control-lg .dropdown-toggle{padding:.5rem 1rem}.form-inline .bootstrap-select .form-control{width:100%}.bootstrap-select.disabled,.bootstrap-select>.disabled{cursor:not-allowed}.bootstrap-select.disabled:focus,.bootstrap-select>.disabled:focus{outline:0!important}.bootstrap-select.bs-container{position:absolute;top:0;left:0;height:0!important;padding:0!important}.bootstrap-select.bs-container .dropdown-menu{z-index:1060}.bootstrap-select .dropdown-toggle .filter-option{position:static;top:0;left:0;float:left;height:100%;width:100%;text-align:left;overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.bs3.bootstrap-select .dropdown-toggle .filter-option{padding-right:inherit}.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option{position:absolute;padding-top:inherit;padding-bottom:inherit;padding-left:inherit;float:none}.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner{padding-right:inherit}.bootstrap-select .dropdown-toggle .filter-option-inner-inner{overflow:hidden}.bootstrap-select .dropdown-toggle .filter-expand{width:0!important;float:left;opacity:0!important;overflow:hidden}.bootstrap-select .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.input-group .bootstrap-select.form-control .dropdown-toggle{border-radius:inherit}.bootstrap-select[class*=col-] .dropdown-toggle{width:100%}.bootstrap-select .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .dropdown-menu>.inner:focus{outline:0!important}.bootstrap-select .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select .dropdown-menu li{position:relative}.bootstrap-select .dropdown-menu li.active small{color:rgba(255,255,255,.5)!important}.bootstrap-select .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bootstrap-select .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select .dropdown-menu li a span.check-mark{display:none}.bootstrap-select .dropdown-menu li a span.text{display:inline-block}.bootstrap-select .dropdown-menu li small{padding-left:.5em}.bootstrap-select .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .dropdown-menu .notify.fadeOut{-webkit-animation:.3s linear 750ms forwards bs-notify-fadeOut;-o-animation:.3s linear 750ms forwards bs-notify-fadeOut;animation:.3s linear 750ms forwards bs-notify-fadeOut}.bootstrap-select .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}.bootstrap-select.fit-width .dropdown-toggle .filter-option{position:static;display:inline;padding:0}.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner{display:inline}.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before{content:'\A0'}.bootstrap-select.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{position:absolute;display:inline-block;right:15px;top:5px}.bootstrap-select.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select .bs-ok-default:after{content:'';display:block;width:.5em;height:1em;border-style:solid;border-width:0 .26em .26em 0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle{z-index:1061}.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before{bottom:auto;top:-4px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after{bottom:auto;top:-4px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before{display:block}.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group button{width:50%}.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-donebutton .btn-group button{width:100%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none}/*! * ============================================================= * dropify v0.2.1 - Override your input files with style. * https://github.com/JeremyFagis/dropify * * (c) 2017 - Jeremy FAGIS (http://fagis.fr) * ============================================================= */ @charset "UTF-8"; @font-face { font-family: 'dropify'; src: url(/fonts/vendor/dropify/dist/dropify.eot?4e8b017aef78cc114006cba896850fbd); src: url(/fonts/vendor/dropify/dist/dropify.eot?4e8b017aef78cc114006cba896850fbd#iefix) format("embedded-opentype"), url(/fonts/vendor/dropify/dist/dropify.woff?950ffd1efa29c33a70dd86ea761cb3d8) format("woff"), url(/fonts/vendor/dropify/dist/dropify.ttf?86cb1ab018f1680d8e0fa0ca6a53d64c) format("truetype"), url(/fonts/vendor/dropify/dist/dropify.svg?b321d818cc153b16e739072ea8bc94b8#dropify) format("svg"); font-weight: normal; font-style: normal; } [class^="dropify-font-"]:before, [class*=" dropify-font-"]:before, .dropify-font:before, .dropify-wrapper .dropify-message span.file-icon:before { font-family: "dropify"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-left: .2em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; } .dropify-font-upload:before, .dropify-wrapper .dropify-message span.file-icon:before { content: '\E800'; } .dropify-font-file:before { content: '\E801'; } .dropify-wrapper { display: block; position: relative; cursor: pointer; overflow: hidden; width: 100%; max-width: 100%; height: 200px; padding: 5px 10px; font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial"; font-size: 14px; line-height: 22px; color: #777; background-color: #FFF; background-image: none; text-align: center; border: 2px solid #E5E5E5; transition: border-color 0.15s linear; } .dropify-wrapper:hover { background-size: 30px 30px; background-image: linear-gradient(-45deg, #F6F6F6 25%, transparent 25%, transparent 50%, #F6F6F6 50%, #F6F6F6 75%, transparent 75%, transparent); -webkit-animation: stripes 2s linear infinite; animation: stripes 2s linear infinite; } .dropify-wrapper.has-preview .dropify-clear { display: block; } .dropify-wrapper.has-error { border-color: #F34141; } .dropify-wrapper.has-error .dropify-message .dropify-error { display: block; } .dropify-wrapper.has-error:hover .dropify-errors-container  { visibility: visible; opacity: 1; transition-delay: 0s; } .dropify-wrapper.disabled input { cursor: not-allowed; } .dropify-wrapper.disabled:hover { background-image: none; -webkit-animation: none; animation: none; } .dropify-wrapper.disabled .dropify-message { opacity: 0.5; text-decoration: line-through; } .dropify-wrapper.disabled .dropify-infos-message { display: none; } .dropify-wrapper input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; opacity: 0; cursor: pointer; z-index: 5; } .dropify-wrapper .dropify-message { position: relative; top: 50%; transform: translateY(-50%); } .dropify-wrapper .dropify-message span.file-icon { font-size: 50px; color: #CCC; } .dropify-wrapper .dropify-message p { margin: 5px 0 0 0; } .dropify-wrapper .dropify-message p.dropify-error { color: #F34141; font-weight: bold; display: none; } .dropify-wrapper .dropify-clear { display: none; position: absolute; opacity: 0; z-index: 7; top: 10px; right: 10px; background: none; border: 2px solid #FFF; text-transform: uppercase; font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial"; font-size: 11px; padding: 4px 8px; font-weight: bold; color: #FFF; transition: all 0.15s linear; } .dropify-wrapper .dropify-clear:hover { background: rgba(255, 255, 255, 0.2); } .dropify-wrapper .dropify-preview { display: none; position: absolute; z-index: 1; background-color: #FFF; padding: 5px; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; text-align: center; } .dropify-wrapper .dropify-preview .dropify-render img { top: 50%; transform: translate(0, -50%); position: relative; max-width: 100%; max-height: 100%; background-color: #FFF; transition: border-color 0.15s linear; } .dropify-wrapper .dropify-preview .dropify-render i { font-size: 70px; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; color: #777; } .dropify-wrapper .dropify-preview .dropify-render .dropify-extension { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top: 10px; text-transform: uppercase; font-weight: 900; letter-spacing: -0.03em; font-size: 13px; width: 42px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dropify-wrapper .dropify-preview .dropify-infos { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 3; background: rgba(0, 0, 0, 0.7); opacity: 0; transition: opacity 0.15s linear; } .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner { position: absolute; top: 50%; transform: translate(0, -40%); -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 100%; padding: 0 20px; transition: all 0.2s ease; } .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p { padding: 0; margin: 0; position: relative; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #FFF; text-align: center; line-height: 25px; font-weight: bold; } .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message { margin-top: 15px; padding-top: 15px; font-size: 12px; position: relative; opacity: 0.5; } .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message::before { content: ''; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); background: #FFF; width: 30px; height: 2px; } .dropify-wrapper:hover .dropify-clear { opacity: 1; } .dropify-wrapper:hover .dropify-preview .dropify-infos { opacity: 1; } .dropify-wrapper:hover .dropify-preview .dropify-infos .dropify-infos-inner { margin-top: -5px; } .dropify-wrapper.touch-fallback { height: auto !important; } .dropify-wrapper.touch-fallback:hover { background-image: none; -webkit-animation: none; animation: none; } .dropify-wrapper.touch-fallback .dropify-preview { position: relative; padding: 0; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-render { display: block; position: relative; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-render .dropify-font-file { position: relative; transform: translate(0, 0); top: 0; left: 0; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-render .dropify-font-file::before { margin-top: 30px; margin-bottom: 30px; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-render img { position: relative; transform: translate(0, 0); } .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos { position: relative; opacity: 1; background: transparent; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner { position: relative; top: 0; transform: translate(0, 0); padding: 5px 90px 5px 0; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p { padding: 0; margin: 0; position: relative; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #777; text-align: left; line-height: 25px; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename { font-weight: bold; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message { margin-top: 0; padding-top: 0; font-size: 11px; position: relative; opacity: 1; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message::before { display: none; } .dropify-wrapper.touch-fallback .dropify-message { transform: translate(0, 0); padding: 40px 0; } .dropify-wrapper.touch-fallback .dropify-clear { top: auto; bottom: 23px; opacity: 1; border-color: rgba(119, 119, 119, 0.7); color: #777; } .dropify-wrapper.touch-fallback.has-preview .dropify-message { display: none; } .dropify-wrapper.touch-fallback:hover .dropify-preview .dropify-infos .dropify-infos-inner { margin-top: 0; } .dropify-wrapper .dropify-loader { position: absolute; top: 15px; right: 15px; display: none; z-index: 9; } .dropify-wrapper .dropify-loader::after { display: block; position: relative; width: 20px; height: 20px; -webkit-animation: rotate 0.6s linear infinite; animation: rotate 0.6s linear infinite; border-radius: 100%; border-top: 1px solid #CCC; border-bottom: 1px solid #777; border-left: 1px solid #CCC; border-right: 1px solid #777; content: ''; } .dropify-wrapper .dropify-errors-container { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 3; background: rgba(243, 65, 65, 0.8); text-align: left; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.15s,opacity 0.15s linear; } .dropify-wrapper .dropify-errors-container ul { padding: 10px 20px; margin: 0; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .dropify-wrapper .dropify-errors-container ul li { margin-left: 20px; color: #FFF; font-weight: bold; } .dropify-wrapper .dropify-errors-container.visible { visibility: visible; opacity: 1; transition-delay: 0s; } .dropify-wrapper ~ .dropify-errors-container ul { padding: 0; margin: 15px 0; } .dropify-wrapper ~ .dropify-errors-container ul li { margin-left: 20px; color: #F34141; font-weight: bold; } @-webkit-keyframes stripes { from { background-position: 0 0; } to { background-position: 60px 30px; } } @keyframes stripes { from { background-position: 0 0; } to { background-position: 60px 30px; } } @-webkit-keyframes rotate { 0% { transform: rotateZ(-360deg); } 100% { transform: rotateZ(0deg); } } @keyframes rotate { 0% { transform: rotateZ(-360deg); } 100% { transform: rotateZ(0deg); } } @charset "UTF-8";:root{--tagify-dd-color-primary:rgb(53,149,246);--tagify-dd-bg-color:white}.tagify{--tags-disabled-bg:#F1F1F1;--tags-border-color:#DDD;--tags-hover-border-color:#CCC;--tags-focus-border-color:#3595f6;--tag-bg:#E5E5E5;--tag-hover:#D3E2E2;--tag-text-color:black;--tag-text-color--edit:black;--tag-pad:0.3em 0.5em;--tag-inset-shadow-size:1.1em;--tag-invalid-color:#D39494;--tag-invalid-bg:rgba(211, 148, 148, 0.5);--tag-remove-bg:rgba(211, 148, 148, 0.3);--tag-remove-btn-color:black;--tag-remove-btn-bg:none;--tag-remove-btn-bg--hover:#c77777;--input-color:inherit;--tag--min-width:1ch;--tag--max-width:auto;--tag-hide-transition:0.3s;--placeholder-color:rgba(0, 0, 0, 0.4);--placeholder-color-focus:rgba(0, 0, 0, 0.25);--loader-size:.8em;--readonly-striped:1;display:flex;align-items:flex-start;flex-wrap:wrap;border:1px solid #ddd;border:1px solid var(--tags-border-color);padding:0;line-height:0;cursor:text;outline:0;position:relative;box-sizing:border-box;transition:.1s}@keyframes tags--bump{30%{transform:scale(1.2)}}@keyframes rotateLoader{to{transform:rotate(1turn)}}.tagify:hover{border-color:#ccc;border-color:var(--tags-hover-border-color)}.tagify.tagify--focus{transition:0s;border-color:#3595f6;border-color:var(--tags-focus-border-color)}.tagify[disabled]{background:var(--tags-disabled-bg);filter:saturate(0);opacity:.5;pointer-events:none}.tagify[readonly].tagify--select{pointer-events:none}.tagify[readonly]:not(.tagify--mix):not(.tagify--select){cursor:default}.tagify[readonly]:not(.tagify--mix):not(.tagify--select)>.tagify__input{visibility:hidden;width:0;margin:5px 0}.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div{padding:.3em .5em;padding:var(--tag-pad)}.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before{animation:readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused}@keyframes readonlyStyles{0%{background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;box-shadow:none;filter:brightness(.95)}}.tagify[readonly] .tagify__tag__removeBtn{display:none}.tagify--loading .tagify__input>br:last-child{display:none}.tagify--loading .tagify__input::before{content:none}.tagify--loading .tagify__input::after{content:"";vertical-align:middle;opacity:1;width:.7em;height:.7em;width:var(--loader-size);height:var(--loader-size);border:3px solid;border-color:#eee #bbb #888 transparent;border-radius:50%;animation:rotateLoader .4s infinite linear;content:""!important;margin:-2px 0 -2px .5em}.tagify--loading .tagify__input:empty::after{margin-left:0}.tagify+input,.tagify+textarea{position:absolute!important;left:-9999em!important;transform:scale(0)!important}.tagify__tag{display:inline-flex;align-items:center;margin:5px 0 5px 5px;position:relative;z-index:1;outline:0;line-height:normal;cursor:default;transition:.13s ease-out}.tagify__tag>div{vertical-align:top;box-sizing:border-box;max-width:100%;padding:.3em .5em;padding:var(--tag-pad,.3em .5em);color:#000;color:var(--tag-text-color,#000);line-height:inherit;border-radius:3px;white-space:nowrap;transition:.13s ease-out}.tagify__tag>div>*{white-space:pre-wrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:top;min-width:1ch;max-width:auto;min-width:var(--tag--min-width,1ch);max-width:var(--tag--max-width,auto);transition:.8s ease,.1s color}.tagify__tag>div>[contenteditable]{outline:0;-webkit-user-select:text;user-select:text;cursor:text;margin:-2px;padding:2px;max-width:350px}.tagify__tag>div::before{content:"";position:absolute;border-radius:inherit;left:0;top:0;right:0;bottom:0;z-index:-1;pointer-events:none;transition:120ms ease;animation:tags--bump .3s ease-out 1;box-shadow:0 0 0 1.1em #e5e5e5 inset;box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-bg,#e5e5e5) inset}.tagify__tag:focus div::before,.tagify__tag:hover:not([readonly]) div::before{top:-2px;right:-2px;bottom:-2px;left:-2px;box-shadow:0 0 0 1.1em #d3e2e2 inset;box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-hover,#d3e2e2) inset}.tagify__tag--loading{pointer-events:none}.tagify__tag--loading .tagify__tag__removeBtn{display:none}.tagify__tag--loading::after{--loader-size:.4em;content:"";vertical-align:middle;opacity:1;width:.7em;height:.7em;width:var(--loader-size);height:var(--loader-size);border:3px solid;border-color:#eee #bbb #888 transparent;border-radius:50%;animation:rotateLoader .4s infinite linear;margin:0 .5em 0 -.1em}.tagify__tag--flash div::before{animation:none}.tagify__tag--hide{width:0!important;padding-left:0;padding-right:0;margin-left:0;margin-right:0;opacity:0;transform:scale(0);transition:.3s;transition:var(--tag-hide-transition,.3s);pointer-events:none}.tagify__tag--hide>div>*{white-space:nowrap}.tagify__tag.tagify--noAnim>div::before{animation:none}.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div>span{opacity:.5}.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before{box-shadow:0 0 0 1.1em rgba(211,148,148,.5) inset!important;box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-invalid-bg,rgba(211,148,148,.5)) inset!important;transition:.2s}.tagify__tag[readonly] .tagify__tag__removeBtn{display:none}.tagify__tag[readonly]>div::before{animation:readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused}@keyframes readonlyStyles{0%{background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;box-shadow:none;filter:brightness(.95)}}.tagify__tag--editable>div{color:#000;color:var(--tag-text-color--edit,#000)}.tagify__tag--editable>div::before{box-shadow:0 0 0 2px #d3e2e2 inset!important;box-shadow:0 0 0 2px var(--tag-hover,#d3e2e2) inset!important}.tagify__tag--editable>.tagify__tag__removeBtn{pointer-events:none}.tagify__tag--editable>.tagify__tag__removeBtn::after{opacity:0;transform:translateX(100%) translateX(5px)}.tagify__tag--editable.tagify--invalid>div::before{box-shadow:0 0 0 2px #d39494 inset!important;box-shadow:0 0 0 2px var(--tag-invalid-color,#d39494) inset!important}.tagify__tag__removeBtn{order:5;display:inline-flex;align-items:center;justify-content:center;border-radius:50px;cursor:pointer;font:14px/1 Arial;background:0 0;background:var(--tag-remove-btn-bg,none);color:#000;color:var(--tag-remove-btn-color,#000);width:14px;height:14px;margin-right:4.6666666667px;margin-left:auto;overflow:hidden;transition:.2s ease-out}.tagify__tag__removeBtn::after{content:"\D7";transition:.3s,color 0s}.tagify__tag__removeBtn:hover{color:#fff;background:#c77777;background:var(--tag-remove-btn-bg--hover,#c77777)}.tagify__tag__removeBtn:hover+div>span{opacity:.5}.tagify__tag__removeBtn:hover+div::before{box-shadow:0 0 0 1.1em rgba(211,148,148,.3) inset!important;box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-remove-bg,rgba(211,148,148,.3)) inset!important;transition:box-shadow .2s}.tagify:not(.tagify--mix) .tagify__input br{display:none}.tagify:not(.tagify--mix) .tagify__input *{display:inline;white-space:nowrap}.tagify__input{flex-grow:1;display:inline-block;min-width:110px;margin:5px;padding:.3em .5em;padding:var(--tag-pad,.3em .5em);line-height:normal;position:relative;white-space:pre-wrap;color:inherit;color:var(--input-color,inherit);box-sizing:inherit}.tagify__input:focus{outline:0}.tagify__input:focus::before{transition:.2s ease-out;opacity:0;transform:translatex(6px)}@supports (-ms-ime-align:auto){.tagify__input:focus::before{display:none}}.tagify__input:focus:empty::before{transition:.2s ease-out;opacity:1;transform:none;color:rgba(0,0,0,.25);color:var(--placeholder-color-focus)}@-moz-document url-prefix(){.tagify__input:focus:empty::after{display:none}}.tagify__input::before{content:attr(data-placeholder);height:1em;line-height:1em;margin:auto 0;z-index:1;color:rgba(0,0,0,.4);color:var(--placeholder-color);white-space:nowrap;pointer-events:none;opacity:0;position:absolute}.tagify__input::after{content:attr(data-suggest);display:inline-block;white-space:pre;color:#000;opacity:.3;pointer-events:none;max-width:100px}.tagify__input .tagify__tag{margin:0 1px}.tagify--mix{display:block}.tagify--mix .tagify__input{padding:5px;margin:0;width:100%;height:100%;line-height:1.5;display:block}.tagify--mix .tagify__input::before{height:auto;display:none;line-height:inherit}.tagify--mix .tagify__input::after{content:none}.tagify--select::after{content:">";opacity:.5;position:absolute;top:50%;right:0;bottom:0;font:16px monospace;line-height:8px;height:8px;pointer-events:none;transform:translate(-150%,-50%) scaleX(1.2) rotate(90deg);transition:.2s ease-in-out}.tagify--select[aria-expanded=true]::after{transform:translate(-150%,-50%) rotate(270deg) scaleY(1.2)}.tagify--select .tagify__tag{position:absolute;top:0;right:1.8em;bottom:0}.tagify--select .tagify__tag div{display:none}.tagify--select .tagify__input{width:100%}.tagify--empty .tagify__input::before{transition:.2s ease-out;opacity:1;transform:none;display:inline-block;width:auto}.tagify--mix .tagify--empty .tagify__input::before{display:inline-block}.tagify--invalid{--tags-border-color:#D39494}.tagify__dropdown{position:absolute;z-index:9999;transform:translateY(1px);overflow:hidden}.tagify__dropdown[placement=top]{margin-top:0;transform:translateY(-100%)}.tagify__dropdown[placement=top] .tagify__dropdown__wrapper{border-top-width:1.1px;border-bottom-width:0}.tagify__dropdown[position=text]{box-shadow:0 0 0 3px rgba(var(--tagify-dd-color-primary),.1);font-size:.9em}.tagify__dropdown[position=text] .tagify__dropdown__wrapper{border-width:1px}.tagify__dropdown__wrapper{max-height:300px;overflow:auto;background:#fff;background:var(--tagify-dd-bg-color);border:1px solid #3595f6;border-color:var(--tagify-dd-color-primary);border-bottom-width:1.33px;border-top-width:0;box-shadow:0 2px 4px -2px rgba(0,0,0,.2);transition:.25s cubic-bezier(0,1,.5,1)}.tagify__dropdown--initial .tagify__dropdown__wrapper{max-height:20px;transform:translateY(-1em)}.tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper{transform:translateY(2em)}.tagify__dropdown__item{box-sizing:inherit;padding:.3em .5em;margin:1px;cursor:pointer;border-radius:2px;position:relative;outline:0}.tagify__dropdown__item--active{background:#3595f6;background:var(--tagify-dd-color-primary);color:#fff}.tagify__dropdown__item:active{filter:brightness(105%)}@charset "UTF-8"; /*! * Bootstrap v4.6.1 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --blue: #3490dc; --indigo: #6574cd; --purple: #9561e2; --pink: #f66D9b; --red: #e3342f; --orange: #f6993f; --yellow: #ffed4a; --green: #38c172; --teal: #4dc0b5; --cyan: #6cb2eb; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #3490dc; --secondary: #6c757d; --success: #38c172; --info: #6cb2eb; --warning: #ffed4a; --danger: #e3342f; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: "Nunito", sans-serif; --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%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: "Nunito", sans-serif; font-size: 0.9rem; font-weight: 400; line-height: 1.6; color: #212529; text-align: left; background-color: #f8fafc; } [tabindex="-1"]:focus:not(:focus-visible) { 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; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } 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: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #3490dc; text-decoration: none; background-color: transparent; } a:hover { color: #1d68a7; text-decoration: underline; } a:not([href]):not([class]) { color: inherit; text-decoration: none; } a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } 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: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; text-align: -webkit-match-parent; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } 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; } [role=button] { cursor: pointer; } select { word-wrap: normal; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } 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; } 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: 0.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-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-weight: 500; line-height: 1.2; } h1, .h1 { font-size: 2.25rem; } h2, .h2 { font-size: 1.8rem; } h3, .h3 { font-size: 1.575rem; } h4, .h4 { font-size: 1.35rem; } h5, .h5 { font-size: 1.125rem; } h6, .h6 { font-size: 0.9rem; } .lead { font-size: 1.125rem; 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.125rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014\A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #f8fafc; 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: #6c757d; } code { font-size: 87.5%; color: #f66D9b; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container, .container-fluid, .container-xl, .container-lg, .container-md, .container-sm { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } } .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-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .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.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-sm-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-sm-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-sm-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-sm-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .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.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-md-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-md-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-md-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-md-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .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.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-lg-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-lg-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-lg-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-lg-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .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.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-xl-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-xl-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-xl-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-xl-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .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.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } } .table { width: 100%; margin-bottom: 1rem; color: #212529; } .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-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 { color: #212529; background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #c6e0f5; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #95c5ed; } .table-hover .table-primary:hover { background-color: #b0d4f1; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #b0d4f1; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d6d8db; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #b3b7bb; } .table-hover .table-secondary:hover { background-color: #c8cbcf; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf; } .table-success, .table-success > th, .table-success > td { background-color: #c7eed8; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #98dfb6; } .table-hover .table-success:hover { background-color: #b3e8ca; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b3e8ca; } .table-info, .table-info > th, .table-info > td { background-color: #d6e9f9; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #b3d7f5; } .table-hover .table-info:hover { background-color: #c0ddf6; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #c0ddf6; } .table-warning, .table-warning > th, .table-warning > td { background-color: #fffacc; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #fff6a1; } .table-hover .table-warning:hover { background-color: #fff8b3; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #fff8b3; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f7c6c5; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #f09593; } .table-hover .table-danger:hover { background-color: #f4b0af; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f4b0af; } .table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fbfcfc; } .table-hover .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #95999c; } .table-hover .table-dark:hover { background-color: #b9bbbe; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; } .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: #343a40; border-color: #454d55; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #343a40; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; } .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 { color: #fff; 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; } .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; } .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; } .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; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(1.6em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 0.9rem; font-weight: 400; line-height: 1.6; color: #495057; 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 (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #a1cbef; outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 144, 220, 0.25); } .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; } select.form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } select.form-control:focus::-ms-value { color: #495057; 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.6; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.125rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.7875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; font-size: 0.9rem; line-height: 1.6; color: #212529; 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.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.7875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.125rem; 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, .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .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: #38c172; } .valid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.7875rem; line-height: 1.6; color: #fff; background-color: rgba(56, 193, 114, 0.9); border-radius: 0.25rem; } .form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip { left: 5px; } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #38c172; padding-right: calc(1.6em + 0.75rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338c172' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.4em + 0.1875rem) center; background-size: calc(0.8em + 0.375rem) calc(0.8em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #38c172; box-shadow: 0 0 0 0.2rem rgba(56, 193, 114, 0.25); } .was-validated select.form-control:valid, select.form-control.is-valid { padding-right: 3rem !important; background-position: right 1.5rem center; } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.6em + 0.75rem); background-position: top calc(0.4em + 0.1875rem) right calc(0.4em + 0.1875rem); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #38c172; padding-right: calc(0.75em + 2.3125rem) !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2338c172' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.8em + 0.375rem) calc(0.8em + 0.375rem) no-repeat; } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #38c172; box-shadow: 0 0 0 0.2rem rgba(56, 193, 114, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #38c172; } .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: #38c172; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #38c172; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #5cd08d; background-color: #5cd08d; } .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 0.2rem rgba(56, 193, 114, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #38c172; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #38c172; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #38c172; box-shadow: 0 0 0 0.2rem rgba(56, 193, 114, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #e3342f; } .invalid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.7875rem; line-height: 1.6; color: #fff; background-color: rgba(227, 52, 47, 0.9); border-radius: 0.25rem; } .form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip { left: 5px; } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #e3342f; padding-right: calc(1.6em + 0.75rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e3342f' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e3342f' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.4em + 0.1875rem) center; background-size: calc(0.8em + 0.375rem) calc(0.8em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #e3342f; box-shadow: 0 0 0 0.2rem rgba(227, 52, 47, 0.25); } .was-validated select.form-control:invalid, select.form-control.is-invalid { padding-right: 3rem !important; background-position: right 1.5rem center; } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.6em + 0.75rem); background-position: top calc(0.4em + 0.1875rem) right calc(0.4em + 0.1875rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #e3342f; padding-right: calc(0.75em + 2.3125rem) !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e3342f' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e3342f' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.8em + 0.375rem) calc(0.8em + 0.375rem) no-repeat; } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #e3342f; box-shadow: 0 0 0 0.2rem rgba(227, 52, 47, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #e3342f; } .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: #e3342f; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #e3342f; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #e9605c; background-color: #e9605c; } .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 0.2rem rgba(227, 52, 47, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #e3342f; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #e3342f; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #e3342f; box-shadow: 0 0 0 0.2rem rgba(227, 52, 47, 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; flex-shrink: 0; 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; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 0.9rem; line-height: 1.6; 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 (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #212529; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 144, 220, 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: #3490dc; border-color: #3490dc; } .btn-primary:hover { color: #fff; background-color: #227dc7; border-color: #2176bd; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #227dc7; border-color: #2176bd; box-shadow: 0 0 0 0.2rem rgba(82, 161, 225, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #3490dc; border-color: #3490dc; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #2176bd; border-color: #1f6fb2; } .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(82, 161, 225, 0.5); } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } .btn-secondary:focus, .btn-secondary.focus { color: #fff; background-color: #5a6268; border-color: #545b62; box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } .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(130, 138, 145, 0.5); } .btn-success { color: #fff; background-color: #38c172; border-color: #38c172; } .btn-success:hover { color: #fff; background-color: #2fa360; border-color: #2d995b; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #2fa360; border-color: #2d995b; box-shadow: 0 0 0 0.2rem rgba(86, 202, 135, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #38c172; border-color: #38c172; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #2d995b; border-color: #2a9055; } .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(86, 202, 135, 0.5); } .btn-info { color: #212529; background-color: #6cb2eb; border-color: #6cb2eb; } .btn-info:hover { color: #fff; background-color: #4aa0e6; border-color: #3f9ae5; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #4aa0e6; border-color: #3f9ae5; box-shadow: 0 0 0 0.2rem rgba(97, 157, 206, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #212529; background-color: #6cb2eb; border-color: #6cb2eb; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #3f9ae5; border-color: #3495e3; } .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(97, 157, 206, 0.5); } .btn-warning { color: #212529; background-color: #ffed4a; border-color: #ffed4a; } .btn-warning:hover { color: #212529; background-color: #ffe924; border-color: #ffe817; } .btn-warning:focus, .btn-warning.focus { color: #212529; background-color: #ffe924; border-color: #ffe817; box-shadow: 0 0 0 0.2rem rgba(222, 207, 69, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffed4a; border-color: #ffed4a; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #ffe817; border-color: #ffe70a; } .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(222, 207, 69, 0.5); } .btn-danger { color: #fff; background-color: #e3342f; border-color: #e3342f; } .btn-danger:hover { color: #fff; background-color: #d0211c; border-color: #c51f1a; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #d0211c; border-color: #c51f1a; box-shadow: 0 0 0 0.2rem rgba(231, 82, 78, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #e3342f; border-color: #e3342f; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #c51f1a; border-color: #b91d19; } .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(231, 82, 78, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light:focus, .btn-light.focus { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .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(216, 217, 219, 0.5); } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; } .btn-dark:focus, .btn-dark.focus { color: #fff; background-color: #23272b; border-color: #1d2124; box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } .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(82, 88, 93, 0.5); } .btn-outline-primary { color: #3490dc; border-color: #3490dc; } .btn-outline-primary:hover { color: #fff; background-color: #3490dc; border-color: #3490dc; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(52, 144, 220, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #3490dc; 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: #3490dc; border-color: #3490dc; } .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(52, 144, 220, 0.5); } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; 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: #6c757d; border-color: #6c757d; } .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(108, 117, 125, 0.5); } .btn-outline-success { color: #38c172; border-color: #38c172; } .btn-outline-success:hover { color: #fff; background-color: #38c172; border-color: #38c172; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(56, 193, 114, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #38c172; 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: #38c172; border-color: #38c172; } .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(56, 193, 114, 0.5); } .btn-outline-info { color: #6cb2eb; border-color: #6cb2eb; } .btn-outline-info:hover { color: #212529; background-color: #6cb2eb; border-color: #6cb2eb; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(108, 178, 235, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #6cb2eb; 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: #212529; background-color: #6cb2eb; border-color: #6cb2eb; } .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(108, 178, 235, 0.5); } .btn-outline-warning { color: #ffed4a; border-color: #ffed4a; } .btn-outline-warning:hover { color: #212529; background-color: #ffed4a; border-color: #ffed4a; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 237, 74, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffed4a; 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: #212529; background-color: #ffed4a; border-color: #ffed4a; } .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, 237, 74, 0.5); } .btn-outline-danger { color: #e3342f; border-color: #e3342f; } .btn-outline-danger:hover { color: #fff; background-color: #e3342f; border-color: #e3342f; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(227, 52, 47, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #e3342f; 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: #e3342f; border-color: #e3342f; } .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(227, 52, 47, 0.5); } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; 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: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .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(248, 249, 250, 0.5); } .btn-outline-dark { color: #343a40; border-color: #343a40; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; 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: #343a40; border-color: #343a40; } .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(52, 58, 64, 0.5); } .btn-link { font-weight: 400; color: #3490dc; text-decoration: none; } .btn-link:hover { color: #1d68a7; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.125rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.7875rem; 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 (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 (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; 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.9rem; color: #212529; 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-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-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; 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; 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; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; 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 #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #e9ecef; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #3490dc; } .dropdown-item.disabled, .dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.7875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 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-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .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:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .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 > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .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(: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:not(.has-validation) > .form-control:not(:last-child), .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label, .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation > .form-control:nth-last-child(n+3), .input-group.has-validation > .custom-select:nth-last-child(n+3), .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label, .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-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:focus, .input-group-append .btn:focus { z-index: 3; } .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.9rem; font-weight: 400; line-height: 1.6; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; 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:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 1rem + 2px); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .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 { padding: 0.5rem 1rem; font-size: 1.125rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 0.5rem + 2px); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .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 { padding: 0.25rem 0.5rem; font-size: 0.7875rem; line-height: 1.5; border-radius: 0.2rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text, .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn, .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .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; z-index: 1; display: block; min-height: 1.44rem; padding-left: 1.5rem; -webkit-print-color-adjust: exact; color-adjust: exact; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.22rem; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #3490dc; background-color: #3490dc; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(52, 144, 220, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #a1cbef; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #cce3f6; border-color: #cce3f6; } .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.22rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px; } .custom-control-label::after { position: absolute; top: 0.22rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: 50%/50% 50% no-repeat; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #3490dc; background-color: #3490dc; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' 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(52, 144, 220, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(52, 144, 220, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' 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(52, 144, 220, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.22rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: transform 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 (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(52, 144, 220, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.6em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 0.9rem; font-weight: 400; line-height: 1.6; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: #a1cbef; outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 144, 220, 0.25); } .custom-select:focus::-ms-value { color: #495057; 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: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { display: none; } .custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.7875rem; } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.125rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.6em + 0.75rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.6em + 0.75rem + 2px); margin: 0; overflow: hidden; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #a1cbef; box-shadow: 0 0 0 0.2rem rgba(52, 144, 220, 0.25); } .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.6em + 0.75rem + 2px); padding: 0.375rem 0.75rem; overflow: hidden; font-weight: 400; line-height: 1.6; color: #495057; 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: calc(1.6em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.6; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; } .custom-range { width: 100%; height: 1.4rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-range:focus { outline: 0; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #f8fafc, 0 0 0 0.2rem rgba(52, 144, 220, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #f8fafc, 0 0 0 0.2rem rgba(52, 144, 220, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #f8fafc, 0 0 0 0.2rem rgba(52, 144, 220, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #3490dc; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #cce3f6; } .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: #3490dc; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #cce3f6; } .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: #3490dc; border: 0; border-radius: 1rem; -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 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 (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { -ms-transition: none; transition: none; } } .custom-range::-ms-thumb:active { background-color: #cce3f6; } .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-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .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 (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: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-link { margin-bottom: -1px; 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: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #f8fafc; border-color: #dee2e6 #dee2e6 #f8fafc; } .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: #3490dc; } .nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .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, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.32rem; padding-bottom: 0.32rem; margin-right: 1rem; font-size: 1.125rem; 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.125rem; 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-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: 50%/100% 100% no-repeat; } .navbar-nav-scroll { max-height: 75vh; overflow-y: auto; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { 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, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { flex-wrap: nowrap; } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .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, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { 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, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { flex-wrap: nowrap; } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .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, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { 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, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { flex-wrap: nowrap; } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .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, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { 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, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { flex-wrap: nowrap; } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .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, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { 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, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { flex-wrap: nowrap; } .navbar-expand .navbar-nav-scroll { overflow: visible; } .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,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' 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,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' 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 { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { flex: 1 1 auto; min-height: 1px; 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-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; border-radius: calc(0.25rem - 1px); } .card-img, .card-img-top, .card-img-bottom { flex-shrink: 0; width: 100%; } .card-img, .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img, .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { display: flex; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { flex: 1 0 0%; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { display: flex; 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:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { -moz-column-count: 3; column-count: 3; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion { overflow-anchor: none; } .accordion > .card { overflow: hidden; } .accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card > .card-header { border-radius: 0; margin-bottom: -1px; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .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: #3490dc; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #1d68a7; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 144, 220, 0.25); } .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: 3; color: #fff; background-color: #3490dc; border-color: #3490dc; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.125rem; 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.7875rem; 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; 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 (prefers-reduced-motion: reduce) { .badge { transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .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: #3490dc; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #2176bd; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 144, 220, 0.5); } .badge-secondary { color: #fff; background-color: #6c757d; } a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #545b62; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .badge-success { color: #fff; background-color: #38c172; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #2d995b; } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(56, 193, 114, 0.5); } .badge-info { color: #212529; background-color: #6cb2eb; } a.badge-info:hover, a.badge-info:focus { color: #212529; background-color: #3f9ae5; } a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(108, 178, 235, 0.5); } .badge-warning { color: #212529; background-color: #ffed4a; } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #ffe817; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 237, 74, 0.5); } .badge-danger { color: #fff; background-color: #e3342f; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #c51f1a; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(227, 52, 47, 0.5); } .badge-light { color: #212529; background-color: #f8f9fa; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #dae0e5; } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .badge-dark { color: #fff; background-color: #343a40; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #1d2124; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; 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.85rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; z-index: 2; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #1b4b72; background-color: #d6e9f8; border-color: #c6e0f5; } .alert-primary hr { border-top-color: #b0d4f1; } .alert-primary .alert-link { color: #113049; } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert-secondary hr { border-top-color: #c8cbcf; } .alert-secondary .alert-link { color: #202326; } .alert-success { color: #1d643b; background-color: #d7f3e3; border-color: #c7eed8; } .alert-success hr { border-top-color: #b3e8ca; } .alert-success .alert-link { color: #123c24; } .alert-info { color: #385d7a; background-color: #e2f0fb; border-color: #d6e9f9; } .alert-info hr { border-top-color: #c0ddf6; } .alert-info .alert-link { color: #284257; } .alert-warning { color: #857b26; background-color: #fffbdb; border-color: #fffacc; } .alert-warning hr { border-top-color: #fff8b3; } .alert-warning .alert-link { color: #5d561b; } .alert-danger { color: #761b18; background-color: #f9d6d5; border-color: #f7c6c5; } .alert-danger hr { border-top-color: #f4b0af; } .alert-danger .alert-link { color: #4c110f; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; line-height: 0; font-size: 0.675rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #3490dc; transition: width 0.6s ease; } @media (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 { -webkit-animation: 1s linear infinite progress-bar-stripes; animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { -webkit-animation: none; animation: none; } } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.25rem; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #3490dc; border-color: #3490dc; } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal > .list-group-item.active { margin-top: 0; } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 1px; } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #1b4b72; background-color: #c6e0f5; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #1b4b72; background-color: #b0d4f1; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #1b4b72; border-color: #1b4b72; } .list-group-item-secondary { color: #383d41; background-color: #d6d8db; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #383d41; background-color: #c8cbcf; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41; } .list-group-item-success { color: #1d643b; background-color: #c7eed8; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #1d643b; background-color: #b3e8ca; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #1d643b; border-color: #1d643b; } .list-group-item-info { color: #385d7a; background-color: #d6e9f9; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #385d7a; background-color: #c0ddf6; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #385d7a; border-color: #385d7a; } .list-group-item-warning { color: #857b26; background-color: #fffacc; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #857b26; background-color: #fff8b3; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #857b26; border-color: #857b26; } .list-group-item-danger { color: #761b18; background-color: #f7c6c5; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #761b18; background-color: #f4b0af; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #761b18; border-color: #761b18; } .list-group-item-light { color: #818182; background-color: #fdfdfe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; } .close { float: right; font-size: 1.35rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: 0.75; } button.close { padding: 0; background-color: transparent; border: 0; } a.close.disabled { pointer-events: none; } .toast { flex-basis: 350px; max-width: 350px; 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); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); opacity: 0; border-radius: 0.25rem; } .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: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; 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, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); height: -webkit-min-content; height: -moz-min-content; height: min-content; content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .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; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .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 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.6; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer > * { margin: 0.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-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); height: -webkit-min-content; height: -moz-min-content; height: min-content; } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: "Nunito", sans-serif; font-style: normal; font-weight: 400; line-height: 1.6; 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.7875rem; 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: #000; } .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: #000; } .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: #000; } .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: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .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.6; 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.7875rem; 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); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 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-width: 0.5rem 0.5rem 0; 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); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 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-width: 0.5rem 0.5rem 0.5rem 0; 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); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; 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-width: 0 0.5rem 0.5rem 0.5rem; 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); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; 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-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 0.9rem; 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: #212529; } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: none; border: 0; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.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: 50%/100% 100% no-repeat; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; 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 { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } @-webkit-keyframes spinner-border { to { transform: rotate(360deg); } } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: 0.75s linear infinite spinner-border; animation: 0.75s linear infinite spinner-border; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @-webkit-keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: 0.75s linear infinite spinner-grow; animation: 0.75s linear infinite spinner-grow; } .spinner-grow-sm { width: 1rem; height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } } .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: #3490dc !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #2176bd !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #38c172 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #2d995b !important; } .bg-info { background-color: #6cb2eb !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #3f9ae5 !important; } .bg-warning { background-color: #ffed4a !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #ffe817 !important; } .bg-danger { background-color: #e3342f !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #c51f1a !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !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: #3490dc !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #38c172 !important; } .border-info { border-color: #6cb2eb !important; } .border-warning { border-color: #ffed4a !important; } .border-danger { border-color: #e3342f !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0.2rem !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-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !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.85714286%; } .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; } } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; -ms-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; -ms-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; 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: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; 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; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !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-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-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-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-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-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-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-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-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-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-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; } } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !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-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #3490dc !important; } a.text-primary:hover, a.text-primary:focus { color: #1d68a7 !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } .text-success { color: #38c172 !important; } a.text-success:hover, a.text-success:focus { color: #27864f !important; } .text-info { color: #6cb2eb !important; } a.text-info:hover, a.text-info:focus { color: #298fe2 !important; } .text-warning { color: #ffed4a !important; } a.text-warning:hover, a.text-warning:focus { color: #fde300 !important; } .text-danger { color: #e3342f !important; } a.text-danger:hover, a.text-danger:focus { color: #ae1c17 !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #cbd3da !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !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; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; word-wrap: break-word !important; } .text-reset { color: inherit !important; } .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 #adb5bd; page-break-inside: avoid; } 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 #000; } .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; } } /*! ========================================================= * Atlantis Bootstrap Dashboard (Bootstrap 4) ========================================================= * Product Page: http://www.themekita.com/ * Copyright 2018 Theme Kita (http://www.themekita.com/) ========================================================= * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. [Table of contents] * Background * Typography * Layouts + Body & Wrapper + Main Header + Sidebar * Layouts Color * Components + Breadcrumbs + Cards - Card Stats - Card Task - Card States - Card Posts - Card Pricing - Card Annoucement - Card Profile - Accordion + Inputs + Tables + Navbars + Navsearch + Badges + Dropdowns + Charts + Alerts + Buttons + Navtabs + Popovers + Progress + Paginations + Sliders + Modals + Timeline + Maps + Invoice + Messages + Tasks + Settings * Plugins + jQueryUI + jQuery Scrollbar + Css Animate + Full Calendar + SweetAlert + Datatables * Responsive # [Color codes] body-text-color: #575962 white-color: #ffffff black-color: #191919 transparent-bg : transparent default-color : #282a3c primary-color : #177dff secondary-color : #716aca info-color : #36a3f7 success-color : #35cd3a warning-color : #ffa534 danger-color : #f3545d -------------------------------------------------------------------*/ *:focus { outline: 0 !important; box-shadow: none !important; } body { font-size: 14px; color: #575962; } a { color: #1572E8; } a:hover, a:focus { color: #1269DB; } h1, .h1 { font-size: 1.725rem; } h2, .h2 { font-size: 1.35rem; } h3, .h3 { font-size: 1.1625rem; } h4, .h4 { font-size: 1.0375rem; } h5, .h5 { font-size: 0.9125rem; } h6, .h6 { font-size: 0.825rem; } p { font-size: 14px; line-height: 1.82; margin-bottom: 1rem; word-break: break-word; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.4; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a { color: inherit; } small, .small { font-size: 13px; } b, .b, strong, .strong { font-weight: 600; } .page-pretitle { letter-spacing: 0.08em; text-transform: uppercase; color: #95aac9; } .page-title { font-size: 23px; font-weight: 600; color: #444444; line-height: 30px; margin-bottom: 20px; } .page-category { color: #444444; line-height: 1.8; margin-bottom: 25px; } .text-primary, .text-primary a { color: #1572E8 !important; } .text-primary:hover, .text-primary a:hover { color: #1572E8 !important; } .text-secondary, .text-secondary a { color: #6861CE !important; } .text-secondary:hover, .text-secondary a:hover { color: #6861CE !important; } .text-info, .text-info a { color: #48ABF7 !important; } .text-info:hover, .text-info a:hover { color: #48ABF7 !important; } .text-success, .text-success a { color: #31CE36 !important; } .text-success:hover, .text-success a:hover { color: #31CE36 !important; } .text-warning, .text-warning a { color: #FFAD46 !important; } .text-warning:hover, .text-warning a:hover { color: #FFAD46 !important; } .text-danger, .text-danger a { color: #F25961 !important; } .text-danger:hover, .text-danger a:hover { color: #F25961 !important; } label { color: #495057 !important; font-size: 14px !important; } .text-small { font-size: 11px; } .metric-value { margin-bottom: 5px; line-height: 1; white-space: nowrap; } .metric-label { font-size: 0.975rem; font-weight: 500; color: #686f76; white-space: nowrap; margin-bottom: 0; } /* Font-weight */ .fw-light { font-weight: 300 !important; } .fw-normal { font-weight: 400 !important; } .fw-mediumbold { font-weight: 400 !important; } .fw-bold { font-weight: 600 !important; } .fw-extrabold { font-weight: 700 !important; } /* Opacity */ .op-9 { opacity: 0.9; } .op-8 { opacity: 0.8; } .op-7 { opacity: 0.7; } .op-6 { opacity: 0.6; } .op-5 { opacity: 0.5; } .op-4 { opacity: 0.4; } .op-3 { opacity: 0.3; } /* Layouts */ body { min-height: 100vh; position: relative; background: #f9fbfd; } .no-bd { border: 0px !important; } .no-box-shadow { box-shadow: none !important; } /* margin-top negative */ .mt--5, .my--5 { margin-top: -3rem !important; } .mt--4, .my--4 { margin-top: -1.5rem !important; } .mt--3, .my--3 { margin-top: -1rem !important; } .mt--2, .my--2 { margin-top: -0.5rem !important; } .mt--1, .my--1 { margin-top: -0.25rem !important; } /* Wrapper */ .pull-right { float: right; } .pull-left { float: left; } .wrapper { min-height: 100vh; position: relative; top: 0; height: 100vh; } .main-header { background: #ffffff; min-height: 60px; width: 100%; position: fixed; z-index: 1001; box-shadow: 0px 0px 5px rgba(18, 23, 39, 0.5); } .main-header .navbar-header { min-height: 62px; } .main-header .navbar-header .btn-toggle { margin-right: 30px; margin-left: 20px; } .logo-header { float: left; width: 250px; height: 62px; line-height: 60px; color: #333333; z-index: 1001; font-size: 17px; font-weight: 400; padding-left: 25px; padding-right: 25px; z-index: 1001; display: flex; align-items: center; position: relative; transition: all 0.3s; } .logo-header .big-logo { margin-right: 8px; } .logo-header .big-logo:hover { text-decoration: none; } .logo-header .big-logo .logo-img { width: 35px; height: 35px; } .logo-header .logo { color: #575962; opacity: 1; position: relative; height: 100%; } .logo-header .logo:hover { text-decoration: none; } .logo-header .logo .navbar-brand { padding-top: 0px; padding-bottom: 0px; margin-right: 0px; } .logo-header .nav-toggle { position: absolute; top: 0; right: 18px; z-index: 5; } .logo-header .navbar-toggler { padding-left: 0px; padding-right: 0px; opacity: 0; display: none; } .logo-header .navbar-toggler .navbar-toggler-icon { height: 1em; width: 1em; color: #545454; font-size: 22px; } .logo-header .more { background: transparent; border: 0; font-size: 22px; padding: 0; opacity: 0; width: 0; display: none; } .btn-toggle { font-size: 20px !important; line-height: 20px; padding: 0px !important; background: transparent !important; color: #575962 !important; } .btn-toggle:hover, .btn-toggle:focus { opacity: 1; } #search-nav { flex: 1; max-width: 400px; } .sidebar .nav > .nav-item.active > a:before, .sidebar[data-background-color=white] .nav > .nav-item.active > a:before, .sidebar .nav > .nav-item.active:hover > a:before, .sidebar[data-background-color=white] .nav > .nav-item.active:hover > a:before, .sidebar .nav > .nav-item a[data-toggle=collapse][aria-expanded=true]:before, .sidebar[data-background-color=white] .nav > .nav-item a[data-toggle=collapse][aria-expanded=true]:before { opacity: 1 !important; position: absolute; z-index: 1; width: 3px; height: 100%; content: ""; left: 0; top: 0; } .sidebar, .sidebar[data-background-color=white] { position: fixed; top: 0; bottom: 0; left: 0; width: 250px; margin-top: 62px; display: block; z-index: 1000; color: #ffffff; font-weight: 200; background: #ffffff; box-shadow: 4px 4px 10px rgba(69, 65, 78, 0.06); transition: all 0.3s; } .sidebar.full-height, .sidebar[data-background-color=white].full-height { margin-top: 0; } .sidebar .user, .sidebar[data-background-color=white] .user { margin-top: 20px; padding-left: 15px; padding-right: 15px; padding-bottom: 12.5px; border-bottom: 1px solid #f1f1f1; display: block; margin-left: 10px; margin-right: 10px; } .sidebar .user .info a, .sidebar[data-background-color=white] .user .info a { white-space: nowrap; display: block; position: relative; } .sidebar .user .info a:hover, .sidebar .user .info a:focus, .sidebar[data-background-color=white] .user .info a:hover, .sidebar[data-background-color=white] .user .info a:focus { text-decoration: none; } .sidebar .user .info a > span, .sidebar[data-background-color=white] .user .info a > span { font-size: 14px; font-weight: 400; color: #777; display: flex; flex-direction: column; } .sidebar .user .info a > span .user-level, .sidebar[data-background-color=white] .user .info a > span .user-level { color: #555; font-weight: 600; font-size: 12px; margin-top: 5px; } .sidebar .user .info a .link-collapse, .sidebar[data-background-color=white] .user .info a .link-collapse { padding: 7px 0; } .sidebar .user .info .caret, .sidebar[data-background-color=white] .user .info .caret { position: absolute; top: 17px; right: 0px; border-top-color: #777; } .sidebar .sidebar-wrapper, .sidebar[data-background-color=white] .sidebar-wrapper { position: relative; max-height: calc(100vh - 75px); min-height: 100%; overflow: auto; width: 100%; z-index: 4; padding-bottom: 100px; transition: all 0.3s; } .sidebar .sidebar-wrapper .sidebar-content, .sidebar[data-background-color=white] .sidebar-wrapper .sidebar-content { padding-top: 0px; padding-bottom: 55px; } .sidebar .sidebar-wrapper .scroll-element.scroll-y, .sidebar[data-background-color=white] .sidebar-wrapper .scroll-element.scroll-y { top: 5px !important; } .sidebar .nav, .sidebar[data-background-color=white] .nav { display: block; float: none; margin-top: 20px; } .sidebar .nav .nav-section, .sidebar[data-background-color=white] .nav .nav-section { margin: 15px 0 0 0; } .sidebar .nav .nav-section .sidebar-mini-icon, .sidebar[data-background-color=white] .nav .nav-section .sidebar-mini-icon { text-align: center; font-size: 15px; color: #909093; display: none; } .sidebar .nav .nav-section .text-section, .sidebar[data-background-color=white] .nav .nav-section .text-section { padding: 2px 30px; font-size: 12px; color: #727275; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 12px; margin-top: 20px; } .sidebar .nav > .nav-item, .sidebar[data-background-color=white] .nav > .nav-item { display: list-item; } .sidebar .nav > .nav-item.active > a, .sidebar[data-background-color=white] .nav > .nav-item.active > a { color: #575962 !important; } .sidebar .nav > .nav-item.active > a:before, .sidebar[data-background-color=white] .nav > .nav-item.active > a:before { background: #1d7af3; } .sidebar .nav > .nav-item.active > a p, .sidebar[data-background-color=white] .nav > .nav-item.active > a p { color: #575962 !important; font-weight: 600; } .sidebar .nav > .nav-item.active:hover > a:before, .sidebar[data-background-color=white] .nav > .nav-item.active:hover > a:before { background: #1d7af3; } .sidebar .nav > .nav-item.active a i, .sidebar[data-background-color=white] .nav > .nav-item.active a i { color: #4d7cfe; } .sidebar .nav > .nav-item.submenu, .sidebar[data-background-color=white] .nav > .nav-item.submenu { background: rgba(0, 0, 0, 0.03); } .sidebar .nav > .nav-item.submenu > li > a i, .sidebar[data-background-color=white] .nav > .nav-item.submenu > li > a i { color: rgba(23, 125, 255, 0.76); } .sidebar .nav > .nav-item > a:hover, .sidebar .nav > .nav-item a:focus, .sidebar[data-background-color=white] .nav > .nav-item > a:hover, .sidebar[data-background-color=white] .nav > .nav-item a:focus { background: rgba(0, 0, 0, 0.03); } .sidebar .nav > .nav-item a, .sidebar[data-background-color=white] .nav > .nav-item a { display: flex; align-items: center; color: #575962; padding: 6px 25px; width: 100%; font-size: 14px; font-weight: 400; position: relative; margin-bottom: 3px; } .sidebar .nav > .nav-item a:hover, .sidebar .nav > .nav-item a:focus, .sidebar[data-background-color=white] .nav > .nav-item a:hover, .sidebar[data-background-color=white] .nav > .nav-item a:focus { text-decoration: none; } .sidebar .nav > .nav-item a:hover p, .sidebar .nav > .nav-item a:focus p, .sidebar[data-background-color=white] .nav > .nav-item a:hover p, .sidebar[data-background-color=white] .nav > .nav-item a:focus p { color: #575962 !important; font-weight: 600; } .sidebar .nav > .nav-item a:hover i, .sidebar .nav > .nav-item a:focus i, .sidebar[data-background-color=white] .nav > .nav-item a:hover i, .sidebar[data-background-color=white] .nav > .nav-item a:focus i { color: #4d7cfe !important; } .sidebar .nav > .nav-item a .letter-icon, .sidebar[data-background-color=white] .nav > .nav-item a .letter-icon { color: #a1a2a6; margin-right: 15px; width: 25px; text-align: center; vertical-align: middle; float: left; font-size: 20px; font-weight: 200; } .sidebar .nav > .nav-item a i, .sidebar[data-background-color=white] .nav > .nav-item a i { color: #8d9498; margin-right: 15px; width: 25px; text-align: center; vertical-align: middle; float: left; font-size: 18px; line-height: 30px; } .sidebar .nav > .nav-item a i[class^=flaticon-], .sidebar[data-background-color=white] .nav > .nav-item a i[class^=flaticon-] { font-size: 20px; } .sidebar .nav > .nav-item a p, .sidebar[data-background-color=white] .nav > .nav-item a p { font-size: 14px; margin-bottom: 0px; margin-right: 5px; white-space: nowrap; color: #8d9498; } .sidebar .nav > .nav-item a .caret, .sidebar[data-background-color=white] .nav > .nav-item a .caret { margin-left: auto; margin-right: 10px; transition: all 0.5s; color: #8d9498; } .sidebar .nav > .nav-item a[data-toggle=collapse][aria-expanded=true], .sidebar[data-background-color=white] .nav > .nav-item a[data-toggle=collapse][aria-expanded=true] { background: transparent; } .sidebar .nav > .nav-item a[data-toggle=collapse][aria-expanded=true] p, .sidebar[data-background-color=white] .nav > .nav-item a[data-toggle=collapse][aria-expanded=true] p { color: #575962; } .sidebar .nav > .nav-item a[data-toggle=collapse][aria-expanded=true] i, .sidebar[data-background-color=white] .nav > .nav-item a[data-toggle=collapse][aria-expanded=true] i { color: #4d7cfe; } .sidebar .nav > .nav-item a[data-toggle=collapse][aria-expanded=true] .caret, .sidebar[data-background-color=white] .nav > .nav-item a[data-toggle=collapse][aria-expanded=true] .caret { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); transform: rotate(-180deg); } .sidebar .nav > .nav-item a[data-toggle=collapse][aria-expanded=true]:before, .sidebar[data-background-color=white] .nav > .nav-item a[data-toggle=collapse][aria-expanded=true]:before { background: #1d7af3; } .sidebar .nav.nav-primary > .nav-item a:hover i, .sidebar .nav.nav-primary > .nav-item a:focus i, .sidebar .nav.nav-primary > .nav-item a[data-toggle=collapse][aria-expanded=true] i, .sidebar[data-background-color=white] .nav.nav-primary > .nav-item a:hover i, .sidebar[data-background-color=white] .nav.nav-primary > .nav-item a:focus i, .sidebar[data-background-color=white] .nav.nav-primary > .nav-item a[data-toggle=collapse][aria-expanded=true] i { color: #1572E8 !important; } .sidebar .nav.nav-primary > .nav-item a[data-toggle=collapse][aria-expanded=true]:before, .sidebar[data-background-color=white] .nav.nav-primary > .nav-item a[data-toggle=collapse][aria-expanded=true]:before { background: #1572E8 !important; } .sidebar .nav.nav-primary > .nav-item.active a:before, .sidebar[data-background-color=white] .nav.nav-primary > .nav-item.active a:before { background: #1572E8 !important; } .sidebar .nav.nav-primary > .nav-item.active a i, .sidebar[data-background-color=white] .nav.nav-primary > .nav-item.active a i { color: #1572E8 !important; } .sidebar .nav.nav-secondary > .nav-item a:hover i, .sidebar .nav.nav-secondary > .nav-item a:focus i, .sidebar .nav.nav-secondary > .nav-item a[data-toggle=collapse][aria-expanded=true] i, .sidebar[data-background-color=white] .nav.nav-secondary > .nav-item a:hover i, .sidebar[data-background-color=white] .nav.nav-secondary > .nav-item a:focus i, .sidebar[data-background-color=white] .nav.nav-secondary > .nav-item a[data-toggle=collapse][aria-expanded=true] i { color: #6861CE !important; } .sidebar .nav.nav-secondary > .nav-item a[data-toggle=collapse][aria-expanded=true]:before, .sidebar[data-background-color=white] .nav.nav-secondary > .nav-item a[data-toggle=collapse][aria-expanded=true]:before { background: #6861CE !important; } .sidebar .nav.nav-secondary > .nav-item.active a:before, .sidebar[data-background-color=white] .nav.nav-secondary > .nav-item.active a:before { background: #6861CE !important; } .sidebar .nav.nav-secondary > .nav-item.active a i, .sidebar[data-background-color=white] .nav.nav-secondary > .nav-item.active a i { color: #6861CE !important; } .sidebar .nav.nav-info > .nav-item a:hover i, .sidebar .nav.nav-info > .nav-item a:focus i, .sidebar .nav.nav-info > .nav-item a[data-toggle=collapse][aria-expanded=true] i, .sidebar[data-background-color=white] .nav.nav-info > .nav-item a:hover i, .sidebar[data-background-color=white] .nav.nav-info > .nav-item a:focus i, .sidebar[data-background-color=white] .nav.nav-info > .nav-item a[data-toggle=collapse][aria-expanded=true] i { color: #48ABF7 !important; } .sidebar .nav.nav-info > .nav-item a[data-toggle=collapse][aria-expanded=true]:before, .sidebar[data-background-color=white] .nav.nav-info > .nav-item a[data-toggle=collapse][aria-expanded=true]:before { background: #48ABF7 !important; } .sidebar .nav.nav-info > .nav-item.active a:before, .sidebar[data-background-color=white] .nav.nav-info > .nav-item.active a:before { background: #48ABF7 !important; } .sidebar .nav.nav-info > .nav-item.active a i, .sidebar[data-background-color=white] .nav.nav-info > .nav-item.active a i { color: #48ABF7 !important; } .sidebar .nav.nav-success > .nav-item a:hover i, .sidebar .nav.nav-success > .nav-item a:focus i, .sidebar .nav.nav-success > .nav-item a[data-toggle=collapse][aria-expanded=true] i, .sidebar[data-background-color=white] .nav.nav-success > .nav-item a:hover i, .sidebar[data-background-color=white] .nav.nav-success > .nav-item a:focus i, .sidebar[data-background-color=white] .nav.nav-success > .nav-item a[data-toggle=collapse][aria-expanded=true] i { color: #31CE36 !important; } .sidebar .nav.nav-success > .nav-item a[data-toggle=collapse][aria-expanded=true]:before, .sidebar[data-background-color=white] .nav.nav-success > .nav-item a[data-toggle=collapse][aria-expanded=true]:before { background: #31CE36 !important; } .sidebar .nav.nav-success > .nav-item.active a:before, .sidebar[data-background-color=white] .nav.nav-success > .nav-item.active a:before { background: #31CE36 !important; } .sidebar .nav.nav-success > .nav-item.active a i, .sidebar[data-background-color=white] .nav.nav-success > .nav-item.active a i { color: #31CE36 !important; } .sidebar .nav.nav-warning > .nav-item a:hover i, .sidebar .nav.nav-warning > .nav-item a:focus i, .sidebar .nav.nav-warning > .nav-item a[data-toggle=collapse][aria-expanded=true] i, .sidebar[data-background-color=white] .nav.nav-warning > .nav-item a:hover i, .sidebar[data-background-color=white] .nav.nav-warning > .nav-item a:focus i, .sidebar[data-background-color=white] .nav.nav-warning > .nav-item a[data-toggle=collapse][aria-expanded=true] i { color: #FFAD46 !important; } .sidebar .nav.nav-warning > .nav-item a[data-toggle=collapse][aria-expanded=true]:before, .sidebar[data-background-color=white] .nav.nav-warning > .nav-item a[data-toggle=collapse][aria-expanded=true]:before { background: #FFAD46 !important; } .sidebar .nav.nav-warning > .nav-item.active a:before, .sidebar[data-background-color=white] .nav.nav-warning > .nav-item.active a:before { background: #FFAD46 !important; } .sidebar .nav.nav-warning > .nav-item.active a i, .sidebar[data-background-color=white] .nav.nav-warning > .nav-item.active a i { color: #FFAD46 !important; } .sidebar .nav.nav-danger > .nav-item a:hover i, .sidebar .nav.nav-danger > .nav-item a:focus i, .sidebar .nav.nav-danger > .nav-item a[data-toggle=collapse][aria-expanded=true] i, .sidebar[data-background-color=white] .nav.nav-danger > .nav-item a:hover i, .sidebar[data-background-color=white] .nav.nav-danger > .nav-item a:focus i, .sidebar[data-background-color=white] .nav.nav-danger > .nav-item a[data-toggle=collapse][aria-expanded=true] i { color: #F25961 !important; } .sidebar .nav.nav-danger > .nav-item a[data-toggle=collapse][aria-expanded=true]:before, .sidebar[data-background-color=white] .nav.nav-danger > .nav-item a[data-toggle=collapse][aria-expanded=true]:before { background: #F25961 !important; } .sidebar .nav.nav-danger > .nav-item.active a:before, .sidebar[data-background-color=white] .nav.nav-danger > .nav-item.active a:before { background: #F25961 !important; } .sidebar .nav.nav-danger > .nav-item.active a i, .sidebar[data-background-color=white] .nav.nav-danger > .nav-item.active a i { color: #F25961 !important; } .sidebar .nav-collapse, .sidebar[data-background-color=white] .nav-collapse { margin-top: 0px; margin-bottom: 15px; padding-bottom: 15px; padding-top: 10px; } .sidebar .nav-collapse li.active > a, .sidebar[data-background-color=white] .nav-collapse li.active > a { font-weight: 600; } .sidebar .nav-collapse li a:before, .sidebar .nav-collapse li a:hover:before, .sidebar[data-background-color=white] .nav-collapse li a:before, .sidebar[data-background-color=white] .nav-collapse li a:hover:before { opacity: 0 !important; } .sidebar .nav-collapse li a, .sidebar[data-background-color=white] .nav-collapse li a { margin-bottom: 3px !important; padding: 10px 25px !important; } .sidebar .nav-collapse li a .sub-item, .sidebar[data-background-color=white] .nav-collapse li a .sub-item { font-size: 14px; position: relative; margin-left: 25px; opacity: 0.85; } .sidebar .nav-collapse li a .sub-item:before, .sidebar[data-background-color=white] .nav-collapse li a .sub-item:before { content: ""; height: 4px; width: 4px; background: rgba(131, 132, 138, 0.89); position: absolute; left: -15px; top: 50%; transform: translateY(-50%); border-radius: 100%; } .sidebar .nav-collapse li a:hover .sub-item, .sidebar[data-background-color=white] .nav-collapse li a:hover .sub-item { opacity: 1; } .sidebar .nav-collapse li a .sidebar-mini-icon, .sidebar[data-background-color=white] .nav-collapse li a .sidebar-mini-icon { font-size: 18px; color: #C3C5CA; margin-right: 15px; width: 25px; text-align: center; vertical-align: middle; float: left; font-weight: 300 !important; } .sidebar .nav-collapse.subnav, .sidebar[data-background-color=white] .nav-collapse.subnav { padding-bottom: 10px; margin-bottom: 0px; } .sidebar .nav-collapse.subnav li a, .sidebar[data-background-color=white] .nav-collapse.subnav li a { padding-left: 40px !important; } /* Sidebar style 2 */ .sidebar.sidebar-style-2 .nav .nav-item { padding: 0 15px; } .sidebar.sidebar-style-2 .nav .nav-item a { padding: 8px 10px; border-radius: 5px; } .sidebar.sidebar-style-2 .nav .nav-item a:hover, .sidebar.sidebar-style-2 .nav .nav-item a:focus, .sidebar.sidebar-style-2 .nav .nav-item a[data-toggle=collapse][aria-expanded=true] { background: rgba(199, 199, 199, 0.2); } .sidebar.sidebar-style-2 .nav .nav-item a:hover p, .sidebar.sidebar-style-2 .nav .nav-item a:hover i, .sidebar.sidebar-style-2 .nav .nav-item a:focus p, .sidebar.sidebar-style-2 .nav .nav-item a:focus i, .sidebar.sidebar-style-2 .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p, .sidebar.sidebar-style-2 .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i { color: #575962 !important; } .sidebar.sidebar-style-2 .nav .nav-item.active a:before { background: transparent; } .sidebar.sidebar-style-2 .nav .nav-item .active a { background: rgba(199, 199, 199, 0.2); } .sidebar.sidebar-style-2 .nav .nav-item .active a p, .sidebar.sidebar-style-2 .nav .nav-item .active a i { color: #575962 !important; } .sidebar.sidebar-style-2 .nav .nav-item.submenu { background: transparent !important; } .sidebar.sidebar-style-2 .nav .nav-item a[data-toggle=collapse][aria-expanded=true]:before { background: transparent !important; } .sidebar.sidebar-style-2 .nav.nav-primary > .nav-item.active > a { background: #1572E8 !important; box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.1), 4px 4px 15px -5px rgba(21, 114, 232, 0.4) !important; } .sidebar.sidebar-style-2 .nav.nav-primary > .nav-item.active > a:before { background: transparent !important; } .sidebar.sidebar-style-2 .nav.nav-primary > .nav-item.active > a p, .sidebar.sidebar-style-2 .nav.nav-primary > .nav-item.active > a i, .sidebar.sidebar-style-2 .nav.nav-primary > .nav-item.active > a .caret, .sidebar.sidebar-style-2 .nav.nav-primary > .nav-item.active > a span { color: #ffffff !important; } .sidebar.sidebar-style-2 .nav.nav-primary > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] i { color: #ffffff !important; } .sidebar.sidebar-style-2 .nav.nav-secondary > .nav-item.active > a { background: #6861CE !important; box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.1), 4px 4px 15px -5px rgba(104, 97, 206, 0.4) !important; } .sidebar.sidebar-style-2 .nav.nav-secondary > .nav-item.active > a:before { background: transparent !important; } .sidebar.sidebar-style-2 .nav.nav-secondary > .nav-item.active > a p, .sidebar.sidebar-style-2 .nav.nav-secondary > .nav-item.active > a i, .sidebar.sidebar-style-2 .nav.nav-secondary > .nav-item.active > a .caret, .sidebar.sidebar-style-2 .nav.nav-secondary > .nav-item.active > a span { color: #ffffff !important; } .sidebar.sidebar-style-2 .nav.nav-secondary > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] i { color: #ffffff !important; } .sidebar.sidebar-style-2 .nav.nav-info > .nav-item.active > a { background: #48ABF7 !important; box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.1), 4px 4px 15px -5px rgba(72, 171, 247, 0.4) !important; } .sidebar.sidebar-style-2 .nav.nav-info > .nav-item.active > a:before { background: transparent !important; } .sidebar.sidebar-style-2 .nav.nav-info > .nav-item.active > a p, .sidebar.sidebar-style-2 .nav.nav-info > .nav-item.active > a i, .sidebar.sidebar-style-2 .nav.nav-info > .nav-item.active > a .caret, .sidebar.sidebar-style-2 .nav.nav-info > .nav-item.active > a span { color: #ffffff !important; } .sidebar.sidebar-style-2 .nav.nav-info > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] i { color: #ffffff !important; } .sidebar.sidebar-style-2 .nav.nav-success > .nav-item.active > a { background: #31CE36 !important; box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.1), 4px 4px 15px -5px rgba(49, 206, 54, 0.4) !important; } .sidebar.sidebar-style-2 .nav.nav-success > .nav-item.active > a:before { background: transparent !important; } .sidebar.sidebar-style-2 .nav.nav-success > .nav-item.active > a p, .sidebar.sidebar-style-2 .nav.nav-success > .nav-item.active > a i, .sidebar.sidebar-style-2 .nav.nav-success > .nav-item.active > a .caret, .sidebar.sidebar-style-2 .nav.nav-success > .nav-item.active > a span { color: #ffffff !important; } .sidebar.sidebar-style-2 .nav.nav-success > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] i { color: #ffffff !important; } .sidebar.sidebar-style-2 .nav.nav-warning > .nav-item.active > a { background: #FFAD46 !important; box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.1), 4px 4px 15px -5px rgba(255, 173, 70, 0.4) !important; } .sidebar.sidebar-style-2 .nav.nav-warning > .nav-item.active > a:before { background: transparent !important; } .sidebar.sidebar-style-2 .nav.nav-warning > .nav-item.active > a p, .sidebar.sidebar-style-2 .nav.nav-warning > .nav-item.active > a i, .sidebar.sidebar-style-2 .nav.nav-warning > .nav-item.active > a .caret, .sidebar.sidebar-style-2 .nav.nav-warning > .nav-item.active > a span { color: #ffffff !important; } .sidebar.sidebar-style-2 .nav.nav-warning > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] i { color: #ffffff !important; } .sidebar.sidebar-style-2 .nav.nav-danger > .nav-item.active > a { background: #F25961 !important; box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.1), 4px 4px 15px -5px rgba(242, 89, 97, 0.4) !important; } .sidebar.sidebar-style-2 .nav.nav-danger > .nav-item.active > a:before { background: transparent !important; } .sidebar.sidebar-style-2 .nav.nav-danger > .nav-item.active > a p, .sidebar.sidebar-style-2 .nav.nav-danger > .nav-item.active > a i, .sidebar.sidebar-style-2 .nav.nav-danger > .nav-item.active > a .caret, .sidebar.sidebar-style-2 .nav.nav-danger > .nav-item.active > a span { color: #ffffff !important; } .sidebar.sidebar-style-2 .nav.nav-danger > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] i { color: #ffffff !important; } .sidebar.sidebar-style-2[data-background-color=dark] .nav .nav-item a:hover p, .sidebar.sidebar-style-2[data-background-color=dark] .nav .nav-item a:hover i, .sidebar.sidebar-style-2[data-background-color=dark] .nav .nav-item a:focus p, .sidebar.sidebar-style-2[data-background-color=dark] .nav .nav-item a:focus i, .sidebar.sidebar-style-2[data-background-color=dark] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p, .sidebar.sidebar-style-2[data-background-color=dark] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i, .sidebar.sidebar-style-2[data-background-color=dark2] .nav .nav-item a:hover p, .sidebar.sidebar-style-2[data-background-color=dark2] .nav .nav-item a:hover i, .sidebar.sidebar-style-2[data-background-color=dark2] .nav .nav-item a:focus p, .sidebar.sidebar-style-2[data-background-color=dark2] .nav .nav-item a:focus i, .sidebar.sidebar-style-2[data-background-color=dark2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p, .sidebar.sidebar-style-2[data-background-color=dark2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i { color: #b9babf !important; } .sidebar.sidebar-style-2[data-background-color=dark] .nav .nav-item.active a, .sidebar.sidebar-style-2[data-background-color=dark2] .nav .nav-item.active a { color: #ffffff; } .sidebar.sidebar-style-2[data-background-color=dark] .nav .nav-item.active a p, .sidebar.sidebar-style-2[data-background-color=dark] .nav .nav-item.active a i, .sidebar.sidebar-style-2[data-background-color=dark] .nav .nav-item.active a .caret, .sidebar.sidebar-style-2[data-background-color=dark] .nav .nav-item.active a span, .sidebar.sidebar-style-2[data-background-color=dark2] .nav .nav-item.active a p, .sidebar.sidebar-style-2[data-background-color=dark2] .nav .nav-item.active a i, .sidebar.sidebar-style-2[data-background-color=dark2] .nav .nav-item.active a .caret, .sidebar.sidebar-style-2[data-background-color=dark2] .nav .nav-item.active a span { color: #ffffff; } .sidebar.sidebar-style-2[data-background-color=dark] .nav .nav-item.active a[data-toggle=collapse][aria-expanded=true] p, .sidebar.sidebar-style-2[data-background-color=dark] .nav .nav-item.active a[data-toggle=collapse][aria-expanded=true] i, .sidebar.sidebar-style-2[data-background-color=dark] .nav .nav-item.active a[data-toggle=collapse][aria-expanded=true] .caret, .sidebar.sidebar-style-2[data-background-color=dark] .nav .nav-item.active a[data-toggle=collapse][aria-expanded=true] span, .sidebar.sidebar-style-2[data-background-color=dark2] .nav .nav-item.active a[data-toggle=collapse][aria-expanded=true] p, .sidebar.sidebar-style-2[data-background-color=dark2] .nav .nav-item.active a[data-toggle=collapse][aria-expanded=true] i, .sidebar.sidebar-style-2[data-background-color=dark2] .nav .nav-item.active a[data-toggle=collapse][aria-expanded=true] .caret, .sidebar.sidebar-style-2[data-background-color=dark2] .nav .nav-item.active a[data-toggle=collapse][aria-expanded=true] span { color: #ffffff; } .main-panel { position: relative; width: calc(100% - 250px); height: 100vh; min-height: 100%; float: right; transition: all 0.3s; } .main-panel > .content { padding: 0px !important; min-height: calc(100% - 123px); margin-top: 62px; overflow: hidden; } .main-panel > .content-full { padding: 0px !important; min-height: calc(100% - 123px); margin-top: 63px; overflow: hidden; } .main-panel .page-header { display: flex; align-items: center; margin-bottom: 20px; } .main-panel .page-header .page-title { margin-bottom: 0px; } .main-panel .page-header .btn-page-header-dropdown { width: 35px; height: 35px; font-size: 14px; padding: 0px; color: #6b6b6b; box-shadow: 0 2px 14px 0 rgba(144, 116, 212, 0.1) !important; border: 0; } .main-panel .page-header .btn-page-header-dropdown:after { display: none; } .main-panel .page-header .dropdown-menu { margin-top: 15px; top: 0px !important; } .main-panel .page-header .dropdown-menu:after { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #ffffff; position: absolute; top: -8px; right: 32px; content: ""; } .main-panel .page-divider { height: 0; margin: 0.3rem 0 1rem; overflow: hidden; border-top: 1px solid #ebecec; } /* Page Wrapper */ .page-wrapper { min-height: calc(100vh - 57px); position: relative; } .page-wrapper.has-sidebar .page-inner { margin-right: 22.5rem; } .page-navs { position: relative; display: block; padding-right: 1rem; padding-left: 1rem; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.07); z-index: 1; } .page-navs .nav .nav-link { padding: 1rem !important; } .page-navs .nav-line { border: 0px !important; } .page-navs .nav-line .nav-link { border-bottom-width: 3px !important; } .nav-scroller .nav { flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; } @media (min-width: 992px) { .page-navs { padding-right: 2rem; padding-left: 2rem; } } .page-inner { padding: 1.5rem 0; } @media (min-width: 576px) { .page-inner { padding-right: 1rem; padding-left: 1rem; } } @media (min-width: 992px) { .page-inner { padding-right: 2rem; padding-left: 2rem; } } .page-inner-fill { padding: 0; height: calc(100% - 57px); display: flex; flex-direction: column; } .page-sidebar { position: absolute; top: 0; right: 0; bottom: 0; width: 100%; display: flex; flex-direction: column; max-width: 22.5rem; box-shadow: none; transform: translate3d(100%, 0, 0); overflow: auto; z-index: 999; transition: transform 0.2s ease-in-out; border-left: 1px solid rgba(61, 70, 79, 0.125) !important; } .page-sidebar .back { width: 100%; display: flex; align-items: center; padding: 1rem; box-shadow: 0 0 0 1px rgba(61, 70, 79, 0.05), 0 1px 3px 0 rgba(61, 70, 79, 0.15); font-size: 15px; } .page-sidebar-section { flex: 1; overflow-y: auto; } @media (min-width: 1200px) { .page-sidebar { transform: translateZ(0); } } @media (max-width: 1200px) { .page-wrapper.has-sidebar .page-inner { margin-right: 0px; } .pagesidebar_open .page-sidebar { transform: translate3d(0, 0, 0) !important; max-width: unset; } } .page-with-aside { display: flex; } .page-with-aside .page-aside { width: 280px; min-height: 100vh; border-right: 1px solid #f1f1f1; padding: 15px 0; } .page-with-aside .page-aside .aside-header { padding: 15px 22px; } .page-with-aside .page-aside .aside-header .title { font-size: 24px; } .page-with-aside .page-aside .aside-header .description { font-size: 12px; } .page-with-aside .page-aside .aside-nav .nav { flex-direction: column; } .page-with-aside .page-aside .aside-nav .nav > li { padding: 8px 22px; margin-bottom: 5px; } .page-with-aside .page-aside .aside-nav .nav > li:hover, .page-with-aside .page-aside .aside-nav .nav > li:focus, .page-with-aside .page-aside .aside-nav .nav > li.active { background: rgba(51, 51, 51, 0.08); } .page-with-aside .page-aside .aside-nav .nav > li.active { padding: 12px 22px; font-weight: 600; } .page-with-aside .page-aside .aside-nav .nav > li.active > a { color: #575962 !important; } .page-with-aside .page-aside .aside-nav .nav > li > a { color: #83848a; display: flex; align-items: center; font-size: 12px; } .page-with-aside .page-aside .aside-nav .nav > li > a:hover, .page-with-aside .page-aside .aside-nav .nav > li > a:focus { text-decoration: none; } .page-with-aside .page-aside .aside-nav .nav > li > a i { font-size: 20px; margin-right: 15px; color: #a1a2a6; } .page-with-aside .page-aside .aside-nav .label { padding: 5px 22px; margin-top: 22px; margin-bottom: 5px; display: block; } .page-with-aside .page-aside .aside-compose { padding: 25px 22px; } .page-with-aside .page-content { width: calc(100% - 280px); } .footer { border-top: 1px solid #eee; padding: 15px; background: #ffffff; position: absolute; width: 100%; } .footer .container, .footer .container-fluid, .footer .container-sm, .footer .container-md, .footer .container-lg, .footer .container-xl { display: flex; align-items: center; } /* sidebar minimized */ @media screen and (min-width: 991px) { .sidebar_minimize .main-panel { width: calc(100% - 75px); transition: all 0.3s; } .sidebar_minimize .logo-header { width: 75px; transition: all 0.3s; padding: 0px; text-align: center; } .sidebar_minimize .logo-header .big-logo { margin-right: 0px; } .sidebar_minimize .logo-header .logo { position: absolute; transform: translate3d(25px, 0, 0); opacity: 0; } .sidebar_minimize .logo-header .logo img { display: none; } .sidebar_minimize .logo-header .nav-toggle { position: absolute; left: 50%; transform: translateX(-50%); height: 100%; right: 0 !important; } .sidebar_minimize .sidebar { width: 75px; transition: all 0.3s; } .sidebar_minimize .sidebar .sidebar-wrapper { width: 75px; transition: all 0.3s; } .sidebar_minimize .sidebar .sidebar-wrapper .user { padding-left: 0px; padding-right: 0px; } .sidebar_minimize .sidebar .sidebar-wrapper .user [class^=avatar-] { float: none !important; margin: auto; } .sidebar_minimize .sidebar .sidebar-wrapper .user .info { display: none; } .sidebar_minimize .sidebar .sidebar-wrapper .user .info span { display: none; } .sidebar_minimize .sidebar .sidebar-wrapper .nav-item { position: relative; } .sidebar_minimize .sidebar .sidebar-wrapper .nav-item a .letter-icon { display: block !important; } .sidebar_minimize .sidebar .sidebar-wrapper .nav-item a i { margin-right: unset; } .sidebar_minimize .sidebar .sidebar-wrapper .nav-item a .badge, .sidebar_minimize .sidebar .sidebar-wrapper .nav-item a span, .sidebar_minimize .sidebar .sidebar-wrapper .nav-item a .caret, .sidebar_minimize .sidebar .sidebar-wrapper .nav-item a p { display: none; transition: all 0.3s; } .sidebar_minimize .sidebar .sidebar-wrapper .nav-item a .sidebar-mini-icon { display: block !important; margin-right: 0px; } .sidebar_minimize .sidebar .sidebar-wrapper .nav-item.submenu .nav-collapse, .sidebar_minimize .sidebar .sidebar-wrapper .nav-item.active .nav-collapse { display: none; } .sidebar_minimize .sidebar .sidebar-wrapper .nav-section .text-section { display: none; } .sidebar_minimize .sidebar .sidebar-wrapper .nav-section .sidebar-mini-icon { display: block; } .sidebar_minimize .sidebar:hover { width: 250px; } .sidebar_minimize .sidebar:hover .sidebar-wrapper { width: 250px; } .sidebar_minimize .sidebar:hover .sidebar-wrapper .user { padding-left: 15px; padding-right: 15px; } .sidebar_minimize .sidebar:hover .sidebar-wrapper .user [class^=avatar-] { float: left !important; margin-right: 11px !important; } .sidebar_minimize .sidebar:hover .sidebar-wrapper .user .info { display: block; } .sidebar_minimize .sidebar:hover .sidebar-wrapper .user .info span { display: block; } .sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-item a i { margin-right: 15px; } .sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-item a .badge, .sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-item a span, .sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-item a .caret, .sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-item a p { display: block; } .sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-item a .sidebar-mini-icon { display: block !important; margin-right: 15px; } .sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-item.submenu .nav-collapse, .sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-item.active .nav-collapse { display: block; } .sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-section .sidebar-mini-icon { display: none; } .sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-section .text-section { display: block; } .sidebar_minimize.sidebar_minimize_hover .logo-header { width: 250px; padding-left: 25px; padding-right: 25px; text-align: left; } .sidebar_minimize.sidebar_minimize_hover .logo-header .logo { opacity: 1 !important; transform: translate3d(0, 0, 0) !important; position: relative !important; } .sidebar_minimize.sidebar_minimize_hover .logo-header .logo img { display: inline-block !important; } .sidebar_minimize.sidebar_minimize_hover .main-panel { width: calc(100% - 250px); } .sidebar_minimize_hover .logo-header .nav-toggle { right: 18px !important; transform: translateX(0%) !important; left: unset; } } /* overlay sidebar */ .overlay-sidebar:not(.is-show) .sidebar { left: -250px; } .overlay-sidebar .main-panel { width: 100% !important; } /* compact wrapper */ @media screen and (min-width: 991px) { .compact-wrapper .main-header .logo-header { width: 175px; } .compact-wrapper .sidebar { width: 175px; } .compact-wrapper .sidebar .badge { position: absolute; top: 8px; right: 8px; } .compact-wrapper .sidebar .text-section { text-align: center; } .compact-wrapper .sidebar .nav > .nav-item a { flex-direction: column; } .compact-wrapper .sidebar .nav > .nav-item a i { margin-right: 0px; } .compact-wrapper .sidebar .nav > .nav-item a p { margin-right: 0px; } .compact-wrapper .sidebar .nav > .nav-item a .caret { display: none; } .compact-wrapper .sidebar .nav-collapse li a .sub-item { margin-left: 0px; text-align: center; } .compact-wrapper .sidebar .nav-collapse li a .sub-item:before { display: none; } .compact-wrapper .main-panel { width: calc(100% - 175px); } } /* classic */ @media screen and (min-width: 991px) { .classic-wrapper .classic-grid { margin: 93px 40px 30px; } .classic-wrapper .main-header { top: 0; } .classic-wrapper .main-header .logo-header { padding: 0 40px; width: 290px; } .classic-wrapper .sidebar { position: relative; float: left; margin-top: 0px; } .classic-wrapper .sidebar .sidebar-wrapper { max-height: unset; min-height: 100%; } .classic-wrapper .navbar-header { padding-right: 30px; } .classic-wrapper .main-panel { height: unset; } .classic-wrapper .main-panel .content, .classic-wrapper .main-panel .content-full { margin-top: 0px; } .classic-wrapper .page-inner { padding-right: 0px; padding-top: 5px; } .classic-wrapper .board { height: 100%; } .sidebar_minimize .classic-wrapper .logo-header .logo { position: relative; transform: unset; opacity: 1; } .sidebar_minimize .classic-wrapper .logo-header .logo img { display: inline-block; } .sidebar_minimize .classic-wrapper .logo-header .nav-toggle { left: unset; transform: unset; right: 18px !important; } } .classic-wrapper { height: unset; } .classic-wrapper .main-panel { height: unset; } .classic-wrapper .footer { position: unset; } .classic-grid { min-height: 100vh; height: 100%; display: flex; flex-direction: row; flex-wrap: wrap; } /* Static Sidebar */ @media screen and (min-width: 991px) { .static-sidebar { height: unset; } .static-sidebar .sidebar { position: static; float: left; } .static-sidebar .sidebar .sidebar-wrapper { max-height: unset; min-height: 100%; } .static-sidebar .main-panel { height: unset; } .static-sidebar .main-panel .content { margin-bottom: 60px; } .static-sidebar .footer { position: absolute; bottom: 0; } } /* Mail */ .mail-wrapper .toggle-email-nav { margin-top: 10px; display: none; } .mail-wrapper .mail-content .inbox-head, .mail-wrapper .mail-content .email-head { padding: 35px 25px 20px; } .mail-wrapper .mail-content .inbox-head h3, .mail-wrapper .mail-content .email-head h3 { font-size: 22px; font-weight: 300; margin: 0px; } .mail-wrapper .mail-content .email-head { padding: 35px 25px; border-bottom: 1px solid #f1f1f1; } .mail-wrapper .mail-content .email-head .favorite { color: #eee; margin-right: 5px; } .mail-wrapper .mail-content .email-head .favorite.active { color: #FFC600; } .mail-wrapper .mail-content .email-head .controls { margin-left: auto; } .mail-wrapper .mail-content .email-head .controls > a { color: #9c9c9c; font-size: 18px; padding: 0 5px; } .mail-wrapper .mail-content .email-head .controls > a:hover { text-decoration: none; opacity: 0.8; } .mail-wrapper .mail-content .email-head .controls > a:last-child { padding-right: 0px; } .mail-wrapper .mail-content .email-sender { padding: 14px 25px; display: flex; align-items: center; border-bottom: 1px solid #f1f1f1; } .mail-wrapper .mail-content .email-sender .avatar { padding-right: 12px; } .mail-wrapper .mail-content .email-sender .avatar img { max-width: 40px; max-height: 40px; border-radius: 50%; } .mail-wrapper .mail-content .email-sender .date { margin-left: auto; } .mail-wrapper .mail-content .email-sender .sender .action { display: inline-block; } .mail-wrapper .mail-content .email-sender .sender .action > a { cursor: pointer; } .mail-wrapper .mail-content .email-body { padding: 30px 28px; } .mail-wrapper .mail-content .email-attachments { padding: 25px 28px; border-top: 1px solid #f1f1f1; } .mail-wrapper .mail-content .email-attachments .title { font-weight: 400; margin-bottom: 10px; } .mail-wrapper .mail-content .email-attachments .title span { font-weight: 400; } .mail-wrapper .mail-content .email-attachments ul { padding-left: 0px; list-style: none; } .mail-wrapper .mail-content .email-attachments ul li { padding: 6px 0; } .mail-wrapper .mail-content .email-attachments ul li a { font-weight: 400; } .mail-wrapper .mail-content .email-attachments ul li a:hover { text-decoration: none; } .mail-wrapper .mail-content .email-attachments ul li a i { font-size: 20px; display: inline-block; vertical-align: middle; } .mail-wrapper .mail-content .email-attachments ul li a span { font-weight: 400; } .mail-wrapper .mail-content .inbox-body { padding: 20px 0px; } .mail-wrapper .mail-content .inbox-body .mail-option { padding: 0 20px; margin-bottom: 20px; display: flex; } .mail-wrapper .mail-content .inbox-body .mail-option .chk-all { display: inline-block; } .mail-wrapper .mail-content .inbox-body .mail-option .btn-option { color: #555 !important; border: 1px solid #ebedf2 !important; font-weight: 600; background: #ffffff !important; box-shadow: 2px 2px 3px 0px #f2f1f1 !important; } .mail-wrapper .mail-content .inbox-body .mail-option .form-check { padding: 0; } .mail-wrapper .mail-content .inbox-body .mail-option .form-check .form-check-sign:before { border: 1px solid #eee; background: #eeeeee; } .mail-wrapper .mail-content .inbox-body .email-list .email-list-item { padding: 14px 20px; display: table; cursor: pointer; position: relative; font-size: 12px; width: 100%; border-top: 1px solid #f1f1f1; } .mail-wrapper .mail-content .inbox-body .email-list .email-list-item:hover { background: #f6f5f5; } .mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-actions, .mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-detail { vertical-align: top; display: table-cell; } .mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-actions { width: 50px; } .mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-actions .custom-checkbox { margin-right: 0px; } .mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-actions .favorite { color: #eee; font-size: 18px; } .mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-actions .favorite:hover { text-decoration: none; color: #969696; } .mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-actions .favorite.active, .mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-actions .favorite.active:hover { color: #FFC600; } .mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-detail p, .mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-detail .msg { font-size: 12px; } .mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-detail .msg { margin-bottom: 0px; margin-top: 8px; } .mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-detail .from { font-size: 13px; } .mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-detail .date { font-size: 12px; display: flex; align-items: center; } .mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-detail .date .paperclip { font-size: 16px; padding-right: 4px; } .mail-wrapper .mail-content .inbox-body .email-list .email-list-item.unread { font-weight: 400; background: #fbfbfb; } .mail-wrapper .mail-content .inbox-body .email-list .email-list-item.unread:after { content: ""; display: block; position: absolute; width: 3px; background: #1572E8; top: -1px; left: 0px; bottom: -1px; height: calc(100% + 2px); } .mail-wrapper .mail-content .inbox-body .email-list .email-list-item.unread .email-list-detail .from { font-weight: 600; } .mail-wrapper .mail-content .email-compose-fields, .mail-wrapper .mail-content .email-editor { padding: 20px 25px; } .mail-wrapper .mail-content .email-compose-fields { padding: 20px 25px; border-bottom: 1px solid #f1f1f1; } .mail-wrapper .mail-content .email-action { text-align: right; margin-bottom: 15px; } .mail-wrapper .mail-content .email-action > .btn { margin-right: 7px; } .mail-wrapper .mail-content .email-action > .btn:last-child { margin-right: 0px; } /* Flex-1 */ .flex-1 { flex: 1; } /* Metric */ .metric { display: flex; padding: 1rem; flex-direction: column; } /* Customable Layouts Colors */ .main-header .navbar-header[data-background-color] .nav-search .input-group { border: 0; background: rgba(0, 0, 0, 0.14) !important; box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.07); transition: all 0.4s; } .main-header .navbar-header[data-background-color] .nav-search .input-group .form-control { color: #ffffff !important; } .main-header .navbar-header[data-background-color] .nav-search .input-group .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ opacity: 1; } .main-header .navbar-header[data-background-color] .nav-search .input-group .form-control::-moz-placeholder { /* Firefox 19+ */ opacity: 1; } .main-header .navbar-header[data-background-color] .nav-search .input-group .form-control:-ms-input-placeholder { /* IE 10+ */ opacity: 1; } .main-header .navbar-header[data-background-color] .nav-search .input-group .form-control:-moz-placeholder { /* Firefox 18- */ opacity: 1; } .main-header .navbar-header[data-background-color] .nav-search .input-group .search-icon { color: #ffffff !important; } .main-header .navbar-header[data-background-color] .nav-search .input-group.focus { background: #fff !important; } .main-header .navbar-header[data-background-color] .nav-search .input-group.focus .form-control { color: inherit !important; } .main-header .navbar-header[data-background-color] .nav-search .input-group.focus .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #bfbfbf !important; } .main-header .navbar-header[data-background-color] .nav-search .input-group.focus .form-control::-moz-placeholder { /* Firefox 19+ */ color: #bfbfbf !important; } .main-header .navbar-header[data-background-color] .nav-search .input-group.focus .form-control:-ms-input-placeholder { /* IE 10+ */ color: #bfbfbf !important; } .main-header .navbar-header[data-background-color] .nav-search .input-group.focus .form-control:-moz-placeholder { /* Firefox 18- */ color: #bfbfbf !important; } .main-header .navbar-header[data-background-color] .nav-search .input-group.focus .search-icon { color: #bfbfbf !important; } .main-header .navbar-header[data-background-color] .navbar-nav .nav-item .nav-link { color: #ffffff !important; } .main-header .navbar-header[data-background-color] .navbar-nav .nav-item .nav-link:hover, .main-header .navbar-header[data-background-color] .navbar-nav .nav-item .nav-link:focus { background: rgba(31, 30, 30, 0.12) !important; } .main-header .navbar-header[data-background-color] .navbar-nav .nav-item.active .nav-link { background: rgba(31, 30, 30, 0.12) !important; } .main-header .navbar-header[data-background-color=dark] .nav-search .input-group, .main-header .navbar-header[data-background-color=dark2] .nav-search .input-group { background: rgba(185, 185, 185, 0.18) !important; } .main-header .navbar-header[data-background-color=dark] .navbar-nav .nav-item .nav-link:hover, .main-header .navbar-header[data-background-color=dark] .navbar-nav .nav-item .nav-link:focus, .main-header .navbar-header[data-background-color=dark2] .navbar-nav .nav-item .nav-link:hover, .main-header .navbar-header[data-background-color=dark2] .navbar-nav .nav-item .nav-link:focus { background: rgba(185, 185, 185, 0.18) !important; } .main-header .navbar-header[data-background-color=dark] .navbar-nav .nav-item.active .nav-link, .main-header .navbar-header[data-background-color=dark2] .navbar-nav .nav-item.active .nav-link { background: rgba(185, 185, 185, 0.18) !important; } .main-header .navbar-header[data-background-color=white] .nav-search .input-group, .main-header .navbar-header .navbar-header-transparent .nav-search .input-group { background: #eee; } .main-header .navbar-header[data-background-color=white] .nav-search .input-group .form-control, .main-header .navbar-header .navbar-header-transparent .nav-search .input-group .form-control { color: #8d9498 !important; } .main-header .navbar-header[data-background-color=white] .nav-search .input-group .search-icon, .main-header .navbar-header .navbar-header-transparent .nav-search .input-group .search-icon { color: #8d9498 !important; } .main-header .navbar-header[data-background-color=white] .navbar-nav .nav-item .nav-link, .main-header .navbar-header .navbar-header-transparent .navbar-nav .nav-item .nav-link { color: #8d9498 !important; } .main-header .navbar-header[data-background-color=white] .navbar-nav .nav-item .nav-link:hover, .main-header .navbar-header[data-background-color=white] .navbar-nav .nav-item .nav-link:focus, .main-header .navbar-header .navbar-header-transparent .navbar-nav .nav-item .nav-link:hover, .main-header .navbar-header .navbar-header-transparent .navbar-nav .nav-item .nav-link:focus { background: #eee !important; } .main-header .navbar-header[data-background-color=white] .navbar-nav .nav-item.active .nav-link, .main-header .navbar-header .navbar-header-transparent .navbar-nav .nav-item.active .nav-link { background: #eee !important; } .btn-toggle { color: #fff !important; } .logo-header[data-background-color] .navbar-toggler .navbar-toggler-icon { color: #ffffff !important; } .logo-header[data-background-color] .more { color: #ffffff !important; } .logo-header[data-background-color=white] .navbar-toggler .navbar-toggler-icon, .logo-header[data-background-color=white] .more, .logo-header[data-background-color=white] .btn-toggle { color: #8d9498 !important; } .logo-header[data-background-color=white] { background: #ffffff !important; } .navbar-header[data-background-color=white] { background: #ffffff !important; } .logo-header[data-background-color=dark] { background: #1a2035 !important; } .logo-header[data-background-color=dark2] { background: #1f283e !important; } .navbar-header[data-background-color=dark] { background: #1a2035 !important; } .navbar-header[data-background-color=dark2] { background: #1f283e !important; } .logo-header[data-background-color=blue] { background: #1572E8 !important; } .logo-header[data-background-color=blue2] { background: #1269DB !important; } .navbar-header[data-background-color=blue] { background: #1572E8 !important; } .navbar-header[data-background-color=blue2] { background: #1269DB !important; } .logo-header[data-background-color=purple] { background: #6861CE !important; } .logo-header[data-background-color=purple2] { background: #5C55BF !important; } .navbar-header[data-background-color=purple] { background: #6861CE !important; } .navbar-header[data-background-color=purple2] { background: #5C55BF !important; } .logo-header[data-background-color=light-blue] { background: #48ABF7 !important; } .logo-header[data-background-color=light-blue2] { background: #3697E1 !important; } .navbar-header[data-background-color=light-blue] { background: #48ABF7 !important; } .navbar-header[data-background-color=light-blue2] { background: #3697E1 !important; } .logo-header[data-background-color=green] { background: #31CE36 !important; } .logo-header[data-background-color=green2] { background: #2BB930 !important; } .navbar-header[data-background-color=green] { background: #31CE36 !important; } .navbar-header[data-background-color=green2] { background: #2BB930 !important; } .logo-header[data-background-color=orange] { background: #FFAD46 !important; } .logo-header[data-background-color=orange2] { background: #FF9E27 !important; } .navbar-header[data-background-color=orange] { background: #FFAD46 !important; } .navbar-header[data-background-color=orange2] { background: #FF9E27 !important; } .logo-header[data-background-color=red] { background: #F25961 !important; } .logo-header[data-background-color=red2] { background: #EA4d56 !important; } .navbar-header[data-background-color=red] { background: #F25961 !important; } .navbar-header[data-background-color=red2] { background: #EA4d56 !important; } .sidebar[data-background-color=dark] { background: #1a2035 !important; } .sidebar[data-background-color=dark] .user { border-color: rgba(181, 181, 181, 0.1) !important; } .sidebar[data-background-color=dark] .user .info a > span { color: #b9babf; } .sidebar[data-background-color=dark] .user .info a > span .user-level { color: #8d9498; } .sidebar[data-background-color=dark] .nav > .nav-item.active > a p { color: #b9babf !important; } .sidebar[data-background-color=dark] .nav > .nav-item a { color: #b9babf !important; } .sidebar[data-background-color=dark] .nav > .nav-item a:hover p, .sidebar[data-background-color=dark] .nav > .nav-item a:focus p, .sidebar[data-background-color=dark] .nav > .nav-item a[data-toggle=collapse][aria-expanded=true] p { color: #b9babf !important; } .sidebar[data-background-color=dark].sidebar-style-2 .nav .nav-item.active > a, .sidebar[data-background-color=dark].sidebar-style-2 .nav .nav-item.active > a:hover, .sidebar[data-background-color=dark].sidebar-style-2 .nav .nav-item.active > a:focus, .sidebar[data-background-color=dark].sidebar-style-2 .nav .nav-item.active > a[data-toggle=collapse][aria-expanded=true] { background: #fff !important; color: #1a2035 !important; } .sidebar[data-background-color=dark].sidebar-style-2 .nav .nav-item.active > a p, .sidebar[data-background-color=dark].sidebar-style-2 .nav .nav-item.active > a i, .sidebar[data-background-color=dark].sidebar-style-2 .nav .nav-item.active > a .caret, .sidebar[data-background-color=dark].sidebar-style-2 .nav .nav-item.active > a:hover p, .sidebar[data-background-color=dark].sidebar-style-2 .nav .nav-item.active > a:hover i, .sidebar[data-background-color=dark].sidebar-style-2 .nav .nav-item.active > a:hover .caret, .sidebar[data-background-color=dark].sidebar-style-2 .nav .nav-item.active > a:focus p, .sidebar[data-background-color=dark].sidebar-style-2 .nav .nav-item.active > a:focus i, .sidebar[data-background-color=dark].sidebar-style-2 .nav .nav-item.active > a:focus .caret, .sidebar[data-background-color=dark].sidebar-style-2 .nav .nav-item.active > a[data-toggle=collapse][aria-expanded=true] p, .sidebar[data-background-color=dark].sidebar-style-2 .nav .nav-item.active > a[data-toggle=collapse][aria-expanded=true] i, .sidebar[data-background-color=dark].sidebar-style-2 .nav .nav-item.active > a[data-toggle=collapse][aria-expanded=true] .caret { color: #1a2035 !important; } .sidebar[data-background-color=dark] .scrollbar-inner > .scroll-element .scroll-bar { background-color: #f7f7f7; } .sidebar[data-background-color=dark] .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar, .sidebar[data-background-color=dark] .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #dcdbdb; } .sidebar[data-background-color=dark2] { background: #1f283e !important; } .sidebar[data-background-color=dark2] .user { border-color: rgba(181, 181, 181, 0.1) !important; } .sidebar[data-background-color=dark2] .user .info a > span { color: #b9babf; } .sidebar[data-background-color=dark2] .user .info a > span .user-level { color: #8d9498; } .sidebar[data-background-color=dark2] .nav > .nav-item.active > a p { color: #b9babf !important; } .sidebar[data-background-color=dark2] .nav > .nav-item a { color: #b9babf !important; } .sidebar[data-background-color=dark2] .nav > .nav-item a:hover p, .sidebar[data-background-color=dark2] .nav > .nav-item a:focus p, .sidebar[data-background-color=dark2] .nav > .nav-item a[data-toggle=collapse][aria-expanded=true] p { color: #b9babf !important; } .sidebar[data-background-color=dark2].sidebar-style-2 .nav .nav-item.active > a, .sidebar[data-background-color=dark2].sidebar-style-2 .nav .nav-item.active > a:hover, .sidebar[data-background-color=dark2].sidebar-style-2 .nav .nav-item.active > a:focus, .sidebar[data-background-color=dark2].sidebar-style-2 .nav .nav-item.active > a[data-toggle=collapse][aria-expanded=true] { background: #fff !important; color: #1f283e !important; } .sidebar[data-background-color=dark2].sidebar-style-2 .nav .nav-item.active > a p, .sidebar[data-background-color=dark2].sidebar-style-2 .nav .nav-item.active > a i, .sidebar[data-background-color=dark2].sidebar-style-2 .nav .nav-item.active > a .caret, .sidebar[data-background-color=dark2].sidebar-style-2 .nav .nav-item.active > a:hover p, .sidebar[data-background-color=dark2].sidebar-style-2 .nav .nav-item.active > a:hover i, .sidebar[data-background-color=dark2].sidebar-style-2 .nav .nav-item.active > a:hover .caret, .sidebar[data-background-color=dark2].sidebar-style-2 .nav .nav-item.active > a:focus p, .sidebar[data-background-color=dark2].sidebar-style-2 .nav .nav-item.active > a:focus i, .sidebar[data-background-color=dark2].sidebar-style-2 .nav .nav-item.active > a:focus .caret, .sidebar[data-background-color=dark2].sidebar-style-2 .nav .nav-item.active > a[data-toggle=collapse][aria-expanded=true] p, .sidebar[data-background-color=dark2].sidebar-style-2 .nav .nav-item.active > a[data-toggle=collapse][aria-expanded=true] i, .sidebar[data-background-color=dark2].sidebar-style-2 .nav .nav-item.active > a[data-toggle=collapse][aria-expanded=true] .caret { color: #1f283e !important; } .sidebar[data-background-color=dark2] .scrollbar-inner > .scroll-element .scroll-bar { background-color: #f7f7f7; } .sidebar[data-background-color=dark2] .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar, .sidebar[data-background-color=dark2] .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #dcdbdb; } .sidebar[data-background-color=blue] { background: #1572E8 !important; } .sidebar[data-background-color=blue] .user { margin-top: 0px; padding-top: 12.5px; border-top: 1px solid; border-color: rgba(255, 255, 255, 0.1) !important; } .sidebar[data-background-color=blue] .user .info a > span { color: #fff; } .sidebar[data-background-color=blue] .user .info a > span .user-level { color: #eaeaea; } .sidebar[data-background-color=blue] .user .info .caret { border-top-color: #fff; } .sidebar[data-background-color=blue] .nav .nav-item a { color: #eaeaea !important; } .sidebar[data-background-color=blue] .nav .nav-item a p, .sidebar[data-background-color=blue] .nav .nav-item a i, .sidebar[data-background-color=blue] .nav .nav-item a .caret { color: #eaeaea !important; } .sidebar[data-background-color=blue] .nav .nav-item a:hover, .sidebar[data-background-color=blue] .nav .nav-item a:focus, .sidebar[data-background-color=blue] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] { color: #fff !important; } .sidebar[data-background-color=blue] .nav .nav-item a:hover p, .sidebar[data-background-color=blue] .nav .nav-item a:hover i, .sidebar[data-background-color=blue] .nav .nav-item a:hover .caret, .sidebar[data-background-color=blue] .nav .nav-item a:focus p, .sidebar[data-background-color=blue] .nav .nav-item a:focus i, .sidebar[data-background-color=blue] .nav .nav-item a:focus .caret, .sidebar[data-background-color=blue] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p, .sidebar[data-background-color=blue] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i, .sidebar[data-background-color=blue] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] .caret { color: #fff !important; } .sidebar[data-background-color=blue] .nav > .nav-item.active > a, .sidebar[data-background-color=blue] .nav > .nav-item.active > a:hover, .sidebar[data-background-color=blue] .nav > .nav-item.active > a:focus, .sidebar[data-background-color=blue] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] { background: #fff !important; color: #1572E8 !important; } .sidebar[data-background-color=blue] .nav > .nav-item.active > a p, .sidebar[data-background-color=blue] .nav > .nav-item.active > a i, .sidebar[data-background-color=blue] .nav > .nav-item.active > a .caret, .sidebar[data-background-color=blue] .nav > .nav-item.active > a:hover p, .sidebar[data-background-color=blue] .nav > .nav-item.active > a:hover i, .sidebar[data-background-color=blue] .nav > .nav-item.active > a:hover .caret, .sidebar[data-background-color=blue] .nav > .nav-item.active > a:focus p, .sidebar[data-background-color=blue] .nav > .nav-item.active > a:focus i, .sidebar[data-background-color=blue] .nav > .nav-item.active > a:focus .caret, .sidebar[data-background-color=blue] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] p, .sidebar[data-background-color=blue] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] i, .sidebar[data-background-color=blue] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] .caret { color: #1572E8 !important; } .sidebar[data-background-color=blue] .nav .nav-section .text-section, .sidebar[data-background-color=blue] .nav .nav-section .sidebar-mini-icon { color: #eaeaea; } .sidebar[data-background-color=blue] .nav .nav-collapse li a .sub-item:before { background: #eaeaea; } .sidebar[data-background-color=blue] .scrollbar-inner > .scroll-element .scroll-bar { background-color: #f7f7f7; } .sidebar[data-background-color=blue] .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar, .sidebar[data-background-color=blue] .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #dcdbdb; } .sidebar[data-background-color=blue2] { background: #1269DB !important; } .sidebar[data-background-color=blue2] .user { margin-top: 0px; padding-top: 12.5px; border-top: 1px solid; border-color: rgba(255, 255, 255, 0.1) !important; } .sidebar[data-background-color=blue2] .user .info a > span { color: #fff; } .sidebar[data-background-color=blue2] .user .info a > span .user-level { color: #eaeaea; } .sidebar[data-background-color=blue2] .user .info .caret { border-top-color: #fff; } .sidebar[data-background-color=blue2] .nav .nav-item a { color: #eaeaea !important; } .sidebar[data-background-color=blue2] .nav .nav-item a p, .sidebar[data-background-color=blue2] .nav .nav-item a i, .sidebar[data-background-color=blue2] .nav .nav-item a .caret { color: #eaeaea !important; } .sidebar[data-background-color=blue2] .nav .nav-item a:hover, .sidebar[data-background-color=blue2] .nav .nav-item a:focus, .sidebar[data-background-color=blue2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] { color: #fff !important; } .sidebar[data-background-color=blue2] .nav .nav-item a:hover p, .sidebar[data-background-color=blue2] .nav .nav-item a:hover i, .sidebar[data-background-color=blue2] .nav .nav-item a:hover .caret, .sidebar[data-background-color=blue2] .nav .nav-item a:focus p, .sidebar[data-background-color=blue2] .nav .nav-item a:focus i, .sidebar[data-background-color=blue2] .nav .nav-item a:focus .caret, .sidebar[data-background-color=blue2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p, .sidebar[data-background-color=blue2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i, .sidebar[data-background-color=blue2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] .caret { color: #fff !important; } .sidebar[data-background-color=blue2] .nav > .nav-item.active > a, .sidebar[data-background-color=blue2] .nav > .nav-item.active > a:hover, .sidebar[data-background-color=blue2] .nav > .nav-item.active > a:focus, .sidebar[data-background-color=blue2] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] { background: #fff !important; color: #1269DB !important; } .sidebar[data-background-color=blue2] .nav > .nav-item.active > a p, .sidebar[data-background-color=blue2] .nav > .nav-item.active > a i, .sidebar[data-background-color=blue2] .nav > .nav-item.active > a .caret, .sidebar[data-background-color=blue2] .nav > .nav-item.active > a:hover p, .sidebar[data-background-color=blue2] .nav > .nav-item.active > a:hover i, .sidebar[data-background-color=blue2] .nav > .nav-item.active > a:hover .caret, .sidebar[data-background-color=blue2] .nav > .nav-item.active > a:focus p, .sidebar[data-background-color=blue2] .nav > .nav-item.active > a:focus i, .sidebar[data-background-color=blue2] .nav > .nav-item.active > a:focus .caret, .sidebar[data-background-color=blue2] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] p, .sidebar[data-background-color=blue2] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] i, .sidebar[data-background-color=blue2] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] .caret { color: #1269DB !important; } .sidebar[data-background-color=blue2] .nav .nav-section .text-section, .sidebar[data-background-color=blue2] .nav .nav-section .sidebar-mini-icon { color: #eaeaea; } .sidebar[data-background-color=blue2] .nav .nav-collapse li a .sub-item:before { background: #eaeaea; } .sidebar[data-background-color=blue2] .scrollbar-inner > .scroll-element .scroll-bar { background-color: #f7f7f7; } .sidebar[data-background-color=blue2] .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar, .sidebar[data-background-color=blue2] .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #dcdbdb; } .sidebar[data-background-color=purple] { background: #6861CE !important; } .sidebar[data-background-color=purple] .user { margin-top: 0px; padding-top: 12.5px; border-top: 1px solid; border-color: rgba(255, 255, 255, 0.1) !important; } .sidebar[data-background-color=purple] .user .info a > span { color: #fff; } .sidebar[data-background-color=purple] .user .info a > span .user-level { color: #eaeaea; } .sidebar[data-background-color=purple] .user .info .caret { border-top-color: #fff; } .sidebar[data-background-color=purple] .nav .nav-item a { color: #eaeaea !important; } .sidebar[data-background-color=purple] .nav .nav-item a p, .sidebar[data-background-color=purple] .nav .nav-item a i, .sidebar[data-background-color=purple] .nav .nav-item a .caret { color: #eaeaea !important; } .sidebar[data-background-color=purple] .nav .nav-item a:hover, .sidebar[data-background-color=purple] .nav .nav-item a:focus, .sidebar[data-background-color=purple] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] { color: #fff !important; } .sidebar[data-background-color=purple] .nav .nav-item a:hover p, .sidebar[data-background-color=purple] .nav .nav-item a:hover i, .sidebar[data-background-color=purple] .nav .nav-item a:hover .caret, .sidebar[data-background-color=purple] .nav .nav-item a:focus p, .sidebar[data-background-color=purple] .nav .nav-item a:focus i, .sidebar[data-background-color=purple] .nav .nav-item a:focus .caret, .sidebar[data-background-color=purple] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p, .sidebar[data-background-color=purple] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i, .sidebar[data-background-color=purple] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] .caret { color: #fff !important; } .sidebar[data-background-color=purple] .nav > .nav-item.active > a, .sidebar[data-background-color=purple] .nav > .nav-item.active > a:hover, .sidebar[data-background-color=purple] .nav > .nav-item.active > a:focus, .sidebar[data-background-color=purple] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] { background: #fff !important; color: #6861CE !important; } .sidebar[data-background-color=purple] .nav > .nav-item.active > a p, .sidebar[data-background-color=purple] .nav > .nav-item.active > a i, .sidebar[data-background-color=purple] .nav > .nav-item.active > a .caret, .sidebar[data-background-color=purple] .nav > .nav-item.active > a:hover p, .sidebar[data-background-color=purple] .nav > .nav-item.active > a:hover i, .sidebar[data-background-color=purple] .nav > .nav-item.active > a:hover .caret, .sidebar[data-background-color=purple] .nav > .nav-item.active > a:focus p, .sidebar[data-background-color=purple] .nav > .nav-item.active > a:focus i, .sidebar[data-background-color=purple] .nav > .nav-item.active > a:focus .caret, .sidebar[data-background-color=purple] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] p, .sidebar[data-background-color=purple] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] i, .sidebar[data-background-color=purple] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] .caret { color: #6861CE !important; } .sidebar[data-background-color=purple] .nav .nav-section .text-section, .sidebar[data-background-color=purple] .nav .nav-section .sidebar-mini-icon { color: #eaeaea; } .sidebar[data-background-color=purple] .nav .nav-collapse li a .sub-item:before { background: #eaeaea; } .sidebar[data-background-color=purple] .scrollbar-inner > .scroll-element .scroll-bar { background-color: #f7f7f7; } .sidebar[data-background-color=purple] .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar, .sidebar[data-background-color=purple] .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #dcdbdb; } .sidebar[data-background-color=purple2] { background: #5C55BF !important; } .sidebar[data-background-color=purple2] .user { margin-top: 0px; padding-top: 12.5px; border-top: 1px solid; border-color: rgba(255, 255, 255, 0.1) !important; } .sidebar[data-background-color=purple2] .user .info a > span { color: #fff; } .sidebar[data-background-color=purple2] .user .info a > span .user-level { color: #eaeaea; } .sidebar[data-background-color=purple2] .user .info .caret { border-top-color: #fff; } .sidebar[data-background-color=purple2] .nav .nav-item a { color: #eaeaea !important; } .sidebar[data-background-color=purple2] .nav .nav-item a p, .sidebar[data-background-color=purple2] .nav .nav-item a i, .sidebar[data-background-color=purple2] .nav .nav-item a .caret { color: #eaeaea !important; } .sidebar[data-background-color=purple2] .nav .nav-item a:hover, .sidebar[data-background-color=purple2] .nav .nav-item a:focus, .sidebar[data-background-color=purple2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] { color: #fff !important; } .sidebar[data-background-color=purple2] .nav .nav-item a:hover p, .sidebar[data-background-color=purple2] .nav .nav-item a:hover i, .sidebar[data-background-color=purple2] .nav .nav-item a:hover .caret, .sidebar[data-background-color=purple2] .nav .nav-item a:focus p, .sidebar[data-background-color=purple2] .nav .nav-item a:focus i, .sidebar[data-background-color=purple2] .nav .nav-item a:focus .caret, .sidebar[data-background-color=purple2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p, .sidebar[data-background-color=purple2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i, .sidebar[data-background-color=purple2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] .caret { color: #fff !important; } .sidebar[data-background-color=purple2] .nav > .nav-item.active > a, .sidebar[data-background-color=purple2] .nav > .nav-item.active > a:hover, .sidebar[data-background-color=purple2] .nav > .nav-item.active > a:focus, .sidebar[data-background-color=purple2] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] { background: #fff !important; color: #5C55BF !important; } .sidebar[data-background-color=purple2] .nav > .nav-item.active > a p, .sidebar[data-background-color=purple2] .nav > .nav-item.active > a i, .sidebar[data-background-color=purple2] .nav > .nav-item.active > a .caret, .sidebar[data-background-color=purple2] .nav > .nav-item.active > a:hover p, .sidebar[data-background-color=purple2] .nav > .nav-item.active > a:hover i, .sidebar[data-background-color=purple2] .nav > .nav-item.active > a:hover .caret, .sidebar[data-background-color=purple2] .nav > .nav-item.active > a:focus p, .sidebar[data-background-color=purple2] .nav > .nav-item.active > a:focus i, .sidebar[data-background-color=purple2] .nav > .nav-item.active > a:focus .caret, .sidebar[data-background-color=purple2] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] p, .sidebar[data-background-color=purple2] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] i, .sidebar[data-background-color=purple2] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] .caret { color: #5C55BF !important; } .sidebar[data-background-color=purple2] .nav .nav-section .text-section, .sidebar[data-background-color=purple2] .nav .nav-section .sidebar-mini-icon { color: #eaeaea; } .sidebar[data-background-color=purple2] .nav .nav-collapse li a .sub-item:before { background: #eaeaea; } .sidebar[data-background-color=purple2] .scrollbar-inner > .scroll-element .scroll-bar { background-color: #f7f7f7; } .sidebar[data-background-color=purple2] .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar, .sidebar[data-background-color=purple2] .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #dcdbdb; } .sidebar[data-background-color=light-blue] { background: #48ABF7 !important; } .sidebar[data-background-color=light-blue] .user { margin-top: 0px; padding-top: 12.5px; border-top: 1px solid; border-color: rgba(255, 255, 255, 0.1) !important; } .sidebar[data-background-color=light-blue] .user .info a > span { color: #fff; } .sidebar[data-background-color=light-blue] .user .info a > span .user-level { color: #eaeaea; } .sidebar[data-background-color=light-blue] .user .info .caret { border-top-color: #fff; } .sidebar[data-background-color=light-blue] .nav .nav-item a { color: #eaeaea !important; } .sidebar[data-background-color=light-blue] .nav .nav-item a p, .sidebar[data-background-color=light-blue] .nav .nav-item a i, .sidebar[data-background-color=light-blue] .nav .nav-item a .caret { color: #eaeaea !important; } .sidebar[data-background-color=light-blue] .nav .nav-item a:hover, .sidebar[data-background-color=light-blue] .nav .nav-item a:focus, .sidebar[data-background-color=light-blue] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] { color: #fff !important; } .sidebar[data-background-color=light-blue] .nav .nav-item a:hover p, .sidebar[data-background-color=light-blue] .nav .nav-item a:hover i, .sidebar[data-background-color=light-blue] .nav .nav-item a:hover .caret, .sidebar[data-background-color=light-blue] .nav .nav-item a:focus p, .sidebar[data-background-color=light-blue] .nav .nav-item a:focus i, .sidebar[data-background-color=light-blue] .nav .nav-item a:focus .caret, .sidebar[data-background-color=light-blue] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p, .sidebar[data-background-color=light-blue] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i, .sidebar[data-background-color=light-blue] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] .caret { color: #fff !important; } .sidebar[data-background-color=light-blue] .nav > .nav-item.active > a, .sidebar[data-background-color=light-blue] .nav > .nav-item.active > a:hover, .sidebar[data-background-color=light-blue] .nav > .nav-item.active > a:focus, .sidebar[data-background-color=light-blue] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] { background: #fff !important; color: #48ABF7 !important; } .sidebar[data-background-color=light-blue] .nav > .nav-item.active > a p, .sidebar[data-background-color=light-blue] .nav > .nav-item.active > a i, .sidebar[data-background-color=light-blue] .nav > .nav-item.active > a .caret, .sidebar[data-background-color=light-blue] .nav > .nav-item.active > a:hover p, .sidebar[data-background-color=light-blue] .nav > .nav-item.active > a:hover i, .sidebar[data-background-color=light-blue] .nav > .nav-item.active > a:hover .caret, .sidebar[data-background-color=light-blue] .nav > .nav-item.active > a:focus p, .sidebar[data-background-color=light-blue] .nav > .nav-item.active > a:focus i, .sidebar[data-background-color=light-blue] .nav > .nav-item.active > a:focus .caret, .sidebar[data-background-color=light-blue] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] p, .sidebar[data-background-color=light-blue] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] i, .sidebar[data-background-color=light-blue] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] .caret { color: #48ABF7 !important; } .sidebar[data-background-color=light-blue] .nav .nav-section .text-section, .sidebar[data-background-color=light-blue] .nav .nav-section .sidebar-mini-icon { color: #eaeaea; } .sidebar[data-background-color=light-blue] .nav .nav-collapse li a .sub-item:before { background: #eaeaea; } .sidebar[data-background-color=light-blue] .scrollbar-inner > .scroll-element .scroll-bar { background-color: #f7f7f7; } .sidebar[data-background-color=light-blue] .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar, .sidebar[data-background-color=light-blue] .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #dcdbdb; } .sidebar[data-background-color=light-blue2] { background: #3697E1 !important; } .sidebar[data-background-color=light-blue2] .user { margin-top: 0px; padding-top: 12.5px; border-top: 1px solid; border-color: rgba(255, 255, 255, 0.1) !important; } .sidebar[data-background-color=light-blue2] .user .info a > span { color: #fff; } .sidebar[data-background-color=light-blue2] .user .info a > span .user-level { color: #eaeaea; } .sidebar[data-background-color=light-blue2] .user .info .caret { border-top-color: #fff; } .sidebar[data-background-color=light-blue2] .nav .nav-item a { color: #eaeaea !important; } .sidebar[data-background-color=light-blue2] .nav .nav-item a p, .sidebar[data-background-color=light-blue2] .nav .nav-item a i, .sidebar[data-background-color=light-blue2] .nav .nav-item a .caret { color: #eaeaea !important; } .sidebar[data-background-color=light-blue2] .nav .nav-item a:hover, .sidebar[data-background-color=light-blue2] .nav .nav-item a:focus, .sidebar[data-background-color=light-blue2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] { color: #fff !important; } .sidebar[data-background-color=light-blue2] .nav .nav-item a:hover p, .sidebar[data-background-color=light-blue2] .nav .nav-item a:hover i, .sidebar[data-background-color=light-blue2] .nav .nav-item a:hover .caret, .sidebar[data-background-color=light-blue2] .nav .nav-item a:focus p, .sidebar[data-background-color=light-blue2] .nav .nav-item a:focus i, .sidebar[data-background-color=light-blue2] .nav .nav-item a:focus .caret, .sidebar[data-background-color=light-blue2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p, .sidebar[data-background-color=light-blue2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i, .sidebar[data-background-color=light-blue2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] .caret { color: #fff !important; } .sidebar[data-background-color=light-blue2] .nav > .nav-item.active > a, .sidebar[data-background-color=light-blue2] .nav > .nav-item.active > a:hover, .sidebar[data-background-color=light-blue2] .nav > .nav-item.active > a:focus, .sidebar[data-background-color=light-blue2] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] { background: #fff !important; color: #3697E1 !important; } .sidebar[data-background-color=light-blue2] .nav > .nav-item.active > a p, .sidebar[data-background-color=light-blue2] .nav > .nav-item.active > a i, .sidebar[data-background-color=light-blue2] .nav > .nav-item.active > a .caret, .sidebar[data-background-color=light-blue2] .nav > .nav-item.active > a:hover p, .sidebar[data-background-color=light-blue2] .nav > .nav-item.active > a:hover i, .sidebar[data-background-color=light-blue2] .nav > .nav-item.active > a:hover .caret, .sidebar[data-background-color=light-blue2] .nav > .nav-item.active > a:focus p, .sidebar[data-background-color=light-blue2] .nav > .nav-item.active > a:focus i, .sidebar[data-background-color=light-blue2] .nav > .nav-item.active > a:focus .caret, .sidebar[data-background-color=light-blue2] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] p, .sidebar[data-background-color=light-blue2] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] i, .sidebar[data-background-color=light-blue2] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] .caret { color: #3697E1 !important; } .sidebar[data-background-color=light-blue2] .nav .nav-section .text-section, .sidebar[data-background-color=light-blue2] .nav .nav-section .sidebar-mini-icon { color: #eaeaea; } .sidebar[data-background-color=light-blue2] .nav .nav-collapse li a .sub-item:before { background: #eaeaea; } .sidebar[data-background-color=light-blue2] .scrollbar-inner > .scroll-element .scroll-bar { background-color: #f7f7f7; } .sidebar[data-background-color=light-blue2] .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar, .sidebar[data-background-color=light-blue2] .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #dcdbdb; } .sidebar[data-background-color=green] { background: #31CE36 !important; } .sidebar[data-background-color=green] .user { margin-top: 0px; padding-top: 12.5px; border-top: 1px solid; border-color: rgba(255, 255, 255, 0.1) !important; } .sidebar[data-background-color=green] .user .info a > span { color: #fff; } .sidebar[data-background-color=green] .user .info a > span .user-level { color: #eaeaea; } .sidebar[data-background-color=green] .user .info .caret { border-top-color: #fff; } .sidebar[data-background-color=green] .nav .nav-item a { color: #eaeaea !important; } .sidebar[data-background-color=green] .nav .nav-item a p, .sidebar[data-background-color=green] .nav .nav-item a i, .sidebar[data-background-color=green] .nav .nav-item a .caret { color: #eaeaea !important; } .sidebar[data-background-color=green] .nav .nav-item a:hover, .sidebar[data-background-color=green] .nav .nav-item a:focus, .sidebar[data-background-color=green] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] { color: #fff !important; } .sidebar[data-background-color=green] .nav .nav-item a:hover p, .sidebar[data-background-color=green] .nav .nav-item a:hover i, .sidebar[data-background-color=green] .nav .nav-item a:hover .caret, .sidebar[data-background-color=green] .nav .nav-item a:focus p, .sidebar[data-background-color=green] .nav .nav-item a:focus i, .sidebar[data-background-color=green] .nav .nav-item a:focus .caret, .sidebar[data-background-color=green] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p, .sidebar[data-background-color=green] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i, .sidebar[data-background-color=green] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] .caret { color: #fff !important; } .sidebar[data-background-color=green] .nav > .nav-item.active > a, .sidebar[data-background-color=green] .nav > .nav-item.active > a:hover, .sidebar[data-background-color=green] .nav > .nav-item.active > a:focus, .sidebar[data-background-color=green] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] { background: #fff !important; color: #31CE36 !important; } .sidebar[data-background-color=green] .nav > .nav-item.active > a p, .sidebar[data-background-color=green] .nav > .nav-item.active > a i, .sidebar[data-background-color=green] .nav > .nav-item.active > a .caret, .sidebar[data-background-color=green] .nav > .nav-item.active > a:hover p, .sidebar[data-background-color=green] .nav > .nav-item.active > a:hover i, .sidebar[data-background-color=green] .nav > .nav-item.active > a:hover .caret, .sidebar[data-background-color=green] .nav > .nav-item.active > a:focus p, .sidebar[data-background-color=green] .nav > .nav-item.active > a:focus i, .sidebar[data-background-color=green] .nav > .nav-item.active > a:focus .caret, .sidebar[data-background-color=green] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] p, .sidebar[data-background-color=green] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] i, .sidebar[data-background-color=green] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] .caret { color: #31CE36 !important; } .sidebar[data-background-color=green] .nav .nav-section .text-section, .sidebar[data-background-color=green] .nav .nav-section .sidebar-mini-icon { color: #eaeaea; } .sidebar[data-background-color=green] .nav .nav-collapse li a .sub-item:before { background: #eaeaea; } .sidebar[data-background-color=green] .scrollbar-inner > .scroll-element .scroll-bar { background-color: #f7f7f7; } .sidebar[data-background-color=green] .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar, .sidebar[data-background-color=green] .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #dcdbdb; } .sidebar[data-background-color=green2] { background: #2BB930 !important; } .sidebar[data-background-color=green2] .user { margin-top: 0px; padding-top: 12.5px; border-top: 1px solid; border-color: rgba(255, 255, 255, 0.1) !important; } .sidebar[data-background-color=green2] .user .info a > span { color: #fff; } .sidebar[data-background-color=green2] .user .info a > span .user-level { color: #eaeaea; } .sidebar[data-background-color=green2] .user .info .caret { border-top-color: #fff; } .sidebar[data-background-color=green2] .nav .nav-item a { color: #eaeaea !important; } .sidebar[data-background-color=green2] .nav .nav-item a p, .sidebar[data-background-color=green2] .nav .nav-item a i, .sidebar[data-background-color=green2] .nav .nav-item a .caret { color: #eaeaea !important; } .sidebar[data-background-color=green2] .nav .nav-item a:hover, .sidebar[data-background-color=green2] .nav .nav-item a:focus, .sidebar[data-background-color=green2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] { color: #fff !important; } .sidebar[data-background-color=green2] .nav .nav-item a:hover p, .sidebar[data-background-color=green2] .nav .nav-item a:hover i, .sidebar[data-background-color=green2] .nav .nav-item a:hover .caret, .sidebar[data-background-color=green2] .nav .nav-item a:focus p, .sidebar[data-background-color=green2] .nav .nav-item a:focus i, .sidebar[data-background-color=green2] .nav .nav-item a:focus .caret, .sidebar[data-background-color=green2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p, .sidebar[data-background-color=green2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i, .sidebar[data-background-color=green2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] .caret { color: #fff !important; } .sidebar[data-background-color=green2] .nav > .nav-item.active > a, .sidebar[data-background-color=green2] .nav > .nav-item.active > a:hover, .sidebar[data-background-color=green2] .nav > .nav-item.active > a:focus, .sidebar[data-background-color=green2] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] { background: #fff !important; color: #2BB930 !important; } .sidebar[data-background-color=green2] .nav > .nav-item.active > a p, .sidebar[data-background-color=green2] .nav > .nav-item.active > a i, .sidebar[data-background-color=green2] .nav > .nav-item.active > a .caret, .sidebar[data-background-color=green2] .nav > .nav-item.active > a:hover p, .sidebar[data-background-color=green2] .nav > .nav-item.active > a:hover i, .sidebar[data-background-color=green2] .nav > .nav-item.active > a:hover .caret, .sidebar[data-background-color=green2] .nav > .nav-item.active > a:focus p, .sidebar[data-background-color=green2] .nav > .nav-item.active > a:focus i, .sidebar[data-background-color=green2] .nav > .nav-item.active > a:focus .caret, .sidebar[data-background-color=green2] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] p, .sidebar[data-background-color=green2] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] i, .sidebar[data-background-color=green2] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] .caret { color: #2BB930 !important; } .sidebar[data-background-color=green2] .nav .nav-section .text-section, .sidebar[data-background-color=green2] .nav .nav-section .sidebar-mini-icon { color: #eaeaea; } .sidebar[data-background-color=green2] .nav .nav-collapse li a .sub-item:before { background: #eaeaea; } .sidebar[data-background-color=green2] .scrollbar-inner > .scroll-element .scroll-bar { background-color: #f7f7f7; } .sidebar[data-background-color=green2] .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar, .sidebar[data-background-color=green2] .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #dcdbdb; } .sidebar[data-background-color=orange] { background: #FFAD46 !important; } .sidebar[data-background-color=orange] .user { margin-top: 0px; padding-top: 12.5px; border-top: 1px solid; border-color: rgba(255, 255, 255, 0.1) !important; } .sidebar[data-background-color=orange] .user .info a > span { color: #fff; } .sidebar[data-background-color=orange] .user .info a > span .user-level { color: #eaeaea; } .sidebar[data-background-color=orange] .user .info .caret { border-top-color: #fff; } .sidebar[data-background-color=orange] .nav .nav-item a { color: #eaeaea !important; } .sidebar[data-background-color=orange] .nav .nav-item a p, .sidebar[data-background-color=orange] .nav .nav-item a i, .sidebar[data-background-color=orange] .nav .nav-item a .caret { color: #eaeaea !important; } .sidebar[data-background-color=orange] .nav .nav-item a:hover, .sidebar[data-background-color=orange] .nav .nav-item a:focus, .sidebar[data-background-color=orange] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] { color: #fff !important; } .sidebar[data-background-color=orange] .nav .nav-item a:hover p, .sidebar[data-background-color=orange] .nav .nav-item a:hover i, .sidebar[data-background-color=orange] .nav .nav-item a:hover .caret, .sidebar[data-background-color=orange] .nav .nav-item a:focus p, .sidebar[data-background-color=orange] .nav .nav-item a:focus i, .sidebar[data-background-color=orange] .nav .nav-item a:focus .caret, .sidebar[data-background-color=orange] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p, .sidebar[data-background-color=orange] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i, .sidebar[data-background-color=orange] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] .caret { color: #fff !important; } .sidebar[data-background-color=orange] .nav > .nav-item.active > a, .sidebar[data-background-color=orange] .nav > .nav-item.active > a:hover, .sidebar[data-background-color=orange] .nav > .nav-item.active > a:focus, .sidebar[data-background-color=orange] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] { background: #fff !important; color: #FFAD46 !important; } .sidebar[data-background-color=orange] .nav > .nav-item.active > a p, .sidebar[data-background-color=orange] .nav > .nav-item.active > a i, .sidebar[data-background-color=orange] .nav > .nav-item.active > a .caret, .sidebar[data-background-color=orange] .nav > .nav-item.active > a:hover p, .sidebar[data-background-color=orange] .nav > .nav-item.active > a:hover i, .sidebar[data-background-color=orange] .nav > .nav-item.active > a:hover .caret, .sidebar[data-background-color=orange] .nav > .nav-item.active > a:focus p, .sidebar[data-background-color=orange] .nav > .nav-item.active > a:focus i, .sidebar[data-background-color=orange] .nav > .nav-item.active > a:focus .caret, .sidebar[data-background-color=orange] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] p, .sidebar[data-background-color=orange] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] i, .sidebar[data-background-color=orange] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] .caret { color: #FFAD46 !important; } .sidebar[data-background-color=orange] .nav .nav-section .text-section, .sidebar[data-background-color=orange] .nav .nav-section .sidebar-mini-icon { color: #eaeaea; } .sidebar[data-background-color=orange] .nav .nav-collapse li a .sub-item:before { background: #eaeaea; } .sidebar[data-background-color=orange] .scrollbar-inner > .scroll-element .scroll-bar { background-color: #f7f7f7; } .sidebar[data-background-color=orange] .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar, .sidebar[data-background-color=orange] .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #dcdbdb; } .sidebar[data-background-color=orange2] { background: #FF9E27 !important; } .sidebar[data-background-color=orange2] .user { margin-top: 0px; padding-top: 12.5px; border-top: 1px solid; border-color: rgba(255, 255, 255, 0.1) !important; } .sidebar[data-background-color=orange2] .user .info a > span { color: #fff; } .sidebar[data-background-color=orange2] .user .info a > span .user-level { color: #eaeaea; } .sidebar[data-background-color=orange2] .user .info .caret { border-top-color: #fff; } .sidebar[data-background-color=orange2] .nav .nav-item a { color: #eaeaea !important; } .sidebar[data-background-color=orange2] .nav .nav-item a p, .sidebar[data-background-color=orange2] .nav .nav-item a i, .sidebar[data-background-color=orange2] .nav .nav-item a .caret { color: #eaeaea !important; } .sidebar[data-background-color=orange2] .nav .nav-item a:hover, .sidebar[data-background-color=orange2] .nav .nav-item a:focus, .sidebar[data-background-color=orange2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] { color: #fff !important; } .sidebar[data-background-color=orange2] .nav .nav-item a:hover p, .sidebar[data-background-color=orange2] .nav .nav-item a:hover i, .sidebar[data-background-color=orange2] .nav .nav-item a:hover .caret, .sidebar[data-background-color=orange2] .nav .nav-item a:focus p, .sidebar[data-background-color=orange2] .nav .nav-item a:focus i, .sidebar[data-background-color=orange2] .nav .nav-item a:focus .caret, .sidebar[data-background-color=orange2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p, .sidebar[data-background-color=orange2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i, .sidebar[data-background-color=orange2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] .caret { color: #fff !important; } .sidebar[data-background-color=orange2] .nav > .nav-item.active > a, .sidebar[data-background-color=orange2] .nav > .nav-item.active > a:hover, .sidebar[data-background-color=orange2] .nav > .nav-item.active > a:focus, .sidebar[data-background-color=orange2] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] { background: #fff !important; color: #FF9E27 !important; } .sidebar[data-background-color=orange2] .nav > .nav-item.active > a p, .sidebar[data-background-color=orange2] .nav > .nav-item.active > a i, .sidebar[data-background-color=orange2] .nav > .nav-item.active > a .caret, .sidebar[data-background-color=orange2] .nav > .nav-item.active > a:hover p, .sidebar[data-background-color=orange2] .nav > .nav-item.active > a:hover i, .sidebar[data-background-color=orange2] .nav > .nav-item.active > a:hover .caret, .sidebar[data-background-color=orange2] .nav > .nav-item.active > a:focus p, .sidebar[data-background-color=orange2] .nav > .nav-item.active > a:focus i, .sidebar[data-background-color=orange2] .nav > .nav-item.active > a:focus .caret, .sidebar[data-background-color=orange2] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] p, .sidebar[data-background-color=orange2] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] i, .sidebar[data-background-color=orange2] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] .caret { color: #FF9E27 !important; } .sidebar[data-background-color=orange2] .nav .nav-section .text-section, .sidebar[data-background-color=orange2] .nav .nav-section .sidebar-mini-icon { color: #eaeaea; } .sidebar[data-background-color=orange2] .nav .nav-collapse li a .sub-item:before { background: #eaeaea; } .sidebar[data-background-color=orange2] .scrollbar-inner > .scroll-element .scroll-bar { background-color: #f7f7f7; } .sidebar[data-background-color=orange2] .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar, .sidebar[data-background-color=orange2] .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #dcdbdb; } .sidebar[data-background-color=red] { background: #F25961 !important; } .sidebar[data-background-color=red] .user { margin-top: 0px; padding-top: 12.5px; border-top: 1px solid; border-color: rgba(255, 255, 255, 0.1) !important; } .sidebar[data-background-color=red] .user .info a > span { color: #fff; } .sidebar[data-background-color=red] .user .info a > span .user-level { color: #eaeaea; } .sidebar[data-background-color=red] .user .info .caret { border-top-color: #fff; } .sidebar[data-background-color=red] .nav .nav-item a { color: #eaeaea !important; } .sidebar[data-background-color=red] .nav .nav-item a p, .sidebar[data-background-color=red] .nav .nav-item a i, .sidebar[data-background-color=red] .nav .nav-item a .caret { color: #eaeaea !important; } .sidebar[data-background-color=red] .nav .nav-item a:hover, .sidebar[data-background-color=red] .nav .nav-item a:focus, .sidebar[data-background-color=red] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] { color: #fff !important; } .sidebar[data-background-color=red] .nav .nav-item a:hover p, .sidebar[data-background-color=red] .nav .nav-item a:hover i, .sidebar[data-background-color=red] .nav .nav-item a:hover .caret, .sidebar[data-background-color=red] .nav .nav-item a:focus p, .sidebar[data-background-color=red] .nav .nav-item a:focus i, .sidebar[data-background-color=red] .nav .nav-item a:focus .caret, .sidebar[data-background-color=red] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p, .sidebar[data-background-color=red] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i, .sidebar[data-background-color=red] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] .caret { color: #fff !important; } .sidebar[data-background-color=red] .nav > .nav-item.active > a, .sidebar[data-background-color=red] .nav > .nav-item.active > a:hover, .sidebar[data-background-color=red] .nav > .nav-item.active > a:focus, .sidebar[data-background-color=red] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] { background: #fff !important; color: #F25961 !important; } .sidebar[data-background-color=red] .nav > .nav-item.active > a p, .sidebar[data-background-color=red] .nav > .nav-item.active > a i, .sidebar[data-background-color=red] .nav > .nav-item.active > a .caret, .sidebar[data-background-color=red] .nav > .nav-item.active > a:hover p, .sidebar[data-background-color=red] .nav > .nav-item.active > a:hover i, .sidebar[data-background-color=red] .nav > .nav-item.active > a:hover .caret, .sidebar[data-background-color=red] .nav > .nav-item.active > a:focus p, .sidebar[data-background-color=red] .nav > .nav-item.active > a:focus i, .sidebar[data-background-color=red] .nav > .nav-item.active > a:focus .caret, .sidebar[data-background-color=red] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] p, .sidebar[data-background-color=red] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] i, .sidebar[data-background-color=red] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] .caret { color: #F25961 !important; } .sidebar[data-background-color=red] .nav .nav-section .text-section, .sidebar[data-background-color=red] .nav .nav-section .sidebar-mini-icon { color: #eaeaea; } .sidebar[data-background-color=red] .nav .nav-collapse li a .sub-item:before { background: #eaeaea; } .sidebar[data-background-color=red] .scrollbar-inner > .scroll-element .scroll-bar { background-color: #f7f7f7; } .sidebar[data-background-color=red] .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar, .sidebar[data-background-color=red] .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #dcdbdb; } .sidebar[data-background-color=red2] { background: #EA4d56 !important; } .sidebar[data-background-color=red2] .user { margin-top: 0px; padding-top: 12.5px; border-top: 1px solid; border-color: rgba(255, 255, 255, 0.1) !important; } .sidebar[data-background-color=red2] .user .info a > span { color: #fff; } .sidebar[data-background-color=red2] .user .info a > span .user-level { color: #eaeaea; } .sidebar[data-background-color=red2] .user .info .caret { border-top-color: #fff; } .sidebar[data-background-color=red2] .nav .nav-item a { color: #eaeaea !important; } .sidebar[data-background-color=red2] .nav .nav-item a p, .sidebar[data-background-color=red2] .nav .nav-item a i, .sidebar[data-background-color=red2] .nav .nav-item a .caret { color: #eaeaea !important; } .sidebar[data-background-color=red2] .nav .nav-item a:hover, .sidebar[data-background-color=red2] .nav .nav-item a:focus, .sidebar[data-background-color=red2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] { color: #fff !important; } .sidebar[data-background-color=red2] .nav .nav-item a:hover p, .sidebar[data-background-color=red2] .nav .nav-item a:hover i, .sidebar[data-background-color=red2] .nav .nav-item a:hover .caret, .sidebar[data-background-color=red2] .nav .nav-item a:focus p, .sidebar[data-background-color=red2] .nav .nav-item a:focus i, .sidebar[data-background-color=red2] .nav .nav-item a:focus .caret, .sidebar[data-background-color=red2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p, .sidebar[data-background-color=red2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i, .sidebar[data-background-color=red2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] .caret { color: #fff !important; } .sidebar[data-background-color=red2] .nav > .nav-item.active > a, .sidebar[data-background-color=red2] .nav > .nav-item.active > a:hover, .sidebar[data-background-color=red2] .nav > .nav-item.active > a:focus, .sidebar[data-background-color=red2] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] { background: #fff !important; color: #EA4d56 !important; } .sidebar[data-background-color=red2] .nav > .nav-item.active > a p, .sidebar[data-background-color=red2] .nav > .nav-item.active > a i, .sidebar[data-background-color=red2] .nav > .nav-item.active > a .caret, .sidebar[data-background-color=red2] .nav > .nav-item.active > a:hover p, .sidebar[data-background-color=red2] .nav > .nav-item.active > a:hover i, .sidebar[data-background-color=red2] .nav > .nav-item.active > a:hover .caret, .sidebar[data-background-color=red2] .nav > .nav-item.active > a:focus p, .sidebar[data-background-color=red2] .nav > .nav-item.active > a:focus i, .sidebar[data-background-color=red2] .nav > .nav-item.active > a:focus .caret, .sidebar[data-background-color=red2] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] p, .sidebar[data-background-color=red2] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] i, .sidebar[data-background-color=red2] .nav > .nav-item.active > a[data-toggle=collapse][aria-expanded=true] .caret { color: #EA4d56 !important; } .sidebar[data-background-color=red2] .nav .nav-section .text-section, .sidebar[data-background-color=red2] .nav .nav-section .sidebar-mini-icon { color: #eaeaea; } .sidebar[data-background-color=red2] .nav .nav-collapse li a .sub-item:before { background: #eaeaea; } .sidebar[data-background-color=red2] .scrollbar-inner > .scroll-element .scroll-bar { background-color: #f7f7f7; } .sidebar[data-background-color=red2] .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar, .sidebar[data-background-color=red2] .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #dcdbdb; } /* Avatar */ .avatar { position: relative; display: inline-block; } .avatar-img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .avatar-title { width: 100%; height: 100%; background-color: #6861CE; color: #fff; display: flex; align-items: center; justify-content: center; } .avatar-online::before, .avatar-offline::before, .avatar-away::before { position: absolute; right: 0; bottom: 0; width: 25%; height: 25%; border-radius: 50%; content: ""; border: 2px solid #fff; } .avatar-online::before { background-color: #31CE36; } .avatar-offline::before { background-color: #97a2b1; } .avatar-away::before { background-color: #FFAD46; } .avatar { width: 3rem; height: 3rem; } .avatar .border { border-width: 3px !important; } .avatar .rounded { border-radius: 6px !important; } .avatar .avatar-title { font-size: 18px; } .avatar-xs { width: 1.65rem; height: 1.65rem; } .avatar-xs .border { border-width: 2px !important; } .avatar-xs .rounded { border-radius: 4px !important; } .avatar-xs .avatar-title { font-size: 12px; } .avatar-xs.avatar-online::before, .avatar-xs.avatar-offline::before, .avatar-xs.avatar-away::before { border-width: 1px; } .avatar-sm { width: 2.5rem; height: 2.5rem; } .avatar-sm .border { border-width: 3px !important; } .avatar-sm .rounded { border-radius: 4px !important; } .avatar-sm .avatar-title { font-size: 15px; } .avatar-sm.avatar-online::before, .avatar-sm.avatar-offline::before, .avatar-sm.avatar-away::before { border-width: 2px; } .avatar-lg { width: 3.75rem; height: 3.75rem; } .avatar-lg .border { border-width: 3px !important; } .avatar-lg .rounded { border-radius: 8px !important; } .avatar-lg .avatar-title { font-size: 24px; } .avatar-lg.avatar-online::before, .avatar-lg.avatar-offline::before, .avatar-lg.avatar-away::before { border-width: 3px; } .avatar-xl { width: 5rem; height: 5rem; } .avatar-xl .border { border-width: 4px !important; } .avatar-xl .rounded { border-radius: 8px !important; } .avatar-xl .avatar-title { font-size: 28px; } .avatar-xl.avatar-online::before, .avatar-xl.avatar-offline::before, .avatar-xl.avatar-away::before { border-width: 4px; } .avatar-xxl { width: 5.125rem; height: 5.125rem; } .avatar-xxl .border { border-width: 6px !important; } .avatar-xxl .rounded { border-radius: 8px !important; } .avatar-xxl .avatar-title { font-size: 30px; } .avatar-xxl.avatar-online::before, .avatar-xxl.avatar-offline::before, .avatar-xxl.avatar-away::before { border-width: 4px; } @media (min-width: 768px) { .avatar-xxl { width: 8rem; height: 8rem; } .avatar-xxl .border { border-width: 4px !important; } .avatar-xxl .rounded { border-radius: 12px !important; } .avatar-xxl .avatar-title { font-size: 42px; } .avatar-xxl.avatar-online::before, .avatar-xxl.avatar-offline::before, .avatar-xxl.avatar-away::before { border-width: 4px; } } .avatar-group { display: inline-flex; } .avatar-group .avatar + .avatar { margin-left: -0.75rem; } .avatar-group .avatar-xs + .avatar-xs { margin-left: -0.40625rem; } .avatar-group .avatar-sm + .avatar-sm { margin-left: -0.625rem; } .avatar-group .avatar-lg + .avatar-lg { margin-left: -1rem; } .avatar-group .avatar-xl + .avatar-xl { margin-left: -1.28125rem; } .avatar-group .avatar:hover { z-index: 1; } .border-dark { border-color: #202940 !important; } /* Breadcrumb */ .breadcrumbs { list-style: none; display: inline; width: auto; border-left: 1px solid #efefef; margin-left: 25px; padding-left: 25px; margin-bottom: 0px; padding-top: 8px; padding-bottom: 8px; height: 100%; } .breadcrumbs li { display: inline-block; } .breadcrumbs li a { color: #575962; font-size: 13px; } .breadcrumbs li a i { font-size: 16px; } .breadcrumbs li a:hover { text-decoration: none; } .breadcrumbs li.separator { padding-left: 10px; padding-right: 10px; font-size: 12px; } /* Card */ .card, .card-light { border-radius: 5px; background-color: #ffffff; margin-bottom: 30px; box-shadow: 2px 6px 15px 0px rgba(69, 65, 78, 0.1); border: 0px; } .card .card-header, .card-light .card-header { padding: 1rem 1.25rem; background-color: transparent; border-bottom: 1px solid #ebecec !important; } .card .card-header:first-child, .card-light .card-header:first-child { border-radius: 0px; } .card .card-header .card-head-row, .card-light .card-header .card-head-row { display: flex; align-items: center; } .card .card-header .card-head-row .card-tools, .card-light .card-header .card-head-row .card-tools { margin-left: auto; float: right; padding-left: 15px; } .card .separator-solid, .card-light .separator-solid { border-top: 1px solid #ebecec; margin: 15px 0; } .card .separator-dashed, .card-light .separator-dashed { border-top: 1px dashed #ebecec; margin: 15px 0; } .card .separator-dot, .card-light .separator-dot { border-top: 1px dotted #ebecec; margin: 15px 0; } .card .full-width-separator, .card-light .full-width-separator { margin: 15px -20px 15px; } .card .b-b1, .card-light .b-b1 { border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .card .card-body, .card-light .card-body { padding: 1.25rem; } .card .card-footer, .card-light .card-footer { background-color: transparent; line-height: 30px; border-top: 1px solid #ebecec !important; font-size: 13px; } .card .pull-in, .card-light .pull-in { margin-left: -1.25rem; margin-right: -1.25rem; } .card .pull-in.sparkline-fix, .card-light .pull-in.sparkline-fix { margin-left: -1.35rem; margin-right: -1.35rem; margin-bottom: -3px; } .card .chart-as-background, .card-light .chart-as-background { position: absolute; bottom: 0; width: calc(100% + 2px); } .card .card-action, .card-light .card-action { padding: 30px; background-color: transparent; line-height: 30px; border-top: 1px solid #ebecec !important; font-size: 14px; } .card .card-footer hr, .card-light .card-footer hr { margin-top: 5px; margin-bottom: 5px; } .card .card-footer .legend, .card-light .card-footer .legend { display: inline-block; } @media screen and (max-width: 476px) { .card .card-header .card-head-row:not(.card-tools-still-right) { flex-direction: column; align-items: unset; } .card .card-header .card-head-row:not(.card-tools-still-right) .card-tools { margin-left: 0px; float: left; padding-left: 0px; padding-top: 10px; } } .card.full-height { height: calc(100% - 30px); } .card-space { padding: 0 30px; } .card-space > .card-header, .card-space > .card-body, .card-space > .card-footer, .card-space > .card-action { padding-left: 0px !important; padding-right: 0px !important; } .card-with-nav .card-header { border-bottom: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important; } .card-with-nav .card-body { padding: 15px 25px !important; } .card-list { padding: 10px 0; } .card-list .item-list { display: flex; flex-direction: row; padding: 10px 0; align-items: center; } .card-list .item-list .info-user { flex: 1; } .card-list .item-list .info-user .username, .card-list .item-list .info-user a.username { color: #1572E8; font-size: 13px; margin-bottom: 5px; font-weight: 400; } .card-list .item-list .info-user .status { font-size: 11px; color: #7d7b7b; } .card-title { margin: 0; color: #575962; font-size: 20px; font-weight: 400; line-height: 1.6; } .card-title a, .card-title a:hover, .card-title a:focus { color: #575962; text-decoration: none; } .card-sub { display: block; margin: 5px 0 10px 0; font-size: 0.9rem; background: #f7f8fa; color: #575962; padding: 0.85rem 1.5rem; border-radius: 4px; line-height: 1.82; } .card-category { margin-top: 8px; font-size: 14px; color: #8d9498; margin-bottom: 0px; word-break: normal; } label { font-size: 14px; font-weight: 400; color: #8d9498; margin-bottom: 0px; } .card-transparent { background: transparent !important; box-shadow: none; border-color: transparent !important; } /* Card Stats */ .card-stats .card-body { padding: 15px !important; } .card-stats .card-title { margin-bottom: 0px !important; } .card-stats .card-category { margin-top: 0px; } .card-stats .col-icon { width: 65px; height: 65px; margin-left: 15px; } .card-stats .icon-big { width: 100%; height: 100%; font-size: 2.2em; min-height: 64px; display: flex; align-items: center; justify-content: center; } .card-stats .icon-big.icon-default, .card-stats .icon-big.icon-primary, .card-stats .icon-big.icon-secondary, .card-stats .icon-big.icon-success, .card-stats .icon-big.icon-info, .card-stats .icon-big.icon-warning, .card-stats .icon-big.icon-danger { border-radius: 5px; } .card-stats .icon-big.icon-default i, .card-stats .icon-big.icon-primary i, .card-stats .icon-big.icon-secondary i, .card-stats .icon-big.icon-success i, .card-stats .icon-big.icon-info i, .card-stats .icon-big.icon-warning i, .card-stats .icon-big.icon-danger i { color: #ffffff !important; } .card-stats .icon-big.icon-default { background: #1a2035; } .card-stats .icon-big.icon-primary { background: #1572E8; } .card-stats .icon-big.icon-secondary { background: #6861CE; } .card-stats .icon-big.icon-success { background: #31CE36; } .card-stats .icon-big.icon-warning { background: #FFAD46; } .card-stats .icon-big.icon-info { background: #48ABF7; } .card-stats .icon-big.icon-danger { background: #F25961; } .card-stats .icon-big.round { border-radius: 50% !important; } .card-stats .col-stats { align-items: center; display: flex; padding-left: 15px; } /* Card Task */ .card-tasks .table { margin-bottom: 0px; } .card-tasks .table .form-check { padding: 0 0 0 0.75rem !important; } .card-tasks .table .form-check label { margin-bottom: 0px !important; } .card-tasks .table tbody td:first-child, .card-tasks .table thead th:first-child { padding-left: 15px; padding-right: 15px; } .card-tasks .table tbody td:last-child, .card-tasks .table thead th:last-child { padding-right: 15px; } .card-tasks .table tbody tr:last-child td { border-bottom-width: 0px !important; } .card-tasks .card-body { padding-top: 0px; padding-bottom: 0px; } .card-tasks .card-body .table td { font-size: 13px; } .card-tasks .card-body .table td .btn { font-size: 15px; opacity: 0.7; transition: all 0.3s; } .card-tasks .card-body .table td:hover .btn { opacity: 1; } .card-tasks .form-button-action { display: block !important; } /* Card States */ .card-dark, .card-default, .card-primary, .card-secondary, .card-info, .card-success, .card-warning, .card-danger { color: #ffffff; border: 0px; } .card-dark .card-header, .card-default .card-header, .card-primary .card-header, .card-secondary .card-header, .card-info .card-header, .card-success .card-header, .card-warning .card-header, .card-danger .card-header { border-bottom: transparent !important; } .card-dark .card-category, .card-default .card-category, .card-primary .card-category, .card-secondary .card-category, .card-info .card-category, .card-success .card-category, .card-warning .card-category, .card-danger .card-category, .card-dark .card-title, .card-default .card-title, .card-primary .card-title, .card-secondary .card-title, .card-info .card-title, .card-success .card-title, .card-warning .card-title, .card-danger .card-title, .card-dark label, .card-default label, .card-primary label, .card-info label, .card-success label, .card-warning label, .card-danger label { color: #ffffff; } .card-dark .icon-big > i, .card-default .icon-big > i, .card-primary .icon-big > i, .card-secondary .icon-big > i, .card-info .icon-big > i, .card-success .icon-big > i, .card-warning .icon-big > i, .card-danger .icon-big > i { color: #ffffff !important; } .card-dark .card-footer, .card-default .card-footer, .card-primary .card-footer, .card-secondary .card-footer, .card-info .card-footer, .card-success .card-footer, .card-warning .card-footer, .card-danger .card-footer { border-top: transparent !important; } .card-default { background: #1a2035 !important; } .card-primary { background: #1572E8 !important; } .card-secondary { background: #6861CE !important; } .card-info { background: #48ABF7 !important; } .card-success { background: #31CE36 !important; } .card-warning { background: #FFAD46 !important; } .card-danger { background: #F25961 !important; } .card-round { border-radius: 5px; } /* Progress Card */ .progress-card { margin-bottom: 25px; } .progress-card .progress-status { display: flex; margin-bottom: 10px; justify-content: space-between !important; } /* Card Posts */ .card-post .info-post .username { margin-bottom: 0px; font-weight: 600; } .card-post .info-post .date { margin-bottom: 0px; } /* Card Pricing */ .card-pricing { padding: 20px 5px; text-align: center; border-radius: 5px; } .card-pricing .card-header { border-bottom: 0px !important; } .card-pricing .card-footer { border-top: 0px !important; padding: 15px 15px 10px 15px; } .card-pricing .card-title { font-weight: 400; font-size: 20px; } .card-pricing .card-price .price { font-size: 36px; font-weight: 400; } .card-pricing .card-price .text { font-size: 18px; font-weight: 400; color: #d1d7e3; } .card-pricing .specification-list { list-style: none; padding-left: 0px; } .card-pricing .specification-list li { padding: 8px 0 12px; border-bottom: 1px solid #eee; text-align: left; font-size: 12px; margin-bottom: 5px; } .card-pricing .specification-list li .name-specification { color: #83848a; } .card-pricing .specification-list li .status-specification { margin-left: auto; float: right; font-weight: 400; } .card-pricing.card-pricing-focus { padding: 40px 5px; } .card-pricing.card-default .name-specification, .card-pricing.card-primary .name-specification, .card-pricing.card-secondary .name-specification, .card-pricing.card-info .name-specification, .card-pricing.card-success .name-specification, .card-pricing.card-danger .name-specification, .card-pricing.card-warning .name-specification { color: #ffffff !important; } .card-pricing.card-primary .specification-list li { border-color: #2f8bff !important; } .card-pricing.card-primary .btn-light { color: #1572E8 !important; } .card-pricing.card-success .specification-list li { border-color: #64e069 !important; } .card-pricing.card-success .btn-light { color: #31CE36 !important; } .card-pricing.card-secondary .specification-list li { border-color: #7f77dc !important; } .card-pricing.card-secondary .btn-light { color: #6861CE !important; } .card-pricing.card-default .specification-list li { border-color: #6f8996 !important; } .card-pricing.card-default .btn-light { color: #1a2035 !important; } .card-pricing.card-info .specification-list li { border-color: #11c0e4 !important; } .card-pricing.card-info .btn-light { color: #48ABF7 !important; } .card-pricing.card-danger .specification-list li { border-color: #ff6972 !important; } .card-pricing.card-danger .btn-light { color: #F25961 !important; } .card-pricing.card-warning .specification-list li { border-color: #ffbc67 !important; } .card-pricing.card-warning .btn-light { color: #FFAD46 !important; } .card-pricing2 { padding-bottom: 10px; background: #fff !important; border-bottom: 7px solid; text-align: center; overflow: hidden; position: relative; border-radius: 5px; box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08); } .card-pricing2:before { content: ""; width: 100%; height: 350px; position: absolute; top: -150px; left: 0; transform: skewY(-20deg); } .card-pricing2 .price-value:after, .card-pricing2 .price-value:before { content: ""; left: 50%; transform: translateX(-50%) scaleY(0.5) rotate(45deg); } .card-pricing2 .value:after, .card-pricing2 .value:before { content: ""; left: 50%; transform: translateX(-50%) scaleY(0.5) rotate(45deg); } .card-pricing2 .pricing-header { padding: 20px 20px 60px; text-align: left; position: relative; } .card-pricing2 .sub-title { display: block; font-size: 16px; } .card-pricing2 .value { background: #fff; } .card-pricing2 .price-value { display: inline-block; width: 170px; height: 110px; padding: 15px; border: 2px solid; border-top: none; border-bottom: none; position: relative; } .card-pricing2 .price-value:after, .card-pricing2 .price-value:before { width: 121px; height: 121px; border: 3px solid; border-right: none; border-bottom: none; position: absolute; top: -60px; } .card-pricing2 .price-value:after { border-top: none; border-left: none; border-bottom: 3px solid; border-right: 3px solid; top: auto; bottom: -60px; } .card-pricing2 .value { width: 100%; height: 100%; border: 2px solid; border-top: none; border-bottom: none; z-index: 1; position: relative; } .card-pricing2 .value:after, .card-pricing2 .value:before { width: 97px; height: 97px; background: #fff; border: 3px solid; border-bottom: none; border-right: none; position: absolute; top: -48px; z-index: -1; } .card-pricing2 .value:after { border-right: 3px solid; border-bottom: 3px solid; border-top: none; border-left: none; top: auto; bottom: -48px; } .card-pricing2 .currency { display: inline-block; font-size: 30px; margin-top: 7px; vertical-align: top; } .card-pricing2 .amount { display: inline-block; font-size: 40px; font-weight: 600; line-height: 65px; } .card-pricing2 .amount span { display: inline-block; font-size: 30px; font-weight: 400; vertical-align: top; margin-top: -7px; } .card-pricing2 .month { display: block; font-size: 16px; line-height: 0; } .card-pricing2 .pricing-content { padding: 50px 0 0 80px; margin-bottom: 20px; list-style: none; text-align: left; transition: all 0.3s ease 0s; } .card-pricing2 .pricing-content li { padding: 7px 0; font-size: 13px; color: grey; position: relative; } .card-pricing2 .pricing-content li.disable:before, .card-pricing2 .pricing-content li:before { content: "\F00C"; font-family: "Font Awesome 5 Solid"; font-weight: 900; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; background: #98c458; text-align: center; color: #fff; position: absolute; left: -50px; font-size: 9px; } .card-pricing2 .pricing-content li.disable:before { content: "\F00D"; background: #fe6c6c; } .card-pricing2.card-default { border-bottom-color: #1a2035; } .card-pricing2.card-default .price-value:before, .card-pricing2.card-default .value:before { border-left-color: #1a2035; border-top-color: #1a2035; } .card-pricing2.card-default .price-value, .card-pricing2.card-default .value { border-right-color: #1a2035; } .card-pricing2.card-default .price-value:after, .card-pricing2.card-default .value:after { border-right-color: #1a2035; } .card-pricing2.card-default .price-value:after, .card-pricing2.card-default .value:after { border-bottom-color: #1a2035; } .card-pricing2.card-default .value { color: #1a2035; } .card-pricing2.card-default:before { background: #1a2035; } .card-pricing2.card-default .price-value, .card-pricing2.card-default .value { border-left-color: #1a2035; } .card-pricing2.card-primary { border-bottom-color: #1572E8; } .card-pricing2.card-primary .price-value:before, .card-pricing2.card-primary .value:before { border-left-color: #1572E8; border-top-color: #1572E8; } .card-pricing2.card-primary .price-value, .card-pricing2.card-primary .value { border-right-color: #1572E8; } .card-pricing2.card-primary .price-value:after, .card-pricing2.card-primary .value:after { border-right-color: #1572E8; } .card-pricing2.card-primary .price-value:after, .card-pricing2.card-primary .value:after { border-bottom-color: #1572E8; } .card-pricing2.card-primary .value { color: #1572E8; } .card-pricing2.card-primary:before { background: #1572E8; } .card-pricing2.card-primary .price-value, .card-pricing2.card-primary .value { border-left-color: #1572E8; } .card-pricing2.card-secondary { border-bottom-color: #6861CE; } .card-pricing2.card-secondary .price-value:before, .card-pricing2.card-secondary .value:before { border-left-color: #6861CE; border-top-color: #6861CE; } .card-pricing2.card-secondary .price-value, .card-pricing2.card-secondary .value { border-right-color: #6861CE; } .card-pricing2.card-secondary .price-value:after, .card-pricing2.card-secondary .value:after { border-right-color: #6861CE; } .card-pricing2.card-secondary .price-value:after, .card-pricing2.card-secondary .value:after { border-bottom-color: #6861CE; } .card-pricing2.card-secondary .value { color: #6861CE; } .card-pricing2.card-secondary:before { background: #6861CE; } .card-pricing2.card-secondary .price-value, .card-pricing2.card-secondary .value { border-left-color: #6861CE; } .card-pricing2.card-info { border-bottom-color: #48ABF7; } .card-pricing2.card-info .price-value:before, .card-pricing2.card-info .value:before { border-left-color: #48ABF7; border-top-color: #48ABF7; } .card-pricing2.card-info .price-value, .card-pricing2.card-info .value { border-right-color: #48ABF7; } .card-pricing2.card-info .price-value:after, .card-pricing2.card-info .value:after { border-right-color: #48ABF7; } .card-pricing2.card-info .price-value:after, .card-pricing2.card-info .value:after { border-bottom-color: #48ABF7; } .card-pricing2.card-info .value { color: #48ABF7; } .card-pricing2.card-info:before { background: #48ABF7; } .card-pricing2.card-info .price-value, .card-pricing2.card-info .value { border-left-color: #48ABF7; } .card-pricing2.card-success { border-bottom-color: #31CE36; } .card-pricing2.card-success .price-value:before, .card-pricing2.card-success .value:before { border-left-color: #31CE36; border-top-color: #31CE36; } .card-pricing2.card-success .price-value, .card-pricing2.card-success .value { border-right-color: #31CE36; } .card-pricing2.card-success .price-value:after, .card-pricing2.card-success .value:after { border-right-color: #31CE36; } .card-pricing2.card-success .price-value:after, .card-pricing2.card-success .value:after { border-bottom-color: #31CE36; } .card-pricing2.card-success .value { color: #31CE36; } .card-pricing2.card-success:before { background: #31CE36; } .card-pricing2.card-success .price-value, .card-pricing2.card-success .value { border-left-color: #31CE36; } .card-pricing2.card-warning { border-bottom-color: #FFAD46; } .card-pricing2.card-warning .price-value:before, .card-pricing2.card-warning .value:before { border-left-color: #FFAD46; border-top-color: #FFAD46; } .card-pricing2.card-warning .price-value, .card-pricing2.card-warning .value { border-right-color: #FFAD46; } .card-pricing2.card-warning .price-value:after, .card-pricing2.card-warning .value:after { border-right-color: #FFAD46; } .card-pricing2.card-warning .price-value:after, .card-pricing2.card-warning .value:after { border-bottom-color: #FFAD46; } .card-pricing2.card-warning .value { color: #FFAD46; } .card-pricing2.card-warning:before { background: #FFAD46; } .card-pricing2.card-warning .price-value, .card-pricing2.card-warning .value { border-left-color: #FFAD46; } .card-pricing2.card-danger { border-bottom-color: #F25961; } .card-pricing2.card-danger .price-value:before, .card-pricing2.card-danger .value:before { border-left-color: #F25961; border-top-color: #F25961; } .card-pricing2.card-danger .price-value, .card-pricing2.card-danger .value { border-right-color: #F25961; } .card-pricing2.card-danger .price-value:after, .card-pricing2.card-danger .value:after { border-right-color: #F25961; } .card-pricing2.card-danger .price-value:after, .card-pricing2.card-danger .value:after { border-bottom-color: #F25961; } .card-pricing2.card-danger .value { color: #F25961; } .card-pricing2.card-danger:before { background: #F25961; } .card-pricing2.card-danger .price-value, .card-pricing2.card-danger .value { border-left-color: #F25961; } /* Card Product */ .row-cardProduct { padding: 0 5px; white-space: nowrap; overflow-x: auto; display: block !important; margin-right: -2rem; width: unset !important; } .col-cardProduct { width: 225px; padding: 0 10px; display: inline-block; } .card-product { background: #fff; border-radius: 5px; overflow: hidden; box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.12); margin-bottom: 15px; } .card-product .product-summary { padding: 15px; } @media screen and (max-width: 768px) { .col-cardProduct { width: 175px; } .card-product .title-product { font-size: 14px; } .card-product .price-product { font-size: 18px; } } /* Card Shadow */ .skew-shadow { position: relative; overflow: hidden; } .skew-shadow:before { content: ""; position: absolute; background: rgba(255, 255, 255, 0.1); width: 50%; min-width: 150px; height: 100%; top: 0; right: -25%; transform: skewX(-32.5deg); } .bubble-shadow { position: relative; overflow: hidden; } .bubble-shadow:before { position: absolute; top: -10%; right: -140px; width: 300px; height: 300px; content: ""; border-radius: 50%; background: rgba(255, 255, 255, 0.05); } .bubble-shadow:after { position: absolute; top: -65px; right: 80px; width: 150px; height: 150px; content: ""; border-radius: 50%; background: rgba(255, 255, 255, 0.05); } .curves-shadow { position: relative; overflow: hidden; } .curves-shadow:before { content: ""; position: absolute; background-size: cover; width: 100%; height: 100%; top: 0; left: 0; } @media only screen and (max-width: 990px) { .card-pricing2 { margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .card-pricing2:before { transform: skewY(-15deg); } } /* Card Annoucement */ .card-annoucement .card-body { padding: 50px 25px; } .card-annoucement .card-opening { font-size: 20px; font-weight: 400; letter-spacing: 0.01em; } .card-annoucement .card-desc { padding: 15px 0; font-size: 16px; line-height: 1.65; font-weight: 300; } .card-annoucement.card-primary .btn-light { color: #1572E8 !important; } .card-annoucement.card-success .btn-light { color: #31CE36 !important; } .card-annoucement.card-secondary .btn-light { color: #6861CE !important; } .card-annoucement.card-default .btn-light { color: #1a2035 !important; } .card-annoucement.card-info .btn-light { color: #48ABF7 !important; } .card-annoucement.card-danger .btn-light { color: #F25961 !important; } .card-annoucement.card-warning .btn-light { color: #FFAD46 !important; } /* Card Profile */ .card-profile { color: #575962; } .card-profile .profile-picture { text-align: center; position: absolute; margin: 0 auto; left: 0; right: 0; bottom: -41px; width: 100%; box-sizing: border-box; } .card-profile .user-profile .name { font-size: 20px; font-weight: 400; margin-bottom: 5px; } .card-profile .user-profile .job { color: #83848a; margin-bottom: 5px; } .card-profile .user-profile .desc { color: #bbb; margin-bottom: 15px; } .card-profile .user-profile .social-media { margin-bottom: 20px; } .card-profile .user-profile .social-media .btn { padding: 5px !important; } .card-profile .user-profile .social-media .btn i { font-size: 22px !important; } .card-profile .user-stats { margin-bottom: 10px; } .card-profile .user-stats [class^=col] { border-right: 1px solid #ebebeb; } .card-profile .user-stats [class^=col]:last-child { border-right: 0px; } .card-profile .user-stats .number { font-weight: 400; font-size: 15px; } .card-profile .user-stats .title { color: #7d7b7b; } .card-profile .card-header { border-bottom: 0px; height: 100px; position: relative; } .card-profile .card-body { padding-top: 60px; } .card-profile .card-footer { border-top: 0px; } .card-profile.card-secondary .card-header { background: #6861CE; } /* Row Card No Padding */ .row-card-no-pd { border-radius: 5px; margin-left: 0; margin-right: 0; background: #ffffff; margin-bottom: 30px; padding-top: 15px; padding-bottom: 15px; position: relative; box-shadow: 2px 6px 15px 0px rgba(69, 65, 78, 0.1); border: 0px; } .row-card-no-pd .card { margin-bottom: 0px; border-width: 0px; box-shadow: none; position: unset; } .row-card-no-pd .card .card-header { padding-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; } .row-card-no-pd [class*=col] .card:before { position: absolute; height: 100%; width: 1px; background: #eee; content: ""; right: 0px; } .row-card-no-pd [class*=col]:last-child .card:before { width: 0px; } /* Accordion */ .accordion .card { border-radius: 5px !important; background: #f7f7f7 !important; color: #575962 !important; border: 0; box-shadow: none; } .accordion .card .span-icon { font-size: 22px; padding-left: 15px; padding-right: 15px; } .accordion .card > .card-header { border: 0px !important; display: flex; flex-direction: row; align-items: center; cursor: pointer; border-radius: 0 !important; } .accordion .card > .card-header > .span-mode { margin-left: auto; } .accordion .card > .card-header > .span-mode:before { content: "\F068" !important; font-family: "Font Awesome 5 Solid"; font-weight: 900; font-size: 16px; } .accordion .card > .card-header.collapsed > .span-mode:before { content: "\F067" !important; } .accordion .card .card-body { border-top: 1px solid #ebebeb; padding: 30px; } .accordion.accordion-default .card .card-header, .accordion.accordion-default .card .card-header .btn-link, .accordion.accordion-primary .card .card-header, .accordion.accordion-primary .card .card-header .btn-link, .accordion.accordion-secondary .card .card-header, .accordion.accordion-secondary .card .card-header .btn-link, .accordion.accordion-info .card .card-header, .accordion.accordion-info .card .card-header .btn-link, .accordion.accordion-success .card .card-header, .accordion.accordion-success .card .card-header .btn-link, .accordion.accordion-warning .card .card-header, .accordion.accordion-warning .card .card-header .btn-link, .accordion.accordion-danger .card .card-header, .accordion.accordion-danger .card .card-header .btn-link { font-size: 14px; } .accordion.accordion-default .card .card-header { color: #1a2035; } .accordion.accordion-default .card .card-header .btn-link { color: #1a2035 !important; } .accordion.accordion-primary .card .card-header { color: #1572E8; } .accordion.accordion-primary .card .card-header .btn-link { color: #1572E8 !important; } .accordion.accordion-secondary .card .card-header { color: #6861CE; } .accordion.accordion-secondary .card .card-header .btn-link { color: #6861CE !important; } .accordion.accordion-info .card .card-header { color: #48ABF7; } .accordion.accordion-info .card .card-header .btn-link { color: #48ABF7 !important; } .accordion.accordion-success .card .card-header { color: #31CE36; } .accordion.accordion-success .card .card-header .btn-link { color: #31CE36 !important; } .accordion.accordion-warning .card .card-header { color: #FFAD46; } .accordion.accordion-warning .card .card-header .btn-link { color: #FFAD46 !important; } .accordion.accordion-danger .card .card-header { color: #F25961; } .accordion.accordion-danger .card .card-header .btn-link { color: #F25961 !important; } .border-transparent { border-color: transparent !important; } .gutters-0 { margin-right: 0; margin-left: 0; } .gutters-0 > .col, .gutters-0 > [class*=col-] { padding-right: 0; padding-left: 0; } .gutters-0 .card { margin-bottom: 0; } .gutters-xs { margin-right: -0.25rem; margin-left: -0.25rem; } .gutters-xs > .col, .gutters-xs > [class*=col-] { padding-right: 0.25rem; padding-left: 0.25rem; } .gutters-xs .card { margin-bottom: 0.5rem; } .gutters-sm { margin-right: -0.5rem; margin-left: -0.5rem; } .gutters-sm > .col, .gutters-sm > [class*=col-] { padding-right: 0.5rem; padding-left: 0.5rem; } .gutters-sm .card { margin-bottom: 1rem; } .gutters-lg { margin-right: -1rem; margin-left: -1rem; } .gutters-lg > .col, .gutters-lg > [class*=col-] { padding-right: 1rem; padding-left: 1rem; } .gutters-lg .card { margin-bottom: 2rem; } .gutters-xl { margin-right: -1.5rem; margin-left: -1.5rem; } .gutters-xl > .col, .gutters-xl > [class*=col-] { padding-right: 1.5rem; padding-left: 1.5rem; } .gutters-xl .card { margin-bottom: 3rem; } .stamp { color: #fff; background: #6861CE; display: inline-block; min-width: 2rem; height: 2rem; padding: 0 0.25rem; line-height: 2rem; text-align: center; border-radius: 3px; font-weight: 600; } .stamp-md { min-width: 2.5rem; height: 2.5rem; line-height: 2.5rem; } /* Form */ .form-control { font-size: 14px; border-color: #ebedf2; padding: 0.6rem 1rem; height: inherit !important; } .form-control:focus { border-color: #3e93ff; } /* Form Control Sizes */ .form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text { padding: 0.5rem 1rem !important; font-size: 1.25rem !important; } .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text { padding: 0.25rem 0.5rem !important; font-size: 0.875rem !important; line-height: 1.5; } .form-control::-webkit-input-placeholder { color: inherit; opacity: 0.7; } .form-control:-moz-placeholder { color: inherit; opacity: 0.7; } .form-control::-moz-placeholder { color: inherit; opacity: 0.7; } .form-control:-ms-input-placeholder { color: inherit; opacity: 0.7; } .form-control::-ms-input-placeholder { color: inherit; opacity: 0.7; } .input-group-text { border-color: #ebedf2 !important; } .form-button-action { display: inline-flex; } .form-check-label, .form-radio-label { margin-right: 15px; } /* CheckBox Input */ .select-all-checkbox + .form-check-sign:before { background: #ccc !important; border-color: #ccc !important; } .form-check [type=checkbox]:not(:checked), .form-check [type=checkbox]:checked { position: absolute; left: -9999px; } .form-check [type=checkbox]:not(:checked) + .form-check-sign, .form-check [type=checkbox]:checked + .form-check-sign, .form-check [type=checkbox] + .form-check-sign { position: relative; padding-left: 2em; color: #575962; cursor: pointer; } .form-check [type=checkbox]:not(:checked) + .form-check-sign:before, .form-check [type=checkbox]:checked + .form-check-sign:before, .form-check [type=checkbox] + .form-check-sign:before { content: ""; position: absolute; left: 0; top: 1px; width: 16px; height: 16px; border: 1px solid #ccc; background: transparent; border-radius: 4px; } .form-check [type=checkbox]:not(:checked) + .form-check-sign:after, .form-check [type=checkbox]:checked + .form-check-sign:after, .form-check [type=checkbox] + .form-check-sign:after { content: "\F00C"; display: inline-block; position: absolute; top: -1px; left: 2px; width: 18px; height: 18px; text-align: center; font-size: 1.3em; line-height: 0.8; color: #1572E8; transition: all 0.2s; font-family: "Font Awesome 5 Solid"; } .form-check [type=checkbox]:not(:checked) + .form-check-sign:after { opacity: 0; transform: scale(0); } .form-check [type=checkbox]:checked + .form-check-sign { font-weight: 400; } .form-check [type=checkbox]:checked + .form-check-sign:after { opacity: 1; transform: scale(1); } .form-check [type=checkbox]:disabled:not(:checked) + .form-check-sign:before { box-shadow: none; border-color: #bbb; background-color: #ddd; } .form-check [type=checkbox]:disabled:checked + .form-check-sign:before { box-shadow: none; border-color: #bbb; background-color: #ddd; } .form-check [type=checkbox]:disabled:checked + .form-check-sign:after { color: #999; } .form-check [type=checkbox]:disabled + .form-check-sign { color: #aaa; } .form-check [type=checkbox]:checked:focus + .form-check-sign:before, .form-check [type=checkbox]:not(:checked):focus + .form-check-sign:before { border: 1px solid #ccc; } .form-check-sign:hover:before { border: 1px solid #ccc !important; } .form-check { padding-left: 0.75rem; } .form-check-input { position: relative; margin-top: 0.3rem; } /* Radio Input */ .form-radio [type=radio]:not(:checked), .form-radio [type=radio]:checked { position: absolute; left: -9999px; } .form-radio [type=radio]:not(:checked) + .form-radio-sign, .form-radio [type=radio]:checked + .form-radio-sign { color: #575962; position: relative; padding-left: 2em; cursor: pointer; line-height: 22px; font-weight: 400; } .form-radio [type=radio]:not(:checked) + .form-radio-sign:before { content: "\F18A"; font-size: 22px; font-family: LineAwesome; position: absolute; left: 0; top: auto; background: transparent; line-height: 1; color: #bbb; } .form-radio [type=radio]:checked + .form-radio-sign:before { content: "\F18A"; font-size: 22px; font-family: LineAwesome; position: absolute; left: 0; top: auto; background: transparent; line-height: 1; display: none; } .form-radio [type=radio]:not(:checked) + .form-radio-sign:after, .form-radio [type=radio]:checked + .form-radio-sign:after { content: "\F1BC"; position: absolute; left: 0px; top: auto; text-align: center; font-size: 22px; color: #4D7CFE; transition: all 0.2s; line-height: 1; font-family: LineAwesome; } .form-radio [type=radio]:not(:checked) + .form-radio-sign:after { opacity: 0; transform: scale(0); } .form-radio [type=radio]:checked + .form-radio-sign { font-weight: 400; } .form-radio [type=radio]:checked + .form-radio-sign:after { opacity: 1; transform: scale(1); } .form-radio [type=radio]:disabled:not(:checked) + .form-radio-sign:before { box-shadow: none; opacity: 0.65; } .form-radio [type=radio]:disabled:checked + .form-radio-sign:before { box-shadow: none; opacity: 0.65; } .form-radio [type=radio]:disabled:checked + .form-radio-sign:after { opacity: 0.65; } .form-radio [type=radio]:disabled + .form-radio-sign { color: #aaa; opacity: 0.65; } .form-radio [type=radio]:checked:focus + .form-radio-sign:before, .form-radio [type=radio]:not(:checked):focus + .form-radio-sign:before { border: 1px solid #ccc; } .form-radio { padding-left: 0.75rem; } .form-radio-input { position: relative; margin-top: 0.3rem; } /* Custom Checkbox */ .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #1572E8; } .custom-checkbox.checkbox-default .custom-control-input:checked ~ .custom-control-label::before { background-color: #1a2035; } .custom-checkbox.checkbox-primary .custom-control-input:checked ~ .custom-control-label::before { background-color: #1572E8; } .custom-checkbox.checkbox-secondary .custom-control-input:checked ~ .custom-control-label::before { background-color: #6861CE; } .custom-checkbox.checkbox-info .custom-control-input:checked ~ .custom-control-label::before { background-color: #48ABF7; } .custom-checkbox.checkbox-success .custom-control-input:checked ~ .custom-control-label::before { background-color: #31CE36; } .custom-checkbox.checkbox-warning .custom-control-input:checked ~ .custom-control-label::before { background-color: #FFAD46; } .custom-checkbox.checkbox-danger .custom-control-input:checked ~ .custom-control-label::before { background-color: #F25961; } /* Label */ .col-form-label { line-height: 1.8; } .required-label { color: red; } .label-align-left { text-align: left; } .label-align-right { text-align: right; } .label-align-center { text-align: center; } /* Input */ .form-group, .form-check { margin-bottom: 0; padding: 10px; } .form-group label, .form-check label { margin-bottom: 0.5rem; color: #495057; font-weight: 600; font-size: 1rem; white-space: nowrap; } .form-group-default { background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.07); border-radius: 4px; padding-top: 7px; padding-left: 12px; padding-right: 12px; padding-bottom: 4px; overflow: hidden; width: 100%; transition: background-color 0.2s ease; margin-bottom: 15px; } .form-group-default label { opacity: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin: 0; display: block; transition: opacity 0.2s ease; } .form-group-default label:not(.error) { font-size: 10.5px !important; letter-spacing: 0.06em; text-transform: uppercase; font-weight: 400; } .form-group-default .form-control { border: 0; min-height: 25px; padding: 0; margin-top: 6px; background: 0 0; font-size: 14px; } .form-group-default select.form-control:not([size]):not([multiple]) { height: unset !important; } .form-group-default.active { border-color: rgba(0, 0, 0, 0.1) !important; background-color: #f0f0f0; } .form-group-default.active label { opacity: 0.5; } .form-floating-label { position: relative; } .form-floating-label .placeholder { position: absolute; padding: 0.375rem 0.75rem; transition: all 0.2s; opacity: 0.8; margin-bottom: 0 !important; font-size: 14px !important; font-weight: 400; top: 12px; } .form-floating-label .form-control:focus + .placeholder, .form-floating-label .form-control:valid + .placeholder, .form-floating-label .form-control.filled + .placeholder { font-size: 85% !important; transform: translate3d(0, -10px, 0); top: 0; opacity: 1; padding: 0.375rem 0 0.75rem; font-weight: 600; } .form-floating-label .form-control.filled + .placeholder { color: #1572E8 !important; } .form-floating-label .form-control ::-webkit-input-placeholder { color: transparent; } .form-floating-label .form-control :-moz-placeholder { color: transparent; } .form-floating-label .form-control ::-moz-placeholder { color: transparent; } .form-floating-label .form-control :-ms-input-placeholder { color: transparent; } .form-floating-label .input-border-bottom + .placeholder { padding: 0.375rem 0 0.75rem; } .form-inline label { margin-bottom: 0 !important; } .input-fixed { width: 200px; } .form-control.input-full { width: 100% !important; } .has-success label { color: #31CE36 !important; } .has-success .form-control { border-color: #31CE36 !important; color: #31CE36 !important; } .has-success .input-group-text { border-color: #31CE36 !important; background: #31CE36 !important; color: #ffffff !important; } .has-error label { color: #F25961 !important; } .has-error .form-control { border-color: #F25961 !important; color: #F25961 !important; } .has-error .input-group-text { border-color: #F25961 !important; background: #F25961 !important; color: #ffffff !important; } .input-group label.error, .input-group label.success { width: 100%; order: 100; } .custom-control { position: relative; } .custom-control.custom-radio, .custom-control.custom-checkbox { margin-bottom: 0; padding-left: 2em; cursor: pointer; line-height: 24px; margin-right: 25px; display: inline-block; } .custom-control.custom-radio label.error, .custom-control.custom-radio label.success, .custom-control.custom-checkbox label.error, .custom-control.custom-checkbox label.success { position: absolute; width: 100vh; top: 23px; left: 0; } .has-feedback { position: relative; } .form-control-feedback { position: absolute; top: 50%; transform: translateY(-50%); right: 20px; } .has-success .form-control-feedback { color: #31CE36; } .has-error .form-control-feedback { color: #F25961; } .input-group.has-icon { border-radius: 0.25rem; border: 1px solid #ced4da; } .input-group.has-success, .input-group.has-icon.has-success { border: 1px solid #31CE36 !important; color: #31CE36; } .input-group.has-error { border: 1px solid #F25961 !important; color: #F25961; } .input-group.has-icon.has-error { border: 1px solid #F25961 !important; color: #F25961; } .input-group.has-icon .form-control { border-radius: 0.25rem; border: 0px; position: relative; } .input-group.has-icon .input-group-icon { background: transparent; border: 0px; } .input-square { border-radius: 0px !important; } .input-pill { border-radius: 1.3rem !important; } .input-solid { background: #e8e8e8 !important; border-color: #e8e8e8 !important; } .input-border-bottom { border-width: 0 0 1px 0; border-radius: 0px; padding: 0.75rem 0; background: transparent !important; } /* Input File */ .input-file input[type=file], .input-file .form-control, .input-file .form-control-file { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .input-file label.error, .input-file label.success { display: block; } .input-file input[type=file] + label:not(.error), .input-file .form-control + label:not(.error), .input-file .form-control-file + label:not(.error), .input-file .label-input-file { font-weight: 600; letter-spacing: 0.02em; color: white !important; display: inline-block; } .input-file.input-file-image img.img-upload-preview { max-width: 100%; display: block; margin-bottom: 15px; box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1); } .input-file.input-file-image img.img-upload-preview.img-circle { border-radius: 2000px; } .form-control:disabled, .form-control[readonly] { background: #e8e8e8 !important; border-color: #e8e8e8 !important; } .form-control:disabled, .form-control[readonly] { opacity: 0.6 !important; } /* Input Group */ .input-group-text { font-size: 14px; } .input-group-text i.la { font-size: 21px; } .input-group-text i[class*=flaticon] { font-size: 17px; } /* Input Icon */ .input-icon { position: relative; } .input-icon .form-control:not(:first-child) { padding-left: 2.5rem; } .input-icon .form-control:not(:last-child) { padding-right: 2.5rem; } .input-icon .input-icon-addon { position: absolute; left: 1rem; top: 0; height: 100%; display: flex; align-items: center; } .input-icon .input-icon-addon:last-child { left: auto; right: 1rem; } /* Label States */ label.error { color: #F25961 !important; font-size: 80% !important; margin-top: 0.5rem; } /* Label states for select2 */ .select2-input { position: relative; } .select2-input label.error, .select2-input label.success { position: absolute; bottom: -30px; } .select2-input .select2 { margin-bottom: 15px; } /* Custom Dropzone */ .dropzone { padding: 70px 60px 80px !important; border: 2px dashed rgba(0, 0, 0, 0.13) !important; background: transparent !important; } .dropzone:hover { background: #fafafa !important; transition: all 0.5s !important; } .dropzone .dz-message .icon { margin-bottom: 15px; font-size: 39px; } .dropzone .dz-message .message { font-size: 34px; font-weight: 200; } .dropzone .dz-message .note { font-size: 16px; margin-top: 18px; font-weight: 300; } /* Custom Summernote */ .note-editor.note-frame { border: 0px !important; box-shadow: none !important; } .note-editor.note-frame .note-toolbar { padding: 0 !important; border-bottom: 0px !important; } .note-editor.note-frame .note-btn { border: 1px solid #eee !important; background: #fafafa !important; } .note-editor.note-frame .note-placeholder { margin-top: 15px !important; } .note-editor.note-frame .note-codable { margin-top: 15px !important; } .note-editor.note-frame .note-editing-area .note-editable { margin-top: 15px !important; border: 1px solid #eee !important; } /* Table */ .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { vertical-align: middle; } .table > tbody > tr > td, .table > tbody > tr > th { padding: 8px; } .table > tfoot > tr > td, .table > tfoot > tr > th { padding: 8px; } .table thead th { border-bottom-width: 2px; font-weight: 600; } .table td, .table th { font-size: 14px; border-top-width: 0px; border-bottom: 1px solid; border-color: #ebedf2 !important; padding: 0 25px !important; height: 60px; vertical-align: middle !important; } /* table full-width */ .table-full-width { margin-left: -15px; margin-right: -15px; } /* table bordered states */ .table-bordered-bd-default td, .table-bordered-bd-default th { border: 1px solid #1a2035 !important; } .table-bordered-bd-primary td, .table-bordered-bd-primary th { border: 1px solid #1572E8 !important; } .table-bordered-bd-secondary td, .table-bordered-bd-secondary th { border: 1px solid #6861CE !important; } .table-bordered-bd-info td, .table-bordered-bd-info th { border: 1px solid #48ABF7 !important; } .table-bordered-bd-success td, .table-bordered-bd-success th { border: 1px solid #31CE36 !important; } .table-bordered-bd-warning td, .table-bordered-bd-warning th { border: 1px solid #FFAD46 !important; } .table-bordered-bd-danger td, .table-bordered-bd-danger th { border: 1px solid #F25961 !important; } .table-striped td, .table-striped th { border-top: 0 !important; border-bottom: 0 !important; } /* table head background states*/ .table-head-bg-default thead { border: 1px solid #1a2035 !important; } .table-head-bg-primary thead { border: 1px solid #1572E8 !important; } .table-head-bg-secondary thead { border: 1px solid #6861CE !important; } .table-head-bg-info thead { border: 1px solid #48ABF7 !important; } .table-head-bg-success thead { border: 1px solid #31CE36 !important; } .table-head-bg-warning thead { border: 1px solid #FFAD46 !important; } .table-head-bg-danger thead { border: 1px solid #F25961 !important; } .table-head-bg-default thead th, .table-striped-bg-default tbody tr:nth-of-type(odd) { background: #1a2035 !important; color: #ffffff !important; border: 0px !important; } .table-head-bg-primary thead th, .table-striped-bg-primary tbody tr:nth-of-type(odd) { background: #1572E8 !important; color: #ffffff !important; border: 0px !important; } .table-head-bg-secondary thead th, .table-striped-bg-secondary tbody tr:nth-of-type(odd) { background: #6861CE !important; color: #ffffff !important; border: 0px !important; } .table-head-bg-info thead th, .table-striped-bg-info tbody tr:nth-of-type(odd) { background: #48ABF7 !important; color: #ffffff !important; border: 0px !important; } .table-head-bg-success thead th, .table-striped-bg-success tbody tr:nth-of-type(odd) { background: #31CE36 !important; color: #ffffff !important; border: 0px !important; } .table-head-bg-warning thead th, .table-striped-bg-warning tbody tr:nth-of-type(odd) { background: #FFAD46 !important; color: #ffffff !important; border: 0px !important; } .table-head-bg-danger thead th, .table-striped-bg-danger tbody tr:nth-of-type(odd) { background: #F25961 !important; color: #ffffff !important; border: 0px !important; } /* table-responsive */ .table-responsive { width: 100% !important; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } /* Navbar */ .navbar .navbar-nav .nav-item { margin-right: 7px; } .navbar .navbar-nav .nav-item:last-child { margin-right: 0px; } .navbar .navbar-nav .nav-item .nav-link { display: inline-block; vertical-align: middle; color: #666; letter-spacing: 0.04em; padding: 10px; border-radius: 3px; position: relative; font-size: 12px; font-weight: 400; text-align: center; } .navbar .navbar-nav .nav-item .nav-link:hover, .navbar .navbar-nav .nav-item .nav-link:focus { background: #eee !important; } .navbar .navbar-nav .nav-item .nav-link i { font-size: 18px; vertical-align: middle; line-height: 1 !important; } .navbar .navbar-nav .nav-item.active .nav-link { background: #eee !important; } .navbar-expand-lg .navbar-nav .dropdown-menu { left: auto; right: 0; } .dropdown-item { font-size: 13px; } .navbar .navbar-nav .notification { position: absolute; background-color: #31CE36; text-align: center; border-radius: 10px; min-width: 17px; height: 17px; font-size: 10px; color: #ffffff; font-weight: 300; line-height: 17px; top: 3px; right: 3px; letter-spacing: -1px; } .navbar-header { padding: 0px 15px; } .navbar-header .dropdown-toggle::after { margin-left: 0; } .profile-pic:hover, .profile-pic:focus { text-decoration: none; } .navbar-header .dropdown-toggle::after { vertical-align: middle; color: #555; } .hidden-caret .dropdown-toggle::after { display: none !important; } .profile-pic span { font-size: 13px; font-weight: 300; padding: 0 10px; color: #555; } .navbar[class*=bg-] { border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; border-left: 1px solid rgba(255, 255, 255, 0.1) !important; } .navbar[class*=bg-] .navbar-brand { color: #ffffff; } .navbar[class*=bg-] .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[class*=bg-] .navbar-nav > .nav-item > .nav-link { color: #ffffff; } .navbar[class*=bg-] .navbar-nav > .nav-item > .nav-link.disabled { color: #d8d8d8 !important; } .navbar[class*=bg-] .navbar-nav > .nav-item > .nav-link:hover { background: rgba(255, 255, 255, 0.22) !important; } .navbar[class*=bg-] .navbar-nav > .nav-item.active > .nav-link { background: rgba(255, 255, 255, 0.22) !important; } .navbar[class*=bg-] .btn-toggle { background: rgba(19, 19, 19, 0.25) !important; color: #ffffff !important; } .navbar[class*=bg-] .nav-search .input-group { border: 0; background: rgba(19, 19, 19, 0.25) !important; } .navbar[class*=bg-] .nav-search .input-group .form-control { color: #ffffff !important; } .navbar[class*=bg-] .nav-search .search-icon { color: #ffffff !important; } .row-nav-line { margin-left: -20px; margin-right: -20px; } .nav.nav-line { width: 100%; border-bottom: 1px solid #f1f1f1; } .nav.nav-line .nav-link { padding: 15px 20px; color: #575962; border-width: 0px; font-size: 14px; font-weight: 600; } .nav.nav-line .nav-link:hover, .nav.nav-line .nav-link:focus { color: #1572E8; border-width: 0px; } .nav.nav-line .nav-link.active { border-width: 0; background-color: transparent; color: #1572E8; border-bottom: 2px solid #1572E8; border-radius: 0px; } .nav.nav-line.nav-color-default .nav-link:hover, .nav.nav-line.nav-color-default .nav-link:focus { color: #1a2035; } .nav.nav-line.nav-color-default .nav-link.active { color: #1a2035; border-color: #1a2035; } .nav.nav-line.nav-color-primary .nav-link:hover, .nav.nav-line.nav-color-primary .nav-link:focus { color: #1572E8; } .nav.nav-line.nav-color-primary .nav-link.active { color: #1572E8; border-color: #1572E8; } .nav.nav-line.nav-color-secondary .nav-link:hover, .nav.nav-line.nav-color-secondary .nav-link:focus { color: #6861CE; } .nav.nav-line.nav-color-secondary .nav-link.active { color: #6861CE; border-color: #6861CE; } .nav.nav-line.nav-color-info .nav-link:hover, .nav.nav-line.nav-color-info .nav-link:focus { color: #48ABF7; } .nav.nav-line.nav-color-info .nav-link.active { color: #48ABF7; border-color: #48ABF7; } .nav.nav-line.nav-color-success .nav-link:hover, .nav.nav-line.nav-color-success .nav-link:focus { color: #31CE36; } .nav.nav-line.nav-color-success .nav-link.active { color: #31CE36; border-color: #31CE36; } .nav.nav-line.nav-color-danger .nav-link:hover, .nav.nav-line.nav-color-danger .nav-link:focus { color: #F25961; } .nav.nav-line.nav-color-danger .nav-link.active { color: #F25961; border-color: #F25961; } .nav.nav-line.nav-color-warning .nav-link:hover, .nav.nav-line.nav-color-warning .nav-link:focus { color: #FFAD46; } .nav.nav-line.nav-color-warning .nav-link.active { color: #FFAD46; border-color: #FFAD46; } .nav.nav-line.nav-color-light .nav-link:hover, .nav.nav-line.nav-color-light .nav-link:focus { color: #ffffff; } .nav.nav-line.nav-color-light .nav-link.active { color: #ffffff; border-color: #ffffff; } .nav.nav-line.nav-color-light .nav-link { color: #f1f1f1; } /* Nav Search */ .nav-search .input-group { border: 1px solid #eee; background: #eee; border-radius: 5px; } .nav-search .input-group:hover, .nav-search .input-group:focus { border: 1px solid #ddd; } .nav-search .form-control { border: 0; background: transparent !important; font-size: 14px; padding: 0.75em 1em; min-width: 200px; max-width: 100%; } .nav-search .input-group-text { border: 0; background: transparent; } .nav-search .search-icon { font-size: 18px; color: #8d9498; } .nav-search .btn-search { background: transparent; padding: 0.375rem 1rem; } /* Badge */ .badge { border-radius: 50px; margin-left: auto; line-height: 1; padding: 6px 10px; vertical-align: middle; font-weight: 400; font-size: 11px; border: 1px solid #ddd; } [class*=badge-]:not(.badge-count) { border: 0px !important; } .badge-default { background: #1a2035; color: #ffffff !important; } .badge-primary { background: #1572E8; } .badge-secondary { background: #6861CE; } .badge-info { background: #48ABF7; } .badge-success { background-color: #31CE36; } .badge-warning { background: #FFAD46; color: #ffffff !important; } .badge-danger { background-color: #F25961; } /* Dropdown */ .dropdown-menu { border: 0px; border-radius: 3px; box-shadow: 0 1px 11px rgba(0, 0, 0, 0.15) !important; padding-bottom: 8px; margin-top: 3px; } /* Notification dropdown */ .dropdown-title { border-bottom: 1px solid #f1f1f1; color: #444444; font-size: 14px; font-weight: 600; padding: 12px 15px; text-align: center; } .notif-box, .messages-notif-box { width: 280px; padding: 0 !important; } .notif-box .notif-center a, .messages-notif-box .notif-center a { display: flex; color: #4d585f; } .notif-box .notif-center a:hover, .messages-notif-box .notif-center a:hover { text-decoration: none; background: #fafafa; transition: all 0.2s; } .notif-box .notif-center a .notif-icon, .messages-notif-box .notif-center a .notif-icon { display: inline-flex; width: 40px; height: 40px; margin: 10px; align-items: center; justify-content: center; background: #eee; border-radius: 50%; } .notif-box .notif-center a .notif-img, .messages-notif-box .notif-center a .notif-img { display: inline-flex; width: 40px; height: 40px; margin: 10px; align-items: center; justify-content: center; background: #eee; border-radius: 50%; } .notif-box .notif-center a .notif-img img, .messages-notif-box .notif-center a .notif-img img { width: 100%; height: 100%; border-radius: 50%; } .notif-box .notif-center a .notif-icon.notif-default, .notif-box .notif-center a .notif-icon.notif-primary, .notif-box .notif-center a .notif-icon.notif-secondary, .notif-box .notif-center a .notif-icon.notif-info, .notif-box .notif-center a .notif-icon.notif-success, .notif-box .notif-center a .notif-icon.notif-warning, .notif-box .notif-center a .notif-icon.notif-danger, .messages-notif-box .notif-center a .notif-icon.notif-default, .messages-notif-box .notif-center a .notif-icon.notif-primary, .messages-notif-box .notif-center a .notif-icon.notif-secondary, .messages-notif-box .notif-center a .notif-icon.notif-info, .messages-notif-box .notif-center a .notif-icon.notif-success, .messages-notif-box .notif-center a .notif-icon.notif-warning, .messages-notif-box .notif-center a .notif-icon.notif-danger { color: #ffffff !important; } .notif-box .notif-center a .notif-icon.notif-default, .messages-notif-box .notif-center a .notif-icon.notif-default { background: #1a2035 !important; } .notif-box .notif-center a .notif-icon.notif-primary, .messages-notif-box .notif-center a .notif-icon.notif-primary { background: #1572E8 !important; } .notif-box .notif-center a .notif-icon.notif-secondary, .messages-notif-box .notif-center a .notif-icon.notif-secondary { background: #6861CE !important; } .notif-box .notif-center a .notif-icon.notif-info, .messages-notif-box .notif-center a .notif-icon.notif-info { background: #48ABF7 !important; } .notif-box .notif-center a .notif-icon.notif-success, .messages-notif-box .notif-center a .notif-icon.notif-success { background: #31CE36 !important; } .notif-box .notif-center a .notif-icon.notif-warning, .messages-notif-box .notif-center a .notif-icon.notif-warning { background: #FFAD46 !important; } .notif-box .notif-center a .notif-icon.notif-danger, .messages-notif-box .notif-center a .notif-icon.notif-danger { background: #F25961 !important; } .notif-box .notif-center a .notif-icon i, .messages-notif-box .notif-center a .notif-icon i { font-size: 15px; } .notif-box .notif-center a .notif-content, .messages-notif-box .notif-center a .notif-content { padding: 10px 15px 10px 0; } .notif-box .notif-center a .message-content, .messages-notif-box .notif-center a .message-content { padding: 7px 15px 10px 0; } .notif-box .notif-center a .notif-content .subject, .messages-notif-box .notif-center a .notif-content .subject { font-size: 13px; font-weight: 600; display: block; margin-bottom: 2px; } .notif-box .notif-center a .notif-content .block, .messages-notif-box .notif-center a .notif-content .block { font-size: 13px; line-height: 20px; display: block; } .notif-box .notif-center a .notif-content .time, .messages-notif-box .notif-center a .notif-content .time { color: #7d8c95; font-size: 11px; } .notif-box .see-all, .messages-notif-box .see-all { border-top: 1px solid #f1f1f1; display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; color: #555; font-size: 13px; font-weight: 400; text-decoration: none; } .notif-box .see-all:hover, .messages-notif-box .see-all:hover { display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; color: #555; font-size: 13px; font-weight: 400; text-decoration: none; } .notif-box .see-all i, .messages-notif-box .see-all i { float: right; } .notif-box .notif-scroll { max-height: 256px; } .messages-notif-box .message-notif-scroll { max-height: 250px; } .messages-notif-box .notif-center a { border-bottom: 1px solid #f1f1f1; } .messages-notif-box .notif-center a:last-child { border-bottom: 0px; } .messages-notif-box .notif-center a .notif-content { padding: 7px 15px 7px 5px; } /* User Dropdown */ .dropdown-user { width: 260px; } .user-box { display: flex; padding: 0.25rem 1rem; } .user-box .u-text { padding: 0 10px; } .user-box .u-text h4 { margin-bottom: 5px; margin-top: 4px; font-size: 14px; font-weight: 400; line-height: 1; } .user-box .u-text .text-muted { font-size: 12px; margin-bottom: 5px; } .user-box .u-text .btn { font-size: 11px; } .caret { 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; } /* Quick Actions Dropdown */ .quick-actions { width: 350px; padding: 0px; } .quick-actions:after { border-bottom-color: #1572E8 !important; } .quick-actions .quick-actions-header { display: flex; align-items: center; flex-direction: column; background: #1572E8; color: #fff; padding: 15px; border-radius: 3px 3px 0 0; } .quick-actions .quick-actions-header .title { font-size: 18px; } .quick-actions .quick-actions-header .subtitle { font-size: 13px; } .quick-actions .quick-actions-items { padding: 15px 7.5px; } .quick-actions a:hover { text-decoration: none; } .quick-actions .quick-actions-item { display: flex; flex-direction: column; margin: 7.5px 7.5px; padding: 10px; align-items: center; color: #1572E8; border: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; border-radius: 3px; transition: all 0.2s; } .quick-actions .quick-actions-item:hover { background: #fdfdff; color: #1572E8; box-shadow: 3px 3px 10px #f7f1f1; } .quick-actions .quick-actions-item i { color: #7d8c95; font-size: 27px; } .quick-actions .quick-actions-item .text { text-align: center; font-size: 13px; margin-top: 8px; } .quick-actions.quick-actions-default:after { border-bottom-color: #1a2035 !important; } .quick-actions.quick-actions-default .quick-actions-header { background: #1a2035; } .quick-actions.quick-actions-default .quick-actions-item { color: #1a2035; } .quick-actions.quick-actions-primary:after { border-bottom-color: #1572E8 !important; } .quick-actions.quick-actions-primary .quick-actions-header { background: #1572E8; } .quick-actions.quick-actions-primary .quick-actions-item { color: #1572E8; } .quick-actions.quick-actions-secondary:after { border-bottom-color: #6861CE !important; } .quick-actions.quick-actions-secondary .quick-actions-header { background: #6861CE; } .quick-actions.quick-actions-secondary .quick-actions-item { color: #6861CE; } .quick-actions.quick-actions-info:after { border-bottom-color: #48ABF7 !important; } .quick-actions.quick-actions-info .quick-actions-header { background: #48ABF7; } .quick-actions.quick-actions-info .quick-actions-item { color: #48ABF7; } .quick-actions.quick-actions-warning:after { border-bottom-color: #FFAD46 !important; } .quick-actions.quick-actions-warning .quick-actions-header { background: #FFAD46; } .quick-actions.quick-actions-warning .quick-actions-item { color: #FFAD46; } .quick-actions.quick-actions-success:after { border-bottom-color: #31CE36 !important; } .quick-actions.quick-actions-success .quick-actions-header { background: #31CE36; } .quick-actions.quick-actions-success .quick-actions-item { color: #31CE36; } .quick-actions.quick-actions-danger:after { border-bottom-color: #F25961 !important; } .quick-actions.quick-actions-danger .quick-actions-header { background: #F25961; } .quick-actions.quick-actions-danger .quick-actions-item { color: #F25961; } @media screen and (max-width: 991px) { .notif-box .notif-scroll, .messages-notif-box .message-notif-scroll, .quick-actions .quick-actions-scroll { max-height: calc(100vh - 200px); } .dropdown-user .dropdown-user-scroll { max-height: calc(100vh - 132px); } } @media screen and (min-width: 991px) { .navbar-header .dropdown-menu { margin-top: 13px; } .navbar-header .dropdown-menu:after { border-bottom: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; content: ""; right: 10px; top: -8px; position: absolute; z-index: 1001; } } /* Chart Circle */ .chart-circle { display: flex; justify-content: center; } .chart-circle .circles-text { font-size: 25px !important; } /* Chart JS Container */ .chart-container { min-height: 300px; position: relative; } /* HTML legend */ .html-legend { list-style: none; cursor: pointer; padding-left: 0; text-align: center; margin-top: 1rem; } .html-legend li { display: inline-block; vertical-align: middle; padding: 0 5px; margin-right: 5px; margin-bottom: 6px; color: #8d9498; font-size: 12px; } .html-legend li.hidden { text-decoration: line-through; } .html-legend li span { border-radius: 15px; display: inline-block; height: 15px; margin-right: 10px; width: 15px; vertical-align: top; } .jqstooltip { box-sizing: content-box; } /* Alert */ .alert { border: 0px; position: relative; padding: 0.95rem 1.25rem; border-radius: 1px; color: inherit; background-color: #ffffff; box-shadow: 1px 1px 14px 0px rgba(18, 38, 63, 0.26); } .alert [data-notify=icon] { display: block; } .alert [data-notify=icon]::before { line-height: 35px; font-size: 22px; display: block; left: 15px; position: absolute; top: 50%; transform: translateY(-50%); width: 35px; height: 35px; border-radius: 30px; text-align: center; color: #fff; } .alert [data-notify=title] { display: block; color: #2b2b2b; font-weight: 700; font-size: 14px; margin-bottom: 5px; } .alert [data-notify=message] { font-size: 13px; color: #908e8e; } .alert .close { background: rgba(255, 255, 255, 0.8); width: 25px; height: 25px; line-height: 25px; top: 12px !important; border-radius: 50%; } /* Alert States */ .alert-default { border-left: 4px solid #1a2035; } .alert-default [data-notify=icon]:before { background: #1a2035; } .alert-primary { border-left: 4px solid #1572E8; } .alert-primary [data-notify=icon]:before { background: #1572E8; } .alert-secondary { border-left: 4px solid #6861CE; } .alert-secondary [data-notify=icon]:before { background: #6861CE; } .alert-info { border-left: 4px solid #48ABF7; } .alert-info [data-notify=icon]:before { background: #48ABF7; } .alert-success { border-left: 4px solid #31CE36; } .alert-success [data-notify=icon]:before { background: #31CE36; } .alert-warning { border-left: 4px solid #FFAD46; } .alert-warning [data-notify=icon]:before { background: #FFAD46; } .alert-danger { border-left: 4px solid #F25961; } .alert-danger [data-notify=icon]:before { background: #F25961; } /* Button */ .btn { padding: 0.65rem 1.4rem; font-size: 14px; opacity: 1; border-radius: 3px; } .btn:hover, .btn:focus { opacity: 0.9; transition: all 0.3s; } .btn .btn-label { display: inline-block; } .btn .btn-label i { font-size: 16px; vertical-align: middle; margin-right: 2px; margin-left: -2px; line-height: 0; margin-top: -2.5px; } .btn .btn-label.just-icon i { margin-left: 0 !important; margin-right: 0px !important; } /* Button Sizes */ .btn-lg, .btn-group-lg > .btn { font-size: 15px; border-radius: 3px; padding: 12.5px 27.5px; font-weight: 400; } .btn-lg .btn-label i, .btn-group-lg > .btn .btn-label i { font-size: 27px; vertical-align: middle; margin-right: 2px; margin-left: -7px; line-height: 0; margin-top: -2.5px; } .btn-lg .btn-label.just-icon i, .btn-group-lg > .btn .btn-label.just-icon i { margin-left: 0 !important; margin-right: 0px !important; } .btn-sm, .btn-group-sm > .btn { font-size: 11px; padding: 7px 13px; } .btn-xs { font-size: 10px; padding: 5px 9px; } .btn.disabled:hover, .btn:hover:disabled { opacity: 0.65; } /* Button Icon */ .btn-icon { font-size: 0.9375rem; height: 2.5125rem; line-height: normal; min-width: 2.5125rem; overflow: hidden; padding: 0; position: relative; width: 2.5125rem; } .btn-icon.btn-lg, .btn-group-lg > .btn-icon.btn { height: 2.75rem; min-width: 2.75rem; width: 2.75rem; } .btn-icon.btn-sm, .btn-group-sm > .btn-icon.btn { height: 2rem; min-width: 2rem; width: 2rem; } .btn-icon.btn-xs { height: 1.6875rem; min-width: 1.6875rem; width: 1.6875rem; } /* Button States */ .btn-white { background: #ffffff !important; color: #1a2035 !important; } .btn-white:hover, .btn-white:focus, .btn-white:disabled { background: #ffffff !important; color: #1a2035 !important; } .btn-default { background: #1a2035 !important; color: #ffffff !important; } .btn-default:hover, .btn-default:focus, .btn-default:disabled { background: #1a2035 !important; color: #ffffff !important; } .btn-primary { background: #1572E8 !important; border-color: #1572E8 !important; } .btn-primary:hover, .btn-primary:focus, .btn-primary:disabled { background: #1572E8 !important; border-color: #1572E8 !important; } .btn-secondary { background: #6861CE !important; border-color: #6861CE !important; } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:disabled { background: #6861CE !important; border-color: #6861CE !important; } .btn-info { background: #48ABF7 !important; border-color: #48ABF7 !important; } .btn-info:hover, .btn-info:focus, .btn-info:disabled { background: #48ABF7 !important; border-color: #48ABF7 !important; } .btn-success { background: #31CE36 !important; border-color: #31CE36 !important; } .btn-success:hover, .btn-success:focus, .btn-success:disabled { background: #31CE36 !important; border-color: #31CE36 !important; } .btn-warning { background: #FFAD46 !important; border-color: #FFAD46 !important; color: #ffffff !important; } .btn-warning:hover, .btn-warning:focus, .btn-warning:disabled { background: #FFAD46 !important; border-color: #FFAD46 !important; color: #ffffff !important; } .btn-danger { background: #F25961 !important; border-color: #F25961 !important; } .btn-danger:hover, .btn-danger:focus, .btn-danger:disabled { background: #F25961 !important; border-color: #F25961 !important; } .btn-light { background: #ffffff !important; border-color: transparent; } .btn-light:hover, .btn-light:focus, .btn-light:disabled { background: #ebecec !important; border-color: transparent; } .btn-dropdown-card-header { padding: 0; background: transparent; color: inherit; font-size: 15px; } .btn-dropdown-card-header:after { display: none; } /* Button Border */ .btn-border { background: transparent !important; } .btn-border:hover, .btn-border:focus { background: transparent !important; } .btn-border.btn-white { color: #ffffff !important; border: 1px solid #ffffff !important; } .btn-border.btn-default { color: #1a2035 !important; border: 1px solid #1a2035 !important; } .btn-border.btn-primary { color: #1572E8 !important; border: 1px solid #1572E8 !important; } .btn-border.btn-secondary { color: #6861CE !important; border: 1px solid #6861CE !important; } .btn-border.btn-info { color: #48ABF7 !important; border: 1px solid #48ABF7 !important; } .btn-border.btn-success { color: #31CE36 !important; border: 1px solid #31CE36 !important; } .btn-border.btn-warning { color: #FFAD46 !important; border: 1px solid #FFAD46 !important; } .btn-border.btn-danger { color: #F25961 !important; border: 1px solid #F25961 !important; } .btn-border.btn-light { border: 1px solid #efefef; background: #fff !important; } /* Button Rounded */ .btn-round { border-radius: 100px !important; } /* Button Link */ .btn-link { border: 0 !important; background: transparent !important; } .btn-link:hover, .btn-link:focus { text-decoration: underline !important; background: transparent !important; border: 0 !important; } .btn-link.btn-default { color: #1a2035 !important; } .btn-link.btn-default:hover { color: #1a2035 !important; } .btn-link.btn-primary { color: #1572E8 !important; } .btn-link.btn-primary:hover { color: #1572E8 !important; } .btn-link.btn-secondary { color: #6861CE !important; } .btn-link.btn-secondary:hover { color: #6861CE !important; } .btn-link.btn-info { color: #48ABF7 !important; } .btn-link.btn-info:hover { color: #48ABF7 !important; } .btn-link.btn-success { color: #31CE36 !important; } .btn-link.btn-success:hover { color: #31CE36 !important; } .btn-link.btn-warning { color: #FFAD46 !important; } .btn-link.btn-warning:hover { color: #FFAD46 !important; } .btn-link.btn-danger { color: #F25961 !important; } .btn-link.btn-danger:hover { color: #F25961 !important; } .toggle-on.btn { color: #ffffff !important; } .toggle-handle { background: #ffffff !important; } .toggle-handle:hover { background: #ffffff !important; } .btn-round .toggle-handle { border-radius: 50px; } .btn-rounded { border-radius: 60px !important; } .btn-full { width: 100%; } .btn-no-radius { border-radius: 0px; } /* Nav Pill */ .nav-pills > li:first-child > .nav-link { border-radius: 4px 0 0 4px !important; } .nav-pills > li:last-child > .nav-link { border-radius: 0 4px 4px 0 !important; } .nav-link.disabled { color: #6c757d !important; } .nav-pills .nav-link { padding: 10px 20px; } .nav-pills > li > .nav-link { margin-left: -1px; border-radius: 0 !important; margin-top: 5px; margin-bottom: 5px; border: 1px solid #1572E8; color: #585c5d; } .nav-pills > li > .nav-link.active { background: #1572E8; } .nav-pills > li > .nav-link:hover { background: rgba(222, 222, 222, 0.4); } .nav-pills.nav-pills-no-bd li { margin-left: 15px !important; } .nav-pills.nav-pills-no-bd li .nav-link { border: 0px !important; border-radius: 50px !important; background: rgba(222, 222, 222, 0.4); } .nav-pills.nav-pills-no-bd li .nav-link.active { border-radius: 50px !important; } .nav-pills.nav-pills-no-bd li:first-child { margin-left: 0px !important; } .nav-pills.nav-pills-no-bd.nav-pills-icons .nav-link, .nav-pills.nav-pills-no-bd.nav-pills-icons .nav-link.active { border-radius: 5px !important; } .nav-pills.flex-column .nav-link { border-radius: 0 !important; border: 1px solid #1572E8; color: #585c5d; margin-top: -1px; text-align: center; word-wrap: normal; padding: 10px 0; } .nav-pills.flex-column .nav-link:hover { background: rgba(222, 222, 222, 0.4); } .nav-pills.flex-column .nav-link.active { background: #1572E8; } .nav-pills.flex-column .nav-link:first-child { border-radius: 4px 4px 0 0 !important; } .nav-pills.flex-column .nav-link:last-child { border-radius: 0 0 4px 4px !important; } .nav-pills.flex-column.nav-pills-no-bd .nav-link { border: 0px !important; border-radius: 50px !important; background: rgba(222, 222, 222, 0.4); margin-top: 5px; margin-bottom: 5px; } .nav-pills.flex-column.nav-pills-no-bd .nav-link.active { border-radius: 50px !important; } .nav-pills.flex-column.nav-pills-icons .nav-link, .nav-pills.flex-column.nav-pills-icons .nav-link.active { border-radius: 5px !important; } .nav-pills.nav-pills-icons .nav-link, .nav-pills.nav-pills-icons .nav-link.active { border-radius: 5px !important; padding-top: 12px; padding-bottom: 12px; } .nav-pills.nav-pills-icons i { display: block; text-align: center; font-size: 2em; line-height: 50px; } .nav-pills.nav-default .nav-link, .nav-pills.nav-primary .nav-link, .nav-pills.nav-secondary .nav-link, .nav-pills.nav-info .nav-link, .nav-pills.nav-warning .nav-link, .nav-pills.nav-success .nav-link, .nav-pills.nav-danger .nav-link { border: 1px solid #eeeeee; } .nav-pills.nav-default .nav-link.active, .nav-pills.nav-primary .nav-link.active, .nav-pills.nav-secondary .nav-link.active, .nav-pills.nav-info .nav-link.active, .nav-pills.nav-warning .nav-link.active, .nav-pills.nav-success .nav-link.active, .nav-pills.nav-danger .nav-link.active { color: #ffffff !important; } .nav-pills.nav-default .nav-link.active { background: #1a2035; border: 1px solid #1a2035; } .nav-pills.nav-primary .nav-link.active { background: #1572E8; border: 1px solid #1572E8; } .nav-pills.nav-secondary .nav-link.active { background: #6861CE; border: 1px solid #6861CE; } .nav-pills.nav-info .nav-link.active { background: #48ABF7; border: 1px solid #48ABF7; } .nav-pills.nav-success .nav-link.active { background: #31CE36; border: 1px solid #31CE36; } .nav-pills.nav-warning .nav-link.active { background: #FFAD46; border: 1px solid #FFAD46; } .nav-pills.nav-danger .nav-link.active { background: #F25961; border: 1px solid #F25961; } /* Size Nav */ .nav-sm .nav-link { font-size: 11px !important; padding: 8px 16px !important; } /* Popover */ .popover { max-width: 240px; line-height: 1.7; border: 0; box-shadow: 0px 0px 20px 1px rgba(69, 65, 78, 0.2); } .popover .popover-header { background: transparent; font-size: 14px; border-bottom: 0px; text-transform: capitalize; margin-top: 5px; color: #aaaaaa; font-weight: 400; } .popover .popover-body { margin-bottom: 5px; } .popover .popover-body p { font-size: 13px; margin-bottom: 1rem; } .popover.bs-popover-top .arrow:before, .popover.bs-popover-auto[x-placement^=top] .arrow:before, .popover.bs-popover-bottom .arrow:before, .popover.bs-popover-auto[x-placement^=bottom] .arrow:before, .popover.bs-popover-left .arrow:before, .popover.bs-popover-auto[x-placement^=left] .arrow:before, .popover.bs-popover-right .arrow:before, .popover.bs-popover-auto[x-placement^=right] .arrow:before { border: transparent; } .popover.bs-popover-auto[x-placement^=right], .popover.bs-popover-right { margin-left: 10px; } .popover.bs-popover-auto[x-placement^=left], .popover.bs-popover-left { margin-right: 10px; } .popover.bs-popover-auto[x-placement^=top], .popover.bs-popover-top { margin-bottom: 10px; } .popover.bs-popover-auto[x-placement^=bottom], .popover.bs-popover-bottom { margin-top: 10px; } /* Progress */ .progress { border-radius: 100px; height: 14px; } .progress .progress-bar { border-radius: 100px; } .progress.progress-sm { height: 8px; } .progress.progress-lg { height: 20px; } /* Pagination */ .pagination > li > a, .pagination > li:first-child > a, .pagination > li:last-child > a, .pagination > li > span, .pagination > li:first-child > span, .pagination > li:last-child > span { border-radius: 100px !important; margin: 0 2px; color: #777777; border-color: #ddd; } .pagination.pg-default > li.active > a, .pagination.pg-default > li.active:first-child > a, .pagination.pg-default > li.active:last-child > a, .pagination.pg-default > li.active > span, .pagination.pg-default > li.active:first-child > span, .pagination.pg-default > li.active:last-child > span { background: #1a2035; border-color: #1a2035; color: #ffffff; } .pagination.pg-primary > li.active > a, .pagination.pg-primary > li.active:first-child > a, .pagination.pg-primary > li.active:last-child > a, .pagination.pg-primary > li.active > span, .pagination.pg-primary > li.active:first-child > span, .pagination.pg-primary > li.active:last-child > span { background: #1572E8; border-color: #1572E8; color: #ffffff; } .pagination.pg-secondary > li.active > a, .pagination.pg-secondary > li.active:first-child > a, .pagination.pg-secondary > li.active:last-child > a, .pagination.pg-secondary > li.active > span, .pagination.pg-secondary > li.active:first-child > span, .pagination.pg-secondary > li.active:last-child > span { background: #6861CE; border-color: #6861CE; color: #ffffff; } .pagination.pg-info > li.active > a, .pagination.pg-info > li.active:first-child > a, .pagination.pg-info > li.active:last-child > a, .pagination.pg-info > li.active > span, .pagination.pg-info > li.active:first-child > span, .pagination.pg-info > li.active:last-child > span { background: #48ABF7; border-color: #48ABF7; color: #ffffff; } .pagination.pg-success > li.active > a, .pagination.pg-success > li.active:first-child > a, .pagination.pg-success > li.active:last-child > a, .pagination.pg-success > li.active > span, .pagination.pg-success > li.active:first-child > span, .pagination.pg-success > li.active:last-child > span { background: #31CE36; border-color: #31CE36; color: #ffffff; } .pagination.pg-warning > li.active > a, .pagination.pg-warning > li.active:first-child > a, .pagination.pg-warning > li.active:last-child > a, .pagination.pg-warning > li.active > span, .pagination.pg-warning > li.active:first-child > span, .pagination.pg-warning > li.active:last-child > span { background: #FFAD46; border-color: #FFAD46; color: #ffffff; } .pagination.pg-danger > li.active > a, .pagination.pg-danger > li.active:first-child > a, .pagination.pg-danger > li.active:last-child > a, .pagination.pg-danger > li.active > span, .pagination.pg-danger > li.active:first-child > span, .pagination.pg-danger > li.active:last-child > span { background: #F25961; border-color: #F25961; color: #ffffff; } /* Slider */ .slider-default .ui-slider-range { background: #1a2035; } .slider-primary .ui-slider-range { background: #1572E8; } .slider-secondary .ui-slider-range { background: #6861CE; } .slider-info .ui-slider-range { background: #48ABF7; } .slider-success .ui-slider-range { background: #31CE36; } .slider-warning .ui-slider-range { background: #FFAD46; } .slider-danger .ui-slider-range { background: #F25961; } /* Modal */ .modal .bg-default .modal-title, .modal .bg-primary .modal-title, .modal .bg-secondary .modal-title, .modal .bg-info .modal-title, .modal .bg-success .modal-title, .modal .bg-warning .modal-title, .modal .bg-danger .modal-title { color: #ffffff !important; } .modal-content { border-radius: 0.4rem !important; border: 0 !important; } .activity-feed { padding: 15px; list-style: none; } .activity-feed .feed-item { position: relative; padding-bottom: 20px; padding-left: 30px; border-left: 2px solid #e4e8eb; } .activity-feed .feed-item:last-child { border-color: transparent; } .activity-feed .feed-item::after { content: ""; display: block; position: absolute; top: 0; left: -7px; width: 12px; height: 12px; border-radius: 50%; background: #177dff; } .feed-item-default::after { background: #1a2035 !important; } .feed-item-primary::after { background: #1572E8 !important; } .feed-item-secondary::after { background: #6861CE !important; } .feed-item-success::after { background: #31CE36 !important; } .feed-item-danger::after { background: #F25961 !important; } .feed-item-info::after { background: #48ABF7 !important; } .feed-item-warning::after { background: #FFAD46 !important; } .activity-feed .feed-item .date { display: block; position: relative; top: -5px; color: #8c96a3; text-transform: uppercase; font-size: 13px; } .activity-feed .feed-item .text { position: relative; top: -3px; } /* Timeline */ .timeline { list-style: none; padding: 20px 0 20px; position: relative; } .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 3px; background-color: #eeeeee; left: 50%; margin-left: -1.5px; } .timeline > li { margin-bottom: 20px; position: relative; } .timeline > li:before { content: " "; display: table; } .timeline > li:after { content: " "; display: table; clear: both; } .timeline > li:before { content: " "; display: table; } .timeline > li:after { content: " "; display: table; clear: both; } .timeline > li > .timeline-panel { width: 50%; float: left; border: 1px solid #eeeeee; background: #ffffff; border-radius: 3px; padding: 20px; position: relative; box-shadow: 0px 1px 20px 1px rgba(69, 65, 78, 0.06); } .timeline > li.timeline-inverted + li:not(.timeline-inverted) { margin-top: -60px; } .timeline > li:not(.timeline-inverted) { padding-right: 90px; } .timeline > li:not(.timeline-inverted) + li.timeline-inverted { margin-top: -60px; } .timeline > li.timeline-inverted { padding-left: 90px; } .timeline > li.timeline-inverted > .timeline-panel { float: right; } .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #eeeeee; border-right: 0 solid #eeeeee; border-bottom: 15px solid transparent; content: " "; } .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #ffffff; border-right: 0 solid #ffffff; border-bottom: 14px solid transparent; content: " "; } .timeline > li > .timeline-badge { color: #ffffff; width: 50px; height: 50px; line-height: 50px; font-size: 1.8em; text-align: center; position: absolute; top: 16px; left: 50%; margin-left: -25px; background-color: #999999; z-index: 100; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; } .timeline-badge.default { background-color: #1a2035 !important; } .timeline-badge.primary { background-color: #1572E8 !important; } .timeline-badge.secondary { background-color: #6861CE !important; } .timeline-badge.success { background-color: #31CE36 !important; } .timeline-badge.warning { background-color: #FFAD46 !important; } .timeline-badge.danger { background-color: #F25961 !important; } .timeline-badge.info { background-color: #48ABF7 !important; } .timeline-title { font-size: 17px; margin-top: 0; color: inherit; font-weight: 400; } .timeline-heading i { font-size: 22px; display: inline-block; vertical-align: middle; margin-right: 5px; } .timeline-body > p, .timeline-body > ul { margin-bottom: 0; } .timeline-body > p + p { margin-top: 5px; } /* Google Maps */ .full-screen-maps { height: 100vh !important; } /* jQVMap */ .vmap { width: 100%; min-height: 265px; } .vmap > svg { margin: auto; display: flex; } .vmap > svg > g { transition: all ease-in-out 0.2s; } .jqvmap-label, .jqvmap-pin { pointer-events: none; } .jqvmap-label { position: absolute; display: none; border-radius: 3px; background: #292929; color: #ffffff; font-size: smaller; padding: 3px; } .jqvmap-zoomin, .jqvmap-zoomout { position: absolute; left: 10px; border-radius: 13px; background: #35cd3a; padding: 6px 7px; color: #ffffff; cursor: pointer; line-height: 10px; text-align: center; font-size: 14px; } .jqvmap-zoomin { top: 15px; } .jqvmap-zoomout { top: 45px; } .jqvmap-region { cursor: pointer; } .jqvmap-ajax_response { width: 100%; height: 500px; } .list-group .list-group-header { font-size: 12px; font-weight: 600; padding: 0.75rem 1rem; } .list-group .list-group-item { display: flex; align-items: stretch; border-width: 1px 0; border-color: #ebecec; } .list-group .list-group-item-figure { align-self: start; display: flex; align-items: center; color: #a9acb0; } .list-group .list-group-item-body { flex: 1; min-width: 0; align-self: center; font-size: 0.875rem; } .list-group .list-group-item-text { margin-bottom: 0; line-height: 1.25rem; color: #686f76; } .list-group-file-item .list-group-item { padding: 0px; } .list-group-file-item .list-group-item-figure { padding: 0.75rem 1rem; } .list-group-file-item .list-group-item-body { padding: 0.75rem 0; } .list-group-bordered .list-group-item { border: 1px solid #e3ebf6; } .list-group-bordered .list-group-item.active { background: #1572E8; border-color: #1572E8; } .list-group-lg .list-group-item { padding-top: 1.5rem; padding-bottom: 1.5rem; } .selectgroup { display: inline-flex; } .selectgroup-item { flex-grow: 1; position: relative; font-weight: 400 !important; } .selectgroup-item + .selectgroup-item { margin-left: -1px; } .selectgroup-item:not(:first-child) .selectgroup-button { border-top-left-radius: 0; border-bottom-left-radius: 0; } .selectgroup-item:not(:last-child) .selectgroup-button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .selectgroup-input { opacity: 0; position: absolute; z-index: -1; top: 0; left: 0; } .selectgroup-button { display: block; border: 1px solid rgba(0, 40, 100, 0.12); text-align: center; padding: 0.375rem 1rem; position: relative; cursor: pointer; border-radius: 3px; color: #9aa0ac; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 14px; line-height: 1.5rem; min-width: 2.375rem; } .selectgroup-button-icon { padding-left: 0.5rem; padding-right: 0.5rem; font-size: 1rem; } .selectgroup-input:checked + .selectgroup-button { border-color: #1572E8; z-index: 1; color: #1572E8; background: rgba(21, 114, 232, 0.15); } .selectgroup-input:focus + .selectgroup-button { border-color: #1572E8; z-index: 2; color: #1572E8; box-shadow: 0 0 0 2px rgba(21, 114, 232, 0.25); } .selectgroup-pills { flex-wrap: wrap; align-items: flex-start; } .selectgroup-pills .selectgroup-item { margin-right: 0.5rem; flex-grow: 0; } .selectgroup-pills .selectgroup-button { border-radius: 50px !important; } .selectgroup.selectgroup-primary .selectgroup-input:checked + .selectgroup-button { border-color: #1572E8; color: #1572E8; background: rgba(21, 114, 232, 0.15); } .selectgroup.selectgroup-primary .selectgroup-input:focus + .selectgroup-button { border-color: #1572E8; color: #1572E8; box-shadow: 0 0 0 2px rgba(21, 114, 232, 0.25); } .selectgroup.selectgroup-secondary .selectgroup-input:checked + .selectgroup-button { border-color: #6861CE; color: #6861CE; background: rgba(104, 97, 206, 0.15); } .selectgroup.selectgroup-secondary .selectgroup-input:focus + .selectgroup-button { border-color: #6861CE; color: #6861CE; box-shadow: 0 0 0 2px rgba(104, 97, 206, 0.25); } .selectgroup.selectgroup-info .selectgroup-input:checked + .selectgroup-button { border-color: #48ABF7; color: #48ABF7; background: rgba(72, 171, 247, 0.15); } .selectgroup.selectgroup-info .selectgroup-input:focus + .selectgroup-button { border-color: #48ABF7; color: #48ABF7; box-shadow: 0 0 0 2px rgba(72, 171, 247, 0.25); } .selectgroup.selectgroup-success .selectgroup-input:checked + .selectgroup-button { border-color: #31CE36; color: #31CE36; background: rgba(49, 206, 54, 0.15); } .selectgroup.selectgroup-success .selectgroup-input:focus + .selectgroup-button { border-color: #31CE36; color: #31CE36; box-shadow: 0 0 0 2px rgba(49, 206, 54, 0.25); } .selectgroup.selectgroup-warning .selectgroup-input:checked + .selectgroup-button { border-color: #FFAD46; color: #FFAD46; background: rgba(255, 173, 70, 0.15); } .selectgroup.selectgroup-warning .selectgroup-input:focus + .selectgroup-button { border-color: #FFAD46; color: #FFAD46; box-shadow: 0 0 0 2px rgba(255, 173, 70, 0.25); } .selectgroup.selectgroup-danger .selectgroup-input:checked + .selectgroup-button { border-color: #F25961; color: #F25961; background: rgba(242, 89, 97, 0.15); } .selectgroup.selectgroup-danger .selectgroup-input:focus + .selectgroup-button { border-color: #F25961; color: #F25961; box-shadow: 0 0 0 2px rgba(242, 89, 97, 0.25); } .colorinput { margin: 0; position: relative; cursor: pointer; } .colorinput-input { position: absolute; z-index: -1; opacity: 0; } .colorinput-color { display: inline-block; width: 1.75rem; height: 1.75rem; border-radius: 3px; border: 1px solid rgba(0, 40, 100, 0.12); color: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } .colorinput-color:before { content: ""; opacity: 0; position: absolute; top: 0.25rem; left: 0.25rem; height: 1.25rem; width: 1.25rem; transition: 0.3s opacity; background: 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") no-repeat center center/50% 50%; } .colorinput-input:checked ~ .colorinput-color:before { opacity: 1; } .colorinput-input:focus ~ .colorinput-color { border-color: #467fcf; box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25); } .imagecheck { margin: 0; position: relative; cursor: pointer; } .imagecheck-input { position: absolute; z-index: -1; opacity: 0; } .imagecheck-figure { border: 1px solid rgba(0, 40, 100, 0.12); border-radius: 3px; margin: 0; position: relative; } .imagecheck-input:focus ~ .imagecheck-figure { border-color: #1572E8; box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25); } .imagecheck-input:checked ~ .imagecheck-figure { border-color: rgba(0, 40, 100, 0.24); } .imagecheck-figure:before { content: ""; position: absolute; top: 0.25rem; left: 0.25rem; display: block; width: 1rem; height: 1rem; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #1572E8 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") no-repeat center center/50% 50%; color: #fff; z-index: 1; border-radius: 3px; opacity: 0; transition: 0.3s opacity; } .imagecheck-input:checked ~ .imagecheck-figure:before { opacity: 1; } .imagecheck-image { max-width: 100%; opacity: 0.64; transition: 0.3s opacity; } .imagecheck-image:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .imagecheck-image:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .imagecheck:hover .imagecheck-image { opacity: 1; } .imagecheck-input:focus ~ .imagecheck-figure .imagecheck-image, .imagecheck-input:checked ~ .imagecheck-figure .imagecheck-image { opacity: 1; } .imagecheck-caption { text-align: center; padding: 0.25rem 0.25rem; color: #9aa0ac; font-size: 0.875rem; transition: 0.3s color; } .imagecheck:hover .imagecheck-caption { color: #495057; } .imagecheck-input:focus ~ .imagecheck-figure .imagecheck-caption, .imagecheck-input:checked ~ .imagecheck-figure .imagecheck-caption { color: #495057; } .loader, .is-loading:after { display: block; width: 1.5rem; height: 1.5rem; background: transparent; border: 3px solid #6861CE; border-bottom-color: transparent; border-radius: 50%; -webkit-animation: 1s spin linear infinite; animation: 1s spin linear infinite; } .loader-lg, .is-loading-lg:after { width: 2rem; height: 2rem; border-width: 5px; } .loader-sm, .is-loading-sm:after { width: 1rem; height: 1rem; border-width: 2px; } .is-loading { position: relative; color: transparent !important; } .is-loading > * { opacity: 0.2 !important; } .is-loading:after { position: absolute; top: calc(50% - 0.75rem); left: calc(50% - 0.75rem); content: ""; } .is-loading-lg:after { top: calc(50% - 1rem); left: calc(50% - 1rem); } .is-loading-sm:after { top: calc(50% - 0.5rem); left: calc(50% - 0.5rem); } .btn-default.is-loading:after, .card-default.is-loading:after, .btn-primary.is-loading:after, .card-primary.is-loading:after, .btn-secondary.is-loading:after, .card-secondary.is-loading:after, .btn-info.is-loading:after, .card-info.is-loading:after, .btn-success.is-loading:after, .card-success.is-loading:after, .btn-warning.is-loading:after, .card-warning.is-loading:after, .btn-danger.is-loading:after, .card-danger.is-loading:after, .loader-default, .is-loading-default:after, .loader-primary, .is-loading-primary:after, .loader-secondary, .is-loading-secondary:after, .loader-info, .is-loading-info:after, .loader-success, .is-loading-success:after, .loader-warning, .is-loading-warning:after, .loader-danger, .is-loading-danger:after { border-bottom-color: transparent !important; } .btn-default.is-loading:after, .card-default.is-loading:after, .btn-primary.is-loading:after, .card-primary.is-loading:after, .btn-secondary.is-loading:after, .card-secondary.is-loading:after, .btn-info.is-loading:after, .card-info.is-loading:after, .btn-success.is-loading:after, .card-success.is-loading:after, .btn-warning.is-loading:after, .card-warning.is-loading:after, .btn-danger.is-loading:after, .card-danger.is-loading:after { border-color: #fff; } .loader-default, .is-loading-default:after { border-color: #1a2035; } .loader-primary, .is-loading-primary:after { border-color: #1572E8; } .loader-secondary, .is-loading-secondary:after { border-color: #6861CE; } .loader-info, .is-loading-info:after { border-color: #48ABF7; } .loader-success, .is-loading-success:after { border-color: #31CE36; } .loader-warning, .is-loading-warning:after { border-color: #FFAD46; } .loader-danger, .is-loading-danger:after { border-color: #F25961; } @-webkit-keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* jQuery Ui */ .ui-draggable-handle { touch-action: none; } .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:after, .ui-helper-clearfix:before { 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: -0.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-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; touch-action: none; } .ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted #000; } .ui-sortable-handle { touch-action: none; } .ui-slider { position: relative; text-align: left; background: #ddd; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1em; height: 1em; cursor: default; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 0.7em; display: block; border: 0; background-position: 0 0; } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: 0.4em; } .ui-slider-horizontal .ui-slider-handle { top: -0.4em; margin-left: -0.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: 0.8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-left: 0; margin-bottom: -0.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-slider-handle { background: #ffffff; background: linear-gradient(to bottom, #ffffff 0, #f7f7f7 100%); border-radius: 50px; box-shadow: 0 1px 4px 0 #9191ab !important; } .ui-slider-handle:focus { background: #ffffff; background: linear-gradient(to bottom, #ffffff 0, #f7f7f7 100%); border-radius: 50px; box-shadow: 0 1px 4px 0 #9191ab !important; } /* jQuery Scrollbar */ .scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; } .scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important; } .scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; } .scroll-element { display: none; box-sizing: content-box; } .scroll-element div { box-sizing: content-box; } .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; } .scroll-element .scroll-arrow, .scroll-element .scroll-bar { cursor: default; } .scroll-textarea { border: 1px solid #ccc; border-top-color: #999; } .scroll-textarea > .scroll-content { overflow: hidden !important; } .scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: 0; padding: 2px; position: relative !important; top: 0; width: 100% !important; } .scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; } .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0; } .scrollbar-inner > .scroll-element { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-inner > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-x { bottom: 2px; height: 7px; left: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size, .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y { height: 100%; right: 2px; top: 0; width: 7px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size, .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; } .scrollbar-inner > .scroll-element .scroll-bar, .scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track { border-radius: 5px; } .scrollbar-inner > .scroll-element .scroll-bar { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.4; } .scrollbar-inner > .scroll-element .scroll-element_track { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.4; background-color: #e0e0e0; } .scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; } .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar, .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; } .scrollbar-outer > .scroll-element { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; background-color: #ffffff; } .scrollbar-outer > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-outer > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; width: 100%; } .scrollbar-outer > .scroll-element.scroll-y { height: 100%; right: 0; top: 0; width: 12px; } .scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 7px; top: 2px; } .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 7px; } .scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eee; } .scrollbar-outer > .scroll-element .scroll-bar, .scrollbar-outer > .scroll-element .scroll-element_outer, .scrollbar-outer > .scroll-element .scroll-element_track { border-radius: 5px; } .scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; } .scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; } .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } .scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; } .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size, .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; } .scrollbar-outer > .scroll-content.scroll-scrollx_visible { top: -12px; margin-top: 12px; } .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size, .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; } .scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; } .scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; } .scrollbar-macosx > .scroll-element { background: 0 0; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-macosx > .scroll-element div { background: 0 0; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-macosx > .scroll-element .scroll-element_track { display: none; } .scrollbar-macosx > .scroll-element .scroll-bar { background-color: #6C6E71; display: block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; border-radius: 7px; transition: opacity 0.2s linear; } .scrollbar-macosx:hover > .scroll-element .scroll-bar { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; } .scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; } .scrollbar-macosx > .scroll-element.scroll-x { bottom: 0; height: 0; left: 0; min-width: 100%; overflow: visible; width: 100%; } .scrollbar-macosx > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 0; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; } .scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; } .scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } .scrollbar-light > .scroll-element { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; background-color: #ffffff; } .scrollbar-light > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-light > .scroll-element .scroll-element_outer { border-radius: 10px; } .scrollbar-light > .scroll-element .scroll-element_size { background: linear-gradient(to right, #dbdbdb 0, #e8e8e8 100%); border-radius: 10px; } .scrollbar-light > .scroll-element.scroll-x { bottom: 0; height: 17px; left: 0; min-width: 100%; width: 100%; } .scrollbar-light > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 17px; } .scrollbar-light > .scroll-element .scroll-bar { background: linear-gradient(to right, #fefefe 0, #f5f5f5 100%); border: 1px solid #dbdbdb; border-radius: 10px; } .scrollbar-light > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; } .scrollbar-light > .scroll-content.scroll-scrollx_visible { top: -17px; margin-top: 17px; } .scrollbar-light > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 0; } .scrollbar-light > .scroll-element.scroll-y .scroll-bar { left: 0; min-height: 10px; width: 10px; } .scrollbar-light > .scroll-element.scroll-x .scroll-element_outer { height: 12px; left: 2px; top: 2px; } .scrollbar-light > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-light > .scroll-element.scroll-y .scroll-element_outer { left: 2px; top: 2px; width: 12px; } .scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size, .scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; } .scrollbar-light > .scroll-element.scroll-y .scroll-element_size { top: -4px; } .scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size, .scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; } .scrollbar-rail > .scroll-element { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; background-color: #ffffff; } .scrollbar-rail > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-rail > .scroll-element .scroll-element_size { background-color: #999; background-color: rgba(0, 0, 0, 0.3); } .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size { background-color: #666; background-color: rgba(0, 0, 0, 0.5); } .scrollbar-rail > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; min-width: 100%; padding: 3px 0 2px; width: 100%; } .scrollbar-rail > .scroll-element.scroll-y { height: 100%; min-height: 100%; padding: 0 2px 0 3px; right: 0; top: 0; width: 12px; } .scrollbar-rail > .scroll-element .scroll-bar { background-color: #d0b9a0; border-radius: 2px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); } .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); } .scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; } .scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 1px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 1px; min-height: 10px; width: 10px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 15px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 5px; top: -10px; width: 2px; } .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size, .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; } .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size, .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; } .scrollbar-dynamic > .scroll-element { background: 0 0; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-dynamic > .scroll-element div { background: 0 0; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-dynamic > .scroll-element.scroll-x { bottom: 2px; height: 7px; left: 0; min-width: 100%; width: 100%; } .scrollbar-dynamic > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 2px; top: 0; width: 7px; } .scrollbar-dynamic > .scroll-element .scroll-element_outer { opacity: 0.3; border-radius: 12px; } .scrollbar-dynamic > .scroll-element .scroll-element_size { background-color: #ccc; opacity: 0; border-radius: 12px; transition: opacity 0.2s; } .scrollbar-dynamic > .scroll-element .scroll-bar { background-color: #6c6e71; border-radius: 7px; } .scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar { bottom: 0; height: 7px; min-width: 24px; top: auto; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar { left: auto; min-height: 24px; right: 0; width: 7px; } .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer { bottom: 0; top: auto; left: 2px; transition: height 0.2s; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer { left: auto; right: 0; top: 2px; transition: width 0.2s; } .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size { top: -4px; } .scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; } .scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer, .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer { overflow: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; } .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size, .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size { opacity: 1; } .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar, .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar { height: 100%; width: 100%; border-radius: 12px; } .scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer { height: 20px; min-height: 7px; } .scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer { min-width: 7px; width: 20px; } .scrollbar-chrome > .scroll-element { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; background-color: #ffffff; } .scrollbar-chrome > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-chrome > .scroll-element .scroll-element_track { background: #f1f1f1; border: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-x { bottom: 0; height: 16px; left: 0; min-width: 100%; width: 100%; } .scrollbar-chrome > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 16px; } .scrollbar-chrome > .scroll-element .scroll-bar { background-color: #d9d9d9; border: 1px solid #bdbdbd; cursor: default; border-radius: 2px; } .scrollbar-chrome > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; border-color: #a9a9a9; } .scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; border-color: #7e7e7e; } .scrollbar-chrome > .scroll-content.scroll-scrolly_visible { left: -16px; margin-left: 16px; } .scrollbar-chrome > .scroll-content.scroll-scrollx_visible { top: -16px; margin-top: 16px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-bar { height: 5px; min-width: 10px; top: 3px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-bar { left: 3px; min-height: 10px; width: 5px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer { border-left: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track { height: 14px; left: -3px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size { height: 14px; left: -4px; } .scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size, .scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer { border-top: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track { top: -3px; width: 14px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size { top: -4px; width: 14px; } .scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size, .scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; } /*! * animate.css -http://daneden.me/animate * Version - 3.6.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } to { transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } to { transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0); } } @keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } .swing { transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } @keyframes tada { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { transform: translate3d(0, 0, 0); } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: translate3d(0, 0, 0); } } @keyframes wobble { from { transform: translate3d(0, 0, 0); } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: translate3d(0, 0, 0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { transform: translate3d(0, 0, 0); } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { transform: translate3d(0, 0, 0); } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: translate3d(0, 0, 0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: translate3d(0, 0, 0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: translate3d(0, 0, 0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } @keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { transform: perspective(400px); } } @keyframes flipInY { from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } to { transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes lightSpeedIn { from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } to { transform: translate3d(0, 0, 0); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: translate3d(0, 0, 0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: left bottom; transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: left bottom; transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: right bottom; transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: right bottom; transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: left bottom; transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: left bottom; transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform-origin: right bottom; transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform-origin: right bottom; transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes jackInTheBox { from { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } to { opacity: 1; transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } to { opacity: 1; transform: scale(1); } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /* Sweet Alert */ .swal-footer { text-align: center !important; margin-bottom: 20px !important; } /* Datatable */ table.dataTable { clear: both; margin-top: 15px !important; margin-bottom: 15px !important; max-width: none !important; border-collapse: separate !important; } table.dataTable td, table.dataTable th { box-sizing: content-box; } table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty { text-align: center; } table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; } div.dataTables_wrapper div.dataTables_length label { font-weight: normal; text-align: left; white-space: nowrap; } div.dataTables_wrapper div.dataTables_length select { width: 75px; display: inline-block; } div.dataTables_wrapper div.dataTables_filter { text-align: right; } div.dataTables_wrapper div.dataTables_filter label { font-weight: normal; white-space: nowrap; text-align: left; } div.dataTables_wrapper div.dataTables_filter input { margin-left: 0.5em; display: inline-block; width: auto; } div.dataTables_wrapper div.dataTables_info { padding-top: 0.85em; white-space: nowrap; } div.dataTables_wrapper div.dataTables_paginate { margin: 0; white-space: nowrap; text-align: right; } div.dataTables_wrapper div.dataTables_paginate ul.pagination { margin: 2px 0; white-space: nowrap; justify-content: flex-end; } div.dataTables_wrapper div.dataTables_processing { position: absolute; top: 50%; left: 50%; width: 200px; margin-left: -100px; margin-top: -26px; text-align: center; padding: 1em 0; } table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting { padding-right: 30px; } table.dataTable thead > tr > th:active, table.dataTable thead > tr > td:active { outline: none; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { cursor: pointer; position: relative; } table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after { position: absolute; bottom: 0.9em; display: block; opacity: 0.5; } table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before { right: 1em; content: "\2191"; font-size: 15px; } table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { right: 0.5em; content: "\2193"; font-size: 15px; } table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after { opacity: 1; } table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:after { opacity: 0; } div.dataTables_scrollHead table.dataTable { margin-bottom: 0 !important; } div.dataTables_scrollBody table { border-top: none; margin-top: 0 !important; margin-bottom: 0 !important; } div.dataTables_scrollBody table thead .sorting:after, div.dataTables_scrollBody table thead .sorting_asc:after, div.dataTables_scrollBody table thead .sorting_desc:after { display: none; } div.dataTables_scrollBody table tbody tr:first-child th, div.dataTables_scrollBody table tbody tr:first-child td { border-top: none; } div.dataTables_scrollFoot > .dataTables_scrollFootInner { box-sizing: content-box; } div.dataTables_scrollFoot > .dataTables_scrollFootInner > table { margin-top: 0 !important; border-top: none; } @media screen and (max-width: 767px) { div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate { text-align: center; margin-top: 11px; margin-bottom: 10px; } div.dataTables_wrapper div div.dataTables_paginate ul.pagination { flex-wrap: wrap !important; justify-content: center !important; } div.dataTables_wrapper div div.dataTables_paginate ul.pagination li { margin-bottom: 10px; } div.dataTables_wrapper div div.dataTables_paginate ul.pagination li a { font-size: 11px; } } table.dataTable.table-sm > thead > tr > th { padding-right: 20px; } table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before { top: 5px; right: 0.85em; } table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after { top: 5px; } table.table-bordered.dataTable th, table.table-bordered.dataTable td { border-left-width: 0; } table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child { border-right-width: 0; } table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td { border-bottom-width: 0; } div.dataTables_scrollHead table.table-bordered { border-bottom-width: 0; } div.table-responsive > div.dataTables_wrapper > div.row { margin: 0; } div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child, div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child { padding-left: 0; padding-right: 0; } /* Responsive */ @media screen and (max-width: 576px) { .row-card-no-pd [class*=col-] .card:before { width: calc(100% - 30px) !important; right: 15px !important; height: 1px !important; } .row-card-no-pd [class*=col-]:first-child .card:before { display: none !important; } } @media screen and (min-width: 991px) { .main-panel.full-height > .content, .main-panel.full-height > .content-full { margin-top: 0; } .main-panel.full-height .navbar-header { min-height: 62px; } .logo-header { line-height: 57px; } .toggle-nav-search { display: none; } #search-nav { display: block !important; } .sidebar .scroll-element { opacity: 0; transition: all 0.2s; } .sidebar:hover .scroll-element { opacity: 1; } .sidebar[data-background-color]:before { background: rgba(255, 255, 255, 0.2) !important; z-index: 1000; } } @media screen and (max-width: 991px) { .main-header[data-background-color] .navbar-header { border-top: 1px solid rgba(0, 0, 0, 0.1); } .sidebar { position: fixed; left: 0 !important; right: 0; transform: translate3d(-270px, 0, 0) !important; transition: all 0.5s; margin-top: 0px; } .sidebar:before { background: none; } .nav_open .sidebar { transform: translate3d(0px, 0, 0) !important; border-right: 1px solid #f1f1f1; } .sidebar .sidebar-wrapper { padding-top: 0px; } .sidebar .sidebar-wrapper .sidebar-content { padding-top: 0px !important; } .sidebar .sidebar-wrapper .scroll-element.scroll-y { top: 0px !important; } .nav_open { overflow: hidden !important; } .nav_open .wrapper { overflow-x: hidden; } .nav_open .main-panel, .nav_open .main-header { transform: translate3d(250px, 0, 0) !important; } .quick_sidebar_open .quick-sidebar { width: 350px; } .main-header { transition: all 0.5s; } #search-nav { margin: 0 auto !important; } .main-panel { width: 100%; transition: all 0.5s; } .main-panel .page-header .dropdown-menu:after { right: 16px !important; } .page-inner { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .page-sidebar { background: #fff; } .logo-header { display: flex; width: 100% !important; text-align: left; position: relative; padding-left: 15px; padding-right: 15px; } .logo-header .logo { position: absolute; left: 50%; transform: translateX(-50%); } .logo-header .navbar-toggler { height: 100%; margin-left: 0px !important; opacity: 1; display: block; order: 1; } .logo-header .more { opacity: 1; color: #545454; cursor: pointer; display: inline-block; line-height: 56px; order: 3; width: unset; margin-left: auto; } .logo-header .navbar-brand { position: unset !important; margin-right: 0px; } .nav-search { width: 100%; margin-right: 0 !important; } .navbar-header { position: absolute; width: 100%; transform: translate3d(0, -200px, 0) !important; transition: all 0.5s; } .topbar_open .navbar-header { transform: translate3d(0, 61px, 0) !important; padding: 6px; } .topbar_open .navbar-header .navbar-nav > .nav-item .nav-link i { font-size: 19px; } .topbar_open .navbar-header .navbar-nav > .nav-item:last-child .nav-link { padding: 0px !important; } .topbar_open .navbar-header .navbar-nav > .nav-item:last-child .quick-sidebar-toggler { padding-left: 5px !important; } .topbar_open .toggle-nav-search { display: list-item; } .topbar_open #search-nav { text-align: center; width: 100%; padding: 10px 15px 0px; order: 1; } .topbar_open .main-panel { transform: translate3d(0, 62px, 0) !important; } .topbar_open > .content { margin-top: 0px !important; } .nav_open.topbar_open .main-panel { transform: translate3d(250px, 60px, 0) !important; } .navbar-header .navbar-nav { width: 100%; flex-direction: row; justify-content: center; margin-left: 0px !important; position: relative; } .navbar-header .navbar-nav .dropdown { position: unset; } .navbar-header .navbar-nav .dropdown-menu { position: absolute; left: 0; right: 0; margin: 0 auto; max-width: 280px; } .profile-pic span { display: none; } .nav-toggle { display: none; } .page-title { font-size: 18px; } .card .card-title { font-size: 18px; } .mail-wrapper .mail-option .email-filters-left { width: 50%; } .mail-wrapper .mail-option .email-filters-left .btn-group { margin-bottom: 10px; } /* Dropzone */ .dropzone { padding: 20px 15px !important; } .dropzone .dz-message .message { font-size: 23px; } .dropzone .dz-message .note { font-size: 15px; } } @media screen and (min-width: 856px) { .mail-wrapper .aside-nav { display: block !important; } } @media screen and (max-width: 856px) { .mail-wrapper { flex-direction: column; } .mail-wrapper .page-aside { width: 100%; height: unset; min-height: unset; border-bottom: 1px solid #eee; border-left: 0; border-right: 0; background: transparent; padding-top: 0px; padding-bottom: 0px; } .mail-wrapper .page-aside .aside-header { padding-top: 25px; padding-bottom: 25px; background: #f1f1f1; } .mail-wrapper .page-aside .aside-nav { background: #ffffff; padding-top: 15px; padding-bottom: 15px; } .mail-wrapper .mail-content { width: 100%; } .mail-wrapper .mail-content .inbox-head { flex-direction: column; align-items: left; } .mail-wrapper .mail-content .inbox-head h3 { font-size: 18px; } .mail-wrapper .mail-content .inbox-head form { margin-left: 0px !important; margin-top: 15px; } .mail-wrapper .mail-content .email-head h3 { font-size: 18px; } .mail-wrapper .mail-content .email-compose-fields { padding: 20px 15px; } .mail-wrapper .mail-option { flex-direction: column; } .mail-wrapper .mail-option .email-filters-left { width: 100%; margin-bottom: 10px; } .mail-wrapper .toggle-email-nav { display: inline-block !important; } .mail-wrapper .table-inbox tr td .badge { margin-top: 5px; float: left; } } @media screen and (max-width: 767px) { .wizard-container { margin-left: 15px; margin-right: 15px; } .main-panel .page-header { flex-direction: column; align-items: normal; position: relative; min-height: 43px; justify-content: center; } .main-panel .page-header .breadcrumbs { margin-left: 0px; padding-top: 15px; padding-left: 5px; padding-bottom: 0px; border-left: 0px; } .main-panel .page-header .btn-group-page-header { position: absolute; right: 0px; } .footer .container-fluid, .footer .container-sm, .footer .container-md, .footer .container-lg, .footer .container-xl { flex-direction: column; } .footer .container-fluid .copyright, .footer .container-sm .copyright, .footer .container-md .copyright, .footer .container-lg .copyright, .footer .container-xl .copyright { margin-left: 0 !important; margin-top: 10px; margin-bottom: 15px; } } @media screen and (max-width: 576px) { #chart-container { min-height: 250px; } .form-check-inline { display: flex; flex-direction: column; align-items: left; } #calendar .fc-toolbar { display: flex; flex-direction: column; } #calendar .fc-toolbar .fc-left, #calendar .fc-toolbar .fc-right, #calendar .fc-toolbar .fc-center { margin: auto; margin-bottom: 15px; } #calendar .fc-toolbar .fc-left { order: 1; } #calendar .fc-toolbar .fc-right { order: 3; } #calendar .fc-toolbar .fc-center { order: 2; } .conversations .conversations-body { padding: 1.5rem 1rem; } } @media screen and (max-width: 350px) { .quick_sidebar_open .quick-sidebar { width: 100%; padding: 20px; } } /* Background Body */ body { background: #f9fbfd; } body[data-background-color=bg1] { background: #f9fbfd; } body[data-background-color=bg2] { background: #ffffff; } body[data-background-color=bg3] { background: #f1f1f1; } body[data-background-color=dark] { background: #1a2035; } body[data-background-color=dark] .main-header { box-shadow: 0px 0px 5px #121727; } body[data-background-color=dark] .main-panel { color: rgba(169, 175, 187, 0.82) !important; } body[data-background-color=dark] .main-panel label { color: #fff !important; } body[data-background-color=dark] .card, body[data-background-color=dark] .row-card-no-pd, body[data-background-color=dark] .list-group-item, body[data-background-color=dark] .timeline > li > .timeline-panel { background: #202940; } body[data-background-color=dark] .card-pricing2 { background: #202940 !important; } body[data-background-color=dark] .row-card-no-pd [class*=col] .card:before { background: rgba(181, 181, 181, 0.1) !important; } body[data-background-color=dark] .card .card-header, body[data-background-color=dark] .card .card-footer, body[data-background-color=dark] .card .card-action, body[data-background-color=dark] .card-profile .user-stats [class^=col], body[data-background-color=dark] .timeline > li > .timeline-panel, body[data-background-color=dark] .table td, body[data-background-color=dark] .table th, body[data-background-color=dark] .breadcrumbs, body[data-background-color=dark] .separator-dashed, body[data-background-color=dark] .separator-solid, body[data-background-color=dark] .separator-dot, body[data-background-color=dark] .list-group .list-group-item, body[data-background-color=dark] .conversations .messages-form, body[data-background-color=dark] .mail-wrapper .mail-content .inbox-body .email-list .email-list-item, body[data-background-color=dark] .page-with-aside .page-aside, body[data-background-color=dark] .mail-wrapper .mail-content .email-head, body[data-background-color=dark] .mail-wrapper .mail-content .email-sender, body[data-background-color=dark] .main-panel .page-divider { border-color: rgba(181, 181, 181, 0.1) !important; } body[data-background-color=dark] .timeline > li > .timeline-panel:before { border-left-color: rgba(181, 181, 181, 0.1); border-right-color: rgba(181, 181, 181, 0.1); } body[data-background-color=dark] .timeline > li > .timeline-panel:after { border-left-color: #202940; border-right-color: #202940; } body[data-background-color=dark] .page-title, body[data-background-color=dark] .breadcrumbs li a { color: rgba(169, 175, 187, 0.82); } body[data-background-color=dark] .page-category { color: #828282; } body[data-background-color=dark] .card-title, body[data-background-color=dark] .card-title a, body[data-background-color=dark] .card-title a:hover, body[data-background-color=dark] .card-title a:focus { color: #fff; } body[data-background-color=dark] .card-category { color: #8b92a9; } body[data-background-color=dark] .card-default, body[data-background-color=dark] .card-primary, body[data-background-color=dark] .card-secondary, body[data-background-color=dark] .card-info, body[data-background-color=dark] .card-success, body[data-background-color=dark] .card-warning, body[data-background-color=dark] .card-danger { color: #fff; } body[data-background-color=dark] .card-default .card-title, body[data-background-color=dark] .card-default .card-category, body[data-background-color=dark] .card-primary .card-title, body[data-background-color=dark] .card-primary .card-category, body[data-background-color=dark] .card-secondary .card-title, body[data-background-color=dark] .card-secondary .card-category, body[data-background-color=dark] .card-info .card-title, body[data-background-color=dark] .card-info .card-category, body[data-background-color=dark] .card-success .card-title, body[data-background-color=dark] .card-success .card-category, body[data-background-color=dark] .card-warning .card-title, body[data-background-color=dark] .card-warning .card-category, body[data-background-color=dark] .card-danger .card-title, body[data-background-color=dark] .card-danger .card-category { color: #fff; } body[data-background-color=dark] .nav-pills .nav-link:not(.active) { background: #fff; } body[data-background-color=dark] .card-pricing .specification-list li { border-color: #373d4c; } body[data-background-color=dark] .input-group-text { border-color: #2f374b !important; background-color: #1f283e; color: #fff; } body[data-background-color=dark] .input-solid { background: #363b4c !important; border-color: #363b4c !important; } body[data-background-color=dark] .list-group-messages .list-group-item-title a, body[data-background-color=dark] .list-group .list-group-item-text { color: inherit; } body[data-background-color=dark] .footer { border-top: 1px solid #293247; background: #1f283e; } body[data-background-color=dark] .form-control, body[data-background-color=dark] .form-group-default, body[data-background-color=dark] .select2-container--bootstrap .select2-selection { background-color: #1a2035; color: #fff; border-color: #2f374b; } body[data-background-color=dark] .bootstrap-tagsinput { background: transparent; } body[data-background-color=dark] .selectgroup-button { border: 1px solid #2f374b; } body[data-background-color=dark] .conversations .message-header { background: #1a2035; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.07); } body[data-background-color=dark] .conversations .conversations-content { color: #575962; border-color: #2e364a; } body[data-background-color=dark] .mail-wrapper .mail-content .inbox-body .email-list .email-list-item.unread { background: #1f283e !important; } body[data-background-color=dark] .mail-wrapper .mail-content .inbox-body .email-list .email-list-item:hover { background: #171e2f !important; } body[data-background-color=dark] .page-with-aside .page-aside .aside-nav .nav > li:hover, body[data-background-color=dark] .page-with-aside .page-aside .aside-nav .nav > li:focus, body[data-background-color=dark] .page-with-aside .page-aside .aside-nav .nav > li.active { background: rgba(0, 0, 0, 0.03); } body[data-background-color=dark] .page-with-aside .page-aside .aside-nav .nav > li.active > a { color: #b9babf !important; } body[data-background-color=dark] .board { color: #575962; } /* Background */ .bg-dark { background-color: #1a2035 !important; } .bg-dark2 { background-color: #1f283e !important; } .bg-primary { background-color: #1572E8 !important; } .bg-primary2 { background-color: #1269DB !important; } .bg-secondary { background-color: #6861CE !important; } .bg-secondary2 { background-color: #5C55BF !important; } .bg-info { background-color: #48ABF7 !important; } .bg-info2 { background-color: #3697E1 !important; } .bg-success { background-color: #31CE36 !important; } .bg-success2 { background-color: #2BB930 !important; } .bg-warning { background-color: #FFAD46 !important; } .bg-warning2 { background-color: #FF9E27 !important; } .bg-danger { background-color: #F25961 !important; } .bg-danger2 { background-color: #EA4d56 !important; } .bg-grey1 { background: #f9fbfd !important; } .bg-grey2 { background: #f1f1f1; } .bg-dark-gradient { background: #1f283e !important; background: linear-gradient(-45deg, #0A0B11, #1f283e) !important; } .bg-primary-gradient { background: #1572E8 !important; background: linear-gradient(-45deg, #06418E, #1572E8) !important; } .bg-secondary-gradient { background: #6861CE !important; background: linear-gradient(-45deg, #2A20AC, #6861CE) !important; } .bg-info-gradient { background: #48ABF7 !important; background: linear-gradient(-45deg, #0A5A97, #48ABF7) !important; } .bg-success-gradient { background: #31CE36 !important; background: linear-gradient(-45deg, #179D08, #31CE36) !important; } .bg-warning-gradient { background: #FFAD46 !important; background: linear-gradient(-45deg, #E1810B, #FFAD46) !important; } .bg-danger-gradient { background: #F25961 !important; background: linear-gradient(-45deg, #E80A15, #F25961) !important; } .btn { padding: 0.5rem 1.1rem; font-size: 14px; opacity: 1; border-radius: 3px; } .btn--circle { width: 35px; height: 35px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .btn-icon { font-size: 0.9375rem; height: 2.5125rem; line-height: normal; min-width: 2.5125rem; overflow: hidden; padding: 0; position: relative; width: 2.5125rem; display: flex; justify-content: center; align-items: center; } .btn-danger-custom { background-color: #FFE2E5; color: #F64E60; border-color: transparent; } .btn-danger-custom:hover { color: #ffffff; background-color: #F64E60; border-color: transparent; } .btn-primary-custom { color: #3699FF; background-color: #E1F0FF; border-color: transparent; } .btn-primary-custom:hover { color: #FFFFFF; background-color: #3699FF; border-color: transparent; } .btn-success-custom { color: #1BC5BD; background-color: #C9F7F5; border-color: transparent; } .btn-success-custom:hover { color: #ffffff; background-color: #1BC5BD; border-color: transparent; } .btn-secondary-custom { color: #7b7f95; background-color: #F3F6F9; border-color: #F3F6F9; } .btn-secondary-custom:hover { background-color: #7b7f95; color: white; } .btn-soft-primary { color: #008aff; border-color: #cce8ff; background-color: #cce8ff; box-shadow: none; } .btn-soft-primary:hover { color: #fff; border-color: #008aff; background-color: #008aff; box-shadow: 0 4px 11px rgba(204, 232, 255, 0.35); } .btn-soft-primary:focus, .btn-soft-primary.focus { box-shadow: none, 0 0 0 0 rgba(6, 125, 227, 0.5); } .btn-soft-primary.disabled, .btn-soft-primary:disabled { color: #008aff; border-color: #cce8ff; background-color: #cce8ff; } .btn-soft-primary:not(:disabled):not(.disabled):active, .btn-soft-primary:not(:disabled):not(.disabled).active, .show > .btn-soft-primary.dropdown-toggle { color: #fff; border-color: #008aff; background-color: #008aff; } .btn-soft-primary:not(:disabled):not(.disabled):active:focus, .btn-soft-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-soft-primary.dropdown-toggle:focus { box-shadow: none, 0 0 0 0 rgba(6, 125, 227, 0.5); } .btn-soft-secondary { color: #eaecf3; border-color: #fbfbfd; background-color: #fbfbfd; box-shadow: none; } .btn-soft-secondary:hover { color: #273444; border-color: #eaecf3; background-color: #eaecf3; box-shadow: 0 4px 11px rgba(251, 251, 253, 0.35); } .btn-soft-secondary:focus, .btn-soft-secondary.focus { box-shadow: none, 0 0 0 0 rgba(205, 208, 217, 0.5); } .btn-soft-secondary.disabled, .btn-soft-secondary:disabled { color: #eaecf3; border-color: #fbfbfd; background-color: #fbfbfd; } .btn-soft-secondary:not(:disabled):not(.disabled):active, .btn-soft-secondary:not(:disabled):not(.disabled).active, .show > .btn-soft-secondary.dropdown-toggle { color: #273444; border-color: #eaecf3; background-color: #eaecf3; } .btn-soft-secondary:not(:disabled):not(.disabled):active:focus, .btn-soft-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-soft-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(205, 208, 217, 0.5); } .btn-soft-success { color: #1bc5bd; background-color: #c9f7f5; box-shadow: none; } .btn-soft-success:hover { color: white; background-color: #1bc5bd; box-shadow: 0 4px 11px rgba(222, 244, 237, 0.35); } .btn-soft-success.disabled, .btn-soft-success:disabled { color: #5cc9a7; border-color: #def4ed; background-color: #def4ed; } .btn-soft-success:not(:disabled):not(.disabled):active, .btn-soft-success:not(:disabled):not(.disabled).active, .show > .btn-soft-success.dropdown-toggle { color: #fff; border-color: #5cc9a7; background-color: #5cc9a7; } .btn-soft-success:not(:disabled):not(.disabled):active:focus, .btn-soft-success:not(:disabled):not(.disabled).active:focus, .show > .btn-soft-success.dropdown-toggle:focus { box-shadow: none, 0 0 0 0 rgba(84, 179, 152, 0.5); } .btn-soft-info { color: #50b5ff; border-color: #dcf0ff; background-color: #dcf0ff; box-shadow: none; } .btn-soft-info:hover { color: #fff; border-color: #50b5ff; background-color: #50b5ff; box-shadow: 0 4px 11px rgba(220, 240, 255, 0.35); } .btn-soft-info:focus, .btn-soft-info.focus { box-shadow: none, 0 0 0 0 rgba(74, 162, 227, 0.5); } .btn-soft-info.disabled, .btn-soft-info:disabled { color: #50b5ff; border-color: #dcf0ff; background-color: #dcf0ff; } .btn-soft-info:not(:disabled):not(.disabled):active, .btn-soft-info:not(:disabled):not(.disabled).active, .show > .btn-soft-info.dropdown-toggle { color: #fff; border-color: #50b5ff; background-color: #50b5ff; } .btn-soft-info:not(:disabled):not(.disabled):active:focus, .btn-soft-info:not(:disabled):not(.disabled).active:focus, .show > .btn-soft-info.dropdown-toggle:focus { box-shadow: none, 0 0 0 0 rgba(74, 162, 227, 0.5); } .btn-soft-warning { color: #ffbe3d; border-color: #fff2d8; background-color: #fff2d8; box-shadow: none; } .btn-soft-warning:hover { color: #fff; border-color: #ffbe3d; background-color: #ffbe3d; box-shadow: 0 4px 11px rgba(255, 242, 216, 0.35); } .btn-soft-warning:focus, .btn-soft-warning.focus { box-shadow: none, 0 0 0 0 rgba(223, 169, 62, 0.5); } .btn-soft-warning.disabled, .btn-soft-warning:disabled { color: #ffbe3d; border-color: #fff2d8; background-color: #fff2d8; } .btn-soft-warning:not(:disabled):not(.disabled):active, .btn-soft-warning:not(:disabled):not(.disabled).active, .show > .btn-soft-warning.dropdown-toggle { color: #fff; border-color: #ffbe3d; background-color: #ffbe3d; } .btn-soft-warning:not(:disabled):not(.disabled):active:focus, .btn-soft-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-soft-warning.dropdown-toggle:focus { box-shadow: none, 0 0 0 0 rgba(223, 169, 62, 0.5); } .btn-soft-danger { color: #f25767; border-color: #fcdde1; background-color: #fcdde1; box-shadow: none; } .btn-soft-danger:hover { color: #fff; border-color: #f25767; background-color: #f25767; box-shadow: 0 4px 11px rgba(252, 221, 225, 0.35); } .btn-soft-danger:focus, .btn-soft-danger.focus { box-shadow: none, 0 0 0 0 rgba(212, 82, 98, 0.5); } .btn-soft-danger.disabled, .btn-soft-danger:disabled { color: #f25767; border-color: #fcdde1; background-color: #fcdde1; } .btn-soft-danger:not(:disabled):not(.disabled):active, .btn-soft-danger:not(:disabled):not(.disabled).active, .show > .btn-soft-danger.dropdown-toggle { color: #fff; border-color: #f25767; background-color: #f25767; } .btn-soft-danger:not(:disabled):not(.disabled):active:focus, .btn-soft-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-soft-danger.dropdown-toggle:focus { box-shadow: none, 0 0 0 0 rgba(212, 82, 98, 0.5); } .btn-soft-light { color: #eaecf3; border-color: #fbfbfd; background-color: #fbfbfd; box-shadow: none; } .btn-soft-light:hover { color: #273444; border-color: #eaecf3; background-color: #eaecf3; box-shadow: 0 4px 11px rgba(251, 251, 253, 0.35); } .btn-soft-light:focus, .btn-soft-light.focus { box-shadow: none, 0 0 0 0 rgba(205, 208, 217, 0.5); } .btn-soft-light.disabled, .btn-soft-light:disabled { color: #eaecf3; border-color: #fbfbfd; background-color: #fbfbfd; } .btn-soft-light:not(:disabled):not(.disabled):active, .btn-soft-light:not(:disabled):not(.disabled).active, .show > .btn-soft-light.dropdown-toggle { color: #273444; border-color: #eaecf3; background-color: #eaecf3; } .btn-soft-light:not(:disabled):not(.disabled):active:focus, .btn-soft-light:not(:disabled):not(.disabled).active:focus, .show > .btn-soft-light.dropdown-toggle:focus { box-shadow: none, 0 0 0 0 rgba(205, 208, 217, 0.5); } .btn-soft-dark { color: #171347; border-color: #d1d0da; background-color: #d1d0da; box-shadow: none; } .btn-soft-dark:hover { color: #fff; border-color: #171347; background-color: #171347; box-shadow: 0 4px 11px rgba(209, 208, 218, 0.35); } .btn-soft-dark:focus, .btn-soft-dark.focus { box-shadow: none, 0 0 0 0 rgba(25, 24, 71, 0.5); } .btn-soft-dark.disabled, .btn-soft-dark:disabled { color: #171347; border-color: #d1d0da; background-color: #d1d0da; } .btn-soft-dark:not(:disabled):not(.disabled):active, .btn-soft-dark:not(:disabled):not(.disabled).active, .show > .btn-soft-dark.dropdown-toggle { color: #fff; border-color: #171347; background-color: #171347; } .btn-soft-dark:not(:disabled):not(.disabled):active:focus, .btn-soft-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-soft-dark.dropdown-toggle:focus { box-shadow: none, 0 0 0 0 rgba(25, 24, 71, 0.5); } .btn-soft-neutral { color: #fff; border-color: white; background-color: white; box-shadow: none; } .btn-soft-neutral:hover { color: #273444; border-color: #fff; background-color: #fff; box-shadow: 0 4px 11px rgba(255, 255, 255, 0.35); } .btn-soft-neutral:focus, .btn-soft-neutral.focus { box-shadow: none, 0 0 0 0 rgba(223, 225, 227, 0.5); } .btn-soft-neutral.disabled, .btn-soft-neutral:disabled { color: #fff; border-color: white; background-color: white; } .btn-soft-neutral:not(:disabled):not(.disabled):active, .btn-soft-neutral:not(:disabled):not(.disabled).active, .show > .btn-soft-neutral.dropdown-toggle { color: #273444; border-color: #fff; background-color: #fff; } .btn-soft-neutral:not(:disabled):not(.disabled):active:focus, .btn-soft-neutral:not(:disabled):not(.disabled).active:focus, .show > .btn-soft-neutral.dropdown-toggle:focus { box-shadow: none, 0 0 0 0 rgba(223, 225, 227, 0.5); } .btn-soft-white { color: #fff; border-color: white; background-color: white; box-shadow: none; } .btn-soft-white:hover { color: #273444; border-color: #fff; background-color: #fff; box-shadow: 0 4px 11px rgba(255, 255, 255, 0.35); } .btn-soft-white:focus, .btn-soft-white.focus { box-shadow: none, 0 0 0 0 rgba(223, 225, 227, 0.5); } .btn-soft-white.disabled, .btn-soft-white:disabled { color: #fff; border-color: white; background-color: white; } .btn-soft-white:not(:disabled):not(.disabled):active, .btn-soft-white:not(:disabled):not(.disabled).active, .show > .btn-soft-white.dropdown-toggle { color: #273444; border-color: #fff; background-color: #fff; } .btn-soft-white:not(:disabled):not(.disabled):active:focus, .btn-soft-white:not(:disabled):not(.disabled).active:focus, .show > .btn-soft-white.dropdown-toggle:focus { box-shadow: none, 0 0 0 0 rgba(223, 225, 227, 0.5); } .form-control.focus, .form-control:focus { border-color: #36a3f7; } .form-group label { font-size: 14px; } .form-control[readonly]::-moz-placeholder, .form-control::-moz-placeholder { color: #9699a2; opacity: 1; font-family: Poppins, serif; } .form-control[readonly]:-ms-input-placeholder, .form-control:-ms-input-placeholder { color: #9699a2; opacity: 1; font-family: Poppins, serif; } .form-control[readonly]::placeholder, .form-control::placeholder { color: #9699a2; opacity: 1; font-family: Poppins, serif; } .error-message { width: 100%; margin-top: 0.25rem; font-size: 80%; color: #e3342f; } .badge { font-size: 80%; font-weight: 700; line-height: 1; display: inline-block; padding: 0.35rem 0.5rem; 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; text-align: center; vertical-align: baseline; white-space: nowrap; border-radius: 0.375rem; } @media (prefers-reduced-motion: reduce) { .badge { transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.875em; padding-left: 0.875em; border-radius: 50rem; } .badge-primary { color: #fff; background-color: #008aff; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #006ecc; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0 rgba(0, 138, 255, 0.5); } .badge-secondary { color: #273444; background-color: #eaecf3; } a.badge-secondary:hover, a.badge-secondary:focus { color: #273444; background-color: #cacfe0; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0 rgba(234, 236, 243, 0.5); } .badge-success { color: #fff; background-color: #5cc9a7; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #3cb690; } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0 rgba(92, 201, 167, 0.5); } .badge-info { color: #fff; background-color: #50b5ff; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #1d9fff; } a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0 rgba(80, 181, 255, 0.5); } .badge-warning { color: #fff; background-color: #ffbe3d; } a.badge-warning:hover, a.badge-warning:focus { color: #fff; background-color: #ffad0a; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0 rgba(255, 190, 61, 0.5); } .badge-danger { color: #fff; background-color: #f25767; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #ee283c; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0 rgba(242, 87, 103, 0.5); } .badge-light { color: #273444; background-color: #eaecf3; } a.badge-light:hover, a.badge-light:focus { color: #273444; background-color: #cacfe0; } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0 rgba(234, 236, 243, 0.5); } .badge-dark { color: #fff; background-color: #171347; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #0a081f; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0 rgba(23, 19, 71, 0.5); } .badge-neutral { color: #273444; background-color: #fff; } a.badge-neutral:hover, a.badge-neutral:focus { color: #273444; background-color: #e6e6e6; } a.badge-neutral:focus, a.badge-neutral.focus { outline: 0; box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } .badge-white { color: #273444; background-color: #fff; } a.badge-white:hover, a.badge-white:focus { color: #273444; background-color: #e6e6e6; } a.badge-white:focus, a.badge-white.focus { outline: 0; box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } .badge-soft-primary { color: #008aff; background-color: #cce8ff; } .badge-soft-primary[href]:hover, .badge-soft-primary[href]:focus { text-decoration: none; color: #008aff; background-color: #b3ddff; } .badge-soft-secondary { color: #eaecf3; background-color: #fbfbfd; } .badge-soft-secondary[href]:hover, .badge-soft-secondary[href]:focus { text-decoration: none; color: #eaecf3; background-color: #eaeaf5; } .badge-soft-success { color: #5cc9a7; background-color: #def4ed; } .badge-soft-success[href]:hover, .badge-soft-success[href]:focus { text-decoration: none; color: #5cc9a7; background-color: #cbeee3; } .badge-soft-info { color: #50b5ff; background-color: #dcf0ff; } .badge-soft-info[href]:hover, .badge-soft-info[href]:focus { text-decoration: none; color: #50b5ff; background-color: #c3e5ff; } .badge-soft-warning { color: #ffbe3d; background-color: #fff2d8; } .badge-soft-warning[href]:hover, .badge-soft-warning[href]:focus { text-decoration: none; color: #ffbe3d; background-color: #ffeabf; } .badge-soft-danger { color: #f25767; background-color: #fcdde1; } .badge-soft-danger[href]:hover, .badge-soft-danger[href]:focus { text-decoration: none; color: #f25767; background-color: #fac6cc; } .badge-soft-light { color: #eaecf3; background-color: #fbfbfd; } .badge-soft-light[href]:hover, .badge-soft-light[href]:focus { text-decoration: none; color: #eaecf3; background-color: #eaeaf5; } .badge-soft-dark { color: #171347; background-color: #d1d0da; } .badge-soft-dark[href]:hover, .badge-soft-dark[href]:focus { text-decoration: none; color: #171347; background-color: #c3c2cf; } .badge-soft-neutral { color: #fff; background-color: white; } .badge-soft-neutral[href]:hover, .badge-soft-neutral[href]:focus { text-decoration: none; color: #fff; background-color: #f2f2f2; } .badge-soft-white { color: #fff; background-color: white; } .badge-soft-white[href]:hover, .badge-soft-white[href]:focus { text-decoration: none; color: #fff; background-color: #f2f2f2; } .label { padding: 0; margin: 0; display: inline-flex; justify-content: center; align-items: center; height: 20px; width: 20px; border-radius: 50%; font-size: 0.8rem; background-color: #ebedf3; color: #3f4254; font-weight: 400; height: 20px; width: 20px; font-size: 0.8rem; } .label.label-primary { color: #fff; background-color: #3699ff; } .label.label-outline-primary { background-color: transparent; color: #3699ff; border: 1px solid #3699ff; } .label.label-outline-primary.label-outline-2x { border: 2px solid #3699ff; } .label.label-light-primary { color: #3699ff; background-color: #e1f0ff; } .label.label-secondary { color: #3f4254; background-color: #e4e6ef; } .label.label-outline-secondary { background-color: transparent; color: #3f4254; border: 1px solid #e4e6ef; } .label.label-outline-secondary.label-outline-2x { border: 2px solid #e4e6ef; } .label.label-light-secondary { color: #e4e6ef; background-color: #ebedf3; } .label.label-success { color: #fff; background-color: #1bc5bd; } .label.label-outline-success { background-color: transparent; color: #1bc5bd; border: 1px solid #1bc5bd; } .label.label-outline-success.label-outline-2x { border: 2px solid #1bc5bd; } .label.label-light-success { color: #1bc5bd; background-color: #c9f7f5; } .label.label-info { color: #fff; background-color: #8950fc; } .label.label-outline-info { background-color: transparent; color: #8950fc; border: 1px solid #8950fc; } .label.label-outline-info.label-outline-2x { border: 2px solid #8950fc; } .label.label-light-info { color: #8950fc; background-color: #eee5ff; } .label.label-warning { color: #fff; background-color: #ffa800; } .label.label-outline-warning { background-color: transparent; color: #ffa800; border: 1px solid #ffa800; } .label.label-outline-warning.label-outline-2x { border: 2px solid #ffa800; } .label.label-light-warning { color: #ffa800; background-color: #fff4de; } .label.label-danger { color: #fff; background-color: #f64e60; } .label.label-outline-danger { background-color: transparent; color: #f64e60; border: 1px solid #f64e60; } .label.label-outline-danger.label-outline-2x { border: 2px solid #f64e60; } .label.label-light-danger { color: #f64e60; background-color: #ffe2e5; } .label.label-light { color: #7e8299; background-color: #f3f6f9; } .label.label-outline-light { background-color: transparent; color: #3f4254; border: 1px solid #f3f6f9; } .label.label-outline-light.label-outline-2x { border: 2px solid #f3f6f9; } .label.label-light-light { color: #f3f6f9; background-color: #f3f6f9; } .label.label-dark { color: #fff; background-color: #181c32; } .label.label-outline-dark { background-color: transparent; color: #181c32; border: 1px solid #181c32; } .label.label-outline-dark.label-outline-2x { border: 2px solid #181c32; } .label.label-light-dark { color: #181c32; background-color: #d1d3e0; } .label.label-white { color: #3f4254; background-color: #fff; } .label.label-outline-white { background-color: transparent; color: #fff; border: 1px solid #fff; } .label.label-outline-white.label-outline-2x { border: 2px solid #fff; } .label.label-light-white { color: #fff; background-color: #fff; } .label.label-inline { width: auto; padding: 0.15rem 0.75rem; border-radius: 0.42rem; } .label.label-inline.label-md { padding: 0.8rem 0.6rem; } .label.label-inline.label-lg { padding: 0.9rem 0.75rem; } .label.label-inline.label-xl { padding: 1rem 0.85rem; } .label.label-pill { border-radius: none; } .label.label-rounded { border-radius: 0.42rem; } .label.label-square { border-radius: 0; } .label.label-dot { display: inline-block; font-size: 0 !important; vertical-align: middle; text-align: center; } .label.label-inline { width: auto; } .label.label-dot { line-height: 6px; min-height: 6px; min-width: 6px; height: 6px; width: 6px; } .label.label-sm { height: 16px; width: 16px; font-size: 0.75rem; } .label.label-sm.label-inline { width: auto; } .label.label-sm.label-dot { line-height: 4px; min-height: 4px; min-width: 4px; height: 4px; width: 4px; } .label.label-lg { height: 24px; width: 24px; font-size: 0.9rem; } .label.label-lg.label-inline { width: auto; } .label.label-lg.label-dot { line-height: 8px; min-height: 8px; min-width: 8px; height: 8px; width: 8px; } .label.label-xl { height: 28px; width: 28px; font-size: 1rem; } .label.label-xl.label-inline { width: auto; } .label.label-xl.label-dot { line-height: 10px; min-height: 10px; min-width: 10px; height: 10px; width: 10px; } .auth { min-height: 100vh; } .auth__content { max-width: 500px; } .auth__aside { background-color: #ecf0f1; min-height: 100vh; } .auth__aside--yellow { background-color: #f5f0e6; } .auth__aside--light { background-color: #eaf6ff; } .auth__aside svg { width: 500px; } .auth__aside__content { font-size: 1.6rem; text-align: center; color: #031b4e; flex: 1; margin: auto; } .auth__aside__text-content { line-height: 24px; font-size: 1.3rem; font-weight: 500; text-align: center; } .filter-option-inner-inner { color: #656363 !important; } .bootstrap-select.form-control { border: 1px solid #ced4da !important; } table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc_disabled:before { right: 1em; content: "\2191"; font-size: 15px; top: 18px; } table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc_disabled:after { right: 0.5em; content: "\2193"; font-size: 15px; top: 18px; } .dot-small { width: 15px; height: 15px; border-radius: 50%; } .dot-xs { width: 5px; height: 5px; border-radius: 50%; } .icon-sm { font-size: 13px; } .icon-md { font-size: 20px; } .no-shadow { box-shadow: none; } .sidebar-content li.nav-item a p, .sidebar-content li.nav-item a i { color: #031b4e !important; } .no-underline { text-decoration: none; } .no-underline:hover { text-decoration: none; } ul.no-bullet { list-style-type: none; } /** Border **/ .bt-0 { border-top: 0px; } .bb-0 { border-bottom: 0; } .font-bold { font-weight: bold; } html body { font-family: "DM Sans", sans-serif !important; }